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



/*フォント*/
.wd200{font-weight: 200 !important; color: #000;}
.wd400{font-weight: 400 !important; color: #000;}

/*価格フォント*/
.prc{font-weight: 400 !important; color: #ff8115; font-size: 0.4em; letter-spacing: .1rem; margin-top: 20px; margin-bottom: 0px; line-height: 1em;} /*#ff8115*/
.prc2{font-weight: 400 !important; color: #000; font-size: 0.6em;letter-spacing: .03rem;} /*#ff8115*/
.prc3{font-weight: 200 !important; color: #000; font-size: 0.25em; letter-spacing: .03rem; margin-top: 0px; line-height: 1em;} /*#ff8115*/
.prc4{font-weight: 200 !important; color: #000; font-size: 0.6em;letter-spacing: .03rem;} /*#ff8115*/
.prc5{font-weight: 200 !important; color: #000; font-size: 1em; margin-top: 0px; text-align: left; } /*#ff8115*/
.prc6{font-weight: 400 !important; color: #000; font-size: 1em; line-height: 1.5em; margin-top: 0px; margin-bottom: 0px; text-align: left; text-indent: 0em; background-color:} 

/*フッターフォント*/
.ftf{font-weight: 200 !important; color: #000; font-size: 1em; line-height: 1.5em; margin-top: 20px; margin-bottom: 0px; text-align: left; text-indent: 0em; background-color:} 
.ftf2{font-weight: 200 !important; color: #000; font-size: 1em; line-height: 1.5em; margin-top: 0px; margin-bottom: 0px; text-align: left; text-indent: 0em; padding:0px;} 

/*横長ボタン*/

/*　<div style="text-align: center;"><a href="#" class="text-uppercase s-btn s-btn--md s-btn--white-brd g-radius--50">　　２４時間 LINEサポートへ　　</a></div>　*/

.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}
.g-margin-b-25--xs {margin-bottom: 1.5625rem;}
.g-letter-spacing--2 {letter-spacing: .125rem;}
.s-btn--md {font-size: 0.8125rem; font-weight: 400; padding: 1rem 2.5rem;}
.s-btn-icon--md {font-size: 1rem; padding: 0.9375rem 1.5625rem 0.75rem;}
.s-btn--white-brd {color: #fff; background: transparent; border-width: 0.0625rem; border-style: solid;border-color: #fff;}
.s-btn--white-brd:focus, .s-btn--white-brd:hover {color: #222324; background: #fff; border-color: #fff;}
.g-radius--50 {border-radius: 3.125rem !important;}

/*画面適応*/
@media screen and (min-width: 1600px) {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 1025px) and (max-width: 1599px)  {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 835px) and (max-width: 1024px)  {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_md.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 769px) and (max-width: 834px)  {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_md.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 721px) and (max-width: 768px) {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_sm.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 401px) and (max-width: 720px) {.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_sm.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (min-width: 321px) and (max-width: 400px){.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_ssm.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}
@media screen and (max-width:320px){.section--skin-2b {background-image: url("../assets/img/common/backgrounds/qa_ssm.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; }}




/*合格者メッセージ*/

.section {padding: 60px 0;position: relative;}

/*画面適応*/
@media screen and (min-width: 1600px) {.section {padding: 60px 0;position: relative;}}
@media screen and (min-width: 1025px) and (max-width: 1599px)  {.section {padding: 60px 0;position: relative;}}
@media screen and (min-width: 835px) and (max-width: 1024px) {.section {padding: 60px 0;position: relative;}}
@media screen and (min-width: 769px) and (max-width: 834px) {.section {padding: 60px 0;position: relative;}}
@media screen and (min-width: 721px) and (max-width: 768px) {.section {padding: 60px 0 0 0;position: relative;}}
@media screen and (min-width: 401px) and (max-width: 720px){.section {padding: 60px 0 0 0;position: relative;}}
@media screen and (min-width: 321px) and (max-width: 400px){.section {padding: 60px 0 0 0;position: relative;}}
@media screen and (max-width:320px){.section {padding: 60px 0 0 0;position: relative;}}



.carousel__outer {
	margin: 0 -200px;
	padding-top: 0px;
}


.g_ms {
	text-align: left;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1em;
	
	padding: 10px 10px;
	letter-spacing: 0.01em;
	margin: 0;
	font-weight: 200;
	background-color: #FCDADB;
	
}

.g_cg {
	text-align:center;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.1em;
	padding: 10px;
	background-color: #E81D20;
	color: white;
	letter-spacing: 0.01em;
	margin: 0;
	margin-top: 15px;
	font-weight: 600;
	border-radius:10px; 
	background-image: url("../assets/img/common/goukaku/sakura.png");
    background-position: 20px;
	background-repeat: no-repeat;
	background-size: 20px;
}

/*画面適応*/
@media screen and (min-width: 1600px) {.g_cg2{ font-size:1.0em; background-position: 20px; padding-left: 20px;}}
@media screen and (min-width: 1025px) and (max-width: 1599px)  {.g_cg2{ font-size:0.88em; background-position: 10px; padding-left: 20px;}}
@media screen and (min-width: 835px) and (max-width: 1024px)  {.g_cg2{ font-size: 1.1em; background-position: 15px; padding-left: 20px;}}
@media screen and (min-width: 769px) and (max-width: 834px)  {.g_cg2{ font-size: 1.1em; background-position: 15px; padding-left: 20px;}}
@media screen and (min-width: 721px) and (max-width: 768px) {.g_cg2{ font-size: 1.1em; background-position: 20px; padding-left: 20px;}}
@media screen and (min-width: 401px) and (max-width: 720px) {.g_cg2{ font-size: 1em; background-position: 15px; padding-left: 20px;}}
@media screen and (min-width: 321px) and (max-width: 400px) {.g_cg2{ font-size: 0.9em; background-position: 15px; padding-left: 20px;}}
@media screen and (max-width:320px) {.g_cg2{ font-size: 0.85em; background-position: 11px; padding-left: 20px;}}


.g_cg3 {
	text-align:left;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 0.8em;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	color: darkorange;	
}

.g_cg4 {
	text-align:left;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	color: 000;
	font-weight: 500;
	
}


/*合格者画面適応*/
@media screen and (min-width: 1600px) {.g_cg5{ margin: 0px 80px }}
@media screen and (min-width: 1025px) and (max-width: 1599px) {.g_cg5{ margin: 0px 60px }}
@media screen and (min-width: 835px) and (max-width: 1024px) {.g_cg5{ margin: 0px 60px }}
@media screen and (min-width: 769px) and (max-width: 834px) {.g_cg5{ margin: 0px 50px }}
@media screen and (min-width: 721px) and (max-width: 768px) {.g_cg5{ margin: 0px 40px }}
@media screen and (min-width: 401px) and (max-width: 720px) {.g_cg5{ margin: 0px 30px }}
@media screen and (min-width: 321px) and (max-width: 400px){.g_cg5{ margin: 0px 30px }}
@media screen and (max-width:320px) {.g_cg5{ margin: 0px 40px }}



/*PCでは無効（改行しない）*/
.s_pc{ display: none;}
.s_pc835{ display: none;}
.s_pc800{ display: none;}
.s_tb3{ display: none;}
.s_tb2{ display: none;}
.s_tb1{ display: none;}
.s_xs3{ display: none;}
.s_xs2{ display: none;}
.s_xs{ display: none;}



/*1025以上表示*/
@media screen and (min-width: 1025px) {
    .s_pc{
        display: block;
    }
}


/*835以上表示*/
@media screen and (min-width: 835px) {
    .s_pc835{
        display: block;
    }
}


/*800以上表示*/
@media screen and (min-width: 800px) {
    .s_pc800{
        display: block;
    }
}

/*835〜1024表示*/
@media screen and  (min-width: 835px) and (max-width: 1024px)  {
    .s_tb3{
        display: block;
    }
}

/*769〜799表示*/
@media screen and (min-width: 769px) and (max-width: 799px) {
    .s_tb799{
        display: block;
    }
}



/*769〜834表示*/
@media screen and (min-width: 769px) and (max-width: 834px) {
    .s_tb2{
        display: block;
    }
}

/*721〜768表示*/
@media screen and (min-width: 721px) and (max-width: 768px) {
    .s_tb1{
        display: block;
    }
}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {
    .s_xs3{
        display: block;
    }
}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {
    .s_xs2{
        display: block;
    }
}

/*320以下で表示*/
@media screen and (max-width:320px) {
    .s_xs{
        display: block;
    }
}






/*トップのキャッチ１*/

.topc { color: black; font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif'; font-weight: 200;}	


/*835以上*/
@media screen and (min-width: 835px) {.topc { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc { font-size: 3.4em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc { font-size: 3em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc { font-size: 2.6em; line-height: 1.5em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc { font-size: 2.3em; line-height: 1.5em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc { font-size: 2em; line-height: 1.5em;}}　


/*トップのキャッチ２*/

.topc_2 { color: black; font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif'; font-weight: 200;}	


/*835以上*/
@media screen and (min-width: 835px) {.topc_2 { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc_2 { font-size: 3.4em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc_2 { font-size: 3em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc_2 { font-size: 2.6em; line-height: 1.5em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc_2 { font-size: 2.3em; line-height: 1.5em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc_2 { font-size: 2.0em; line-height: 1.5em;}}　



/*トップのキャッチ３*/

.topc_3 { color: black; font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif'; font-weight: 200;}	


/*835以上*/
@media screen and (min-width: 835px) {.topc_3 { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc_3 { font-size: 3.4em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc_3 { font-size: 3em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc_3 { font-size: 2.6em; line-height: 1.5em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc_3 { font-size: 2.3em; line-height: 1.5em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc_3 { font-size: 2em; line-height: 1.5em;}}　







/*トップのキャッチの上のマージン*/

/*835以上*/
@media screen and (min-width: 835px) and (max-width: 2000px) {.slider__slide {padding-top: 40px;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.slider__slide {padding-top: 40px;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.slider__slide {padding-top: 40px;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.slider__slide {padding-top: 40px;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.slider__slide {padding-top: 40px;}}

/*320以下*/
@media screen and (max-width: 320px) {.slider__slide {padding-top: 30px;}}　



/*体験談ボタンの文言の文字サイズ*/

/*835以上*/
@media screen and (min-width: 321px) and (max-width: 2000px) {.download-button__store {font-size: 27x !important; }}


/*320以下*/
@media screen and (max-width: 320px) {.download-button__store {font-size: 20px; margin-top: 10px !important;}}　



/*斜め背景のトップキャッチ左上*/


/*835以上*/
@media screen and (min-width: 835px) {.topc2 { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc2 { font-size: 1.5em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc2 { font-size: 1.5em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc2 { font-size: 1.4em; line-height: 1.5em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc2 { font-size: 1.2em; line-height: 1.5em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc2 { font-size: 1em; line-height: 1.5em;}}　



/*斜め背景のトップキャッチ右下*/


/*835以上*/
@media screen and (min-width: 835px) {.topc3 { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc3 { font-size: 1.5em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc3 { font-size: 1.5em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc3 { font-size: 1.6em; line-height: 1.5em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc3 { font-size: 1.5em; line-height: 1.5em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc3 { font-size: 1.3em; line-height: 1.5em;}}　


/*案内ビデオのキャッチ*/


/*835以上*/
@media screen and (min-width: 835px) {.topc4 { font-size: 4em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc4 { font-size: 1.5em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc4 { font-size: 1.5em; line-height: 1.5em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc4 { font-size: 1.4em; line-height: 1.4em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc4 { font-size: 1.3em; line-height: 1.3em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc4 { font-size: 1.1em; line-height: 1.3em;}}　


/*安心ブランドのキャッチ*/


/*835以上*/
@media screen and (min-width: 835px) {.topc5 { font-size: 2.2em; line-height: 1.5em;}}

/*761〜834表示*/
@media screen and (min-width: 761px) and (max-width: 834px) {.topc5 { font-size: 2.2em; line-height: 1.5em;}}

/*721〜760表示*/
@media screen and (min-width: 721px) and (max-width: 760px) {.topc5 { font-size: 2.0em; line-height: 1.4em;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {.topc5 { font-size: 2.0em; line-height: 1.4em;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {.topc5 { font-size: 1.8em; line-height: 1.4em;}}

/*320以下*/
@media screen and (max-width: 320px) {.topc5 { font-size: 1.6em; line-height: 1.6em;}}　






/*320ラインーーーーーーーーーーーーーー*/


/*320以下表示*/
@media(min-width:321px){
    .sm320{
        display: none !important;
    }
}

/*321以上表示*/
@media(max-width:320px){
    .sm321{
        display: none !important;
    }
}


/*375ラインーーーーーーーーーーーーーー*/


/*375以下表示*/
@media(min-width:376px){
    .sm375{
        display: none !important;
    }
}


/*376以上表示*/
@media(max-width:375px){
    .sm376{
        display: none !important;
    }
}





/*414ラインーーーーーーーーーーーーーー*/


/*414以下表示*/
@media(min-width:415px){
    .sm414{
        display: none !important;
    }
}


/*414以上表示*/
@media(max-width:414px){
    .sm415{
        display: none !important;
    }
}




/*750ラインーーーーーーーーーーーーーー*/


/*750以下表示*/
@media(min-width:751px){
    .tb750{
        display: none !important;
    }
}


/*751以上表示*/
@media(max-width:750px){
    .tb751{
        display: none !important;
    }
}



/*800ラインーーーーーーーーーーーーーー*/


/*800以下表示*/
@media(min-width:801px){
    .pc800{
        display: none !important;
    }
}


/*801以上表示*/
@media(max-width:800px){
    .pc801{
        display: none !important;
    }
}





/*ーーーーーーーーーーーーー　学習をスタートページ　ーーーーーーーーーーーーーー*/


/*さあ　頑張ろう*/


.st_01 { margin: 0px; padding: 0px; padding-top: 100px; }
.st_02 { margin: 0px; }
.st_03 { padding: 0px; }
.st_04 { margin: 0px; padding: 14px; padding-top: 0px; }
.st_05 { margin: 0px; padding: 0px; padding-left:6px; padding-right: 6px;  }
.st_06 { text-align: center; margin-top: 20px; margin-bottom: 0px; font-size: 1.2em; font-weight: 400; }
.st_07 { margin: 0px; padding: 0px; margin-bottom: 30px;}
.st_08 { margin: 0px; padding: 10px; }
.st_09 { margin: 0px; padding: 0px; }
.st_10 { font-weight: 500; font-size: 1.2em; margin: 0px; line-height: 1.3em; margin-bottom: 5px; }
.st_11 { font-weight: 300; font-size: 0.85em; line-height: 1.3em; margin: 0px; }
.st_12 { background-color: #eaecf1; padding:30px ; padding-left: 0px; padding-right: 0px; }
.st_13 { padding-left: 50px; padding-right: 50px; }
.st_14 { margin: 0px; padding: 30px;  vertical-align: top; }
.st_15 { font-weight: 500; font-size: 1.4em; margin: 0px; line-height: 1.6em; margin-bottom: 15px; }
.st_16 { font-weight: 300; font-size: 1em; line-height: 1.5em; margin: 0px; }
.st_17 { text-align: center; margin-top: 40px; margin-bottom: 0px; font-size: 1.5em; font-weight: 400; }