@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
一般貨物輸送ページ
---------------------------------------------------------------------- */

.General__box2{width:80%; margin:0 auto; padding-top:50px;}
.General__box2 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}

.General__three__img{list-style:none; padding:0; margin:50px auto 40px;}
.General__three__img:after{
      display: block;
      clear: left;
      content: "";
}

.General__three__img li{float:left; width:25%; text-align:center; margin-right:20%;}
.General__three__img li:nth-of-type(1){margin-left:20%; margin-right:10%;}

.General__three__img li img{width:100%; border:5px solid #ffffff;
box-shadow: 0px 0px 10px 1px #dfdfdf;
-moz-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; display:inline-block;}

@media (min-width: 1500px) {
.General__box2{width:1200px;}
}
@media (max-width: 1200px) {
.General__box2{width:90%;}
}
@media (max-width: 980px) {
.General__box2{width:882px; margin:0; padding:50px 49px 0;}
}

.General1{margin:0 auto;width:80%;}
.General1 h3{padding:5px 0; font-size:20px; text-align:center; color:#009647; margin:0 auto; }
.General1:after{
display: block;
clear: left;
content: "";}
.General1 dl{width:49%; margin:0; float:left; border: 2px solid #cccccc; padding:10px; margin:20px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; height:158px;}
.General1 dl:nth-of-type(even){margin:20px 0 0 2%;}
.General1 dt{font-size: 18px; color: #009647; padding-bottom: 5px;}
.General1 dt h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
font-size: 18px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}
.General1 dd{margin:0; line-height:2;
background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 10px 8px; padding-left:20px;}
.General1 a:hover h3{color: #d41d23;}

@media (min-width: 1500px) {
.General1{width:1200px;}
}
@media (max-width: 1265px) {
.General1 dd{font-size:15px;
background-position: 10px 6px;}
}
@media (max-width: 1200px) {
.General1{width:90%;}
}
@media (max-width: 1050px) {
.General1 dd{font-size:14px;}
}
@media (max-width: 1000px) {
.General1 dd{font-size:13px;
background-position: 10px 5px;}
}
@media (max-width: 980px) {
.General1{width:882px; margin:0; padding:0 49px;}
}

@media (max-width: 500px) {
.General__box2{width:90%; margin:0; padding:35px 5% 0;}
.General__box2 h3{width:auto;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}
	
.General__three__img{margin:30px auto 50px; width:90%}	
.General__three__img li{float: none; width:auto; padding:0; margin:0;}
.General__three__img li:nth-of-type(1){margin:0 0 30px;}

.General1{width:90%; margin:0; padding:0 5% 0;}
.General1 h3{padding:0;}
	 
.General1 dl{width:100%; height:auto;}
.General1 dl:nth-of-type(even){margin:20px 0 0 0;}
    
.General1 dt h3{width:auto;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}

.General1 dd{background-position: 0px 5px; padding-left:10px;}   
.General1__box1{width:100%; margin:0; padding:0px 5%;}
}

@media (max-width: 379px) {
.General1 dt h3{font-size: 17px;}
}
@media (max-width: 360px) {
.General1 dt h3{font-size: 16px;}
.General1 dd{font-size:12px;}
}
@media (max-width: 342px) {
.General1 dt h3{font-size: 15px;}
}
@media (max-width: 330px) {
.General1 dd{padding-left:9px;}  
.General1 dt h3{font-size:14px;}
}