@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------#Title.imp*/
#Title {background-image:url(/kaigai/business/asset/images/dst/imp_mainphoto.jpg);background-position: center right;background-repeat: no-repeat;width:100%;margin-bottom: 30px;}
@media screen and (max-width: 1300px) {
#Title{
	background-size:70%;}
}
@media screen and (min-width: 1560px) {
#Title  {
    background-position: right 10% center;
}
}
#Title h2 {width: 45%;margin: 0 auto 0 0;padding-bottom: 20px !important;}
#Title h2:before {content:"";display: block;background-image:url(/kaigai/business/asset/images/logo_imp.png);width: 180px;height: 35px;background-repeat: no-repeat;background-position: center;background-size: contain;margin: 0 auto;margin-bottom: 10px;}
#Title .box {margin: 0 auto;padding-top: 3%;width: 90%;max-width: 90%;}
@media screen and (min-width: 1400px) {
#Title .box {
    width: 80%;
    max-width: 80%;
}
}
@media screen and (max-width: 1200px) {
#Title .box {
    width: 1020px;
    max-width: 1020px;
}
}
#Title .box .GeneralTtl { padding-bottom: 30px; }
#Title .box .GeneralTtl .main{padding-bottom: 8px;border: none;margin-bottom: 0;}
#Title .box .GeneralTtl .main strong{ font-size: 34px;}
#Title .box .GeneralTtl .sub{ font-size: 14px;}

#Title .box .maintxt { text-align:center; font-size: 16px; line-height: 2.2; width: 45%; margin: 0 auto 0 0; padding-bottom:45px}
#Title .box .btnGlobal { width: 45%; margin: 0 auto 0 0; }
#Title .btnGlobal a { font-size: 14px; padding: 14px 25px 12px 20px; }
#Title .box .btnGlobal strong { display: block; font-weight: normal; font-size: 22px; }

/*---------------------------------------------------#Carrier*/
#Carrier {width: 85%;min-width: 1020px;margin:0 auto;margin-bottom: 80px;display: flex;align-items: center;}
@media screen and (min-width: 1300px) {
#Carrier {
    width: 70%;
}
}
@media screen and (min-width: 1540px) {
#Carrier {
    width:1160px;
}
}

#Carrier h2 {display:flex;width: 280px;height: 280px;background-image:url(/kaigai/business/asset/images/bg_gray_paper.jpg);border-radius: 50%;flex-direction: column;justify-content: center;align-items: center;}
#Carrier h2 .main { margin-left: 0; margin-top: 0; font-size: 16px; text-align: center; }
#Carrier h2 .main strong { font-weight: normal; font-size: 20px; }
#Carrier h2 .sub { color: #000; font-size: 12px; text-align: center; line-height: 1.8; padding-top: 10px; letter-spacing: 2px; }
#Carrier .MainTab {display: flex;justify-content: end;flex: 1;flex-wrap: wrap;margin-left: 20px;}
#Carrier .MainTab li {position:relative;-webkit-transition: all .3s ease-out;border-radius:3px;text-align: center;padding: 15px 10px;margin: 0 5px;border: 2px solid #d2d2d2;width: 47%;box-sizing: border-box;margin-bottom: 10px;}
#Carrier .MainTab li:after{position: absolute;right: 8px;top:50%;margin-top: -0.8em;content:"\f105";font-family:FontAwesome;font-size: 30px;}
#Carrier .MainTab li:hover { cursor:pointer; border-color: #ddd; }
#Carrier .MainTab li p {font-weight: bold;display: flex;align-items: center;justify-content: space-evenly;}
#Carrier .MainTab li p:before {content:"";display: block;width: 100px;height: 32px;background-size: contain;background-repeat: no-repeat;background-position: center;}
#Carrier .MainTab li p span{ flex-grow: 1;}
#Carrier .MainTab li a{ text-decoration:none; }



/*---------------------------------------------------Lineup*/
#Lineup{background-image:url(/kaigai/business/asset/images/bg_gray_paper.jpg); padding-top:60px; padding-bottom:50px;}
#Lineup .sec {padding-top:10px;margin-bottom: 80px;width:1020px; margin:0 auto;}

#RefineSearch #Nav{
    border-color: #e0e0e0;
}
#RefineSearch #Nav .Entry + .Entry{ border-color: #e0e0e0;}
#RefineSearch #NavHead #allClear{
    border-color: #c7c790;
}

.ctcms .Entry{padding-bottom: 60px;}
.ctcms .linkArea:hover .btn a{ background-color:#78456D; border-color:#78456D; color:#fff;}
.subCarrier {width: 100%;display: flex;padding-top: 5px;font-weight: bold;position: absolute;bottom: 0;}
.subCarrier a:before{content:"";display: block;width: 105px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.subCarrier a {position: relative;display: flex;text-decoration: none;padding: 5px 8px;width: 100%;box-sizing: content-box;border-radius: 3px;text-align: center;background-color: #fff;align-items: center;border: 2px solid #fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.4);}
.subCarrier a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
.subCarrier a:hover {}
.subCarrier a p{flex-grow: 1;font-size: 12px;}

.ctcms .Entry.TK .subCarrier a:before{width: 115px;}
.ctcms .Entry.SK .subCarrier a:before{height: 30px;width: 50px;}
.ctcms .Entry.QR .subCarrier a:before{height: 22px;}
.ctcms .Entry.LX .subCarrier a:before{width: 54px;}