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

/*---------------------------------------------------Title*/
#Title {background-image:url(/kaigai/business/asset/images/dst/imp_mainphoto.jpg);background-repeat: no-repeat;background-position: top 50px center;background-size: contain;}
#Title .box {}
#Title .box + .box {}
#Title .box .GeneralTtl {position: relative;background-image: none;color: #000;padding-top: 20px;left: auto;margin: 0 auto;}
#Title .box .GeneralTtl .main{ border:none;}
#Title .box .GeneralTtl .main strong{ font-size: 8vw;}
#Title .box .GeneralTtl .main:before {content:"";display: block;background-image:url(/kaigai/business/asset/images/common/logo_imp.png);width: 170px;height: 30px;background-repeat: no-repeat;background-position: center;background-size: contain;margin: 0 auto;margin-bottom: 5px;}

#Title .box .GeneralTtl .sub{}
#Title .box .GeneralTtl .desc{ font-size: 16px;}
#Title .box .maintxt {width: 92.6%;margin: 0 auto;padding-top: 27%;font-size: 1.4rem;padding-bottom: 10px;}
#Title .box .data {width: 92.6%;margin: 0 auto;}
#Title .box .data h3 { font-weight: normal; }
#Title .box .data dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
#Title .box .data dt { border-top: 1px solid #ccc; width: 40%; padding-top: 8px; margin-top: 8px; display: flex; flex-direction: column; justify-content: center; }
#Title .box .data dd { border-top: 1px solid #ccc; width: 60%; padding-top: 8px; margin-top: 8px; }
#Title .box .data p { font-size: 12px; }
#Title .box .photo { }
#Title .box .photo dt { margin-bottom: 15px; }
#Title .box .photo dd { }
#Title .box .photo dd ul { display: flex; margin-top: -12px; justify-content: space-between; }
#Title .box .photo dd li { width: 33%; }


/*---------------------------------------------------Carrier*/
#Carrier {width: 92.6%;margin:0 auto;margin-bottom: 20px;}

#Carrier h2 {display:flex;width: 260px;height: 260px;background-image:url(/kaigai/business/asset/images/common/bg_gray_paper.jpg);border-radius: 50%;flex-direction: column;padding-top: 40px;align-items: center;box-sizing: border-box;position: absolute;left: 50%;margin-left: -130px;}
#Carrier h2 .sub {color: #000;font-size:1.0rem;text-align: center;line-height: 1.4;padding-top: 8px;letter-spacing: 2px;}
#Carrier h2 .sub span{display: block;
}
#Carrier h2 .main {text-align: center;line-height: 1.4;font-size: 1.6rem;}
#Carrier h2 .main strong{font-weight:normal;font-size: 1.8rem;}
#Carrier h2 .main strong:nth-child(2){display: block;}
#Carrier .MainTab {display: flex;position: relative;margin-bottom: -3px;flex-wrap: wrap;justify-content: space-between;z-index: 1;padding-top: 170px;}
#Carrier .MainTab li {-webkit-transition: all .3s ease-out;border-radius:3px;text-align: center;padding: 10px;padding-bottom: 7px;flex: 1;margin: 5px;background-color: #fff;border: 1px solid #e0e0e0;}
#Carrier .MainTab li:hover { cursor:pointer; border-color: #ddd; }
#Carrier .MainTab li.select {}
#Carrier .MainTab li p {font-weight: bold;display: flex;justify-content: center;flex-wrap: wrap;height: 100%;align-items: center;}
#Carrier .MainTab li p span{display: block;padding-top: 5px;}
#Carrier .MainTab li p:before { content:"";display: block;width: 100px;height: 20px;margin: 0 5px;background-size: contain;background-repeat: no-repeat;background-position: center;}
#Carrier .atte{font-size: 12px;padding-top: 10px;}

#Carrier .MainTab li a{ text-decoration:none; }

/*---------------------------------------------------Lineup*/
#Lineup{background-image:url(/kaigai/business/asset/images/common/bg_gray_paper.jpg);padding-top: 25px;padding-bottom:10px;}
#Lineup .GeneralTtl .main{
    font-size: 4vw;
}
#Lineup .GeneralTtl .main strong{
    font-size: 5.5vw;
}
#RefineSearch #Nav,
#RefineSearch #count{
    background-color: #e2e2e2;
}

#RefineSearch #NavHead #allClear{
    border-color: #c7c790;
}

.ctcms .linkArea:hover .btn a{ background-color:#78456D; border-color:#78456D; color:#fff;}
.subCarrier {width: 100%;display: flex;padding-top: 5px;font-weight: bold;}
.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 16px 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;}