@charset "UTF-8";

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

/* ----------------------------------------------------------------------
国際輸送ページ
---------------------------------------------------------------------- */

.Kokusai01{margin:0 auto; padding-top:50px; width:80%;}
.Kokusai01__box1{width:80%; margin:0 auto; border:2px solid #cccccc; padding:0px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.Kokusai01__box1 h3{text-align:center; color:#006934;}
.Kokusai01__box1 p{line-height:1.7;}
.Kokusai1{height:300px;
background-image: url("../img/kokusai__back.png");
background-repeat: no-repeat;
background-size:cover;
background-position:center;}

.Kokusai01__box1 p span{background: linear-gradient(transparent 60%, #ffff66 60%);
background: -ms-linear-gradient(transparent 60%, #ffff66 60%);
background: -moz-linear-gradient(transparent 60%, #ffff66 60%);}

.Kokusai1__box1:after{
      display: block;
clear: both;
      content: "";}

.Kokusai1__box1{width:80%; margin:0 auto;}
.Kokusai1__box1__box1{float:left; padding-top:25px; }
.Kokusai1__box1__box1 img{border:5px solid #ffffff; height:240px;}

.Kokusai1__box1__box2{float:right; width:50%; padding-top:80px;}
.Kokusai1__box1__box2__h3{text-align:center; font-size:26px; line-height:2; margin:0; border-bottom:1px solid #000000;}
.Kokusai1__box1__box2__p{font-size:16px; line-height:1.7; margin:0; padding-top:10px;}

.Kokusai2{margin:0 auto; padding-bottom:50px;}

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

.Kokusai2__box1__box1{width:80%; margin:20px auto 0 auto;}
.Kokusai2__box1__box1 p{margin:0; line-height:1.7; padding:15px 15px 0 15px;}
.Kokusai2__box1__box1 div{text-align:center; border:2px solid #cccccc; padding:10px 0px 5px;}
.Kokusai2__box1__box1 div img{width:653px;}

.Kokusai2__box1__box2:after{
      display: block;
clear: both;
      content: "";
}
.Kokusai2__box1__box2{border:2px solid #cccccc; margin:20px auto 0 auto; padding:5px 0 5px 5px;}
.Kokusai2__box1__box2 div{float:left; width:20%;}
.Kokusai2__box1__box2 div img{display:block; width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.Kokusai2__box1__box2 p{float:right; width:76%; padding-left:2%; padding-right:2%; padding-top:5px; margin:0; line-height:1.7;}

.Kokusai2__box1__box3:after{
      display: block;
clear: left;
      content: "";
}
.Kokusai2__box1__box3 dl{float:left; width:49%; padding:15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; border:2px solid #cccccc; margin:20px 0 0 0}
.Kokusai2__box1__box3 dl:nth-of-type(odd){margin-right:2%;}
.Kokusai2__box1__box3 dt{margin:0; line-height:1.7; color:#006934;}
.Kokusai2__box1__box3 dd{margin:0; line-height:1.7;}
.phami{margin-bottom:0;}

@media (min-width: 1500px) {
.Kokusai01{width:1200px;}
.Kokusai1__box1{width:1200px;}
.Kokusai2__box1{width:1200px;}
}

@media (max-width: 1385px) {
.Kokusai1__box1__box2__h3{font-size:24px;}
}
@media (max-width: 1285px) {
.Kokusai1__box1__box2__h3{font-size:22px;}
}
@media (max-width: 1240px) {
.Kokusai1__box1__box2__p{font-size:15px; line-height:1.6;}
}
@media (max-width: 1200px) {
.Kokusai01{width:90%;}
.Kokusai1__box1{width:90%;}
.Kokusai2__box1{width:90%;}
}
@media (max-width: 1080px) {
.Kokusai1__box1__box2__h3{font-size:20px;}
}
@media (max-width: 980px) {
.Kokusai01{width:980px;}
.Kokusai01__box1{width:72%;}
.Kokusai1{width:980px;}
.Kokusai2{width:980px;}
}

@media (max-width: 500px){
.Kokusai01{width:90%; margin:0; padding:35px 5% 0;}
.Kokusai01__box1{width:100%; margin:0;}
.Kokusai01__box1 h3{width:auto; padding: 0;
border-radius: 0px;
font-size: 16px;
line-height:1.7;}

.Kokusai2{width:90%; margin:0; padding:0px 5% 0;}
  
.Kokusai2__box1{width:100%; margin:0;}
    
.Kokusai2__box1 h3{width:100%;padding: 0.4em;
              border-radius: 0px;
              font-size: 16px;
              line-height:1.7;-webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -o-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;}
      
.Kokusai2__box1__box1{width:100%;}
.Kokusai2__box1__box1 div img{width:100%;}

.Kokusai2__box1__box2{width:auto; padding:0;}
.Kokusai2__box1__box2 div{float:none; width:100%;}
.Kokusai2__box1__box2 p{float:none; width:auto; padding:10px;}
.Kokusai2__box1__box3 dl{float:none; width:100%; font-size:15px;}
}

.sec_box_4 span {
      background-color: #000000;
      color: #ffffff;
      padding: 3px;
  }

.btm_contact .kokusai dl {
    float: left;
    width: 49%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    margin: 20px 0 0 0;
  }

.btm_contact .kokusai dl:nth-of-type(2),.btm_contact .kokusai dl:nth-of-type(4) {
    margin: 20px 0 0 2%;
}

@media (max-width: 500px) {
	.btm_contact .kokusai dl {
		float: none;
        width: 100%;
        font-size: 15px;
	}

	.btm_contact .kokusai dl:nth-of-type(2), 
	.btm_contact .kokusai dl:nth-of-type(4){
		margin:20px 0 0 0;
	}
}

@media(max-width:450px){
.Kokusai2__box1__box3 dl{font-size:14px;}
}
@media(max-width:430px){
.Kokusai01__box1 h3{font-size:15px;}
.Kokusai01__box1 p{font-size:15px;}
.Kokusai2__box1__box3 dl{font-size:13px;}
}
@media(max-width:402px){
.Kokusai01__box1 h3{font-size:14px;}
.Kokusai01__box1 p{font-size:14px;}
}
@media(max-width:400px){
.Kokusai2__box1__box3 dl{padding:10px;}
.Kokusai2__box1 h3{font-size:15px;}
}
@media(max-width:385px){
.Kokusai2__box1__box3 dl{font-size:12px;}
}
@media(max-width:379px){
.Kokusai01__box1 h3{font-size:13px;}
.Kokusai01__box1 p{font-size:13px;}
}
@media(max-width:369px){
.Kokusai2__box1 h3{font-size:14px;}
}
@media(max-width:356px){
.Kokusai01__box1 h3{font-size:12px;}
.Kokusai01__box1 p{font-size:12px;}
.Kokusai2__box1__box3 dl{padding:5px;}
}
@media(max-width:340px){
.Kokusai2__box1 h3{font-size:13px;}
}
@media(max-width:332px){
.Kokusai01__box1{padding:0 8px;}
}