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



/* ------------- */
/* TOP共通パーツ */
/* ------------- */

section.secBox{
    margin: 2em auto;
}

.secBox h2{text-align:center;position:relative;font-size:2rem;font-weight: bold;margin: 0 auto 1em;padding-bottom: 0.2em;/* border-bottom: 2px solid #ffbe2e; */}
.secBox h2:after{content:"";position:absolute;border-bottom: 2px solid #ffbe2e;width: 10em;left: 0;right: 0;margin: auto;bottom: 0;}
.secBox > .sectionInner .commonBtn{ text-align:center; max-width:200px; width:100%; margin:3em auto; font-size:125%;}
.secBox > .sectionInner .commonBtn a{ color:#c91433; border:1px solid #231815; padding:0.7em 0.5em 0.6em; display:block; line-height:1em; position:relative; overflow:hidden; cursor: pointer;}
.secBox > .sectionInner .commonBtn a:before{ content:">"; position:absolute; right:0.5em;}
.secBox > .sectionInner .commonBtn a:after{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	transition:.2s linear;
}
.secBox > .sectionInner .commonBtn a:hover{ color:#fff; opacity:1;}
.secBox > .sectionInner .commonBtn a:hover:after{ left:0; background-color:#c91433;}


.gradeInner{display:inline-block;margin-left: 1em;}
.gradeInner li{display:inline-block;background:#aaa;padding: .2em .5em;color:#fff;font-weight:700;border-radius:1em;}
.gradeInner .Elem.focus{background:#cf544b;}
.gradeInner .Midd.focus{background:#94689a;}
.gradeInner .High.focus{background:#00a0ad;}





.pickUpCourseBtn{
    text-align: center;
}
.pickUpCourseBtn a{
    position: relative;
    padding: 0.4em 5em;
    background: #ee8a1e;
    color: #fff;
    border-radius: 25px;
}

.pickUpCourseBtn a.stop{
    background: #aaa;
	pointer-events: none;
}

.pickUpCourseBtn a:after{
	content:"▶";
	position:absolute;
	right:2em;
}

.searchBtn{	
    max-width: 770px;
    margin: auto;
}

.searchBtn p,
.checkBtn p{
	position:relative;
}
.searchBtn .pickBtn{
    background: #ff5959;
}
.searchBtn .countryBtn{
    background: #f3a237;
}
.searchBtn .gradeBtn{background: #48a0d7;}

.searchBtn p a,
.checkBtn p a{color:#fff;padding: 0.7em 0;width: 240px;display: inline-block;text-align: center;}
.searchBtn p a:after,
.checkBtn p a:after{content:"▶";position:absolute;right: 1em;top: 0;bottom: 0;align-content: center;}


.checkBtn{
    max-width: 600px;
    margin: 2em auto;
}
.checkBtn .courceCheckBtn a{background: #fff;color:#48a0d7;border: 3px solid;border-radius: 2em;}
.checkBtn .requestBtn a{background: #fff;color: #f17505;border: 3px solid;border-radius: 2em;width: 270px;}
.checkBtn p a:before{content:"";position:absolute;left: 1em;width:25px;height:25px;top: 0;bottom: 0;margin: auto;transition:0.4s ease-in-out;}
.checkBtn .courceCheckBtn a:before{background: url(../images/top/icon_check.png) no-repeat center / cover;}
.checkBtn .requestBtn a:before{background: url(../images/top/icon_request.png) no-repeat center / cover;}

.checkBtn .courceCheckBtn a:hover,
.checkBtn .requestBtn a:hover{color:#fff; border:solid 3px; }
.checkBtn .courceCheckBtn a:hover{background:#29a2d9;border-color:#48a0d7}
.checkBtn .requestBtn a:hover{background:#ff9452;border-color:#f17505}

.checkBtn .courceCheckBtn a:hover:before{background: url(../images/top/icon_check_w.png) no-repeat center / cover;}
.checkBtn .requestBtn a:hover:before{background: url(../images/top/icon_request_w.png) no-repeat center / cover;}


/*　各セクション -----------------------*/

/*　「全コース日本からの引率付きで安心！」のセクション */
#pageDescriptionSec{
    position: relative;
    margin-bottom: 8em;
    padding-bottom: 3em;
}
#pageDescriptionSec:after{
	content:"";
	position: absolute;
	width:1768px;
	height:84px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: url(/seasonal/wp-content/uploads/2024/02/img_bg01.png) no-repeat center / cover;
	max-width: 100%;
}
#pageDescriptionSec .pageDescriptionTxt{
    font-size: 2.6em;
    font-weight:bold;
    margin: 0 auto 1em;
}
#pageDescriptionSec .pageDescriptionTxt span{
    font-size: 1.2em;
	color:#ff0000;
}
#pageDescriptionSec .supplement{
	max-width: 700px;
	margin: 2em auto;
}

/*　Last Resort のおすすめ留学先 */
#abroadPickUpSec{}

#abroadPickUpSec h2{position:relative;}
#abroadPickUpSec h2:before{content:"PICK UP!!";position:absolute;font-size: 0.75em;line-height: 1.2em;right: 0;left: 0;top: calc(-0.75em - 23px);padding: 0.2em 0;margin: auto;max-width: 270px;background: #ff5959;border-radius: 2em;color: #fff;}


#abroadPickUpSec .pickUpCource{flex-wrap: wrap;}
#abroadPickUpSec .pickUpBox{
    width: 49%;
    border: 2px solid #ff5959;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
}
#abroadPickUpSec .pickUpBox .pickUpImage{margin:0;}
#abroadPickUpSec .pickUpBox .contentsBoxInner{
    padding: 1.5em 1em 2em;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
}
#abroadPickUpSec .pickUpBox .contentsBoxInner .dispFlex{
    position:relative;
}
#abroadPickUpSec .pickUpBox .contentsBoxInner .flag_s:before{
    content: "";
    position: absolute;
    width: 36px;
    height: 24px;
    background: #ccc;
    left: 0;
}
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_aus,
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_usa,
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_can,
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_gbr,

#abroadPickUpSec .pickUpBox .contentsBoxInner .country_nzl,
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_phi,
#abroadPickUpSec .pickUpBox .contentsBoxInner .country_kr{
    padding-left: 44px;
}


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

country_kr

#abroadPickUpSec .pickUpImage{
    margin: 0 0 auto 0;
}
#abroadPickUpSec .pickUpImage img{
    height: 160px;
    width: 100%;
    object-fit: cover;
    display: block;
}
#abroadPickUpSec .flag_s{font-size: 1em;}
.countryBox.country_aus .flag_s:before{background: url(../images/flag/icon_aus.jpg) no-repeat center / cover;}
	
#abroadPickUpSec .flag_s span{}

#abroadPickUpSec .pickUpBox h3{
    font-weight: bold;
    font-size: 1.25em;
    margin: 0.7em 0 0.3em;
}
#abroadPickUpSec .pickUpBox .supplement{
    font-size: 1em;
    margin-bottom: auto;
}

#abroadPickUpSec .pickUpBox dl{
    margin: 1em auto 2em;
}
#abroadPickUpSec .pickUpBox dt{
    font-weight: normal;
}
#abroadPickUpSec .pickUpBox dd{
    font-weight: bold;
    color: red;
    font-size: 2em;
    text-align: center;
}
#abroadPickUpSec .pickUpBox dd .txtSizeSS{color:black;}



/*　おすすめポイント */
#recommendedPointsSec{background:#fffdee;position: relative;margin-bottom: 4em;}
#recommendedPointsSec:before,
#recommendedPointsSec:after{background:#fffdee;content:"";position:absolute;width: 100%;height: 60px}
#recommendedPointsSec:before{clip-path: polygon(0 40%, 0% 100%, 100% 100%);top: -60px;}
#recommendedPointsSec:after{clip-path: polygon(0 50%, 0 0, 100% 0);bottom: -60px;}

#recommendedPointsSec .contentsInner ul{
    gap: 2%;
}
#recommendedPointsSec .contentsInner li{
    width: 430px;
	display: flex;
    flex-direction: column;
}
#recommendedPointsSec .contentsInner li h3{
    font-size: 1.3em;
    /* height: 3.2em; */
    margin-bottom: 0.4em;
    padding-left: 0.6em;
    border-left: 5px solid #e85a24;
    font-weight: bold;
}
#recommendedPointsSec .contentsInner li p{
    margin: 0.3em auto 0.5em;
    display: inline-block;
}
#recommendedPointsSec .contentsInner li p.recommendedImg{
    margin: auto 0 0;
}
#recommendedPointsSec .contentsInner li p img{
    width: 100%;
    height: auto;
}


/*　開催国から探す */
#searchCountrySec{
}
#searchCountrySec .sectionInner{
    /* width: 1050px; */
    padding: 30px 0 60px;
}
#searchCountrySec .sectionInner .contentsInner ul{flex-wrap:wrap;justify-content:flex-start;}
#searchCountrySec .aus{}
#searchCountrySec .searchCountryList{
    width: 23%;
    padding: 1em 0.75em;
    margin: 0 1% 2%;
    border: 2px solid #c3c3c3;
    display: flex;
    flex-direction: column;
}
#searchCountrySec h3{
    position:relative;
	padding-left: 40px;
}
#searchCountrySec h3:before{
    content: "";
    position: absolute;
    width: 36px;
    height: 24px;
    background: #ccc;
    left: 0;
}

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

#searchCountrySec .pickUpImage{margin: 0.2em 0 1em;width: 100%;}
#searchCountrySec .pickUpImage img{
	height: 160px;
	width: 100%;
	object-fit: cover;
	display: block;
}
#searchCountrySec .description{
    font-size: 0.8em;
}
#searchCountrySec .pickUpCourseBtn{
    margin: auto 0 0;
}
#searchCountrySec .pickUpCourseBtn a{
    padding: 0.2em 0;
    display: block;
    margin: 1em auto;
}
/* 詳細公開時に非表示にする
#searchCountrySec .country_aus .Elem,
#searchCountrySec .country_can .Elem,
#searchCountrySec .country_usa .Elem{background: #cf544b;}
#searchCountrySec .country_aus .Midd,
#searchCountrySec .country_can .Midd,
#searchCountrySec .country_usa .Midd,
#searchCountrySec .country_gbr .Midd{background: #94689a;}
#searchCountrySec .country_aus .High,
#searchCountrySec .country_can .High,
#searchCountrySec .country_usa .High,
#searchCountrySec .country_gbr .High{background: #00a0ad;}*/



/*　年代から探す */
#searchYearSec{}
#searchYearSec .sectionInner{
    /* width: 1050px; */
    padding: 30px 0 60px;
}
#searchYearSec .searchYearList{
    width: 33%;
    padding: 1em;
    border: 2px solid #c3c3c3;
    display: flex;
    flex-direction: column;
}
#searchYearSec h3{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
#searchYearSec .pickUpImage{
    margin: 0.2em auto 0.7em;
}
#searchYearSec .pickUpImage img{
    height: 160px;
    width: 100%;
    object-fit: cover;
    display: block;
}
#searchYearSec .supplement{
    font-size: 0.8em;
}
#searchYearSec .pickUpCourseBtn{
    width: 70%;
    margin: auto auto 0;
}
#searchYearSec .pickUpCourseBtn a{
    padding: 0.2em 0;
    display: block;
    margin: 1em auto;
}


/*　お客様の声 */
#eventCourseSec{}

#eventCourseSec {
	margin-bottom: 6em;
}
#eventCourseSec .contentsInner{
	width: 960px;
	margin: 0 auto;
}
#eventCourseSec h3::after {
	content: "";
	position: absolute;
	width: 950px;
	left: 0;
}
#eventCourseSec h3 span{ font-size: 70%;}
#eventCourseSec .conBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    width: 920px;
    margin: auto;
}
#eventCourseSec .conBox p{/*  float:left; */ margin:0;}
#eventCourseSec .conBox .txt{/* margin-left: 40px; */width: 510px;line-height: 1.7em;}
#eventCourseSec .conBox .txt span{ color:#EB3587;}

#eventCourseSec #voiceSec{margin: 3em auto 0em;}
#eventCourseSec #voiceSec h4{ margin-left: 37px;}
#eventCourseSec #voiceBox{
    padding: 5em 2% 2%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 3px solid #e1e1e1;
    border-radius: 8px;
    max-width: 880px;
    margin: 1em auto 5em;
}

#eventCourseSec #voiceBox:after{content:"夏留学2023のアンケート結果より";position: absolute;bottom: -2em;right: 0;color: #a2a2a2;}

#eventCourseSec #voiceBox input[name="tabItem"] {display: none;}

#eventCourseSec #voiceBox .tabItem.voice01tab {left: 2.5%;}
#eventCourseSec #voiceBox .tabItem.voice02tab {}
#eventCourseSec #voiceBox .tabItem.voice03tab {right: 2.5%;}

#eventCourseSec #voiceBox .tabItem .btn_voice01,
#eventCourseSec #voiceBox .tabItem .btn_voice02,
#eventCourseSec #voiceBox .tabItem .btn_voice03 {
    width: 100%;
    margin: 0;
    border: #7a7a7a 2px solid;
    border-bottom: 8px solid;
    font-size: 1.2em;
    font-weight: bold;
    min-height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.2em 1.5em;
    border-radius: 8px 8px 0 0;
}

#eventCourseSec #voiceBox .tabItem .btn_voice01{border-color:#d3544b;color:#d3544b}
#eventCourseSec #voiceBox .tabItem .btn_voice02{border-color:#98689e;color:#98689e}
#eventCourseSec #voiceBox .tabItem .btn_voice03{border-color:#00a4b1;color:#00a4b1}

#eventCourseSec #voiceBox #voice01tab:checked ~ label.tabItem.voice01tab .btn_voice01,
#eventCourseSec #voiceBox #voice02tab:checked ~ label.tabItem.voice02tab .btn_voice02,
#eventCourseSec #voiceBox #voice03tab:checked ~ label.tabItem.voice03tab .btn_voice03{color:#fff;border-bottom:solid #000 8px;}

#eventCourseSec #voiceBox #voice01tab:checked ~ label.tabItem.voice01tab .btn_voice01{background-color:#d3544b}
#eventCourseSec #voiceBox #voice02tab:checked ~ label.tabItem.voice02tab .btn_voice02{background-color:#98689e}
#eventCourseSec #voiceBox #voice03tab:checked ~ label.tabItem.voice03tab .btn_voice03{background-color:#00a4b1}

#eventCourseSec #voiceBox .tabItem {width: 30%;position: absolute;top: 5%;}
#eventCourseSec #voiceBox .tabItem:hover {cursor: pointer;}


#eventCourseSec #voiceBox .tabItem.voice01tab .btn_voice01:hover,
#eventCourseSec #voiceBox .tabItem.voice02tab .btn_voice02:hover,
#eventCourseSec #voiceBox .tabItem.voice03tab .btn_voice03:hover {
    /* background-color: #fff;
    color: #ef8989;
    border: 2px solid #ef8989;
	border-bottom:8px solid; */
	opacity: 0.7;
}
#eventCourseSec #voiceBox .tabContent {
    display: none;
    opacity: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    width: 100%;
}

#eventCourseSec #voiceBox #voice01tab:checked ~ .content_voice01,
#eventCourseSec #voiceBox #voice02tab:checked ~ .content_voice02,
#eventCourseSec #voiceBox #voice03tab:checked ~ .content_voice03 {
    display: block;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    opacity: 1;
    padding: 1.5em 1em 1.5em;
    padding-left: 11%;
    position: relative;
}
#eventCourseSec #voiceBox .tabContent.c-voice:before{
    content:"";
    position: absolute;
    background: url(../images/top/img_voice_04.jpg) no-repeat;
    background-size: contain;
    width:72px;
    height: 72px;
    left: 1%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#eventCourseSec #voiceBox .content_voice02.c-voice:before{ background: url(../images/top/img_voice_05.jpg) no-repeat;background-size: contain;}
#eventCourseSec #voiceBox .content_voice03.c-voice:before{ background: url(../images/top/img_voice_06.jpg) no-repeat;background-size: contain;}

#eventCourseSec #voiceBox .tabContent.p-voice:before {
	content: "";
	position: absolute;
	background: url(../images/top/img_voice_07.jpg) no-repeat;
	background-size: contain;
	width: 72px;
	height: 72px;
	left: 1%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#eventCourseSec #voiceBox #voice01tab:checked ~ .content_voice01 dt,
#eventCourseSec #voiceBox #voice01tab:checked ~ .content_voice01 dd,
#eventCourseSec #voiceBox #voice02tab:checked ~ .content_voice02 dt,
#eventCourseSec #voiceBox #voice02tab:checked ~ .content_voice02 dd,
#eventCourseSec #voiceBox #voice03tab:checked ~ .content_voice03 dt,
#eventCourseSec #voiceBox #voice03tab:checked ~ .content_voice03 dd{}
#eventCourseSec #voiceBox .voiceBoxInner.tabContent dt,
#eventCourseSec #voiceBox .voiceBoxInner.tabContent dd{max-width:740px;}
#eventCourseSec #voiceBox dl.voiceBoxInner.tabContent {
    max-width: 820px;
    width: 100%;
}
#eventCourseSec #voiceBox dl.voiceBoxInner.tabContent.c-voice{border-bottom:2px solid #e1e1e1}
#eventCourseSec #voiceBox .voiceBoxInner.tabContent dt{
    font-size: 130%;
    margin-bottom: 0.5em;
}
#eventCourseSec #voiceBox .voiceBoxInner.tabContent dd{}




/*　ご検討の流れ */
#flowOfConsiderationSec{
	position:relative;
    background: #6A9AAC;
    padding: 8em 0;
    margin-bottom: 0;
}
#flowOfConsiderationSec:before{top: 35px;}
#flowOfConsiderationSec:after{bottom: 35px;}
#flowOfConsiderationSec:before,
#flowOfConsiderationSec:after{
	content:"";
	position:absolute;
	width: 100%;
	max-width:100%;
	height: 35px;
	background: url(../images/top/img_bg02.png) no-repeat;
	background-size: cover;
}

#flowOfConsiderationSec .sectionInner{background:#fff;margin: 0em auto;max-width: 1050px;}

#flowOfConsiderationSec .considerationFlow{
    position: relative;
    background: #d4dce9;
    margin: 2em auto 4em;
    border-radius: 10px;
    padding: 1.5em 2em 1.8em calc(2em + 48px);
    max-width: 680px;
}
#flowOfConsiderationSec .considerationFlow:before{
	content:"";
	position:absolute;
	width: 120px;
	height: 120px;
	left: -40px;
	top: -5px;
	z-index: 1;
}
#flowOfConsiderationSec .considerationFlow:nth-child(1):before{
	background: url(../images/top/step01.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(2):before{
	background: url(../images/top/step02.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(3):before{
	background: url(../images/top/step03.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(4):before{
	background: url(../images/top/step04.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(5):before{
	background: url(../images/top/step05.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(6):before{
	background: url(../images/top/step06.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(7):before{
	background: url(../images/top/step07.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:nth-child(8):before{
	background: url(../images/top/step08.png) no-repeat center / cover;
}
#flowOfConsiderationSec .considerationFlow:after{
	position:absolute;
	content:"";
	display:inline-block;
	width: 5px;
	height: 100%;
	background-color: #171C61;
	top: 84px;
	left: 20px;
	z-index: 0;
	}
#flowOfConsiderationSec .considerationFlow:nth-child(8):after{
	content:none;
}
#flowOfConsiderationSec .considerationTtl{
    font-size: 1.7em;
    border-bottom: 1px solid #171C61;
}
#flowOfConsiderationSec .considerationdd{}
#flowOfConsiderationSec .considerationdd span.txtSizeS{position:relative;display: block;margin: 5px auto;line-height: 1.3em;padding-left: 1em;}
#flowOfConsiderationSec .considerationdd span.txtSizeS:before{content:"※";position:absolute;left:0em;}

#flowOfConsiderationSec .considerationdd.dd1{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.3em auto;
}
#flowOfConsiderationSec .considerationTtl,
#flowOfConsiderationSec .considerationdd{padding-left:30px}
#flowOfConsiderationSec .considerationTtl.supportBadge{
}
#flowOfConsiderationSec .considerationTtl.supportBadge:after{content:"予約締切12/15まで！";font-size: 65%;padding: 0.2em 1em;margin: 0 1em;background: #ff9752;color: #fff;}
#flowOfConsiderationSec .considerationdd .searchBtn{
    width: 95%;
    margin: 1em auto 0;
    justify-content: space-between;
}
#flowOfConsiderationSec .considerationdd .searchBtn .countryBtn,
#flowOfConsiderationSec .considerationdd .searchBtn .gradeBtn{
    background: none;
}#flowOfConsiderationSec .considerationdd .searchBtn .countryBtn a{
	
    border: 2px solid #f3a237;
}

#flowOfConsiderationSec .considerationdd .searchBtn .gradeBtn a{
    border: #48a0d7 2px solid;
}
#flowOfConsiderationSec .considerationdd .searchBtn .countryBtn a,
#flowOfConsiderationSec .considerationdd .searchBtn .gradeBtn a{
    border-radius: 2em;
    color: #000;
	background: #fff;
}

#flowOfConsiderationSec .checkBtn{
    margin: 1em auto 0;
}


.pickUpCourseBtn .stop-{background: #ccc; pointer-events: none;}

#flowOfConsiderationSec .considerationMonth{
    margin:0 0.5em;
    padding:2px 10px;
    background-color:#231815;
    color:#fff;
}


@media screen and (max-width:800px) { 
.sideBtn{bottom: 20em;top: auto;max-width: 35px;}
.sideBtn2{bottom:7em; top: auto;max-width: 35px;}
	
.checkBtn{display: block;}

.checkBtn .courceCheckBtn,
.checkBtn .requestBtn{
    text-align: center;
    width: 80%;
    margin: 0 auto 0.8em;
}
.checkBtn .courceCheckBtn a,
.checkBtn .requestBtn a{
    width: 100%;
    font-weight: bold;
}


/*ファーストビュー*/
#mainviewSec{min-height: 35vh;}
#mainviewSec .mainviewSecInner{padding: 0;}
#mainviewSec h1 span.text01{width: 100%;}
#mainviewSec h1 img.ttl_img01{max-width: 50vw;}
#mainviewSec h1 img{margin: 0 auto;}
#mainSlideBox .slick-track .slick-slide{background-position: right 0em center;}

/*「全コース日本からの引率付きで安心！」のセクション*/
#pageDescriptionSec{margin-bottom: 5em;}
#pageDescriptionSec .SatisfactionImage{width: 80%; margin: 0 auto;}
#pageDescriptionSec .pageDescriptionTxt{font-size: 1.8em;}
.searchBtn{display: block;}
.searchBtn .pickBtn{width: 80%; margin: 0 auto 0.8em;}
.searchBtn .countryBtn{width: 80%; margin: 0 auto 0.8em;}
.searchBtn .gradeBtn{width: 80%; margin: 0 auto;}
.searchBtn p a{width: 100%;}
	
/*おすすめ留学先　4つ*/
#abroadPickUpSec h2:before{padding: 0.4em 0 0.2em;}
.secBox h2{font-size: 1.6em;}
#abroadPickUpSec .pickUpBox{width: 100%;}
.gradeInner li{padding: 0.1em 0.4em;}
.gradeInner{margin-left: auto;}
#abroadPickUpSec .pickUpBox dd{line-height: 1em;margin-top: 0.25em;}	
/*『夏'留学2024』のおすすめポイント*/
.secBox h2{font-size: 1.4em;}
#recommendedPointsSec .contentsInner ul{display: block;}	
#recommendedPointsSec .contentsInner li{width: 100%;margin-bottom: 3em;}
#recommendedPointsSec .contentsInner li:last-child{margin-bottom:1em;}
#recommendedPointsSec .contentsInner li h3{height:auto;}
#recommendedPointsSec .contentsInner li dt{font-size: 1.2em; height: auto; margin-bottom: 0;}
	
/*『夏'留学2024』開催国から探す*/
#searchCountrySec .sectionInner{width: 90%; margin: 2em auto; padding: 2em 0;}
#searchCountrySec .sectionInner ul{display: block;}
#searchCountrySec .searchCountryList{width: 100%; margin: 0 auto 1em;}
#searchCountrySec .description{font-size: 1em;}
#searchCountrySec .sectionInner .pickUpCourseBtn{width: 70%; margin: 0 auto;}
#searchCountrySec .sectionInner .gradeInner{margin-left: 0.3em;}

	
/*年代から探す*/
#searchYearSec .supplement{font-size: 1em;}
#searchYearSec .sectionInner{width: 90%; margin: 2em auto; padding: 2em 0;}
#searchYearSec .sectionInner ul{display: block;}
#searchYearSec .searchYearList{width: 100%; margin: 0 auto 1em;}
#searchYearSec .pickUpImage{margin: 0.2em 0 0.7em;}
	
/*『夏'留学2024』も催行決定。5都市11コース！*/
#eventCourseSec{margin-bottom: 4em;}
#eventCourseSec .contentsInner{width: 100%;}
#eventCourseSec .conBox{display: block; width: 100%;}
#eventCourseSec .conBox .txt{width: 100%;}

/*参加者の声*/
#eventCourseSec #voiceBox .tabItem{top: 3%;}
#eventCourseSec #voiceBox #voice01tab:checked ~ .content_voice01, #eventCourseSec #voiceBox #voice02tab:checked ~ .content_voice02, #eventCourseSec #voiceBox #voice03tab:checked ~ .content_voice03{padding-left: 0; padding: 1.5em 0.5em;}
#eventCourseSec #voiceBox .tabContent.c-voice:before{top: auto; left: auto; width: 13vw; height: 13vw; -webkit-transform: none; }
#eventCourseSec #voiceBox .tabContent.p-voice:before{top: auto; left: auto; width: 13vw; height: 13vw; -webkit-transform: none; }
#eventCourseSec #voiceBox dt{padding: 3% 0 3% 18%;}
#voiceSec h3{width: 85%; margin: 0 auto 3%;}
#eventCourseSec #voiceBox{margin: 0 auto 5em; padding: 4.5em 2% 2%;}

	
/*ご検討の流れ*/
#flowOfConsiderationSec{padding: 6em 0;background-color: #6A9AAC;}
#flowOfConsiderationSec .considerationdd .searchBtn .countryBtn, #flowOfConsiderationSec .considerationdd .searchBtn .gradeBtn{width: 95%;}
#flowOfConsiderationSec:before, #flowOfConsiderationSec:after{height: 20px;}
#flowOfConsiderationSec .considerationTtl,
#flowOfConsiderationSec .considerationdd{padding-left: 0;}
#flowOfConsiderationSec .considerationdd span.txtSizeS{}
#flowOfConsiderationSec .considerationFlow:before{width: 65px; height: 65px; left: -15px;}
#flowOfConsiderationSec .considerationFlow:after{top: 52px;left: 15px;}
#flowOfConsiderationSec .considerationFlow{width: calc(100% - 3em);padding: 1.6em 1em 1.6em 60px;}
#flowOfConsiderationSec .checkBtn .courceCheckBtn,
#flowOfConsiderationSec .checkBtn .requestBtn{
    width: 100%;
	font-size:0.9em;
}
#flowOfConsiderationSec .checkBtn p a:before{width: 1.5em;height: 1.5em;}
#flowOfConsiderationSec .considerationTtl.supportBadge{
    line-height: 1em;
    margin: 0.4em auto;
    padding-bottom: 0.3em;
    font-size: 1.6em;
}
#flowOfConsiderationSec .considerationTtl.supportBadge:after{
    margin: 0.5em auto;
    display: inline-block;
}

#flowOfConsiderationSec .considerationMonth{
    margin: 0;
    line-height: 2.3em;
}
}