@charset "utf-8";

/*ファーストビュー系の調整*/
#mainviewSec{min-height: 0;background:#e89d3b!important;}
#mainviewSec .mainviewSecInner{padding: 2em 0;}
#mainviewSec h1{font-size: 2em;}
@media screen and (max-width:800px){
    #mainviewSec{min-height: 0;}
}

/*screen系の調整*/
#coursesSec>.sectionInner>.contentsBox{width:calc(100% - 250px - 50px);}
.secBox>.sectionInner{padding-left:0;padding-right:0;padding-bottom: 0;}
.secBox>.sectionInner>h2{background:#e89d3b;color:#fff;padding:.2em 0 .2em .7em;margin-bottom: 1.5em;font-size:20px;font-weight:700;}

/*コース詳細*/
.courceBox{margin:0 0 3em;}
.courceBox .courceBoxInner{/* padding: 0 0 1.7em; */}
.courceBox .courceBoxInner .titleBox{border-left: 4px solid #ea8046;padding:0 0 0 6px;}
.courceBox .titleBox .ttl .txtTop{padding:1em 2em 1em calc(60px + .5em);font-size:1.8em;position:relative;}
.courceBox .titleBox .flag_s:before{content:"";position:absolute;width:60px;height:40px;background:#ccc;left:0;}
.courceBox{/* padding: 0 0 3em; */margin:0 0 2em;background:#fff;text-align:center;}
.courceBox .courceBoxinner{position:relative;}
.courceBox .courceBoxinner .flag_s{padding:1em 2em 1em calc(72px + .5em);font-size:1em;position:relative;}
.courceBox .courceBoxinner .flag_s:before{content:"";position:absolute;width:72px;height:45px;background:#ccc;top:0;left:0;bottom: 0;margin: auto;}
.courceBox .courceBoxinner .flag_s .txtCountry{display:block;font-size:1em;}
.courceBox .courceBoxinner .flag_s .txtArea{display:block;font-size:1.5em;}
.courceBox .gradeBox{display:inline-block;margin:0 0 0 auto;}
.courceBox .gradeBox li{display:inline-block;background:#aaa;padding:.3em .5em;color:#fff;font-weight:700;border-radius:1em;}
.courceBox .gradeBox .Elem.focus{background:#cf544b;}
.courceBox .gradeBox .Midd.focus{background:#94689a;}
.courceBox .gradeBox .High.focus{background:#00a0ad;}
.courceBox .courceBoxinner .states{padding:.3em .5em;margin:0 0 0 .5em;text-align:center;font-weight:700;}
.courceBox .courceBoxinner .states.contactUs{content:"";background:red;color:#fff;}
.courceBox .leadSentence{margin:0;}
.courceBox .courceTtl{font-weight:700;padding:0;margin-bottom:.7em;font-size:1.8em;}
.courceBox .tagBox{margin-bottom:1.6em;display:flex;flex-wrap:wrap;}
.courceBox .tagBox li{display:inline-block;font-size:12px;color:#333;border:1px solid #333;padding:.2em 1.2em .2em;margin:.2em .2em;border-radius:1em;}
.courceBox .tagBox li.attention{color:#ff5959;border:1px solid #ff5959;}
.courceBox .detailBox{margin:1em auto 2em;}
.courceBox .detailBox dl{display:flex;}
.courceBox .detailBox dl,.courceBox .detailBox dl.capacity div,.courceBox .detailBox dl.spot div{display:flex;}
.courceBox .detailBox dt{background:#000;color:#fff;padding:.5em 1em;width:7em;height:2.2em;text-align-last:justify;}
.courceBox .detailBox dd{padding:.4em 0 .4em 1.5em;width:100%;}
.courceBox .detailBox dd p:first-child{width:100%;border-bottom:1px solid;}
.courceBox .detailBox dd .priceTxt{font-size:2.4em;font-weight:700;color:#e05a24;}
.courceBox .detail{background:#ee141e;color:#fff;padding:1em 4em;}
.courceBox .infoBox{margin:1em auto 2em;}
.courceBox .infoBox .img{width:200px;height:100px;order:1;}
.courceBox .infoBox .img img{object-fit:cover;width:100%;height:100%;}
.courceBox .detailedItemBox .tableBox{width:100%;margin-top:1em;}
.courceBox .detailedItemBox .tableBox th{text-align:center;background:#e0e0e0;border-color:#fff;}
.courceBox .detailedItemBox .tableBox .detailPrice{font-size:28px;font-weight:700;}

/*国旗*/
.courceBox.country_usa .flag_s:before{background:url(../images/flag/icon_usa.jpg) no-repeat center/cover;}
.courceBox.country_aus .flag_s:before{background:url(../images/flag/icon_aus.jpg) no-repeat center/cover;}
.courceBox.country_can .flag_s:before{background:url(../images/flag/icon_can.jpg) no-repeat center/cover;}
.courceBox.country_nzl .flag_s:before{background:url(../images/flag/icon_nzl.jpg) no-repeat center/cover;}
.courceBox.country_kr .flag_s:before{background: url(../images/flag/icon_kr.jpg) no-repeat center / cover;}
.courceBox.country_gbr .flag_s:before{background: url(../images/flag/icon_gbr.jpg) no-repeat center / cover;}
.courceBox.country_phi .flag_s:before{background: url(../images/flag/icon_phi.jpg) no-repeat center / cover;}

/* 自由入力欄（プログラムの特長・よくある質問） */
.secBox .sectionInner .richEditor{
    width: 98%;
    margin: auto;
}

.secBox .sectionInner .richEditor .contentsBox{
    margin: 0 auto 2em;
}
.secBox .sectionInner .richEditor .contentsInner{
    width: 95%;
    margin: auto;
}
.secBox .sectionInner .richEditor .contentsNote{font-size: 1.2em;margin: 0;}
.secBox .sectionInner .richEditor h1{}
.secBox .sectionInner .richEditor h2{}
.secBox .sectionInner .richEditor h3{font-size: 140%;font-weight: bold;}
.secBox .sectionInner .richEditor h4{font-weight: bold;margin: 0.5em auto 0.25em;}
.secBox .sectionInner .richEditor p,
.secBox .sectionInner .richEditor pre{
    padding: 0 0 0 1em;
    margin: 0.3em auto 0.5em;
}
.secBox .sectionInner .richEditor ul{padding-left: 1.1em;}
.secBox .sectionInner .richEditor li{
    padding-left: 1em;
    position: relative;
}
.secBox .sectionInner .richEditor li p,
.secBox .sectionInner .richEditor li pre{
    padding:0
}
.secBox .sectionInner .richEditor li:before{
    content:"・";
    position: absolute;
    left: 0.2em;
}



/*お申込みボタン*/
#coursesSec{}
#coursesSec>.sectionInner{margin-bottom:4em;}
#coursesSec .btnBox{position:relative;text-decoration:none;font-weight:700;border-radius:21em;}
#coursesSec .btnBox:after{content:"▶";position:absolute;display:inline-block;height:1em;font-size:.8em;top:0;bottom:0;right:10%;margin:auto;transform:translate(0,-.2em);}
#coursesSec .linkBox{text-align:center;justify-content:space-evenly;width:100%;margin:2em auto;}
#coursesSec .linkBox .contact,#coursesSec .linkBox .request{width:40%;font-size:1.5em;border:2px solid;padding:.4em 0 .4em;}
#coursesSec .linkBox .contact{background:#ff9752;color:#fff;border:2px solid;border-color:#f47505;}
#coursesSec .linkBox .request{background:#fff;color:#000;}

/*スライダー設定*/
#courceSlideBox{width:100%;}
#courceSlideBox .slideBoxInner .slickSlider .slide-item{width:400px;height:224px;overflow:hidden;position:relative;background-size:cover;margin:0 10px;}
#courceSlideBox .slideBoxInner .slickSlider .slide-item img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#courceSlideBox .slick-track .slick-slide{width:500px;height:200px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;text-decoration:none;}
#courceSlideBox{margin:0 0 25px;}
#courceSlideBox .slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer;}
#courceSlideBox .slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0;}
#courceSlideBox .slick-dots li button:focus,#courceSlideBox .slick-dots li button:hover{outline:0;}
#courceSlideBox .slick-dots li button:focus:before,#courceSlideBox .slick-dots li button:hover:before{opacity:1;}
#courceSlideBox .slick-dots li button:before{font-size:10px;line-height:10px;position:absolute;top:0;left:0;width:10px;height:10px;content:'';border-radius:50%;border:2px solid #000;text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;}
#courceSlideBox .slick-dots li.slick-active button:before{opacity:.75;color:#000;background:#000;}
#courceSlideBox .slick-dotted.slick-slider{margin-bottom: 40px;padding-bottom: 10px;}
#courceSlideBox .slick-list .slick-slide{position:relative;padding:0 5px;}
#courceSlideBox .slick-list .slick-slide:not(.slick-current){opacity:.5;}
#courceSlideBox .slick-dots li button:before{border-color:#999;color:#999;background:#999;}
#courceSlideBox .slick-dots li.slick-active button:before{opacity:.75;border-color:#ea8046;color:#ea8046;background:#ea8046;}
#courceSlideBox .slick-dotted.slick-slider:before{content:"";display:block;width:40px;height:100%;position:absolute;top:0;left:0;z-index:1;}
#courceSlideBox .slick-dotted.slick-slider:after{content:"";display:block;width:40px;height:100%;position:absolute;top:0;right:0;z-index:1;}
#courceSlideBox .pcNone{display:none;}
#courceSlideBox .slick-next,#courceSlideBox .slick-prev{z-index:2;top:50%;transform:translate(0,-50%);}
#courceSlideBox .slick-prev{left:5px;background:url(/images/top_230801/ht_slider_arrow_l.png) no-repeat center/cover;}
#courceSlideBox .slick-next{right:5px;background:url(/images/top_230801/ht_slider_arrow_r.png) no-repeat center/cover;}


/*　各セクション -----------------------*/
/*　プログラムの特長 */
/* #programSec{}

#programSec .sectionInner{}
#programSec .contentsBox{
    margin:0 auto 2em;
}
#programSec .contentsInner{
    width: 95%;
    margin: auto;
}
.contentsNote{font-size: 1.2em;margin: 0;}
#programSec .sectionInner h1{}
#programSec .sectionInner h2{}
#programSec .sectionInner h3{font-weight: bold;}
#programSec .sectionInner h4{font-weight: bold;}
#programSec .sectionInner p,
#programSec .sectionInner pre{
    padding: 0 1.5em;
    margin: 0.3em auto 0.5em;
}
#programSec .sectionInner li{
    padding-left: 1.5em;
    position: relative;
}
#programSec .sectionInner li:before{
    content:"・";
    position: absolute;
    left:0.7em
} */

/* 日程表*/
#scheduleSec .courceTable{text-align:center;}
#scheduleSec img{width:100%;height:auto;background:#ccc;}
#scheduleSec .courceTableInfo{text-align:right;margin:2em 0;}
#scheduleSec .courceTableInfo a{padding:.5em 2.5em;background:#000;color:#fff;}

/* 動画でわかる Youtube系*/
#videoHomestaySec .movieBox{text-align:center;}
#videoHomestaySec iframe{width:600px;height:auto;aspect-ratio:16/9;margin:2em auto;}

/* 料金に含まれるもの・含まれないもの*/
#includedPriceSec .includeBox{margin:5em auto;border:2px solid #ff5959;padding:2em 2em 2em 3em;position:relative;background:#fff;z-index:999;}
#includedPriceSec .includeBox li{font-size:16px;padding:.4em 0 .2em;border-bottom:1px dashed #ccc;}
#includedPriceSec .includeBox li:before{content:"▶";padding-right:.3em;}
#includedPriceSec .includeBox.not{border-color:#4d4d4d;margin-bottom:2em;}
#includedPriceSec .includeTtl{position:absolute;top:-3em;left:-2px;font-size:1.2em;font-weight:700;width:40%;background:#ff5959;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);color:#fff;padding:.7em 1em .7em 2.5em;z-index:1;margin:auto;}
#includedPriceSec .not .includeTtl{background:#4d4d4d;}
#includedPriceSec .includeBox .annotation{margin: .8em auto 0;font-size:.8em;}

/* ご注意事項*/
#notesSec p{padding-left:1em;}
#notesSec .notesTxtBox{margin:1em auto;}
#notesSec .notesTxt{display:flex;margin:.5em auto;}
#notesSec .notesTxt a{position:relative;background:#036;border:2px solid #171c61;color:#fff;padding:.5em 0 .5em 2em;width:40%;}
#notesSec .notesTxt a:after{content:">>";position:absolute;right:2em;}
#notesSec .notesList{background:#e0e0e0;padding:1em;margin:2em auto 3em;}
#notesSec .notesList li{margin:.5em auto;padding-left: 1.3em;position: relative;}
#notesSec .notesList li:before{content:"■";/* margin-right:.2em; */position: absolute;left: 0em;}

@media screen and (max-width:800px){
    
    #coursesSec>.sectionInner>.contentsBox{width: 100%;}
    .secBox>.sectionInner{padding:0;width: 95%;}
    .secBox>.sectionInner>h2{padding: .5em 0.7em .5em .7em;line-height: 1.2;}
    
    .courceBox .courceBoxinner{flex-wrap: wrap;margin-bottom: 0em;}
    .courceBox .courceBoxinner .flag_s{width: 56%;padding: 0.5em 0.5em 0.5em calc(50px + .5em);}
    .courceBox .courceBoxinner .flag_s:before{width: 50px;height: 32px;}
    .courceBox .courceBoxinner .flag_s .txtArea{font-size: 1.3em;}
    .courceBox .detailedItemBox .tableBox .detailPrice{font-size: 25px;}
    .courceBox .detailedItemBox .tableBox .detailPrice span{display: block;}
    .courceBox .courceTtl{font-size:1.15em; }
    .courceBox .gradeBox li{font-size: 75%;}
    table tr{
    display: flex;
    flex-wrap: wrap;
}
    table tr.boxset{display: flex;flex-wrap:wrap}
    table tr.boxset th{    display: inline-flex;justify-content: center;align-items: center;}
    table th,
    table td{line-height: 1.5;display: inline-block;}
    .courceBox .detailedItemBox .tableBox th{width: 40%;}
    .courceBox .detailedItemBox .tableBox th.pos_r{}
    .courceBox .detailedItemBox .tableBox th.pos_r span{}
    table td{width: 60%;}

    
    .courceBox .detailedItemBox .tableBox tr.boxset th,
    .courceBox .detailedItemBox .tableBox tr.boxset td{width: 100%;}

    /* 自由入力欄（プログラムの特長・よくある質問） */
    .secBox .sectionInner .richEditor{}
    .secBox .sectionInner .richEditor .contentsBox{}
    .secBox .sectionInner .richEditor .contentsInner{}
    .secBox .sectionInner .richEditor .contentsNote{}
    .secBox .sectionInner .richEditor h1{}
    .secBox .sectionInner .richEditor h2{}
    .secBox .sectionInner .richEditor h3{
    margin-top: 0.5em;
}
    .secBox .sectionInner .richEditor h4{
    margin: 0.5em 0 0.25em;
}
    
    .secBox .sectionInner .richEditor h3+h4{
        margin-top: 0.0;
    }
    
    .secBox .sectionInner .richEditor p,
    .secBox .sectionInner .richEditor pre{
    padding: 0 0 0 2.5%;
}
    .secBox .sectionInner .richEditor ul{
    padding-left: 2%;
}
    .secBox .sectionInner .richEditor li{}
    .secBox .sectionInner .richEditor li p,
    .secBox .sectionInner .richEditor li pre{}
    .secBox .sectionInner .richEditor li:before{}

    
    
    /* #programSec .infoBox{position: relative;margin: 2em auto;}
    #programSec .infoBox dl{width: 100%;order: 1;}
    #programSec .infoBox dt{line-height: 1.2;font-size: 1.2em;}
    #programSec .infoBox dd{padding-top: 5px;}
    #programSec .infoBox .img{margin-left: 0.5em;} */
    
    #scheduleSec img{width: 100%;}
    #scheduleSec .courceTableInfo{margin:1em; }
    #videoHomestaySec iframe{width: 100%;margin: 0 auto;}
    
    #includedPriceSec .includeBox{padding:2em 1em 0em 1em; }
    #includedPriceSec .includeBox li{padding:.4em 0 .2em 1.3em;position: relative;}
    #includedPriceSec .includeBox li:before{position: absolute;left: 0;}
    #includedPriceSec .includeTtl{width: 80%;top: -1.5em;padding: .5em 1em .5em 2.5em;}
    
    #notesSec .notesTxt a{width: 75%;}
    
    #coursesSec .linkBox{flex-wrap: wrap;}
    #coursesSec .linkBox .contact, 
    #coursesSec .linkBox .request{width: 85%;}
    #coursesSec .linkBox .contact{margin-bottom: 0.5em;}
    .contentsNote{font-size: 1em;margin: 0;}
}