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

/*------------------------------------------------------Topic*/
#Topic { background-image:url(/kaigai/business/kanto/images/common/bg_beige_paper.jpg); width: 900px; margin: 0 auto; border: 5px solid #D7D09F; box-sizing: border-box; margin-bottom:60px;}
#Topic .sec { position:relative; padding: 20px 0 20px 30px; }
#Topic .sec:before { content:""; width:365px; height:307px; position:absolute; background-image:url(/kaigai/business/kanto/images/common/classone_staff.png); background-repeat: no-repeat; background-position: right top; bottom: 0; right: 0; }
#Topic .sec dl { width: 600px; }
#Topic .sec dt { font-weight: bold; font-size: 16px; padding-bottom: 10px; }
#Topic .sec dd { font-size: 26px; line-height: 1.4; padding-bottom: 15px; }
#Topic .sec dd strong { font-weight: normal; font-size: 32px; }
#Topic .sec .btnGlobal { width: 410px; }
#Topic .sec .btnGlobal a { }
#Topic .sec .btnGlobal a:after{ content:"\f107"}


/*----------------------------------------------------Recom*/
#Recom { text-align: center; margin-bottom:80px;}
#Recom h2{ padding-bottom:35px}
#Recom .atte { margin: 0 auto; border: 1px solid #fff; padding: 10px 15px; display: inline-block; margin-bottom:80px; background-color: rgba(0,0,0,0.2); color: #fff;}

#Recom .RecomSC { margin-bottom: 30px;padding-top: 20px;}
#Recom .RecomSC ul { display: flex; justify-content: center; }
#Recom .RecomSC li { background-color:#fff;font-weight:bold;-webkit-transition: all .3s ease-out;  position:relative;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;padding: 15px 20px;text-align: center;}
#Recom .RecomSC li + li { margin-left: 30px; }
#Recom .RecomSC li span{ font-size:10px; display:block; padding-top:3px;}

#Recom .RecomSC li#SCHGS{ color:#46A3AA;}
#Recom .RecomSC li#SCASI{ color:#B55555;}
#Recom .RecomSC li#SCOCE{ color:#807C3E;}
#Recom .RecomSC li#SCEUR{ color:#79A543;}
#Recom .RecomSC li#SCUSA{ color:#8B5283;}

#Recom .RecomSC li.select a{ color:#fff !important; text-decoration: none;}
#Recom .RecomSC li a{ text-decoration: none;}

#Recom .RecomSC li.select#SCHGS{ background-color:#46A3AA;}
#Recom .RecomSC li.select#SCASI{ background-color:#B55555;}
#Recom .RecomSC li.select#SCOCE{ background-color:#807C3E;}
#Recom .RecomSC li.select#SCEUR{ background-color:#79A543;}
#Recom .RecomSC li.select#SCUSA{ background-color:#8B5283;}

#Recom .RecomSC li:after{content:"\f107"; display:block; text-align:center; font-size:30px; line-height:0;font-family:FontAwesome; padding-top:10px; font-weight:normal}

#Recom .RecomSC li.select::after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;  border-width: 10px; margin-left: -10px; }
#Recom .RecomSC li.select#SCHGS::after{border-color: rgba(70,163,170,0); border-top-color: #46A3AA;}
#Recom .RecomSC li.select#SCASI::after {border-color:rgba(181,85,85,0); border-top-color: #B55555; }
#Recom .RecomSC li.select#SCOCE::after { border-color:rgba(128,124,62,0); border-top-color: #807C3E;}
#Recom .RecomSC li.select#SCEUR::after {border-color:rgba(121,165,67,0); border-top-color: #79A543;}
#Recom .RecomSC li.select#SCUSA::after { border-color:rgba(139,82,131,0); border-top-color: #8B5283;}

#Recom .RecomSC li:hover{ cursor:pointer;-webkit-transition: all .3s ease-out; filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/*----------------------------------------------------Item*/
.Item{padding: 40px 0;padding-bottom:0;box-sizing: border-box;justify-content:flex-start;display: -webkit-flex;display: flex;width: 1090px;flex-wrap: wrap;margin:0 auto;align-items: stretch;margin-bottom:40px;background-color: #f5f5f5;}

/*
.HGS.Item{background-color: #eaf2f3;}
.ASI.Item{background-color: #f5eded;}
.OCE.Item{ background-color:#F4F4EA; }
.EUR.Item{ background-color:#F0F5E9; }
.USA.Item{background-color: #f1edf0;}
*/

.Item .Entry{text-align:left;position:relative;width: 310px;margin-left: 40px;margin-bottom:30px;box-sizing:  border-box;display: flex;padding-bottom: 1.8em;}
.Item .Entry .linkArea{display: flex;flex-direction: column; width:100%;}
/*----------------------------------------------------photo*/
.Item .Entry .photo{-webkit-transition: all .3s ease-out; position:relative; margin-bottom:10px; line-height:1.4;min-height: 0%;}
.Item .Entry .photo .dst{background-color:#242424;color:#FFFFFF;position:absolute;padding:2px 8px;top:0;font-size: 12px;left:0;}

.Item .Entry.HGS .photo p.dst{ background-color:#46A3AA;}
.Item .Entry.ASI .photo p.dst{ background-color:#B55555;}
.Item .Entry.OCE .photo p.dst{ background-color:#807C3E;}
.Item .Entry.EUR .photo p.dst{ background-color:#79A543;}
.Item .Entry.USA .photo p.dst{ background-color:#8B5283;}
.Item .Entry.Oce .photo p.dst{ background-color:#8B5283;}

.Item .Entry .photo .icon{background-color: #fdde18;color: #000000;position:absolute;padding:2px 8px;top:0;right:0;font-size: 12px;font-weight: bold;}
.Item .Entry .photo .img{ line-height:0;}
.Item .Entry .photo .img img{max-width:100%; max-height:auto; }
.Item .Entry .photo .caption{position: absolute; font-size: 10px; color: #FFFFFF; background-image: url(/kaigai/business/kanto/images/common/opacity_balck50.png); padding: 2px 6px; line-height: 1.2; bottom: 5px; right: 5px;}

/*----------------------------------------------------main*/
.Item .Entry .main{}
.Item .Entry .main .data{padding-bottom: 8px;display: flex;column-gap: 5px;}
.Item .Entry .main .data li{font-size:12px;border:1px solid #242424;padding: 4px 7px;line-height: 1;margin-bottom: 7px;}
.Item .Entry .main .states{font-weight:bold;box-sizing:border-box;color: #C51D4F;margin-bottom: 6px;font-size: 16px;text-align: center;}

.Item .Entry .main h4{font-size: 15px;line-height: 1.3;padding-bottom: 5px;letter-spacing: 0;font-weight: bold;text-align: center;font-family: inherit;}
.Item .Entry .main h5{font-weight:bold;text-align: center;line-height: 1.4;padding-bottom: 10px;font-family: inherit;font-size: 24px;}
.Item .Entry .main h5 span{ font-size:70%;}
.Item .Entry .main h6{font-size: 14px;font-weight:bold;letter-spacing: 1px;padding-bottom: 7px;text-align: center;}
.Item .Entry .point {margin-bottom: 13px;position:relative;padding: 12px 5px;margin-top: 3px;font-size:12px;display: flex;flex-direction: column;justify-content: center;}
.Item .Entry .point::before,
.Item .Entry .point::after {position: absolute;left: 0;content: '';width: 100%;height: 5px;box-sizing: border-box;}
.Item .Entry .point::before {top: 0;border-top: 2px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;}
.Item .Entry .point::after {bottom: 0;border-top: 1px solid #a0a0a0;border-bottom: 2px solid #a0a0a0;}
.Item .Entry .point li { padding-left:16px; line-height: 1.4; text-align:left;}
.Item .Entry .point li + li{ margin-top:5px;}
.Item .Entry .point li:before { content:"\f14a"; display:block; float:left; margin-left:-18px; width:1em; text-align:center; font-family:FontAwesome; }
.Item .Entry .point li.pickup { color: #C51D4F;  font-weight: bold; }

.Item .Entry .btm{box-sizing: border-box;margin-top: auto; text-align:center; }
.Item .Entry .btm .price{ padding-bottom:10px;}
.Item .Entry .btm .price dt{ padding-bottom:7px;}
.Item .Entry .btm .price dd{ letter-spacing:1px; color:#242424; font-size:14px;}

.Item .Entry .btm .btn a{ text-decoration:none;display:block; padding:8px 0; font-size:14px; font-weight:bold;position:relative;color:#242424; text-align:center; text-decoration:none;border: 2px solid #242424;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;}
.Item .Entry .btm .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.9em;content:"\f105"; font-family:FontAwesome;}

.Item .Entry .other{padding-top:5px;position: absolute;bottom: 0;right: 0;}
.Item .Entry .other a{ text-decoration:none; font-weight:bold; letter-spacing:1px;}
.Item .Entry .other a:after{ content:"\f105"; font-family:FontAwesome;}
.Item .Entry .other a:hover{ text-decoration:underline;}

.Item .linkArea:hover{ cursor:pointer;}
.Item .linkArea:hover .photo{ cursor:pointer;-webkit-transition: all .3s ease-out;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.Item .linkArea:hover h4,
.Item .linkArea:hover h5,
.Item .linkArea:hover h6{ text-decoration:underline;}
.Item .linkArea:hover .btn a{background-color:#F7F4E1;}

.Item .Entry.HGS .linkArea:hover .btn a{ background-color:#46A3AA;color:#fff; border-color:#46A3AA;}
.Item .Entry.ASI .linkArea:hover .btn a{ background-color:#B55555;color:#fff; border-color:#B55555;}
.Item .Entry.OCE .linkArea:hover .btn a{ background-color:#807C3E;color:#fff; border-color:#807C3E;}
.Item .Entry.EUR .linkArea:hover .btn a{ background-color:#79A543;color:#fff; border-color:#79A543;}
.Item .Entry.USA .linkArea:hover .btn a{ background-color:#8B5283;color:#fff; border-color:#8B5283;}
.Item .Entry.Oce .linkArea:hover .btn a{ background-color:#8B5283;color:#fff; border-color:#8B5283;}

.Item .Entry .other{padding-top:5px;position: absolute;bottom: 0;right: 0;}
.Item .Entry .other a{ text-decoration:none; font-weight:bold; letter-spacing:1px;}
.Item .Entry .other a:after{ content:"\f105"; font-family:FontAwesome;}
.Item .Entry .other a:hover{ text-decoration:underline;}


/*----------------------------------------------------Search*/
.Search{ margin-bottom: 60px;}
.Search .box{text-align:left;border: 1px solid #afafaf;padding: 25px;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;}


/*----------------------------------------------------Special*/
#Special{ background-image:url(/kaigai/business/kanto/images/common/bg_gray_paper.jpg); padding:40px 0 60px 0;}
#Special .box {display: -ms-flexbox;display: flex;justify-content:space-between;width:1020px;margin:0 auto;padding-bottom: 20px;}
#Special .box .Entry { width:50%; }
#Special .box .Entry + .Entry { margin-left:40px; }
#Special .box .Entry .photo { margin-bottom:5px; }
#Special .box .Entry dl { }
#Special .box .Entry dt { display:flex; display: -ms-flexbox; justify-content: space-between; align-items: baseline; padding-bottom: 5px; }
#Special .box .Entry dt p { background-color: #242424; color: #fff; padding: 0 10px; font-size: 12px; }
#Special .box .Entry dt p + p { background-color: inherit; color: #242424; padding: 0; font-size: 14px; }
#Special .box .Entry dd { }
#Special .btnLocal{}

/*----------------------------------------------------Carrier*/
#Carrier {padding: 40px 0 50px 0;width:1020px;margin:0 auto;box-sizing:content-box;}
#Carrier .Entry .logo { background-color: #fff; position: absolute; top: -10px; left: -10px; padding: 12px; }
#Carrier .Entry .logo img { height: 22px; width:auto; }
#Carrier dl { padding-top:10px; }
#Carrier dt { position:relative;text-align:center;font-size:20px;padding-bottom:5px;border-bottom: 1px solid #ccc;margin-bottom: 10px; letter-spacing:2px;}
#Carrier dt a{ text-decoration:none;}
#Carrier dt:after{position: absolute;right: 8px; top:50%; margin-top:-0.9em;content:"\f105"; font-family:FontAwesome;}
#Carrier dd { font-size:14px; }

#Carrier .Entry:hover dt,
#Carrier .Entry:hover dd{ text-decoration:underline;}

#Carrier .btnLocal { }
#Carrier .btnLocal a { font-size:18px; }
#Carrier .atte{font-size:12px;padding-top: 30px;text-align:center;}

/*----------------------------------------------------Desk*/
#Desk { background-image:url(/kaigai/business/kanto/images/common/bg_beige_paper.jpg); padding:40px 0 60px 0; }
#Desk .inner { width: 1020px; margin: 0 auto; display: flex; justify-content: center; padding-bottom:40px;}
#Desk .inner .box { width: 600px; }
#Desk .inner .box h2 { font-size: 26px; padding-bottom: 15px; }
#Desk .inner .box h3 { font-weight: bold; font-size: 16px; padding-bottom: 15px; }
#Desk .inner .box .txt { padding-bottom: 20px; }
#Desk .inner .box .atte { font-size: 12px; padding: 5px; border: 1px solid #000; }
#Desk .inner .photo { width: 365px; }
#Desk .btnGlobal { width:600px; margin:0 auto;}
#Desk .btnGlobal a { font-size:18px; }


/*------------------------------------------------Classone*/
#Classone {text-align: center;padding: 20px 0 45px 0;background-color:#000;color:#FFF;background-image: url(/kaigai/business/kanto/images/index/classone_bg.png);background-repeat: no-repeat;background-position: right bottom;background-size:40%;margin-bottom: 25px;}

#Classone .box {width:1020px;box-sizing:border-box;margin:0 auto;}
#Classone .box dl {}
#Classone .box h2 {font-size:22px;line-height: 1.4;letter-spacing: 3px;padding-bottom: 20px;}
#Classone .box h2 strong{font-size:36px;}
#Classone .box .txt {font-size: 16px;line-height: 2;letter-spacing: 3px;padding-bottom: 20px;}

#Classone .box .atte {padding-bottom: 25px;}
#Classone .box .btnGlobal {width: 80%;margin: 0 auto;}
#Classone .box .btnGlobal a { background-color: transparent; border: 1px solid #fff; padding: 15px; font-size: 18px; }
#Classone .box .btnGlobal a:hover { background-color: #fff; color: #242424; }

/*-------------------------------------------------ClassOneMmb*/
#ClassOneMmb {position: relative;border-right: 4px solid #8B651C;border-left: 4px solid #8B651C;width: 1012px;margin: 0 auto;margin-top: 70px;margin-bottom:40px;}
#ClassOneMmb:before,
#ClassOneMmb:after { content:""; width: 1020px; height: 37px; left: -4px; display: block; position: absolute; }
#ClassOneMmb:before { background-image:url(/kaigai/business/kanto/images/common/classone_box_top.png); top: -37px; }
#ClassOneMmb:after { background-image:url(/kaigai/business/kanto/images/common/classone_box_btm.png); bottom: -37px; }

#ClassOneMmb .ttl:before {/* content:""; *//* background-image:url(../../kanto/images/common/classone_deco.png); *//* display: block; *//* width: 100%; *//* height: 23px; *//* background-size: contain; *//* background-position: center; *//* background-repeat: no-repeat; *//* margin-bottom: 25px; */}
#ClassOneMmb .ttl {margin: 0 auto;margin-bottom: 30px;}
#ClassOneMmb .ttl .logo { width: 195px; padding-top: 15px; }
#ClassOneMmb .ttl .logo img { width: 100%; }
#ClassOneMmb .ttl dl {}
#ClassOneMmb .ttl dt {font-size: 22px;padding-bottom: 15px;letter-spacing: 1px;display: flex;align-items: baseline;text-align: left;justify-content: center;}
#ClassOneMmb .ttl dt span{border: 1px solid #fff;display: inline-block;font-size: 15px;padding: 3px 10px;margin-right: 15px;}
#ClassOneMmb .ttl dd {line-height: 1.8;}
#ClassOneMmb .topic {margin: 0 auto;display: flex;border-radius: 3px;background-color: rgba(255, 255, 255, 0.2);align-items: center;text-align: left;width: 960px;padding: 20px;box-sizing: border-box;margin-bottom:15px;position: relative;border: 1px solid #9a8037;}
#ClassOneMmb .topic dl { flex-grow: 1;}
#ClassOneMmb .topic dt {background-color: #9a8037;color: #fff;display: inline-block;border-radius: 35px;padding: 1px 20px;font-weight: bold;font-size: 14px;margin-bottom: 5px;position: absolute;top: -14px;left: 50%;margin-left: -8rem;}
#ClassOneMmb .topic dd { font-weight: bold; }
#ClassOneMmb .topic dd em { font-family: 'Nunito', sans-serif; font-size: 24px; display: inline-block; padding: 0 2px; }
#ClassOneMmb .topic dd strong {font-family: 'Nunito', sans-serif;background-color: #9a8037;color: #fff;font-size: 18px;border-radius: 35px;padding: 0px 10px;display: inline-block;margin: 0 5px;}
#ClassOneMmb .topic dd .atte {font-weight: normal;font-size: 12px;padding-top: 7px;display: inline-block;padding-left: 10px;}
#ClassOneMmb .topic .btn {white-space: nowrap;}
#ClassOneMmb .topic .btn a {text-align: center;text-decoration: none;color: #ffd96e;border-radius: 3px;font-size: 16px;font-weight: bold;position: relative;padding: 15px 70px;display: block;border: 2px solid #ffd96e;}
#ClassOneMmb .topic .btn a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .topic .btn a:hover {background-color: #9a8037;color: #fff;border-color: #9a8037;}
#ClassOneMmb .nyukai {width: 960px;margin: 0 auto;}
#ClassOneMmb .nyukai .txt {font-size: 18px;padding-bottom: 20px;letter-spacing: 1px;}
#ClassOneMmb .nyukai .btn {}
#ClassOneMmb .nyukai .btn a {text-decoration: none;background-color: #9a8037;color: #fff;font-weight: bold;padding: 14px 160px;border-radius: 3px;font-size: 16px;display: inline-block;position: relative;border: 2px solid #9a8037;}
#ClassOneMmb .nyukai .btn a:after { position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .nyukai .btn a:hover {background: none;color: #ffd96e;border-color: #ffd96e;}
#ClassOneMmb .nyukai .btnOther{ padding-top:15px;}
#ClassOneMmb .nyukai .btnOther a{ padding:10px; background-color:inherit; border:1px solid #fff;color: #fff;text-decoration: none;padding: 20px 55px;font-size: 13px;font-weight: bold;display: inline-block;position:relative;}
#ClassOneMmb .nyukai .btnOther a + a{ margin-left: 20px;}
#ClassOneMmb .nyukai .btnOther a:after{ position: absolute; right: 8px; top:50%; margin-top: -0.8em; content:"\f105"; font-family:FontAwesome; }
#ClassOneMmb .nyukai .btnOther a:hover{ background-color:#9a8037; color:#fff; border-color:#9a8037;}

#ClassOneMmb .nyukai .atte{font-size: 12px;text-align: center; padding-top: 12px;}
#classone_Benefits { padding: 40px 0; }
#classone_Benefits h2 { color: #fff; padding-bottom: 30px; }
#classone_Benefits .maintxt { color: #fff; padding-bottom: 30px; }
#classone_Benefits .inner { padding-bottom: 20px; }