@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: none;}
.secBox h2:after{content:"";position:absolute;border-bottom: 2px solid #ee1746;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;}


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




#seaechVoiceSec {margin:auto}


/* 新着体験談 */
#PickUpSec{}
#PickUpSec .sectionInner{}
#PickUpSec .sectionInner .titleSubBox{
    text-align: center;
}
#PickUpSec .sectionInner .titleSubBox h3{
    text-align: center;
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 0em;
    padding: 0 4px 2px 4px;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 255, 102, 1);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}
#PickUpSec .sectionInner .titleSubBox p{text-align: center;font-size: 1.35em;font-weight: bold;color: #b3b3b3;}

#PickUpSec .sectionInner .PickUpBox{
    margin: 2em auto;
}
#PickUpSec .sectionInner .PickUpInner{
    width: 100%;
    gap: 2em 2%;
}

#PickUpSec .sectionInner .PickUpInner .cardContainer{
    width: 32%;
    border: 1px solid #333;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{
    position: relative;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{
	width: 100%;
	aspect-ratio: 4/3;
	/* background: #ccc; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{position: relative;display: inline-block;bottom: 3em;left: 3em;height: 1.1em;width: 1.76em;}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{content:"";display: inline-block;position:absolute;height: 2.2em;width: 3.52em;/* background:#ccc; */background-size: cover;background-repeat:no-repeat;filter: drop-shadow(2px 2px 2px #aaa9);top: 0;bottom: 0;right: 0;margin: auto;}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 5%;
    bottom: -5%;
    /* background: #ff0000; */
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    aspect-ratio: 1/1;
    max-width: 32%;
    width: 100px;
}


#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody{
    width: 90%;
    margin: 0em auto 1em;
    display: flex;
    flex-direction: column;
    flex: 1 auto;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{
    color: #999999;
    line-height: 1.2;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .title{font-size:1em;font-weight:bold;line-height:1.4;margin: 0.5em 0;}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{
    font-size: 0.9em;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{
    font-size: 0.9em;
    margin-bottom: auto;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 行数を指定 */
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{
    font-size: 1em;
    margin: 1.4em auto;
    color: #333;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody:not(:has(.profileQA)) .readMore{margin-top: auto;}

#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore .readAnker{
    padding: 0.5em 2em;
    background: #39bac3;
    border-radius: 3em;
    color: #fff;
}

#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{text-align: right;margin-top: -0.5em;}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{
    color: #999;
    line-height: 1.2;
    text-align: right;
    margin: 0;
}
#PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{
    color: #b3b3b3;
    line-height: 1.2;
    text-align: right;
}

/* 検索窓に戻るボタン */
.searchBackBox{}
.searchBackBox .searchBackBtn{
    text-align: center;
    /* margin: 4em auto; */
}
.searchBackBox .searchBackBtn a{
    position: relative;
    margin: 3em auto;
    padding: 1em 3em;
    background: #e18e14;
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    display: inline-block;
}
.searchBackBox .searchBackBtn a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  margin: auto;
}

.searchBackBox .searchBackBtn a.up:after {transform: rotate(-135deg);top: 6%;}

/* 検索窓に戻るボタン */




@media screen and (max-width:1100px){
        
    /* ------------- */
    /* TOP共通パーツ */
    /* ------------- */

    section.secBox{}
    .secBox h2{}
    .secBox h2:after{}
    .secBox > .sectionInner .commonBtn{}
    .secBox > .sectionInner .commonBtn a{}
    .secBox > .sectionInner .commonBtn a:before{}
    .secBox > .sectionInner .commonBtn a:after{}
    .secBox > .sectionInner .commonBtn a:hover{}
    .secBox > .sectionInner .commonBtn a:hover:after{}

    .gradeInner{}
    .gradeInner li{}
    .gradeInner .Elem.focus{}
    .gradeInner .Midd.focus{}
    .gradeInner .High.focus{}


    .pickUpCourseBtn{}
    .pickUpCourseBtn a{}
    .pickUpCourseBtn a.stop{}
    .pickUpCourseBtn a:after{}

    .searchBtn{}
    .searchBtn p,
    .checkBtn p{}
    .searchBtn .pickBtn{}
    .searchBtn .countryBtn{}
    .searchBtn .gradeBtn{}
    .searchBtn p a,
    .checkBtn p a{}
    .searchBtn p a:after,
    .checkBtn p a:after{}
    .checkBtn{}
    .checkBtn .courceCheckBtn a{}
    .checkBtn .requestBtn a{}
    .checkBtn p a:before{}
    .checkBtn .requestBtn a:before{}
    .checkBtn .courceCheckBtn a:hover,
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover{}
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover:before{}
    .checkBtn .requestBtn a:hover:before{}


    /*　各セクション -----------------------*/
    /* 体験談検索窓 */
    #seaechVoiceSec {margin:auto}
    #seaechVoiceSec .sectionInner{
    width: 100%;
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm{
    max-width: 95vw;
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm h3{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox h4.ttl{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists label{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists input{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.program input{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.country input{}


    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox button{}



    /* 新着体験談 */
    #PickUpSec{}
    #PickUpSec .sectionInner{}
    #PickUpSec .sectionInner .titleSubBox{}
    #PickUpSec .sectionInner .titleSubBox h3{}
    #PickUpSec .sectionInner .titleSubBox p{}

    #PickUpSec .sectionInner .PickUpBox{}
    #PickUpSec .sectionInner .PickUpInner{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer{
    width: 49%;
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{}


    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .title{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

    /* 検索窓に戻るボタン */
    .searchBackBox{}
    .searchBackBox .searchBackBtn{}
    .searchBackBox .searchBackBtn a{}
    .searchBackBox .searchBackBtn a:after{}
    .searchBackBox .searchBackBtn a.up:after{}

    /* 検索窓に戻るボタン */


}
@media screen and (max-width: 800px){
        
    /* ------------- */
    /* TOP共通パーツ */
    /* ------------- */

    section.secBox{}
    .secBox h2{}
    .secBox h2:after{}
    .secBox > .sectionInner .commonBtn{}
    .secBox > .sectionInner .commonBtn a{}
    .secBox > .sectionInner .commonBtn a:before{}
    .secBox > .sectionInner .commonBtn a:after{}
    .secBox > .sectionInner .commonBtn a:hover{}
    .secBox > .sectionInner .commonBtn a:hover:after{}

    .gradeInner{}
    .gradeInner li{}
    .gradeInner .Elem.focus{}
    .gradeInner .Midd.focus{}
    .gradeInner .High.focus{}


    .pickUpCourseBtn{}
    .pickUpCourseBtn a{}
    .pickUpCourseBtn a.stop{}
    .pickUpCourseBtn a:after{}

    .searchBtn{}
    .searchBtn p,
    .checkBtn p{}
    .searchBtn .pickBtn{}
    .searchBtn .countryBtn{}
    .searchBtn .gradeBtn{}
    .searchBtn p a,
    .checkBtn p a{}
    .searchBtn p a:after,
    .checkBtn p a:after{}
    .checkBtn{}
    .checkBtn .courceCheckBtn a{}
    .checkBtn .requestBtn a{}
    .checkBtn p a:before{}
    .checkBtn .requestBtn a:before{}
    .checkBtn .courceCheckBtn a:hover,
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover{}
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover:before{}
    .checkBtn .requestBtn a:hover:before{}


    /*　各セクション -----------------------*/
    /* 体験談検索窓 */
    #seaechVoiceSec{}
    #seaechVoiceSec .sectionInner{
    padding: 0;
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm h3{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox h4.ttl{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists{
    gap: 1em 4%;
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists label{
    /* width: 48%; */
    /* font-size: clamp(12px, 3.6vw, 14px); */
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists input{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.program input{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.country input{}


    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox button{
    margin-top: 0.5em;
}



    /* 新着体験談 */
    #PickUpSec{}
    #PickUpSec .sectionInner{
    padding-top: 0;
}
    #PickUpSec .sectionInner .titleSubBox{}
    #PickUpSec .sectionInner .titleSubBox h3{}
    #PickUpSec .sectionInner .titleSubBox p{
    line-height: 1;
}

    #PickUpSec .sectionInner .PickUpBox{
    margin: 1em auto 2em;
}
    #PickUpSec .sectionInner .PickUpInner{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{}


    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .title{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{
    font-size: clamp(16px, 4.2vw, 18px);
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{
    font-size: clamp(14px, 4vw, 16px);
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

    /* 検索窓に戻るボタン */
    .searchBackBox{}
    .searchBackBox .searchBackBtn{}
    .searchBackBox .searchBackBtn a{}
    .searchBackBox .searchBackBtn a:after{}
    .searchBackBox .searchBackBtn a.up:after{}

    /* 検索窓に戻るボタン */


}
@media screen and (max-width: 640px){
        
    /* ------------- */
    /* TOP共通パーツ */
    /* ------------- */

    section.secBox{}
    .secBox h2{}
    .secBox h2:after{}
    .secBox > .sectionInner .commonBtn{}
    .secBox > .sectionInner .commonBtn a{}
    .secBox > .sectionInner .commonBtn a:before{}
    .secBox > .sectionInner .commonBtn a:after{}
    .secBox > .sectionInner .commonBtn a:hover{}
    .secBox > .sectionInner .commonBtn a:hover:after{}

    .gradeInner{}
    .gradeInner li{}
    .gradeInner .Elem.focus{}
    .gradeInner .Midd.focus{}
    .gradeInner .High.focus{}


    .pickUpCourseBtn{}
    .pickUpCourseBtn a{}
    .pickUpCourseBtn a.stop{}
    .pickUpCourseBtn a:after{}

    .searchBtn{}
    .searchBtn p,
    .checkBtn p{}
    .searchBtn .pickBtn{}
    .searchBtn .countryBtn{}
    .searchBtn .gradeBtn{}
    .searchBtn p a,
    .checkBtn p a{}
    .searchBtn p a:after,
    .checkBtn p a:after{}
    .checkBtn{}
    .checkBtn .courceCheckBtn a{}
    .checkBtn .requestBtn a{}
    .checkBtn p a:before{}
    .checkBtn .requestBtn a:before{}
    .checkBtn .courceCheckBtn a:hover,
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover{}
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover:before{}
    .checkBtn .requestBtn a:hover:before{}


    /*　各セクション -----------------------*/
    /* 体験談検索窓 */
    #seaechVoiceSec{}
    #seaechVoiceSec .sectionInner{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm h3{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox h4.ttl{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists label{
}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox .courceLists input{}

    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.program input{}
    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox .filterBox.country input{}


    #seaechVoiceSec .sectionInner .seaechVoiceForm .seaechVoiceBox button{}



    /* 新着体験談 */
    #PickUpSec{}
    #PickUpSec .sectionInner{}
    #PickUpSec .sectionInner .titleSubBox{}
    #PickUpSec .sectionInner .titleSubBox h3{}
    #PickUpSec .sectionInner .titleSubBox p{}

    #PickUpSec .sectionInner .PickUpBox{}
    #PickUpSec .sectionInner .PickUpInner{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer{
    width: 100%;
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{}


    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .title{
    font-size: clamp(16px, 4.4vw, 20px);
    margin: 0.5em 0;
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

    /* 検索窓に戻るボタン */
    .searchBackBox{}
    .searchBackBox .searchBackBtn{}
    .searchBackBox .searchBackBtn a{}
    .searchBackBox .searchBackBtn a:after{}
    .searchBackBox .searchBackBtn a.up:after{}

    /* 検索窓に戻るボタン */


}
@media screen and (max-width: 460px){
        
    /* ------------- */
    /* TOP共通パーツ */
    /* ------------- */

    section.secBox{}
    .secBox h2{
    font-size: clamp(1.9em, 5vw, 2.2em);
}
    .secBox h2:after{}
    .secBox > .sectionInner .commonBtn{}
    .secBox > .sectionInner .commonBtn a{}
    .secBox > .sectionInner .commonBtn a:before{}
    .secBox > .sectionInner .commonBtn a:after{}
    .secBox > .sectionInner .commonBtn a:hover{}
    .secBox > .sectionInner .commonBtn a:hover:after{}

    .gradeInner{}
    .gradeInner li{}
    .gradeInner .Elem.focus{}
    .gradeInner .Midd.focus{}
    .gradeInner .High.focus{}


    .pickUpCourseBtn{}
    .pickUpCourseBtn a{}
    .pickUpCourseBtn a.stop{}
    .pickUpCourseBtn a:after{}

    .searchBtn{}
    .searchBtn p,
    .checkBtn p{}
    .searchBtn .pickBtn{}
    .searchBtn .countryBtn{}
    .searchBtn .gradeBtn{}
    .searchBtn p a,
    .checkBtn p a{}
    .searchBtn p a:after,
    .checkBtn p a:after{}
    .checkBtn{}
    .checkBtn .courceCheckBtn a{}
    .checkBtn .requestBtn a{}
    .checkBtn p a:before{}
    .checkBtn .requestBtn a:before{}
    .checkBtn .courceCheckBtn a:hover,
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover{}
    .checkBtn .requestBtn a:hover{}
    .checkBtn .courceCheckBtn a:hover:before{}
    .checkBtn .requestBtn a:hover:before{}


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

    /* 新着体験談 */
    #PickUpSec{}
    #PickUpSec .sectionInner{}
    #PickUpSec .sectionInner .titleSubBox{}
    #PickUpSec .sectionInner .titleSubBox h3{}
    #PickUpSec .sectionInner .titleSubBox p{}

    #PickUpSec .sectionInner .PickUpBox{}
    #PickUpSec .sectionInner .PickUpInner{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer{
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .mainPhoto{
    aspect-ratio: 16 / 9;
}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .iconCountryFlag:after{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardHeaderImage .thumbnailImg{}


    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .abroadDetails{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .title{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .question{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .profileQA .answer{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .readMore{}

    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .authorName{}
    #PickUpSec .sectionInner .PickUpInner .cardContainer .cardBody .authorInfo .updateDate{}

    /* 検索窓に戻るボタン */
    .searchBackBox{}
    .searchBackBox .searchBackBtn{}
    .searchBackBox .searchBackBtn a{}
    .searchBackBox .searchBackBtn a:after{}
    .searchBackBox .searchBackBtn a.up:after{}

    /* 検索窓に戻るボタン */


}