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

/*-----------------------------------------------------Topic*/
#Topic { width: 1020px; margin: 0 auto; display: flex; padding: 20px 35px; justify-content: space-between; background-image: url(/kaigai/business/asset/images/opacity_white70.png); margin-bottom:60px;}
#Topic .Search {margin: 0;flex: 1;margin-right: 20px;}
#Topic .Search .inner dl{ padding-bottom:15px;}
#Topic .Search #dstList span{ margin-bottom:5px}
#Topic .Search h2 { font-weight: normal; font-size: 34px; border-bottom: 1px solid #242424; margin-bottom: 10px; }
#Topic .Search .btn button { font-size: 16px; padding: 15px 60px; }
#Topic .Search .btn button.reset { font-size: 14px; }
.Search .btn button.decide:hover,
.Search .btn button.decide:focus { background-color:#ADA31D !important; }
#Topic .MainVisual {width: 370px;margin-top:10px}
#Topic .MainVisual img { width:100%; height:auto; }
#Topic .MainVisual img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#Topic .MainVisual .btnLocal { margin-top: 25px; }
#Topic .MainVisual .btnLocal a { font-size: 14px; padding: 15px 60px; background-color: #000; color: #fff; }
#Topic .MainVisual .btnLocal a:hover { background-color:#fff; color:#ADA31D; }

/*-----------------------------------------------------Lineup*/
#Lineup { }
#Lineup h2{ padding-bottom:20px;}

#Lineup #SC {background-image:url(/kaigai/business/asset/images/bg_gray_paper.jpg);padding: 20px;box-sizing: border-box;width: 1020px;margin: 0 auto;margin-bottom: 30px;}
#Lineup #SC ul { display: -ms-flexbox; display: flex; justify-content: space-around; }
#Lineup #SC li { }
#Lineup #SC li a:after { content:"\f107"; display:block; text-align:center; font-family:FontAwesome; line-height: 1; font-size: 25px; }
#Lineup #SC li a { font-weight: bold; text-decoration: none; font-size: 16px; }
#Lineup #SC li a:hover { color: #ADA31D; }
#Lineup .sec {padding-top:10px;margin-bottom: 80px;}
#Lineup .sec + .sec {}

/*-----------------------------------------------------Brand*/
#Lineup #Brand {width: 1020px;margin: 0 auto;margin-bottom: 80px;}
#Lineup #Brand .Flex {width: 1062px;margin: 0 auto;margin-bottom: 80px; flex-wrap: wrap;}
#Lineup #Brand  h2{ padding-bottom:40px;}
#Lineup #Brand .Entry {padding: 20px;box-sizing: border-box;text-align: center;margin-bottom:15px; width:480px;}
#Lineup #Brand .Entry#smart { background-color: #EEF3F4; }
#Lineup #Brand .Entry#extage { background-color: #F7F4EE; }
#Lineup #Brand .Entry#imp { background-color: #F2EEF4; }
#Lineup #Brand .Entry#qualita { background-color: #eceef1; }
#Lineup #Brand .Entry dl { }
#Lineup #Brand .Entry dt { padding-bottom: 5px; }
#Lineup #Brand .Entry dt img { width: auto; height: 30px; }
#Lineup #Brand #imp.Entry dt img { height: 39px; }
#Lineup #Brand .Entry dd {  padding-bottom: 10px; font-weight: bold; }
#Lineup #Brand .Entry dd p{font-size: 14px;}
#Lineup #Brand .Entry dd p + p{font-size: 18px;}
#Lineup #Brand .Entry ul { padding-bottom: 15px; }
#Lineup #Brand .Entry li { }
#Lineup #Brand .Entry li + li { }
#Lineup #Brand .Entry li:before { }
#Lineup #Brand .Entry .btnGlobal a {padding: 15px 10px 15px 0px;font-size: 14px;}
#Lineup #Brand .Entry .btnGlobal a:after { font-size:16px; right: 5px; }
#Lineup #Brand .Entry .btnGlobal a + a {margin-left: 10px;}

#Lineup #Brand .Entry#smart dd,
#Lineup #Brand .Entry#smart li strong { color: #26549F; }
#Lineup #Brand .Entry#smart .btnGlobal a { background-color: #26549F; border:1px solid #26549F; }
#Lineup #Brand .Entry#smart .btnGlobal a:hover { background-color: #fff; color:#26549F; }

#Lineup #Brand .Entry#extage dd,
#Lineup #Brand .Entry#extage li strong { color: #929146; }
#Lineup #Brand .Entry#extage .btnGlobal a { background-color: #929146; border:1px solid #929146; }
#Lineup #Brand .Entry#extage .btnGlobal a:hover { background-color: #fff; color:#929146; }

#Lineup #Brand .Entry#imp dd,
#Lineup #Brand .Entry#imp li strong { color: #6d3c94; }
#Lineup #Brand .Entry#imp .btnGlobal a { background-color: #70359e; border:1px solid #6d3c94; }
#Lineup #Brand .Entry#imp .btnGlobal a:hover { background-color: #fff; color:#6d3c94; }

#Lineup #Brand .Entry#qualita dd,
#Lineup #Brand .Entry#qualita li strong { color: #2F3C53; }
#Lineup #Brand .Entry#qualita .btnGlobal a { background-color: #2F3C53; border:1px solid #2F3C53; }
#Lineup #Brand .Entry#qualita .btnGlobal a:hover { background-color: #fff; color:#2F3C53; }

/*----------------------------------------------------Recom*/
#Lineup #Recom { }
#Lineup #Recom .box {width: 1090px;margin: 0 auto;}
#Lineup #Recom .box + .box { margin-top:40px;}

#Lineup #Recom .box .RecomSC {margin-bottom: 30px;padding-top: 20px;}
#Lineup #Recom .box .RecomSC ul {display: flex;justify-content: center;}
#Lineup #Recom .box .RecomSC li {-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;width: 160px;box-sizing: border-box;}
#Lineup #Recom .box .RecomSC li + li { margin-left: 40px; }
#Lineup #Recom .box .RecomSC li a {text-decoration: none;font-weight: bold;font-size: 12px;}

#Lineup #Recom .box .RecomSC li#RecomSC_Smart a{ color:#26549F;}
#Lineup #Recom .box .RecomSC li#RecomSC_Extage a{color:#929146;}
#Lineup #Recom .box .RecomSC li#RecomSC_QUALITA a{color:#2F3C53;}
#Lineup #Recom .box .RecomSC li#RecomSC_Imp a{color:#6d3c94;}

#Lineup #Recom .box .RecomSC li.active#RecomSC_Smart a,
#Lineup #Recom .box .RecomSC li.active#RecomSC_Extage a,
#Lineup #Recom .box .RecomSC li.active#RecomSC_QUALITA a,
#Lineup #Recom .box .RecomSC li.active#RecomSC_Imp a{color: #fff;}

#Lineup #Recom .box .RecomSC li.active#RecomSC_Smart{ background-color:#26549F;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Extage{background-color:#929146;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_QUALITA{background-color:#2F3C53;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Imp{background-color:#6d3c94;}

#Lineup #Recom .box .RecomSC li:before{margin-bottom: 5px;content:"";height:25px;background-size:contain;background-repeat: no-repeat;background-position: center center;display:block;}

#Lineup #Recom .box .RecomSC li#RecomSC_Smart:before{ background-image:url(/kaigai/business/asset/images/tour/logo_ciao.png);}
#Lineup #Recom .box .RecomSC li#RecomSC_Extage:before{background-image:url(/kaigai/business/asset/images/tour/logo_extage.png);}
#Lineup #Recom .box .RecomSC li#RecomSC_QUALITA:before{background-image:url(/kaigai/business/asset/images/tour/logo_qualita.png);}
#Lineup #Recom .box .RecomSC li#RecomSC_Imp:before{background-image:url(/kaigai/business/asset/images/tour/logo_imp.png); height: 31px;}

#Lineup #Recom .box .RecomSC li.active#RecomSC_Smart:before{ background-image:url(/kaigai/business/asset/images/tour/logo_ciao_white.png);}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Extage:before{background-image:url(/kaigai/business/asset/images/tour/logo_extage_white.png);}
#Lineup #Recom .box .RecomSC li.active#RecomSC_QUALITA:before{background-image:url(/kaigai/business/asset/images/tour/logo_qualita_white.png);}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Imp:before{background-image:url(/kaigai/business/asset/images/tour/logo_imp_white.png);}

#Lineup #Recom .box .RecomSC li:after{content:"\f107"; display:block; text-align:center; font-size:30px; line-height:0;font-family:FontAwesome; padding-top:10px;}
#Lineup #Recom .box .RecomSC li#RecomSC_Smart:after{ color:#26549F;}
#Lineup #Recom .box .RecomSC li#RecomSC_Extage:after{color:#929146;}
#Lineup #Recom .box .RecomSC li#RecomSC_QUALITA:after{color:#2F3C53;}
#Lineup #Recom .box .RecomSC li#RecomSC_Imp:after{color:#6d3c94;}


#Lineup #Recom .box .RecomSC li.active::after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;  border-width: 10px; margin-left: -10px; }
#Lineup #Recom .box .RecomSC li.active#RecomSC_Smart::after {border-color: rgba(38, 84, 159, 0); border-top-color: #26549F;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Extage::after {border-color:rgba(146,145,70,0); border-top-color: #929146;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_QUALITA::after {border-color:rgba(146,145,70,0); border-top-color: #2F3C53;}
#Lineup #Recom .box .RecomSC li.active#RecomSC_Imp::after {border-color: rgba(109,60,148,0); border-top-color: #6d3c94;}

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



/*----------------------------------------------------ctcms*/
#Lineup #Recom .ctcms{padding: 45px 0;padding-bottom:0;box-sizing: border-box;}
#Lineup #Recom #RecomSmart .ctcms{background-color: #EEF3F4; }
#Lineup #Recom #RecomExtage .ctcms{background-color: #F7F4DE;}
#Lineup #Recom #RecomQUALITA .ctcms{background-color: #eceef1;}
#Lineup #Recom #RecomImp .ctcms{background-color: #F2EEF4}

#Lineup #Recom #RecomSmart .ctcms .linkArea:hover .btn a{background-color: #26549F; color:#fff; border-color:#26549F;}
#Lineup #Recom #RecomExtage .ctcms .linkArea:hover .btn a{background-color: #929146; color:#fff; border-color:#929146;}
#Lineup #Recom #RecomQUALITA .ctcms .linkArea:hover .btn a{background-color: #2F3C53; color:#fff; border-color:#2F3C53;}
#Lineup #Recom #RecomImp .ctcms .linkArea:hover .btn a{background-color: #6d3c94; color:#fff; border-color:#6d3c94;}

/*----------------------------------------------------Area*/
#Lineup #Area { background-image: url(/kaigai/business/asset/images/tour/bg_worldmap.gif); background-repeat: no-repeat; background-position: top center; }
#Lineup #Area  h2{padding-bottom: 60px;}
#Lineup #Area .box {width: 1020px;margin: 0 auto;display: flex;flex-wrap: wrap;margin-bottom: 50px;}
#Lineup #Area .Entry {-webkit-transition: all .3s ease-out;  margin: 5px; box-sizing: content-box; width: 330px; height: 330px; position: relative; }
#Lineup #Area .Entry .photo { }
#Lineup #Area .Entry dl { position: absolute; z-index: 9; top: 50%; left: 50%; width: 230px; height: 128px; text-align: center; margin-left: -115px; margin-top: -84px; color: #fff;box-sizing:border-box; background-image: url(/kaigai/business/asset/images/opacity_balck60.png); padding-top:25px }
#Lineup #Area .Entry dt { font-size: 30px; }
#Lineup #Area .Entry dt a{ color:#fff; text-decoration:none;}
#Lineup #Area .Entry dd { font-weight: normal; font-size:12px}
#Lineup #Area .Entry .btnGlobal { position: absolute; width: 90%; margin-left: 5%; bottom: 15px; left: 0; z-index:9;}
#Lineup #Area .Entry .btnGlobal span {font-weight:bold;padding: 15px;color:#000;font-size: 14px;width: 100%;border-radius: 3px;text-align: center;position: relative;background-image:url(/kaigai/business/asset/images/opacity_white70.png);}
#Lineup #Area .Entry .btnGlobal span:after{position: absolute;right: 8px; top:50%; margin-top:-0.9em;content:"\f105"; font-family:FontAwesome;}
#Lineup #Area .Entry:hover:after{ -webkit-transition: all .3s ease-out; display:block; width:100%; height:100%; content:""; position:absolute; top:0; left:0; background-image:url(/kaigai/business/asset/images/opacity_balck70.png) }
#Lineup #Area .Entry:hover dl { background-image:none; }
#Lineup #Area .Entry:hover .btnGlobal span{ background-image:none; color:#fff;}

#Lineup .dstAll { width: 1020px; margin: 0 auto; text-align: center; }
#Lineup .dstAll ul {display: flex;justify-content: center;}
#Lineup .dstAll li {margin: 0 5px;}


/*----------------------------------------------------DPF*/
#DPF { background-image:url(/kaigai/business/asset/images/bg_gray_paper.jpg) }
#DPF .sec { width: 880px; margin: 0 auto; padding: 40px 0; display: flex; justify-content:space-between; }
#DPF .sec .box { text-align: center; }
#DPF .sec .box + .box { padding-top: 15px; }
#DPF .sec .box h2 { font-size: 35px; padding: 15px; line-height: 1.2; }
#DPF .sec .box h3 { font-size: 14px; padding-bottom: 30px; }
#DPF .sec .box .txt { font-size: 16px; padding-bottom: 25px; }
#DPF .sec .box .btnLocal { }
#DPF .sec .box .btnLocal a { }

/*----------------------------------------------------FAQ*/
#FAQ {padding-top: 60px;margin-bottom: 80px;}
#FAQ h2 { }
#FAQ dl {width: 1020px;margin: 0 auto;margin-bottom: 20px;}
#FAQ dt {font-size: 18px;padding-bottom: 10px;padding-left:16px;}
#FAQ dd {font-size: 16px;color: #ADA31D;padding-bottom: 25px;padding-left:16px;}
#FAQ dd + dt {border-top: 1px solid #ccc;padding-top: 25px;}
#FAQ dt:before,
#FAQ dd:before{display:block; float:left; margin-left:-18px; width:1em; text-align:center;font-family: 'EB Garamond', serif;font-weight: bold;}

#FAQ dt:before{content:"Q　";}
#FAQ dd:before{content:"A";}
#FAQ .other {width: 1020px;margin: 0 auto;background-color: #efefef;padding: 25px 30px;box-sizing: border-box;}
#FAQ .other h3 {font-size: 22px;letter-spacing: 1px;}
#FAQ .other .txt {padding-bottom: 15px;}
#FAQ .other .btnGlobal { }
#FAQ .other .btnGlobal a {flex: 2;}
#FAQ .other .btnGlobal a + a {flex: 1;}

#FAQ .other .btnGlobal a:before{position: absolute;left: 15px; font-size:20px;top:50%; margin-top:-0.9em;content:"\f0e0"; font-family:FontAwesome;}
#FAQ .other .btnGlobal a + a:before{content:"\f007"; }


/*------------------------------------------------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%;}

#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; }