@charset "utf-8";/* カラー設定 */
:root {
	--drill_main:#486AB3;
	--drill_bg:#DEE5F2;
}
.Breadcrumb li a { color:var(--drill_main); }




.Drill .InPage { padding-top:120px; margin-top:-80px; }
@media screen and (max-width:1199px) {
	.Drill .InPage { padding-top:calc(120vw / var(--scale)); margin-top:calc(-80vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	.Drill .InPage { padding-top:calc(64vw / var(--scale)); margin-top:calc(-64vw / var(--scale)); }
}
@media screen and (max-width:519px) {
}




/*pageNaviArea*/
.pageNaviArea { background:#333; padding:16px 80px; }
.pageNaviArea > .pageNavi { position:relative; max-width:sc(1040); margin:auto; }
.pageNaviArea > .pageNavi > .inner { border-radius:4px; overflow:hidden; }
.pageNaviArea > .pageNavi > .inner > .swiper { margin:0 -8px; }
.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper {}
.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide { padding:0 8px; box-sizing:border-box; }
.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb { border-radius:4px; overflow:hidden; }
.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb > img {}
.pageNaviArea > .pageNavi .swiper-button-prev,
.pageNaviArea > .pageNavi .swiper-button-next { cursor:pointer; display:block; color:#fff; background:#3c3c3c; width:24px; height:40px; border-radius:2px; top:50%; margin:0; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; }
.pageNaviArea > .pageNavi .swiper-button-prev { left:-40px; }
.pageNaviArea > .pageNavi .swiper-button-next { right:-40px; }
.pageNaviArea > .pageNavi .swiper-button-prev::after,
.pageNaviArea > .pageNavi .swiper-button-next::after { font-size:16px; width:7px; height:16px; position:relative; }
html.Desktop .pageNaviArea > .pageNavi .swiper-button-prev:hover,
html.Desktop .pageNaviArea > .pageNavi .swiper-button-next:hover { opacity:.7; }
@media screen and (max-width:1199px) {
	.pageNaviArea { padding:calc(16vw / var(--scale)) calc(80vw / var(--scale)); }
	.pageNaviArea > .pageNavi { max-width:calc(1040vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner { border-radius:calc(4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper { margin:0 calc(-8vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper {}
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide { padding:0 calc(8vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb { border-radius:calc(4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb > img {}
	.pageNaviArea > .pageNavi .swiper-button-prev,
	.pageNaviArea > .pageNavi .swiper-button-next { width:calc(24vw / var(--scale)); height:calc(40vw / var(--scale)); border-radius:calc(2vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-prev { left:calc(-40vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-next { right:calc(-40vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-prev::after,
	.pageNaviArea > .pageNavi .swiper-button-next::after { font-size:calc(16vw / var(--scale)); width:calc(7vw / var(--scale)); height:calc(16vw / var(--scale)); }
	html.Desktop .pageNaviArea > .pageNavi .swiper-button-prev:hover,
	html.Desktop .pageNaviArea > .pageNavi .swiper-button-next:hover {}
}
@media screen and (max-width:959px) {
	/*pageNaviArea*/
	.pageNaviArea { padding:calc(8vw / var(--scale)) calc(8vw / var(--scale)); }
	.pageNaviArea > .pageNavi { max-width:none; width:calc(100% - 64vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner { border-radius:calc(4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper { margin:0 calc(-4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper {}
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide { padding:0 calc(4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb { border-radius:calc(4vw / var(--scale)); }
	.pageNaviArea > .pageNavi > .inner > .swiper > .swiper-wrapper > .swiper-slide > a > .thumb > img {}
	.pageNaviArea > .pageNavi .swiper-button-prev,
	.pageNaviArea > .pageNavi .swiper-button-next { width:calc(16vw / var(--scale)); height:calc(24vw / var(--scale)); border-radius:calc(2vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-prev { left:calc(-24vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-next { right:calc(-24vw / var(--scale)); }
	.pageNaviArea > .pageNavi .swiper-button-prev::after,
	.pageNaviArea > .pageNavi .swiper-button-next::after { font-size:s(12); width:s(5); height:s(12); }
	html.Desktop .pageNaviArea > .pageNavi .swiper-button-prev:hover,
	html.Desktop .pageNaviArea > .pageNavi .swiper-button-next:hover {}
}
@media screen and (max-width:519px) {
	.pageNaviArea { padding:calc(8vw / var(--scale)) 0; }
	.pageNaviArea > .pageNavi { width:calc(100% - 64vw / var(--scale)); }
}





/* スキル別トレーニング */
.Drill { box-shadow: 0px 0px 40px -8px rgba(0,0,0,0.3); }

/* メインビジュアル */
.Drill .mainTitle {}

/* 無料体験はこちら */
.Drill .registArea { display:flex; align-items:center; justify-content:center; flex-direction:column; height:136px; background:#f5f5f5; }
.Drill .registArea p { font-size:16px; margin-bottom:16px; font-weight:bold; text-align:center; color:#151515; }
.Drill .registArea a { display:flex; align-items:center; justify-content:center; position:relative; padding:0 16px 0 32px; width:320px; height:56px; border-radius:56px; line-height:1.25; font-weight:bold; text-decoration:none; box-sizing:border-box; color:#fff; background:#fc9045; background:-moz-linear-gradient(left,  #fc9045 0%, #fc1720 100%); background:-webkit-linear-gradient(left,  #fc9045 0%,#fc1720 100%); background:linear-gradient(to right,  #fc9045 0%,#fc1720 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9045', endColorstr='#fc1720',GradientType=1 ); }
.Drill .registArea a .txt { font-size:24px; margin-right:8px; letter-spacing:0; position:relative; top:-.08em; }
.Drill .registArea a .arrow { font-size:32px; color:#fff; line-height:1; }
.Drill .registArea a .arrow svg { vertical-align:bottom; }

/* スキル別トレーニングのご紹介 */
.Drill .sec_movie { padding:72px 80px 80px; background:#FBFBFB; }
.Drill .sec_movie .title { font-size:40px; line-height:1.5; font-weight:bold; margin-bottom:40px; text-align:center; color:var(--drill_main); }
.Drill .sec_movie .title .small { font-size:24px; color:#333; }
.Drill .sec_movie .YoutubeOuter { background:#ddd; padding:8px; box-sizing:border-box; border-radius:8px; }

/* あれっ？簡単な会話なのになかなか思うように英語で話せない、、、 */
.Drill .sec_problem { width:1200px; height:600px; display:flex; align-items:center; position:relative; }
.Drill .sec_problem::after { content:""; display:bold; width:0; height:0; border-style:solid; border-right:60px solid transparent; border-left:60px solid transparent; border-top:40px solid #fff; border-bottom:0; position:absolute; bottom:-40px; left:0; right:0; margin:auto; }
.Drill .sec_problem .txtArea { padding-left:160px; }
.Drill .sec_problem .txtArea .title { margin-bottom:40px; font-size:40px; line-height:1.5; font-weight:bold; color:var(--drill_main); }
.Drill .sec_problem .txtArea .txt { font-size:28px; line-height:1.75; }
.Drill .sec_problem .txtArea .txt strong { background: linear-gradient(transparent 60%, #FFD8C4 60%); }
.Drill .sec_problem .thumbArea { width:560px; height:auto; position:absolute; top:0; right:72px; }

/* ４つの特徴 */
.Drill .sec_fourFeatures {}
.Drill .sec_fourFeatures .secHead { padding:72px 0 56px; text-align:center; background:var(--drill_main); }
.Drill .sec_fourFeatures .secHead .title { margin-bottom:16px; font-size:40px; line-height:1.5; font-weight:bold; color:#fff; }
.Drill .sec_fourFeatures .secHead .txt { font-size:18px; line-height:1.75; color:#fff; }
.Drill .sec_fourFeatures .secBody {}
.Drill .sec_fourFeatures .secBody ul {}
.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) { background:var(--drill_bg); }
.Drill .sec_fourFeatures .secBody ul li:nth-child(even) { background:#FAFAFA; }
.Drill .sec_fourFeatures .secBody ul li .layout { padding:80px 80px; }
.Drill .sec_fourFeatures .secBody ul li .layout__row { display:flex; align-items:center; gap:80px; }
.Drill .sec_fourFeatures .secBody ul li .layout__col { width:50%; }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt {}
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .labal { width:80px; height:32px; font-size:16px; margin-bottom:1em; font-weight:bold; color:#fff; background:var(--drill_main); display:flex; align-items:center; justify-content:center; }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .ttl { margin-bottom:.5em; font-size:28px; line-height:1.5; font-weight:bold; color:var(--drill_main); }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .txt { font-size:16px; line-height:1.75; }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .Btn { padding-top:24px; }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .Btn a { background:#476AB3; }
.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb {}
.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb img { border-radius:2%; }
.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) .layout__col.-txt { order:2; }
.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) .layout__col.-thumb { order:1; }
.Drill .sec_fourFeatures .secBody ul li:nth-child(even) .layout__col.-txt { order:1; }
.Drill .sec_fourFeatures .secBody ul li:nth-child(even) .layout__col.-thumb { order:2; }

/* トレーニングメニュー */
.Drill .sec_menu { background:var(--drill_bg); }
.Drill .sec_menu .secHead { padding:72px 0 56px; text-align:center; }
.Drill .sec_menu .secHead .title { margin-bottom:16px; font-size:40px; line-height:1.5; font-weight:bold; color:var(--drill_main); }
.Drill .sec_menu .secHead .txt { font-size:18px; line-height:1.75; }
.Drill .sec_menu .secBody { padding:0 80px 80px; }
.Drill .sec_menu .secBody ul { display:flex; gap:40px; flex-wrap:wrap; }
.Drill .sec_menu .secBody ul li { width:calc(50% - 20px); padding:0 40px 0; box-sizing:border-box; background:var(--drill_main); border-radius:8px; }
.Drill .sec_menu .secBody ul li .layout { margin-bottom:16px; }
.Drill .sec_menu .secBody ul li .layout__row { display:flex; align-items:center; gap:16px; }
.Drill .sec_menu .secBody ul li .layout__col {}
.Drill .sec_menu .secBody ul li .layout__col.-icon { order:1; width:80px; }
.Drill .sec_menu .secBody ul li .layout__col.-txt { order:2; flex:1; }
.Drill .sec_menu .secBody ul li .layout__col.-txt .ttl { margin-bottom:.1em; font-size:32px; line-height:1.5; font-weight:bold; color:#fff; }
.Drill .sec_menu .secBody ul li .layout__col.-txt .labal { width:fit-content; font-size:16px; padding:.25em .5em; font-weight:bold; color:#fff; background:#FF2A38; }
.Drill .sec_menu .secBody ul li .layout__col.-txt .labal .small { font-size:12px; }
.Drill .sec_menu .secBody ul li .txt { margin-bottom:24px; padding-bottom:12px; font-size:16px; line-height:1.75; color:#fff; border-bottom:1px solid rgba(255, 255, 255, .3); }
.Drill .sec_menu .secBody ul li .thumb { text-align:center; }

/* スキル別トレーニング活用イメージ */
.Drill .sec_example { position:relative; }
.Drill .sec_example::after { content:""; display:bold; width:0; height:0; border-style:solid; border-right:60px solid transparent; border-left:60px solid transparent; border-top:40px solid #fff; border-bottom:0; position:absolute; bottom:-40px; left:0; right:0; margin:auto; }
.Drill .sec_example .secHead { padding:72px 0 56px; text-align:center; }
.Drill .sec_example .secHead .title { margin-bottom:16px; font-size:40px; line-height:1.5; font-weight:bold; color:var(--drill_main); }
.Drill .sec_example .secHead .title .small { font-size:24px; color:#333; }
.Drill .sec_example .secHead .txt { font-size:18px; line-height:1.75; }
.Drill .sec_example .secBody { padding:0 80px 80px; }
.Drill .sec_example .secBody h3 { margin-bottom:24px; padding-bottom:8px; border-bottom:1px solid #ccc; font-size:24px; font-weight:bold; color:var(--drill_main); }
.Drill .sec_example .secBody ul { display:flex; gap:48px; margin-bottom:80px; }
.Drill .sec_example .secBody ul li { width:calc(33.333% - 28px); font-size:16px; line-height:1.75; position:relative; }
.Drill .sec_example .secBody ul li .thumb { margin-bottom:16px; position:relative; }
.Drill .sec_example .secBody ul li .thumb img { display:block; border-radius:4px; }
.Drill .sec_example .secBody ul li:not(:last-child) .thumb::after { content:""; display:block; position:absolute; top:50%; right:-36px; transform:translateY(-50%); width:0; height:0; border-style:solid; border-color:transparent transparent transparent var(--drill_main); border-width:24px 0px 24px 24px; }
.Drill .sec_example .secBody p { font-size:32px; line-height:1.75; font-weight:bold; text-align:center; }

/* 中学生の1年間の授業時間数を超える学習時間の確保が可能に！ */
.Drill .sec_exceed { background:var(--drill_bg); }
.Drill .sec_exceed .secHead { padding:72px 0 48px; text-align:center; }
.Drill .sec_exceed .secHead .title { width:fit-content; margin:0 auto 16px; padding:0 24px; font-size:32px; line-height:1.5; font-weight:bold; color:var(--drill_main); position:relative; }
.Drill .sec_exceed .secHead .title::before { content:""; display:block; width:1px; height:88px; background:var(--drill_main); position:absolute; bottom:0; left:0; transform:rotate(-30deg); }
.Drill .sec_exceed .secHead .title::after { content:""; display:block; width:1px; height:88px; background:var(--drill_main); position:absolute; bottom:0; right:0; transform:rotate(30deg); }
.Drill .sec_exceed .secHead .txt { font-size:18px; line-height:1.75; }
.Drill .sec_exceed .secBody { padding:0 80px 80px; }
.Drill .sec_exceed .secBody .thumb { margin-bottom:80px; }
.Drill .sec_exceed .secBody .txt { font-size:32px; line-height:1.5; font-weight:bold; text-align:center; }

/* さらにPlusプランでは、 */
.Drill .sec_plus { padding:80px; background:#FBFBFB; }
.Drill .sec_plus .secHead { margin-bottom:64px; text-align:center; }
.Drill .sec_plus .secHead .sub { width:fit-content; margin:0 auto 24px; padding:.5em 1em; font-size:16px; line-height:1; background:var(--drill_main); color:#fff; }
.Drill .sec_plus .secHead .title { font-size:32px; line-height:1.5; font-weight:bold; margin-bottom:.5em; }
.Drill .sec_plus .secHead .txt { font-size:18px; line-height:1.75; }
.Drill .sec_plus .secBody {}
.Drill .sec_plus .secBody .layout {}
.Drill .sec_plus .secBody .layout__row { display:flex; align-items:center; gap:40px; }
.Drill .sec_plus .secBody .layout__col {}
.Drill .sec_plus .secBody .layout__col.-txt { order:2; width:55%; }
.Drill .sec_plus .secBody .layout__col.-thumb { order:1; width:45%; }
.Drill .sec_plus .secBody .layout__col.-txt {}
.Drill .sec_plus .secBody .layout__col.-txt ul { margin-bottom:40px; display:flex; gap:24px; }
.Drill .sec_plus .secBody .layout__col.-txt ul li { width:100%; }
.Drill .sec_plus .secBody .layout__col.-txt ul li > span { display:block; width:100%; padding-top:100%; border-radius:9999px; background:#FFFFEB; border:2px dashed var(--drill_main); position:relative; }
.Drill .sec_plus .secBody .layout__col.-txt ul li > span > span { display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:100%; position:absolute; top:0; left:0; font-size:16px; line-height:1.5; font-weight:bold; }
.Drill .sec_plus .secBody .layout__col.-txt .Btn {}
.Drill .sec_plus .secBody .layout__col.-txt .Btn a { background:#476AB3; }

/* 料金プラン */
.Drill .Section.-plan .secHead { padding:72px 0 56px; text-align:center; }
.Drill .Section.-plan .secHead .title { margin-bottom:16px; font-size:40px; line-height:1.5; font-weight:bold; color:var(--drill_main); }
.Drill .Section.-plan .secHead .txt { font-size:18px; line-height:1.75; }
@media screen and (max-width:1199px) {
	/* スキル別トレーニング */
	.Drill {}

	/* メインビジュアル */
	.Drill .mainTitle {}

	/* 無料体験はこちら */
	.Drill .registArea { height:calc(136vw / var(--scale)); }
	.Drill .registArea p { font-size:calc(16vw / var(--scale)); margin-bottom:calc(16vw / var(--scale)); }
	.Drill .registArea a { padding:0 calc(16vw / var(--scale)) 0 calc(32vw / var(--scale)); width:calc(320vw / var(--scale)); height:calc(56vw / var(--scale)); border-radius:calc(56vw / var(--scale)); }
	.Drill .registArea a .txt { font-size:calc(24vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	.Drill .registArea a .arrow { font-size:calc(32vw / var(--scale)); }
	.Drill .registArea a .arrow svg {}

	/* スキル別トレーニングのご紹介 */
	.Drill .sec_movie { padding:calc(72vw / var(--scale)) calc(80vw / var(--scale)) calc(80vw / var(--scale)); }
	.Drill .sec_movie .title { font-size:calc(40vw / var(--scale)); margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_movie .title .small { font-size:calc(24vw / var(--scale)); }
	.Drill .sec_movie .YoutubeOuter { padding:calc(8vw / var(--scale)); border-radius:calc(8vw / var(--scale)); }

	/* あれっ？簡単な会話なのになかなか思うように英語で話せない、、、 */
	.Drill .sec_problem { width:calc(1200vw / var(--scale)); height:calc(600vw / var(--scale)); }
	.Drill .sec_problem::after { border-right:calc(60vw / var(--scale)) solid transparent; border-left:calc(60vw / var(--scale)) solid transparent; border-top:calc(40vw / var(--scale)) solid #fff; bottom:calc(-40vw / var(--scale)); }
	.Drill .sec_problem .txtArea { padding-left:calc(160vw / var(--scale)); }
	.Drill .sec_problem .txtArea .title { margin-bottom:calc(40vw / var(--scale)); font-size:calc(40vw / var(--scale)); }
	.Drill .sec_problem .txtArea .txt { font-size:calc(28vw / var(--scale)); }
	.Drill .sec_problem .txtArea .txt strong {}
	.Drill .sec_problem .thumbArea { width:calc(560vw / var(--scale)); right:calc(72vw / var(--scale)); }

	/* ４つの特徴 */
	.Drill .sec_fourFeatures {}
	.Drill .sec_fourFeatures .secHead { padding:calc(72vw / var(--scale)) 0 calc(56vw / var(--scale)); }
	.Drill .sec_fourFeatures .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(40vw / var(--scale)); }
	.Drill .sec_fourFeatures .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody {}
	.Drill .sec_fourFeatures .secBody ul {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(even) {}
	.Drill .sec_fourFeatures .secBody ul li .layout { padding:calc(80vw / var(--scale)) calc(80vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__row { gap:calc(80vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col {}
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt {}
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .labal { width:calc(80vw / var(--scale)); height:calc(32vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .ttl { font-size:calc(28vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .txt { font-size:calc(16vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .Btn { padding-top:calc(24vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .Btn a {}
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb {}
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb img {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) .layout__col.-txt {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(odd) .layout__col.-thumb {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(even) .layout__col.-txt {}
	.Drill .sec_fourFeatures .secBody ul li:nth-child(even) .layout__col.-thumb {}

	/* トレーニングメニュー */
	.Drill .sec_menu {}
	.Drill .sec_menu .secHead { padding:calc(72vw / var(--scale)) 0 calc(56vw / var(--scale)); }
	.Drill .sec_menu .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(40vw / var(--scale)); }
	.Drill .sec_menu .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_menu .secBody { padding:0 calc(80vw / var(--scale)) calc(80vw / var(--scale)); }
	.Drill .sec_menu .secBody ul { gap:calc(40vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li { width:calc(50% - 20vw / var(--scale)); padding:0 calc(40vw / var(--scale)) 0; border-radius:calc(8vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout { margin-bottom:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__row { gap:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col {}
	.Drill .sec_menu .secBody ul li .layout__col.-icon { width:calc(80vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt {}
	.Drill .sec_menu .secBody ul li .layout__col.-txt .ttl { font-size:calc(32vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt .labal { font-size:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt .labal .small { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .txt { margin-bottom:calc(24vw / var(--scale)); padding-bottom:calc(12vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .thumb {}

	/* スキル別トレーニング活用イメージ */
	.Drill .sec_example {}
	.Drill .sec_example::after { border-right:calc(60vw / var(--scale)) solid transparent; border-left:calc(60vw / var(--scale)) solid transparent; border-top:calc(40vw / var(--scale)) solid #fff; bottom:calc(-40vw / var(--scale)); }
	.Drill .sec_example .secHead { padding:calc(72vw / var(--scale)) 0 calc(56vw / var(--scale)); }
	.Drill .sec_example .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(40vw / var(--scale)); }
	.Drill .sec_example .secHead .title .small { font-size:calc(24vw / var(--scale)); }
	.Drill .sec_example .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_example .secBody { padding:0 calc(80vw / var(--scale)) calc(80vw / var(--scale)); }
	.Drill .sec_example .secBody h3 { margin-bottom:calc(24vw / var(--scale)); padding-bottom:calc(8vw / var(--scale)); border-bottom:calc(1vw / var(--scale)) solid #ccc; font-size:calc(24vw / var(--scale)); }
	.Drill .sec_example .secBody ul { gap:calc(56vw / var(--scale)); margin-bottom:calc(80vw / var(--scale)); }
	.Drill .sec_example .secBody ul li { width:calc(33.333% - 28vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Drill .sec_example .secBody ul li .thumb { margin-bottom:calc(16vw / var(--scale)); }
	.Drill .sec_example .secBody ul li .thumb img { width:100%; }
	.Drill .sec_example .secBody ul li:not(:last-child) .thumb::after { right:calc(-40vw / var(--scale)); border-color:transparent transparent transparent var(--drill_main); border-width:calc(24vw / var(--scale)) 0px calc(24vw / var(--scale)) calc(24vw / var(--scale)); }
	.Drill .sec_example .secBody p { font-size:calc(32vw / var(--scale)); }

	/* 中学生の1年間の授業時間数を超える学習時間の確保が可能に！ */
	.Drill .sec_exceed {}
	.Drill .sec_exceed .secHead { padding:calc(72vw / var(--scale)) 0 calc(48vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title { margin:0 auto calc(16vw / var(--scale)); padding:0 calc(24vw / var(--scale)); font-size:calc(32vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title::before { height:calc(88vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title::after { height:calc(88vw / var(--scale)); }
	.Drill .sec_exceed .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_exceed .secBody { padding:0 calc(80vw / var(--scale)) calc(80vw / var(--scale)); }
	.Drill .sec_exceed .secBody .thumb { margin-bottom:calc(80vw / var(--scale)); }
	.Drill .sec_exceed .secBody .txt { font-size:calc(32vw / var(--scale)); }

	/* さらにPlusプランでは、 */
	.Drill .sec_plus { padding:calc(80vw / var(--scale)); }
	.Drill .sec_plus .secHead { margin-bottom:calc(64vw / var(--scale)); }
	.Drill .sec_plus .secHead .sub { margin:0 auto calc(24vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Drill .sec_plus .secHead .title { font-size:calc(32vw / var(--scale)); }
	.Drill .sec_plus .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_plus .secBody {}
	.Drill .sec_plus .secBody .layout {}
	.Drill .sec_plus .secBody .layout__row { gap:40px; }
	.Drill .sec_plus .secBody .layout__col {}
	.Drill .sec_plus .secBody .layout__col.-txt {}
	.Drill .sec_plus .secBody .layout__col.-thumb {}
	.Drill .sec_plus .secBody .layout__col.-txt {}
	.Drill .sec_plus .secBody .layout__col.-txt ul { margin-bottom:calc(40vw / var(--scale)); gap:calc(16vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt ul li {}
	.Drill .sec_plus .secBody .layout__col.-txt ul li > span { border-radius:calc(9999vw / var(--scale)); border:calc(2vw / var(--scale)) dashed var(--drill_main); font-size:calc(14vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt ul li > span > span { font-size:calc(16vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt .Btn {}
	.Drill .sec_plus .secBody .layout__col.-txt .Btn a {}

	/* 料金プラン */
	.Drill .Section.-plan .secHead { padding:calc(72vw / var(--scale)) 0 calc(56vw / var(--scale)); }
	.Drill .Section.-plan .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(40vw / var(--scale)); }
	.Drill .Section.-plan .secHead .txt { font-size:calc(18vw / var(--scale)); }
}
@media screen and (max-width:959px) {
	/* スキル別トレーニング */
	.Drill {}

	/* メインビジュアル */
	.Drill .mainTitle {}

	/* 無料体験はこちら */
	.Drill .registArea { height:calc(96vw / var(--scale)); }
	.Drill .registArea p { font-size:calc(10vw / var(--scale)); letter-spacing:.04em; margin-bottom:calc(10vw / var(--scale)); }
	.Drill .registArea a { padding:0 calc(16vw / var(--scale)) 0 calc(32vw / var(--scale)); width:calc(200vw / var(--scale)); height:calc(40vw / var(--scale)); border-radius:calc(40vw / var(--scale)); }
	.Drill .registArea a .txt { font-size:calc(16vw / var(--scale)); margin-right:calc(8vw / var(--scale)); }
	.Drill .registArea a .arrow { font-size:calc(20vw / var(--scale)); }

	/* スキル別トレーニングのご紹介 */
	.Drill .sec_movie { padding:calc(32vw / var(--scale)) calc(16vw / var(--scale)) calc(40vw / var(--scale)); }
	.Drill .sec_movie .title { font-size:calc(24vw / var(--scale)); margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_movie .title .small { font-size:calc(16vw / var(--scale)); }
	.Drill .sec_movie .YoutubeOuter { padding:calc(4vw / var(--scale)); border-radius:calc(4vw / var(--scale)); }

	/* あれっ？簡単な会話なのになかなか思うように英語で話せない、、、 */
	.Drill .sec_problem { width:100%; height:auto; display:block; padding:40px 16px; box-sizing:border-box; }
	.Drill .sec_problem::after { border-right:calc(24vw / var(--scale)) solid transparent; border-left:calc(24vw / var(--scale)) solid transparent; border-top:calc(24vw / var(--scale)) solid #fff; bottom:calc(-23vw / var(--scale)); }
	.Drill .sec_problem .txtArea { margin-bottom:calc(16vw / var(--scale)); padding:0; text-align:center; }
	.Drill .sec_problem .txtArea .title { margin-bottom:calc(24vw / var(--scale)); font-size:calc(20vw / var(--scale)); }
	.Drill .sec_problem .txtArea .txt { font-size:calc(14vw / var(--scale)); }
	.Drill .sec_problem .thumbArea { width:calc(160vw / var(--scale)); margin:auto; position:static; }

	/* ４つの特徴 */
	.Drill .sec_fourFeatures .secHead { padding:calc(40vw / var(--scale)) 0 calc(24vw / var(--scale)); }
	.Drill .sec_fourFeatures .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(24vw / var(--scale)); }
	.Drill .sec_fourFeatures .secHead .txt { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout { padding:calc(40vw / var(--scale)) calc(24vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__row { display:block; }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt { width:100%; margin-bottom:calc(32vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .labal { width:calc(64vw / var(--scale)); height:calc(24vw / var(--scale)); font-size:calc(12vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .ttl { font-size:calc(20vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .txt { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-txt .Btn { padding-top:calc(24vw / var(--scale)); }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb { width:100%; max-width:calc(320vw / var(--scale)); margin:auto; }
	.Drill .sec_fourFeatures .secBody ul li .layout__col.-thumb img { width:100%; }

	/* トレーニングメニュー */
	.Drill .sec_menu .secHead { padding:calc(32vw / var(--scale)) 0 calc(32vw / var(--scale)); }
	.Drill .sec_menu .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(24vw / var(--scale)); }
	.Drill .sec_menu .secHead .txt { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_menu .secBody { padding:0 calc(16vw / var(--scale)) calc(40vw / var(--scale)); }
	.Drill .sec_menu .secBody ul { display:block; gap:calc(40vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li { width:100%; padding:calc(16vw / var(--scale)) calc(16vw / var(--scale)) 0; margin-bottom:calc(16vw / var(--scale)); border-radius:calc(4vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li:first-child { padding-bottom:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li:last-child { margin-bottom:0; }
	.Drill .sec_menu .secBody ul li .layout { margin-bottom:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__row { gap:calc(16vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-icon { width:calc(80vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt .ttl { font-size:calc(24vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li:last-child .layout__col.-txt .ttl { line-height:1.25; margin-bottom:calc(4vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt .labal { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .layout__col.-txt .labal .small { font-size:calc(10vw / var(--scale)); }
	.Drill .sec_menu .secBody ul li .txt { margin-bottom:calc(16vw / var(--scale)); padding-bottom:calc(12vw / var(--scale)); font-size:calc(12vw / var(--scale)); }

	/* スキル別トレーニング活用イメージ */
	.Drill .sec_example::after { border-right:calc(24vw / var(--scale)) solid transparent; border-left:calc(24vw / var(--scale)) solid transparent; border-top:calc(20vw / var(--scale)) solid #fff; bottom:calc(-20vw / var(--scale)); }
	.Drill .sec_example .secHead { padding:calc(32vw / var(--scale)) 0 calc(16vw / var(--scale)); }
	.Drill .sec_example .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(24vw / var(--scale)); }
	.Drill .sec_example .secHead .title .small { font-size:calc(16vw / var(--scale)); }
	.Drill .sec_example .secHead .txt { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_example .secBody { padding:0 calc(16vw / var(--scale)) calc(40vw / var(--scale)); }
	.Drill .sec_example .secBody h3 { margin-bottom:calc(24vw / var(--scale)); padding-bottom:calc(8vw / var(--scale)); font-size:calc(16vw / var(--scale)); }
	.Drill .sec_example .secBody ul { display:block; margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_example .secBody ul li { width:100%; font-size:calc(12vw / var(--scale)); margin-bottom:calc(24vw / var(--scale)); }
	.Drill .sec_example .secBody ul li .thumb { max-width:calc(320vw / var(--scale)); margin:0 auto; }
	.Drill .sec_example .secBody ul li .thumb img { margin-bottom:calc(28vw / var(--scale)); }
	.Drill .sec_example .secBody ul li:not(:last-child) .thumb::after { margin:auto; position:static; border-color:var(--drill_main) transparent transparent transparent; border-width:calc(24vw / var(--scale)) calc(24vw / var(--scale)) 0px calc(24vw / var(--scale)); }
	.Drill .sec_example .secBody p { font-size:calc(20vw / var(--scale)); }

	/* 中学生の1年間の授業時間数を超える学習時間の確保が可能に！ */
	.Drill .sec_exceed .secHead { padding:calc(40vw / var(--scale)) 0 calc(24vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title { margin:0 auto calc(16vw / var(--scale)); padding:0 calc(24vw / var(--scale)); font-size:calc(18vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title::before { height:calc(40vw / var(--scale)); }
	.Drill .sec_exceed .secHead .title::after { height:calc(40vw / var(--scale)); }
	.Drill .sec_exceed .secHead .txt { font-size:calc(18vw / var(--scale)); }
	.Drill .sec_exceed .secBody { padding:0 calc(16vw / var(--scale)) calc(40vw / var(--scale)); }
	.Drill .sec_exceed .secBody .thumb { margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_exceed .secBody .txt { font-size:calc(16vw / var(--scale)); }

	/* さらにPlusプランでは、 */
	.Drill .sec_plus { padding:calc(40vw / var(--scale)) calc(16vw / var(--scale)); }
	.Drill .sec_plus .secHead { margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_plus .secHead .sub { margin:0 auto calc(24vw / var(--scale)); font-size:calc(10vw / var(--scale)); }
	.Drill .sec_plus .secHead .title { font-size:calc(20vw / var(--scale)); }
	.Drill .sec_plus .secHead .txt { font-size:calc(12vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__row { display:block; }
	.Drill .sec_plus .secBody .layout__col.-txt { width:100%; }
	.Drill .sec_plus .secBody .layout__col.-thumb { width:100%; margin-bottom:calc(40vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt ul { margin-bottom:calc(40vw / var(--scale)); gap:calc(8vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt ul li > span { border-radius:calc(9999vw / var(--scale)); border:calc(2vw / var(--scale)) dashed var(--drill_main); font-size:calc(10vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt ul li > span > span { font-size:calc(9vw / var(--scale)); }
	.Drill .sec_plus .secBody .layout__col.-txt .Btn { margin:auto; }

	/* 料金プラン */
	.Drill .Section.-plan { padding:calc(16vw / var(--scale)) calc(16vw / var(--scale)) calc(40vw / var(--scale)); }
	.Drill .Section.-plan .secHead { padding:calc(32vw / var(--scale)) 0 calc(40vw / var(--scale)); }
	.Drill .Section.-plan .secHead .title { margin-bottom:calc(16vw / var(--scale)); font-size:calc(24vw / var(--scale)); }
	.Drill .Section.-plan .secHead .txt { font-size:calc(12vw / var(--scale)); }
}
@media screen and (max-width:519px) {
}