@charset "utf-8";
/* 幼児プラン */

.SvgIcon.-left { margin-left:.1em; }


:root {
	--Preschool-sec01: #EC9D2F;
	--Preschool-sec02: #F188AF;
	--Preschool-sec03: #BE96E1;
	--Preschool-sec04: #66C3DA;
	--Preschool-sec05: #7DDCA4;
	--Preschool-sec06: #BCDB66;
}

@media screen and (max-width:767px) {
	body { line-height:2; }
}


.Preschool {}
.Preschool__bg { background: url(./img/bg_main_pattern.png) center 0 repeat-y #fff; background-size:contain; max-width:1200px; margin:auto; }
@media screen and (max-width:767px) {

}




.Preschool .mainVisual img { width:100%; }






/* ボタン */
.Preschool a.btn {
	display:flex; align-items:center; justify-content:center;
	width:100%; height:56px;
	color:#fff; font-size:20px; color:#fff; text-decoration:none; border-radius:8px 0; box-shadow:4px 4px 8px 0px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(255,255,255,1) inset; box-sizing:border-box;
	background: -webkit-linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204));
	background: linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204));
}
.Preschool a.btn { position:relative; }
.Preschool a.btn img.arrow { width:30px; height:16px; position:absolute; top:50%; right:24px; transform:translateY(-50%); }
.Preschool a.btn img.sample { width:30px; height:33px; position:absolute; top:50%; right:24px; transform:translateY(-50%); }










/*
.Preschool .info { padding:40px 40px 64px; }
.Preschool .info > .inner {}
.Preschool .info > .inner .txt { max-width:640px; margin:auto; }
@media screen and (max-width:767px) {
	.Preschool .info { padding:16px 8px 32px; }
	.Preschool .info > .inner {}
	.Preschool .info > .inner .txt { max-width:640px; margin:auto; }
}
*/




/*leadSection*/
.Preschool .leadSection { padding:80px; background: -webkit-linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204)); background: linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204)); }
.Preschool .leadSection > .inner { max-width:800px; margin:auto; box-sizing:content-box; }
.Preschool .leadSection > .inner > .ttl { font-size:24px; color:#fff; font-weight:bold; line-height:1.5; text-align:center; margin-bottom:1em; }
.Preschool .leadSection > .inner > .ttl > .inlineBlock { display:inline-block; }
.Preschool .leadSection > .inner > .txt { max-width:800px; margin:auto; color:#fff; font-size:16px; margin-bottom:2em; line-height:2; }
.Preschool .leadSection > .inner > .youtubeOuter { width:100%; max-width:640px; margin:auto; background:#fff; padding:4px; box-sizing:border-box; border-radius:16px 0 16px 0; overflow:hidden; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.1); }
.Preschool .leadSection > .inner > .youtubeOuter > .youtube { position:relative; width:100%; padding-top:56.25%; border-radius:12px 0 12px; overflow:hidden; }
.Preschool .leadSection > .inner > .youtubeOuter > .youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; border-radius:12px 0 12px; overflow:hidden; }
@media screen and (max-width:767px) {
	.Preschool .leadSection { padding:40px 16px; }
	.Preschool .leadSection > .inner > .ttl { font-size:16px; text-align:left; }
	.Preschool .leadSection > .inner > .txt { font-size:12px; }
}



/*見出し*/
.Preschool .sec { padding:80px; position:relative; }
.Preschool .sec::after { content:"A"; font-size:500px; position:absolute; top:0px; left:4%; font-weight:bold; color:#eee; opacity:.1; transform:rotate(-10deg); transform-origin:center center; line-height:1; z-index:1; }
.Preschool .sec > .inner { max-width:960px; margin:0 auto; position:relative; z-index:2; }
.Preschool .sec > .inner > .ttl { font-size:40px; text-align:center; line-height:1.25; font-weight:bold; position:relative; margin-bottom:8px; } 
.Preschool .sec > .inner > .ttl .inlineBlock { display:inline-block; }
.Preschool .sec > .inner > .sub { font-size:32px; text-align:center; opacity:.5; margin-bottom:2em; }
@media screen and (max-width:767px) {
	.Preschool .sec { padding:40px 16px; }
	.Preschool .sec::after { font-size:160px; }
	.Preschool .sec > .inner > .ttl { font-size:20px; margin-bottom:0; }
	.Preschool .sec > .inner > .sub { font-size:16px; margin-bottom:1.5em; }
}



/*学研の幼児ワークとは*/
.Preschool .sec.-sec01 {}
.Preschool .sec.-sec01::after { content:"A"; color:var(--Preschool-sec01); }
.Preschool .sec.-sec01 > .inner {}
.Preschool .sec.-sec01 > .inner > .ttl { color:var(--Preschool-sec01); }
.Preschool .sec.-sec01 > .inner > .ttl::after { background:var(--Preschool-sec01); }
.Preschool .sec.-sec01 > .inner > .sub { color:var(--Preschool-sec01); }
.Preschool .sec.-sec01 > .inner > .img { max-width:800px; margin:0 auto 40px; border-radius:16px 0 16px 0; overflow:hidden; }
.Preschool .sec.-sec01 > .inner > .img img {}
.Preschool .sec.-sec01 > .inner > .txt { max-width:800px; margin:0 auto 40px; font-size:16px; line-height:2; }
.Preschool .sec.-sec01 > .inner > .txt2 { max-width:400px; margin:auto; }
.Preschool .sec.-sec01 > .inner > .txt2 > .btn { font-size:16px; }
@media screen and (max-width:767px) {
	.Preschool .sec.-sec01 { border-top:4px solid var(--Preschool-sec01); }
	.Preschool .sec.-sec01 > .inner > .img { margin-bottom:16px; border-radius:8px 0 8px 0;  }
	.Preschool .sec.-sec01 > .inner > .txt { font-size:12px; }
	.Preschool .sec.-sec01 > .inner > .txt2 > .btn { font-size:12px; }
}



/*英語と考える力が身に付く3つの特徴*/
.Preschool .sec.-sec02 {}
.Preschool .sec.-sec02::after { content:"F"; color:var(--Preschool-sec02); }
.Preschool .sec.-sec02 > .inner {}
.Preschool .sec.-sec02 > .inner > .ttl { color:var(--Preschool-sec02); }
.Preschool .sec.-sec02 > .inner > .ttl::after { background:var(--Preschool-sec02); }
.Preschool .sec.-sec02 > .inner > .sub { color:var(--Preschool-sec02); }
.Preschool .sec.-sec02 > .inner > section { margin:0 auto 40px; }
.Preschool .sec.-sec02 > .inner > section:last-child { margin-bottom:0; }
.Preschool .sec.-sec02 > .inner > section .layout {}
.Preschool .sec.-sec02 > .inner > section .layout__row { display:flex; align-items:center; }
.Preschool .sec.-sec02 > .inner > section .layout__col {}
.Preschool .sec.-sec02 > .inner > section .layout__col.-ph { width:144px; flex-shrink:0; }
.Preschool .sec.-sec02 > .inner > section .layout__col.-ph .thumb {}
.Preschool .sec.-sec02 > .inner > section .layout__col.-ph .thumb .img.-pc {}
.Preschool .sec.-sec02 > .inner > section .layout__col.-ph .thumb .img img {}
.Preschool .sec.-sec02 > .inner > section .layout__col.-txt { padding-left:40px; }
.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl { line-height:1.5; margin-bottom:1em; }
.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl .label { display:inline-block; font-size:14px; padding:4px 8px; background:var(--Preschool-sec02); color:#fff; border-radius:8px 0; font-weight:bold; margin-bottom:1em; }
.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl .txt { font-size:16px; display:block; font-weight:bold; color:var(--Preschool-sec02); }
.Preschool .sec.-sec02 > .inner > section .layout__col.-txt > .txt { font-size:16px; line-height:2; }
.Preschool .sec.-sec02 > .inner > section .layout__col .img.-pc { display:block; }
.Preschool .sec.-sec02 > .inner > section .layout__col .img.-sp { display:none; }
@media screen and (max-width:767px) {
	.Preschool .sec.-sec02 { border-top:4px solid var(--Preschool-sec02); }
	.Preschool .sec.-sec02 > .inner > section .layout__row { display:block; }
	.Preschool .sec.-sec02 > .inner > section .layout__col {}
	.Preschool .sec.-sec02 > .inner > section .layout__col .img.-pc { display:none; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt { padding-left:0; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .img.-sp { display:inline-block; width:64px; float:left; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl { float:left; width:calc(100% - 64px); line-height:1.5; margin-bottom:0; padding-left:16px; box-sizing:border-box; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl .label { font-size:12px; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt .ttl .txt { font-size:16px; }
	.Preschool .sec.-sec02 > .inner > section .layout__col.-txt > .txt { clear:both; font-size:12px; padding-top:8px; }
}



/*幼児英語コース受講の手引き*/
.Preschool .sec.-sec03 {}
.Preschool .sec.-sec03::after { content:"G"; color:var(--Preschool-sec03); }
.Preschool .sec.-sec03 > .inner {}
.Preschool .sec.-sec03 > .inner > .ttl { color:var(--Preschool-sec03); }
.Preschool .sec.-sec03 > .inner > .ttl::after { background:var(--Preschool-sec03); }
.Preschool .sec.-sec03 > .inner > .sub { color:var(--Preschool-sec03); }
.Preschool .sec.-sec03 > .inner > .youtubeOuter { width:100%; max-width:640px; margin:auto; background: rgba(105, 139, 176, .1); padding:4px; box-sizing:border-box; border-radius:16px 0 16px 0; overflow:hidden; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.1); margin-bottom:80px; }
.Preschool .sec.-sec03 > .inner > .youtubeOuter > .youtube { position:relative; width:100%; padding-top:56.25%; border-radius:12px 0 12px; overflow:hidden; }
.Preschool .sec.-sec03 > .inner > .youtubeOuter > .youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; border-radius:12px 0 12px; overflow:hidden; }
.Preschool .sec.-sec03 > .inner > section:not(:last-child) { margin-bottom:80px; }
.Preschool .sec.-sec03 > .inner > section > .ttl { font-size:20px; font-weight:bold; display:flex; align-items:center; justify-content:center; margin-bottom:2em; }
.Preschool .sec.-sec03 > .inner > section > .ttl::before,
.Preschool .sec.-sec03 > .inner > section > .ttl::after { content:""; flex-shrink:0; height:1px; background: #444; display:block; width:80px; }
.Preschool .sec.-sec03 > .inner > section > .ttl::before { margin-right:.4em; }
.Preschool .sec.-sec03 > .inner > section > .ttl::after { margin-left:.4em; }
.Preschool .sec.-sec03 > .inner > section > section:not(:last-child) { margin-bottom:80px; }
.Preschool .sec.-sec03 > .inner > section > section > .ttl { font-size:16px; font-weight:bold; margin-bottom:2em; padding:8px; background:var(--Preschool-sec03); color:#fff; line-height:1.5; }
.Preschool .sec.-sec03 > .inner > section > section > ul { max-width:800px; margin:auto; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li { margin-bottom:40px; position:relative; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner { background: rgba(105, 139, 176, .1); padding:8px; border-radius:16px 0 16px 0; overflow:hidden; display:flex; align-items:center; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .thumb { flex-shrink:0; width:25%; min-width:120px; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .thumb > .img.-pc { position:relative; padding-top:75%; overflow:hidden; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .thumb > .img.-pc img { width:100%; height:100%; position:absolute; top:0; left:0; object-position:center top; border-radius:12px 0 12px 0; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea { box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; line-height:1.5; padding:4px 0 4px 16px; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap {}
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap > .txt1 { font-weight:bold; margin-bottom:.5em; color:var(--Preschool-sec03); font-size:16px; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap > .img.-sp { display:none; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap > .txt2 {}
.Preschool .sec.-sec03 > .inner > section > section > ul > li::after { content:""; display:block; position:absolute; bottom:-26px; left:0; right:0; margin:0 auto; width:0; height:0; border-style:solid; border-width:12px 16px 0 16px; border-color:var(--Preschool-sec03) transparent transparent transparent; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li:last-child { margin-bottom:0; }
.Preschool .sec.-sec03 > .inner > section > section > ul > li:last-child::after { display:none; }
.Preschool .sec.-sec03 > .inner > section > section > .txt { max-width:800px; margin:0 auto 24px; line-height:2; }


.Preschool .sec.-sec03 .swiper { max-width:800px; }
.Preschool .sec.-sec03 .swiper .thumb {}
.Preschool .sec.-sec03 .swiper .thumb img { background: rgba(105, 139, 176, .1); padding:8px; border-radius:16px 0 16px 0; box-sizing:border-box; }
.Preschool .sec.-sec03 .swiper-button-prev { color:var(--Preschool-sec03); }
.Preschool .sec.-sec03 .swiper-button-next { color:var(--Preschool-sec03); }
.Preschool .sec.-sec03 .swiper-pagination-bullet-active { background:var(--Preschool-sec03); }



.swiper-nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:16px;
	background: rgba(105, 139, 176, .1);
	padding:0 16px; box-sizing:border-box;
	border-radius: 100px;
}
.swiper-button-prev,
.swiper-button-next { position:static; top:0; width:auto; height:auto; margin:0; z-index:auto; cursor:pointer; display:inline-block; color:var(--color_base); width:16px; height:40px; display:flex; align-items:center; justify-content:center; }
.swiper-button-prev::after,
.swiper-button-next::after { font-size:24px; right:0; left:0; margin:0; }
.swiper-pagination { position:static; z-index:auto; display:flex; width:auto; height:24px; align-items:center; justify-content:center; flex-wrap:wrap; margin:0 16px; }
.swiper-pagination-bullet { margin:0 4px; }
.swiper-pagination-bullet-active { background:var(--color_base); }
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { width:auto; max-width:calc(100% - 64px); }
@media screen and (max-width:767px) {
	.Preschool .sec.-sec03 { border-top:4px solid var(--Preschool-sec03); }
	.Preschool .sec.-sec03 > .inner > .youtubeOuter { margin-bottom:32px; }
	.Preschool .sec.-sec03 > .inner > section:not(:last-child) { margin-bottom:40px; }
	.Preschool .sec.-sec03 > .inner > section > section:not(:last-child) { margin-bottom:40px; }
	.Preschool .sec.-sec03 > .inner > section > .ttl { font-size:16px; }
	.Preschool .sec.-sec03 > .inner > section > .ttl::before,
	.Preschool .sec.-sec03 > .inner > section > .ttl::after { width:32px; }
	.Preschool .sec.-sec03 > .inner > section > section > .ttl { font-size:12px; }
	.Preschool .sec.-sec03 > .inner > section > section > .txt { font-size:12px; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner { display:block; border-radius:8px 0 8px 0; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .thumb > .img.-pc { display:none; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea { display:block; padding:0; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap { display:flex; align-items:center; justify-content:center; width:100%; margin-bottom:8px; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap > .img.-sp { flex-shrink:1; display:block; width:96px; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .wrap > .txt1 { flex-shrink:1; width:calc(100% - 96px); padding-left:8px; box-sizing:border-box; font-size:16px; margin-bottom:0; }
	.Preschool .sec.-sec03 > .inner > section > section > ul > li > .inner > .txtArea > .txt2 { font-size:12px; } 
	.Preschool .sec.-sec03 .swiper .thumb img  { padding:4px; }
}



/*料金について*/
.Preschool .sec.-sec04 {}
.Preschool .sec.-sec04::after { content:"P"; color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner {}
.Preschool .sec.-sec04 > .inner > .ttl { color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .ttl::after { background:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .sub { color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .group { max-width:800px; margin:0 auto 40px; background: rgba(105, 139, 176, .1); border-radius:16px 0 16px 0; }
.Preschool .sec.-sec04 > .inner > .group:last-child { margin-bottom:0; }

.Preschool .sec.-sec04 > .inner > .group.-group1 { padding:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .lead { font-weight:bold; text-align:center; margin-bottom:2em; line-height:2; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 { position:relative; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt1 { font-size:32px; background:var(--Preschool-sec04); max-width:400px; height:48px; margin:0 auto .2em; color:#fff; display:flex; align-items:center; justify-content:center; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt2 { font-size:16px; text-align:center; font-weight:bold; margin-bottom:1em; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 { text-align:center; line-height:1; padding:0 120px 16px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_1 { font-size:16px; font-weight:bold; margin-right:.2em; color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_2 { font-size:64px; margin-right:.05em; color:var(--Preschool-sec04); letter-spacing:0; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_3 { font-size:16px; font-weight:bold; margin-right:.2em; color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_4 { display:inline-block; font-size:12px; }

.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .ph1 { width:96px; height:110px; position:absolute; bottom:-5px; left:8px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .ph2 { width:103px; height:100px; position:absolute; bottom:-4px; right:8px; }

.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 { background:#fff; padding:1em; margin-bottom:1em; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table { width:auto; margin:auto; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody {}
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr {}
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td { line-height:1.5; padding:.1em 0; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1) { width:132px; padding-right:24px; position:relative; overflow:hidden; font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1) > .txt { display:inline-block; background:#fff; padding:0 4px 0 0; position:relative; z-index:2; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1)::after { content:""; display:inline-block; width:100%; height:1px; background:#ccc; position:absolute; top:50%; right:0; z-index:1; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(2) { padding-left:4px; font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(2) >.note { font-size:12px; }

.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea { text-align:center; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner { display:inline-block; padding:24px 24px 16px; background:#FFF6AA; width:100%; max-width:560px; box-sizing:border-box; }

.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 { border-bottom:1px dotted #000; margin-bottom:16px; padding-bottom:16px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > h3 { font-size:24px; margin-bottom:1em; font-weight:bold; color:#ff0000; line-height:1.5; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 { text-align:center; line-height:1; padding:0 0 12px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner { display:inline-block; position:relative; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner::after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(./img/price_black2.png) 0 0 no-repeat; background-size:100% 100%; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner > .txt4_1 { font-size:12px; font-weight:bold; margin-right:.2em; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner > .txt4_2 { font-size:24px; margin-right:.05em; color:#000; letter-spacing:0; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner > .txt4_3 { font-size:12px; font-weight:bold; margin-right:.2em; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt4 > .inner > .txt4_4 { display:inline-block; font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .arrowArea { text-align:center; font-size:14px; line-height:1; color:#ff0000; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .arrowArea > .txt { display:block; font-weight:bold; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .arrowArea > .arrow { display:block; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt5 { text-align:center; line-height:1; padding:0; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt5 > .txt5_1 { font-size:16px; font-weight:bold; margin-right:.2em; color:#ff0000; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt5 > .txt5_2 { font-size:40px; margin-right:.05em; color:#ff0000; letter-spacing:0; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt5 > .txt5_3 { font-size:16px; font-weight:bold; margin-right:.2em; color:#ff0000; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > .txt5 > .txt5_4 { display:inline-block; font-size:12px; }

.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group {}
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group > .txt1 { text-align:center; font-weight:bold; font-size:16px; margin-bottom:1em; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group > .txt2 { text-align:center; font-size:14px; margin-bottom:.5em; line-height:1.5; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group > .txt3 { text-align:center; font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group > .txt3 input {
	padding:.25em; margin-right:.5em; text-align:center;
	border:none; border-radius:0; border:1px solid #ccc; outline:none; box-shadow:none;
	font-size:12px; font-family:'Roboto', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic', Meiryo, sans-serif; letter-spacing:.1em; background:#F5F5F7;
	width:100px;
}
.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group > .txt3 button {
	outline:none; border:none; border-radius:0; box-shadow:none; cursor:pointer;
	font-family:'Roboto', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic', Meiryo, sans-serif; letter-spacing:.1em; background:#F5F5F7;
	display:flex; align-items:center; justify-content:center;
	width:100%; height:56px;
	color:#fff; font-size:20px; color:#fff; text-decoration:none; border-radius:8px 0; box-shadow:4px 4px 8px 0px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(255,255,255,1) inset; box-sizing:border-box;
	background: -webkit-linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204));
	background: linear-gradient(90deg, rgb(127, 170, 215), rgb(107, 200, 204));
	max-width:240px;
	margin:1em auto 0;
	font-size:12px;
	line-height:1.25;
	font-weight:bold;
	height:40px;
}
html.Desktop .Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .group > .inner > .txt3 button:hover { opacity:.7; }




.Preschool .sec.-sec04 > .inner > .group.-group2 { padding:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .lead { font-weight:bold; text-align:center; margin-bottom:2em; line-height:2; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout { overflow:hidden; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row { display:flex; margin:0 -8px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col { flex-shrink:1; width:50%; padding:0 8px; box-sizing:border-box; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box {}
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > .ttl { display:flex; align-items:center; justify-content:center; height:24px; font-size:14px; font-weight:bold; color:#fff; line-height:1.25; background:var(--Preschool-sec04); margin-bottom:16px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul { display:flex; margin:0 -8px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li { flex-shrink:1; width:50%; padding:0 8px; box-sizing:border-box; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box { padding:16px; background:#fff; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap {}
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .txt1 { font-size:16px; text-align:center; margin-bottom:16px; line-height:1.2; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .txt1 > .sub { font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .thumb { margin-bottom:16px; }
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .thumb img {}
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .txt2 {}
.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn { font-size:12px; line-height:1.25; font-weight:bold; height:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 { padding:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ttl { font-size:24px; margin-bottom:1em; color:var(--Preschool-sec04); font-weight:bold; line-height:1.5; text-align:center; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ttl > .inlineBlock { display:block; text-align:center; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .lead { font-weight:bold; text-align:center; margin-bottom:2em; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout { overflow:hidden; margin-bottom:2em; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row { display:flex; margin:0 -8px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col { flex-shrink:1; width:50%; padding:0 8px; box-sizing:border-box; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box {}
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > .ttl { display:flex; align-items:center; justify-content:center; height:24px; font-size:14px; font-weight:bold; color:#fff; line-height:1.25; background:var(--Preschool-sec04); margin-bottom:16px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul { display:flex; margin:0 -8px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li { flex-shrink:1; width:50%; padding:0 8px; box-sizing:border-box; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box { padding:16px; background:#fff; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt1 { font-size:16px; text-align:center; margin-bottom:16px; line-height:1.2; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt1 > .sub { font-size:12px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > ul { margin-bottom:16px; line-height:1.25; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > ul > li { font-size:11px; margin-bottom:.25em; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > ul > li:last-child { margin-bottom:0; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 {}
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn { flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 8px 0 16px; font-size:12px; line-height:1.1; font-weight:bold; height:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn > .block {}
.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn > .icon {}
.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt1 { font-size:14px; margin-bottom:2em; text-align:center; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt1 a { font-weight:bold; color:var(--Preschool-sec04); }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt2 { max-width:400px; margin:0 auto 2em; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt2 a.btn { font-weight:bold; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter { padding:24px 40px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter > ul {}
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter > ul > li { font-size:12px; line-height:1.5; padding:.25em; }
.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter > ul > li:last-child { margin-bottom:0; }
.Preschool .sec.-sec04 > .inner > .group.-group4 { padding:40px; }
.Preschool .sec.-sec04 > .inner > .group.-group4 > .lead { font-weight:bold; text-align:center; margin-bottom:1em; line-height:2; }
.Preschool .sec.-sec04 > .inner > .group.-group4 > .txt { font-size:14px; text-align:center; }
.Preschool .sec.-sec04 > .inner > .group.-group4 > .txt a { font-weight:bold; color:var(--Preschool-sec04); }
@media screen and (max-width:1023px) {
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout {}
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col { width:100%; margin-bottom:40px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col:last-child { margin-bottom:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box { padding:8px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap { display:flex; align-items:center; justify-content:center; margin-bottom:16px; direction:rtl; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .txt1 { width:70%; flex-shrink:1; font-size:16px; margin-bottom:0; direction:ltr; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .txt1 > .sub { font-size:10px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .thumb { width:30%; flex-shrink:1; margin-bottom:0; direction:ltr; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .wrap > .thumb img {}
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn { flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 12px 0 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col { width:100%; margin-bottom:40px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col:last-child { margin-bottom:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box { padding:8px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt1 > .sub { font-size:10px; }
}
@media screen and (max-width:767px) {
	.Preschool .sec.-sec04 {  border-top:4px solid var(--Preschool-sec04); }
	.Preschool .sec.-sec04 > .inner > .group { margin:0 auto 16px;  border-radius:8px 0 8px 0; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 { padding:16px 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .lead { text-align:left; font-size:12px; margin-bottom:1em; line-height:1.5; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt1 { font-size:24px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt2 { font-size:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 { padding:0 64px 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_1 { font-size:12px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_2 { font-size:32px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_3 { font-size:12px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .txt3 > .txt3_4 { font-size:10px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .ph1 { width:55px; height:auto; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap1 > .ph2 { width:60px; height:auto; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr { display:block; border-bottom:1px dashed #ccc; padding-bottom:8px; margin-bottom:8px; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr:last-child { border:none; margin:0; padding:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1) > .txt { padding:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1)::after { display:none ;}
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(1) { font-size:10px; font-weight:bold; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(2) { font-size:12px; padding:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .wrap2 > table > tbody > tr > td:nth-child(2) >.note { display:block; font-size:12px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 { padding:16px 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .lead { text-align:left; font-size:12px; margin-bottom:1em; line-height:1.5; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .lead br { display:none; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 { padding:16px 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .ttl { font-size:18px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .lead { text-align:left; font-size:12px; margin-bottom:1em; line-height:1.5; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt1 { font-size:14px; line-height:1.5; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .txt2 a.btn { font-size:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter { padding:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .ulOuter > ul > li { font-size:10px; }
	.Preschool .sec.-sec04 > .inner > .group.-group4 { padding:16px 16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group4 > .lead { text-align:left; font-size:12px; line-height:1.5; margin-bottom:1em; line-height:1.5; }
	.Preschool .sec.-sec04 > .inner > .group.-group4 > .lead br { display:none; }
	.Preschool .sec.-sec04 > .inner > .group.-group4 > .txt { font-size:14px; }

	.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner { max-width:100%; }
	.Preschool .sec.-sec04 > .inner > .group.-group1 > .textArea > .inner > .group2 > h3 { font-size:5vw; }
}
@media screen and (max-width:413px) { /* 6 */ 
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > .ttl { font-size:14px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li { width:100%; margin-bottom:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group2 > .layout > .row > .col > .box > ul > li:last-child { margin-bottom:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .ttl { font-size:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > .ttl { font-size:14px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul { display:block; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li { width:100%; margin-bottom:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li:last-child { margin-bottom:0; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt1 { font-size:16px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt1 > .sub { font-size:12px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > ul > li { font-size:11px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn { font-size:12px; }
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .layout > .row > .col > .box > ul > li > .box > .txt2 a.btn br { display:none; }
}
@media screen and (max-width:374px) { /* 6 */ 
	.Preschool .sec.-sec04 > .inner > .group.-group3 > .ttl { font-size:14px; }
}


/*英語教育のプロフェッショナルからはじめての方へ*/
.Preschool .sec.-sec05 { padding-bottom:160px; }
.Preschool .sec.-sec05::after { content:"F"; color:var(--Preschool-sec05); }
.Preschool .sec.-sec05 > .inner {}
.Preschool .sec.-sec05 > .inner > .ttl { color:var(--Preschool-sec05); }
.Preschool .sec.-sec05 > .inner > .ttl::after { background:var(--Preschool-sec05); }
.Preschool .sec.-sec05 > .inner > .sub { color:var(--Preschool-sec05); }
.Preschool .sec.-sec05 > .inner > .txt { font-size:16px; margin:0 auto 4em; max-width:800px; line-height:2; }
.Preschool .sec.-sec05 > .inner > .area { background:#D5F0E1; padding:40px; border-radius:8px 0; }
.Preschool .sec.-sec05 > .inner > .area .layout {}
.Preschool .sec.-sec05 > .inner > .area .layout__row { display:flex; align-items:center; }
.Preschool .sec.-sec05 > .inner > .area .layout__col {}
.Preschool .sec.-sec05 > .inner > .area .layout__col.-ph { flex-shrink:0; width:200px; border-radius:200px; overflow:hidden; background:#fff; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-ph > .ph {}
.Preschool .sec.-sec05 > .inner > .area .layout__col.-ph > .ph img {}
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt { padding-left:40px; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt > .ttl { margin-bottom:1em; font-size:16px; font-weight:bold; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt > .ttl > .sub { font-size:12px; } 
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt > .txt { font-size:14px; line-height:2; }
@media screen and (max-width:767px) {
.Preschool .sec.-sec05 { padding-bottom:40px; border-top:4px solid var(--Preschool-sec05); }
.Preschool .sec.-sec05 > .inner > .area { padding:16px; }
.Preschool .sec.-sec05 > .inner > .txt { margin:0 auto 2em; font-size:12px; }
.Preschool .sec.-sec05 > .inner > .area .layout__row { display:block; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-ph { width:120px; margin:0 auto 16px; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt { padding-left:0; }
.Preschool .sec.-sec05 > .inner > .area .layout__col.-txt > .txt { font-size:12px; line-height:1.5; }
}




.Preschool > .ehonyasan_app { max-width:800px; width:calc(100% - 160px); padding:56px 40px 40px; box-sizing:border-box; background:#FF2E75; margin:auto; border-radius:8px; color:#fff; }
.Preschool > .ehonyasan_app > h3 { margin-bottom:16px; text-align:center; }
.Preschool > .ehonyasan_app > h3 > .inner {
	display:inline-block; text-align:center; font-size:20px; font-weight:bold; line-height:1.5; padding:0 88px; letter-spacing:.1em;
	background-image: url(./img/arrow_left.png), url(./img/arrow_right.png);
	background-position:left bottom, right bottom;
	background-size:79px 99px,79px 99px;
	background-repeat:no-repeat, no-repeat;
}
.Preschool > .ehonyasan_app > h3 > .inner > strong { font-size:40px; letter-spacing:.04em; color:#FFFF00; display:inline-block; margin-top:-.1em; }
.Preschool > .ehonyasan_app > .txt { text-align:center; margin:-16px 0 16px; font-size:20px; color:#FFFF00; }
.Preschool > .ehonyasan_app > .img { max-width:400px; margin:0 auto 8px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 { margin-bottom:40px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 h4 { font-size:24px; font-weight:bold; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .txt { font-size:16px; margin-bottom:24px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .btn { max-width:400px; margin:0 auto 40px; font-size:14px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .btn a { display:flex; width:100%; height:56px; align-items:center; justify-content:center; border-radius:8px 0 8px 0; background:#fff; text-decoration:none; color:#FF2E75; font-weight:bold; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 h5 { font-size:16px; font-weight:bold; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .txt2 { font-size:14px; margin-bottom:40px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .img { max-width:400px; margin:0 auto 8px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .note { max-width:400px; margin:auto; font-size:14px; line-height:1.5; }
.Preschool > .ehonyasan_app > .wrap.-wrap2 {}
.Preschool > .ehonyasan_app > .wrap h4 { font-size:24px; font-weight:bold; }
.Preschool > .ehonyasan_app > .wrap .txt { font-size:16px; margin-bottom:8px; }
.Preschool > .ehonyasan_app > .wrap .txt3 { font-size:16px; margin-bottom:8px; color:#FFFF00; }
.Preschool > .ehonyasan_app > .wrap ul { font-size:12px; line-height:1.5; }
.Preschool > .ehonyasan_app > .wrap ul li { margin-bottom:4px; }
@media screen and (max-width:767px) {
.Preschool > .ehonyasan_app { width:calc(100% - 32px); padding:32px 16px 32px; border-radius:4px; margin-bottom:40px; }
.Preschool > .ehonyasan_app > h3 { margin:0 -16px 16px; }
.Preschool > .ehonyasan_app > h3 > .inner { font-size:15px; padding:0; letter-spacing:.04em; background:none; }
.Preschool > .ehonyasan_app > h3 > .inner > strong { font-size:24px; letter-spacing:0; margin-top:0; 
	padding:0 32px;
	background-image: url(./img/arrow_left.png), url(./img/arrow_right.png);
	background-position:left bottom, right bottom;
	background-size:28px auto,28px auto;
	background-repeat:no-repeat, no-repeat; 
}
.Preschool > .ehonyasan_app > .txt { margin:-16px 0 16px; font-size:14px; }
.Preschool > .ehonyasan_app > .img { margin:0 auto 8px; padding:0 24px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 { margin-bottom:40px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 h4 { font-size:18px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .txt { font-size:14px; margin-bottom:24px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .btn { margin:0 auto 40px; font-size:12px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .btn a { height:48px; border-radius:8px 0 8px 0; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 h5 { font-size:16px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .txt2 { font-size:14px; margin-bottom:16px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .img { margin:0 auto 8px; }
.Preschool > .ehonyasan_app > .wrap.-wrap1 .note { font-size:14px; }
.Preschool > .ehonyasan_app > .wrap.-wrap2 {}
.Preschool > .ehonyasan_app > .wrap h4 { font-size:18px; }
.Preschool > .ehonyasan_app > .wrap .txt { font-size:14px; margin-bottom:8px; }
.Preschool > .ehonyasan_app > .wrap .txt3 { font-size:14px; margin-bottom:8px; }
.Preschool > .ehonyasan_app > .wrap ul { font-size:11px; }
.Preschool > .ehonyasan_app > .wrap ul li { margin-bottom:4px; }
}
@media screen and (max-width:374px) {
	.Preschool > .ehonyasan_app > h3 { margin-bottom:8px; }
	.Preschool > .ehonyasan_app > h3 > .inner { font-size:12px; }
	.Preschool > .ehonyasan_app > h3 > .inner > strong { font-size:20px; }
	.Preschool > .ehonyasan_app > .wrap.-wrap1 .note { font-size:12px; }
}




