/*

Main Visual
.expand-canvas
  .control
  .canvas-frame

Section
.sec-service
.sec-aboutus
.sec-group
.sec-news

*/

/* Main Visual
= = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .expand-canvas
- - - - - - - - - - - - - - - - - - - - - - - - - - - */


.home .main-visual-in{
position: relative;
/*outline: 2px dashed #6C6BFF;*/
 width: 1920px;
 height: 948px;
 margin-left: auto;
 margin-right: auto;
}
.home .main-visual-in .expand-canvas{
position: absolute;
 top: 0;left: 0;right: 0;bottom: 0;
 z-index: 20;
}

.home .main-visual-in .expand-canvas .screen {
  /*
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -50%;
  */
  width: 100%;
  height:auto;
}


.home .main-visual-in .expand-canvas .screen img{width:100%; height: auto;}


/* catchcopy */

.home .main-visual-in .catchcopy {
  position: absolute;
  left:0;
  right:0;
  top:145px;
  z-index: 30;
  background: linear-gradient(to right,rgba(0,72,145,.7),rgba(0,72,145,.0));
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.home .main-visual-in .catchcopy .wrapper p{
font-size: 4.5rem;
line-height: 1.7;
color: #fff;
font-weight: 700;
text-shadow: 2px 3px 0 rgba(0,0,0,.7);
}


@media only screen and (max-width: 1920px) {

.home .main-visual-in{
position: relative;
/*outline: 2px dashed #6C6BFF;*/
 width: 100%;
 height: auto;
 margin-left: auto;
 margin-right: auto;
}

/* catchcopy */

.home .main-visual-in .catchcopy {
  top:7.55vw;
  padding-top:2.08vw;
  padding-bottom:2.08vw;
}

.home .main-visual-in .catchcopy .wrapper p{
font-size:clamp(3rem, 3.91vw, 4.5rem);
}



}/*1920*/

@media only screen and (max-width: 1600px) {
/*
.home .main-visual-in .catchcopy .wrapper{
margin-left:10vw;
}
*/

}/*1600*/


@media only screen and (max-width: 768px) {

/*
.home .main-visual-in{
 width:100%;
 height:49.38vw;
 margin-left: auto;
 margin-right: auto;
}
*/


/* catchcopy */

.home .main-visual-in .catchcopy {
  top:7vw;
  padding-top:2.6vw;
  padding-bottom:2.6vw;
}

.home .main-visual-in .catchcopy .wrapper{
margin-left:20px;
margin-right:20px;
}


.home .main-visual-in .catchcopy .wrapper p{
font-size: clamp(1.6rem, 3.91vw, 3rem);
line-height: 1.6;
text-shadow: 1px 2px 0 rgba(0,0,0,.7);
}


}/*768*/






/* Section
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

body.home .contents{
/*margin-top: 58vw !important;*/
/*outline: 2px dashed #C555FF;*/
}

body.home .top_h2{
font-size: 3.4rem;
color:#0068B7;
font-weight: 600;
font-family: "Noto Serif", serif;
background:linear-gradient(to right,rgba(230,235,242,.8),rgba(230,235,242,.5));
padding: 10px ;
border-left:4px solid #0068B7;
}





@media only screen and (max-width: 1920px) {
body.home .contents{
padding-top: 56vw !important;
}


}/* 1920 */


@media only screen and (max-width: 768px) {

body.home .contents{
padding-top: 60vw !important;
}


body.home .top_h2{
font-size:clamp(2.4rem, 4.43vw, 3.4rem);
}
}/*768*/


/**/
body.home .link_top{
margin-top: 3rem;
}
body.home .link_top a{
font-size: 1.6rem;
vertical-align: middle;
}
body.home .link_top>a>span{
font-size: 1.2rem;
vertical-align:0.2rem;
}




/*  list_news
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

body.home .list_news{
font-size: 1.6rem;
border-top: 1px solid #ccc;
margin-top: 4rem;
}

body.home .list_news li{
display: flex;
padding:15px 5px;
border-bottom: 1px solid #ccc;
}

body.home .list_news time{
font-size: 1.4rem;
display:inline-block;
margin-top: 5px;
width: 125px;
}
body.home .list_news .label{
font-size: 1.2rem;
width: 100px;
display: inline-block;
font-weight: 700;
line-height: 24px;
text-align: center;
border: 1px solid #000000;
margin-right: 10px;
}
body.home .list_news .label.topics{color: #FF6FA4;border-color: #FF6FA4;}
body.home .list_news .label.pressRelease{color: #2E87F4;border-color: #2E87F4;}
body.home .list_news .label.newsletter{color: #A04BD7;border-color: #A04BD7;}
body.home .list_news .label.notice{color: #27AE3A;border-color: #27AE3A;}

body.home .list_news .info{
margin-top: 5px;
line-height: 1.8;
}

@media only screen and (max-width: 768px) {

body.home .list_news{
margin-top: 3rem;
}

body.home .list_news li{
display: block;
padding:10px 5px;
}
body.home .list_news .label{
line-height: 20px;
}

}/*768*/



@media only screen and (max-width: 768px) {
body.home .list_news{
margin-top: 2rem;
}

}/*480*/



/* link_ourBusiness
- - - - - - - - - - - - - - - - - - - - - - - - - - - */


body.home .link_ourBusiness{
flex-wrap: wrap;
justify-content:flex-start;
margin-top:4rem;
}

body.home .link_ourBusiness li{
width:calc(100% / 3);
text-align: center;
}

body.home .link_ourBusiness li.extra{ 
width:66.66666%;
}

body.home .link_ourBusiness li .div_position{
position: relative;
}

body.home .link_ourBusiness li .div_position>p{
font-size: 2rem;
line-height: 1.3;
color: #fff;
width: 90%;
 position: absolute;
 top: 50%;
 left: 50%;
 font-weight: 500;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
z-index: 10;
text-shadow: 0 0 10px rgba(0,0,0,.5);
}

body.home .link_ourBusiness li .div_position>p{
font-size:4rem;
font-weight: 300;
}


.link_ourBusiness li .div_position .div_img::after{
content:'';
background:rgba(0,150,220,.8);
position: absolute;
 top: 0;left: 0;right: 0;bottom: 0;
}
.link_ourBusiness li.domestic .div_position .div_img::after{background:rgba(0,149,117,.8);}
.link_ourBusiness li.consulting .div_position .div_img::after{background:rgba(105,201,16,.8);}
.link_ourBusiness li.inhouse .div_position .div_img::after{background:rgba(250,160,20,.8);}
.link_ourBusiness li.warehouse .div_position .div_img::after{background:rgba(139,56,40,.8);}
.link_ourBusiness li.forwarder .div_position .div_img::after{background:rgba(199,31,40,.8);}
.link_ourBusiness li.ship-agency .div_position .div_img::after{background:rgba(119,104,207,.8);}
.link_ourBusiness li.extra .div_position .div_img::after{background:rgba(119,104,207,.0);}


.link_ourBusiness li a:hover .div_position .div_img::after,
.link_ourBusiness li.is_active .div_position .div_img::after{
background:rgba(0,150,220,.3);
transition:all .2s;
}
.link_ourBusiness li.domestic a:hover .div_position .div_img::after,
.link_ourBusiness li.domestic.is_active .div_position .div_img::after{
background:rgba(0,149,117,.3);
}
.link_ourBusiness li.consulting a:hover .div_position .div_img::after,
.link_ourBusiness li.consulting.is_active .div_position .div_img::after{
background:rgba(105,201,16,.3);
}
.link_ourBusiness li.inhouse a:hover .div_position .div_img::after,
.link_ourBusiness li.inhouse.is_active .div_position .div_img::after{
background:rgba(250,160,20,.3);
}
.link_ourBusiness li.warehouse a:hover .div_position .div_img::after,
.link_ourBusiness li.warehouse.is_active .div_position .div_img::after{
background:rgba(139,56,40,.3);
}
.link_ourBusiness li.forwarder a:hover .div_position .div_img::after,
.link_ourBusiness li.forwarder.is_active .div_position .div_img::after{
background:rgba(199,31,40,.3);
}
.link_ourBusiness li.ship-agency a:hover .div_position .div_img::after,
.link_ourBusiness li.ship-agency.is_active .div_position .div_img::after{
background:rgba(119,104,207,.3);
}

.link_ourBusiness li .div_position img{
width: 100%;
}





@media only screen and (max-width:768px) {

body.home .link_ourBusiness{
flex-wrap: wrap;
justify-content:flex-start;
margin-top: 3rem;
}



body.home .link_ourBusiness li .div_position>p{
font-size: clamp(1.7rem, 3.13vw, 2.4rem);
font-weight: 500;
}

}/*768*/



@media only screen and (max-width:480px) {

body.home .link_ourBusiness{margin-top: 2rem;}

}/*480*/


/* link_about
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.link_about{
display: flex;
justify-content: space-between;
margin-top:4rem;
}

.link_about li{
width:calc(100% / 3);
text-align: center;
}


.link_about li .div_position{
position: relative;

}

.link_about li .div_position>p{
font-size: 4rem;
font-weight: 300;
line-height: 1.3;
color: #fff;
width: 90%;
 position: absolute;
 top: 65%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
z-index: 10;
text-shadow: 0 0 10px rgba(0,0,0,.5);
}


.link_about li .div_position .div_img::after{
content:'';
background:rgba(0,104,183,.99);
position: absolute;
top: 50%;left: 0;right: 0;bottom: 0;
border-radius: 50% / 0 0 100% 100%;
}


.link_about li a:hover{
opacity: .7;
}

.link_about li .div_position img{
width: 100%;
}





@media only screen and (max-width:768px) {

.link_about{
margin-top:3rem;
}

.link_about li .div_position>p{
font-size: clamp(1.6rem, 3.13vw, 2.4rem);
font-weight: 500;
}

}/*768*/



@media only screen and (max-width:480px) {
.link_about{margin-top:2rem;}

}/*480*/



/* box_about
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.box_about{
margin-top:6rem;
display: flex;
justify-content: space-between;
}

/* box_L */
.box_about .box_L{
width:60.77%;
border:1px solid #ccc;
padding: 3rem;
}
.box_about .box_L .img{
width: 60%;
float: left;
margin-right: 3rem;
margin-bottom: 3rem;
}
.box_about .box_L .img img{
width: 100%;
}
.box_about .box_L .link_top{
clear: both;
margin-top: 3rem;
}

/* box_R */
.box_about .box_R{
width:26.54%;
border:1px solid #ccc;
padding: 3rem;
}
.box_about .box_R .img{
width: 55%;
margin: 0 auto;
}
.box_about .box_R .img img{
width: 100%;
outline: 1px solid #ccc;
}

/**/
.box_about h3{
font-size: 2.6rem;
font-weight: 400;
margin-bottom: 3rem;
}



@media only screen and (max-width:768px) {

.box_about{
margin-top:4rem;
display: block;
}

/* box_L */
.box_about .box_L,
.box_about .box_R{
width:auto;
padding: 2rem;
}
.box_about .box_L .img{
width: 90%;
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 3rem;
}

/* box_R */
.box_about .box_R{
margin-top: 2rem;
}
.box_about .box_R .img{
width: 50%;
min-width: 200px;
}


.box_about h3{
font-size: clamp(2.2rem, 3.39vw, 2.6rem);
margin-bottom: 2rem;
}

}/*768*/






/* link_group
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.link_group{
display: flex;
justify-content: space-between;
margin-top:4rem;
}

.link_group li{
width:49.5%;
text-align: center;
}


.link_group li .div_position{
position: relative;

}

.link_group li .div_position>p{
font-size: 4rem;
font-weight: 300;
line-height: 1.3;
color: #000;
width: 90%;
 position: absolute;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
z-index: 10;
}

.link_group li a:hover{
opacity: .7;
}

.link_group li .div_position img{
width: 100%;
}


@media only screen and (max-width:768px) {

.link_group{margin-top:3rem;}

.link_group li .div_position>p{
font-size: clamp(1.6rem, 3.13vw, 2.4rem);
font-weight: 500;
}

}/*768*/



@media only screen and (max-width:480px) {

.link_group{margin-top:2rem;}

}/*480*/




/*  link_group_bur
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.link_group_bur{
display: flex;
justify-content:flex-end;
margin-top: 8rem;
}

.link_group_bur li{
width: 250px;
margin-left: 2rem;
}
.link_group_bur li img{
width: 100%;
}


@media only screen and (max-width:768px) {
.link_group_bur{
justify-content:center;
margin-top: 5rem;
}
.link_group_bur li{
width: 45%;
margin-left: inherit;
margin-left: 2.5%;
margin-right: 2.5%;
}
}/*768*/


@media only screen and (max-width:480px) {
.link_group_bur{
margin-top: 3rem;
}

}/*480*/




/*  list_news
- - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* .sec-service */
.sec-service {
  margin-bottom: 80px;
}
.sec-service .item {
  position: relative;
  display: block;
  width: 326px;
  height: 290px;
  float: left;
  margin-top: 1px;
  margin-left: 1px;
}
.sec-service .item.item-8 {
  width: 653px;
}
.sec-service .item:nth-child(3n+1) {
  margin-left: 0px;
}
.sec-service .item-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 326px;
  height: 290px;
}

.sec-service .item-1 .item-overlay {
  background-color: rgba(0, 179, 217, 0.9);
}
.sec-service .item-2 .item-overlay {
  background-color: rgba(0, 149, 117, 0.9);
}
.sec-service .item-3 .item-overlay {
  background-color: rgba(105, 201, 16, 0.9);
}
.sec-service .item-4 .item-overlay {
  background-color: rgba(255, 167, 39, 0.9);
}
.sec-service .item-5 .item-overlay {
  background-color: rgba(139, 56, 40, 0.9);
}
.sec-service .item-6 .item-overlay {
  background-color: rgba(199, 31, 40, 0.9);
}
.sec-service .item-7 .item-overlay {
  background-color: rgba(119,104,207,0.9);
}
.sec-service .item-8 .item-overlay {
  background-color: ;
}
.sec-service .item-9 .item-overlay {
  background-color: ;
}

/*  */
.sec-service .item-1:hover .item-overlay {
  background-color: rgba(0, 179, 217, 0.6);
}
.sec-service .item-2:hover .item-overlay {
  background-color: rgba(0, 149, 117, 0.6);
}
.sec-service .item-3:hover .item-overlay {
  background-color: rgba(105, 201, 16, 0.6);
}
.sec-service .item-4:hover .item-overlay {
  background-color: rgba(255, 167, 39, 0.6);
}
.sec-service .item-5:hover .item-overlay {
  background-color: rgba(139, 56, 40, 0.6);
}
.sec-service .item-6:hover .item-overlay {
  background-color: rgba(199, 31, 40, 0.6);
}
.sec-service .item-7:hover .item-overlay {
  background-color: rgba(119,104,207,0.6);
}
.sec-service .item-8:hover .item-overlay {
  background-color: ;
}
.sec-service .item-9:hover .item-overlay {
  background-color: ;
}

.sec-service .item-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 326px;
  height: 290px;
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .sec-service .item {
    width: 33%;
    height: auto;
    margin-left: 0.46%;
  }
  .sec-service .item:first-child {
    margin-left: 0;
  }
  .sec-service .item.item-8 {
    width: 66.4%;
  }
  .sec-service .item img {
    width: 100%;
  }
  .sec-service .item-text {
    width: 100%;
  }
  .sec-service .item-overlay {
    width: 100%;
    height: 100%;
  }
} /* 0 - 768 */


/* .sec-aboutus */
.sec-aboutus {
  margin-bottom: 30px;
}
.sec-aboutus .item {
  position: relative;
  display: block;
  width: 322px;
  height: 322px;
  float: left;
  margin-top: 1px;
  margin-left: 1px;
}
.sec-aboutus .item:nth-child(3n+1) {
  margin-left: 0px;
}
.sec-aboutus .item-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 322px;
  height: 322px;
}

@media only screen and (max-width: 768px) {
  .sec-aboutus .item {
    width: 33%;
    height: auto;
    margin-left: 0.46%;
  }
  .sec-aboutus .item:first-child {
    margin-left: 0;
  }
  .sec-aboutus .item-text {
    width: 100%;
  }
  .sec-aboutus .item img {
    width: 100%;
  }
} /* 0 - 768 */

/* .sec-group */
.sec-group {
  margin-bottom: 60px;
}
.sec-group .item {
  position: relative;
  display: block;
  width: 484px;
  height: 484px;
  float: left;
  margin-top: 1px;
  margin-left: 1px;
}
.sec-group .item:nth-child(3n+1) {
  margin-left: 0px;
}

@media only screen and (max-width: 768px) {
  .sec-group .item {
    width: 49%;
    height: auto;
    margin-left: 1%;
  }
  .sec-group .item:first-child {
    margin-left: 0;
  }
  .sec-group .item img {
    width: 100%;
  }
} /* 0 - 768 */

/* .sec-news */
.sec-news {
  margin-bottom: 60px;
}