@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
@media screen and (max-width: 768px) { .course { display: block !important; } }
.bk-toddler { background: #E6FF7B; }

.bk-children { background: #FFC1CF; }

.bk-kids { background: #B4E2FF; }

.bk-player { background: #FAD4AD; }

.hiragino { font-family: FP-ヒラギノUD丸ゴ StdN W6, FP-HiraginoUDSansRStdN-W6, YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; }

.ttlimg { background: url("/img/course/titleimg.jpg") center/cover; }

.sab-txt .sab-txt__txt { text-align: center; }
.sab-txt .sab-txt__txt h3 { font-size: 1.6rem; margin-bottom: 25px; font-family: FP-ヒラギノUD丸ゴ StdN W6, FP-HiraginoUDSansRStdN-W6, YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; color: #004087; }
@media (min-width: 390px) { .sab-txt .sab-txt__txt h3 { font-size: calc( 1.6rem + ( 1vw - 3.9px ) * 0.487804878 ); } }
@media (min-width: 800px) { .sab-txt .sab-txt__txt h3 { font-size: 1.8rem; } }
.sab-txt .sab-txt__txt p { font-size: 1.4rem; font-weight: bold; }
@media (min-width: 390px) { .sab-txt .sab-txt__txt p { font-size: calc( 1.4rem + ( 1vw - 3.9px ) * 0.243902439 ); } }
@media (min-width: 800px) { .sab-txt .sab-txt__txt p { font-size: 1.5rem; } }

.course-wrap { padding: 50px 0 60px; background: url("/img/course/bg_course.png") #fff repeat; }

.course { padding-top: 100px; margin-top: -100px; }

.comn { padding-top: 100px; margin-top: -100px; }
.comn .comn__course { border-radius: 15px 15px 0 0; padding: 15px 20px; }
.comn .comn__course .flex-wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.comn .comn__course .flex-wrap figure { flex: 0 1 70px; width: 70px; max-width: 70px; }
.comn .comn__course .flex-wrap .comn__btn-txt { flex: 0 1 calc(100% - 90px); width: calc(100% - 90px); max-width: calc(100% - 90px); font-weight: bold; }
.comn .comn__course .flex-wrap .comn__btn-txt h4 { font-size: 18px; }
.comn .comn__course .flex-wrap .comn__btn-txt p { font-size: 13px; }
.comn .comn__course .flex-wrap .comn__btn-txt p span { font-weight: normal; }
.comn .comn__con-wrap { margin-top: 10px; }
.comn .comn__con-wrap .comn_ttl { position: relative; padding: 20px 25px; background: #fff; transition: .3s; }
.comn .comn__con-wrap .comn_ttl .comn__course-ttl { font-size: 1.6rem; font-weight: bold; }
@media (min-width: 390px) { .comn .comn__con-wrap .comn_ttl .comn__course-ttl { font-size: calc( 1.6rem + ( 1vw - 3.9px ) * 0.9836065574 ); } }
@media (min-width: 1000px) { .comn .comn__con-wrap .comn_ttl .comn__course-ttl { font-size: 2.2rem; } }
.comn .comn__con-wrap .comn_ttl .comn__target { font-size: 1.3rem; }
@media (min-width: 390px) { .comn .comn__con-wrap .comn_ttl .comn__target { font-size: calc( 1.3rem + ( 1vw - 3.9px ) * 0.4918032787 ); } }
@media (min-width: 1000px) { .comn .comn__con-wrap .comn_ttl .comn__target { font-size: 1.6rem; } }
.comn .comn__con-wrap .comn_ttl .toggle-btn { position: absolute; display: block; top: 50%; right: 10px; width: 40px; height: 40px; transform: translate(0, -50%); }
.comn .comn__con-wrap .comn_ttl .toggle-btn::before { position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 16px; height: 2px; background: #004087; transform: translate(-50%, -50%); }
.comn .comn__con-wrap .comn_ttl .toggle-btn::after { position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 2px; height: 16px; background: #004087; transform: translate(-50%, -50%); transition: .3s; }
.comn .comn__con-wrap.active .comn_ttl .toggle-btn { background: #fff; }
.comn .comn__con-wrap.active .comn_ttl .toggle-btn::after { transition: .3s; opacity: 0; }
.comn .comn__open { display: none; padding: 15px 30px; background: #fff; border-left: solid 3px; border-right: solid 3px; border-bottom: solid 3px; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap { margin-bottom: 15px; padding-bottom: 10px; border-bottom: dashed 1px #707070; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl { font-size: 1.4rem; display: inline-block; margin-bottom: 10px; padding: 5px 10px; width: 55px; background: #F5F5F5; text-align: center; font-weight: bold; border-radius: 50px; }
@media (min-width: 390px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl { font-size: calc( 1.4rem + ( 1vw - 3.9px ) * 0.1639344262 ); } }
@media (min-width: 1000px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl { font-size: 1.5rem; } }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl.mb-no { margin-bottom: 0; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt { font-weight: bold; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .txt-gr { font-size: 1.3rem; color: #707070; font-family: YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "sans-serif"; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .blue { color: #004087; font-size: 1.2rem; letter-spacing: normal; }
@media (min-width: 390px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .blue { font-size: calc( 1.2rem + ( 1vw - 3.9px ) * 0.4918032787 ); } }
@media (min-width: 1000px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .blue { font-size: 1.5rem; } }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.blue-ttl { font-size: 1.6rem; display: inline-block; margin-left: 15px; color: #004087; }
@media (min-width: 390px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.blue-ttl { font-size: calc( 1.6rem + ( 1vw - 3.9px ) * 0.3278688525 ); } }
@media (min-width: 1000px) { .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.blue-ttl { font-size: 1.8rem; } }
.comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.flex-wrap p { flex: 0 1 31%; width: 31%; max-width: 31%; }
.comn .comn__open .com__con-txt .comn__con-txt-wrap:last-child { border-bottom: none; padding-bottom: 0; }
.comn.toddler .comn__con-wrap { border: solid 3px #E6FF7B; }
.comn.toddler .comn__con-wrap .comn_ttl .toggle-btn { background: #E6FF7B; }
.comn.toddler .comn__con-wrap.active .comn_ttl { background: #E6FF7B; transition: .3s; }
.comn.toddler .comn__con-wrap.active .comn_ttl .toggle-btn { background: #fff; }
.comn.toddler .comn__open { border-color: #E6FF7B; }
.comn.children .comn__con-wrap { border: solid 3px #FFC1CF; }
.comn.children .comn__con-wrap .comn_ttl .toggle-btn { background: #FFC1CF; }
.comn.children .comn__con-wrap.active .comn_ttl { background: #FFC1CF; transition: .3s; }
.comn.children .comn__con-wrap.active .comn_ttl .toggle-btn { background: #fff; }
.comn.children .comn__open { border-color: #FFC1CF; }
.comn.kids .comn__con-wrap { border: solid 3px #B4E2FF; }
.comn.kids .comn__con-wrap .comn_ttl .toggle-btn { background: #B4E2FF; }
.comn.kids .comn__con-wrap.active .comn_ttl { background: #B4E2FF; transition: .3s; }
.comn.kids .comn__con-wrap.active .comn_ttl .toggle-btn { background: #fff; }
.comn.kids .comn__open { border-color: #B4E2FF; }
.comn.player .comn__con-wrap { border: solid 3px #FAD4AD; }
.comn.player .comn__con-wrap .comn_ttl .toggle-btn { background: #FAD4AD; }
.comn.player .comn__con-wrap.active .comn_ttl { background: #FAD4AD; transition: .3s; }
.comn.player .comn__con-wrap.active .comn_ttl .toggle-btn { background: #fff; }
.comn.player .comn__open { border-color: #FAD4AD; }

.course-caution .course-caution__txt-wrap { border-top: solid 1px #004087; border-bottom: solid 1px #004087; padding: 30px 10px; }
.course-caution .course-caution__txt-wrap h5 { margin-bottom: 20px; font-size: 1.6rem; color: #004087; font-weight: bold; text-align: center; }
.course-caution .course-caution__txt-wrap p { font-size: 1.3rem; text-align: justify; }
@media (min-width: 390px) { .course-caution .course-caution__txt-wrap p { font-size: calc( 1.3rem + ( 1vw - 3.9px ) * 0.487804878 ); } }
@media (min-width: 800px) { .course-caution .course-caution__txt-wrap p { font-size: 1.5rem; } }
.course-caution .course-caution__txt-wrap p span { color: #FFF257; }

.footer-img ul li { flex: 0 1 33.3333%; width: 33.3333%; max-width: 33.3333%; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .tab-btn .course-list { position: relative; z-index: 1; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
  .tab-btn .course-list li { flex: 0 1 24%; width: 24%; max-width: 24%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; border-radius: 15px 15px 0 0; box-sizing: border-box; cursor: pointer; transition: .3s; }
  .tab-btn .course-list li figure { flex: 0 1 55px; width: 55px; max-width: 55px; margin: auto; transition: .3s; }
  .tab-btn .course-list li .comn__btn-txt { flex: 0 1 100%; width: 100%; max-width: 100%; font-weight: bold; text-align: center; transition: .3s; }
  .tab-btn .course-list li .comn__btn-txt h4 { font-size: 18px; }
  .tab-btn .course-list li .comn__btn-txt p { font-size: 13px; }
  .tab-btn .course-list li .comn__btn-txt p span { font-weight: normal; }
  .tab-btn .course-list li.bk-toddler { border-top: solid 3px #E6FF7B; border-left: solid 3px #E6FF7B; border-right: solid 3px #E6FF7B; }
  .tab-btn .course-list li.bk-children { border-top: solid 3px #FFC1CF; border-left: solid 3px #FFC1CF; border-right: solid 3px #FFC1CF; }
  .tab-btn .course-list li.bk-kids { border-top: solid 3px #B4E2FF; border-left: solid 3px #B4E2FF; border-right: solid 3px #B4E2FF; }
  .tab-btn .course-list li.bk-player { border-top: solid 3px #FAD4AD; border-left: solid 3px #FAD4AD; border-right: solid 3px #FAD4AD; }
  .tab-btn .course-list li.active { padding: 20px 15px; }
  .tab-btn .course-list li.active figure { flex: 0 1 75px; width: 75px; max-width: 75px; }
  .tab-btn .course-list li.active .comn__btn-txt h4 { font-size: 20px; }
  .tab-btn .course-list li.active:hover { padding: 20px 15px; }
  .tab-btn .course-list li.active:hover figure { flex: 0 1 75px; width: 75px; max-width: 75px; }
  .tab-btn .course-list li.active:hover .comn__btn-txt h4 { font-size: 20px; }
  .tab-btn .course-list li:hover { transition: .3s; background: #fff; }
  .course-wrap { position: relative; }
  .course { display: none; padding-top: 180px; margin-top: -180px; }
  .course:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 14px; }
  .course.toddler:before { background: #E6FF7B; }
  .course.children:before { background: #FFC1CF; }
  .course.kids:before { background: #B4E2FF; }
  .course.player:before { background: #FAD4AD; }
  .course.active { display: block; }
  .comn .course__ttl { margin-bottom: 30px; }
  .comn .course__ttl h4 { display: inline-block; margin-right: 25px; font-size: 2.5rem; }
  .comn .course__ttl h4.toddler span { color: #E6FF7B; }
  .comn .course__ttl h4.children span { color: #FFC1CF; }
  .comn .course__ttl h4.kids span { color: #B4E2FF; }
  .comn .course__ttl h4.player span { color: #FAD4AD; }
  .comn .course__ttl p { display: inline-block; font-weight: bold; font-size: 1.6rem; }
  .comn .comn__con-wrap { margin-top: 0; }
  .comn .comn__con-wrap .comn_ttl { position: relative; padding: 15px; }
  .comn .comn__con-wrap .comn_ttl .comn__course-ttl { display: inline-block; margin-right: 10px; }
  .comn .comn__con-wrap .comn_ttl .comn__target { display: inline-block; }
  .comn .comn__con-wrap .comn_ttl .comn__target span { padding-left: 10px; font-size: 13px; font-weight: normal; }
  .comn .comn__con-wrap .comn_ttl .toggle-btn { display: none; }
  .comn .comn__open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; padding: 20px 30px; border-left: solid 6px; border-right: solid 6px; border-bottom: solid 6px; }
  .comn .comn__open .com__con-txt { flex: 0 1 60%; width: 60%; max-width: 60%; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 15px; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl { flex: 0 1 70px; width: 70px; max-width: 70px; margin-bottom: 0; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt { flex: 0 1 calc(100% - 110px); width: calc(100% - 110px); max-width: calc(100% - 110px); }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .txt-gr { margin-bottom: 5px; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.blue-ttl { margin-left: 0; }
  .comn .comn__open .comn__img-box { flex: 0 1 30%; width: 30%; max-width: 30%; }
  .comn .comn__open:last-child { margin-bottom: 0; }
  .comn.toddler .comn__con-wrap { border: solid 6px #E6FF7B; }
  .comn.toddler .comn__con-wrap .comn_ttl { background: #E6FF7B; }
  .comn.toddler .comn__open { border-color: #E6FF7B; }
  .comn.children .comn__con-wrap { border: solid 6px #FFC1CF; }
  .comn.children .comn__con-wrap .comn_ttl { background: #FFC1CF; }
  .comn.children .comn__open { border-color: #FFC1CF; }
  .comn.kids .comn__con-wrap { border: solid 3px #B4E2FF; }
  .comn.kids .comn__con-wrap .comn_ttl { background: #B4E2FF; }
  .comn.kids .comn__open { border-color: #B4E2FF; }
  .comn.player .comn__con-wrap { border: solid 3px #FAD4AD; }
  .comn.player .comn__con-wrap .comn_ttl { background: #FAD4AD; }
  .comn.player .comn__open { border-color: #FAD4AD; }
  .footer-img ul li { flex: 0 1 25%; width: 25%; max-width: 25%; } }
/*------------------------------
		801px以上
------------------------------*/
/*------------------------------
		1021px以上
------------------------------*/
@media screen and (min-width: 1001px) { .tab-btn .course-list li .comn__btn-txt { flex: 0 1 calc(100% - 85px); width: calc(100% - 85px); max-width: calc(100% - 85px); text-align: left; }
  .tab-btn .course-list li.active { padding: 20px 15px; }
  .tab-btn .course-list li.active figure { flex: 0 1 75px; width: 75px; max-width: 75px; }
  .tab-btn .course-list li.active .comn__btn-txt { flex: 0 1 calc(100% - 95px); width: calc(100% - 95px); max-width: calc(100% - 95px); }
  .comn .course__ttl { margin-bottom: 30px; }
  .comn .course__ttl h4 { display: inline-block; margin-right: 25px; font-size: 2.5rem; }
  .comn .course__ttl h4.toddler span { color: #E6FF7B; }
  .comn .course__ttl h4.children span { color: #FFC1CF; }
  .comn .course__ttl h4.kids span { color: #B4E2FF; }
  .comn .course__ttl h4.player span { color: #FAD4AD; }
  .comn .course__ttl p { display: inline-block; font-weight: bold; font-size: 1.6rem; }
  .comn .comn__con-wrap { margin-top: 0; }
  .comn .comn__con-wrap .comn_ttl { position: relative; padding: 15px; }
  .comn .comn__con-wrap .comn_ttl .comn__course-ttl { display: inline-block; margin-right: 10px; }
  .comn .comn__con-wrap .comn_ttl .comn__target { display: inline-block; }
  .comn .comn__con-wrap .comn_ttl .comn__target span { padding-left: 10px; font-size: 13px; font-weight: normal; }
  .comn .comn__con-wrap .comn_ttl .toggle-btn { display: none; }
  .comn .comn__open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; padding: 20px 30px; border-left: solid 6px; border-right: solid 6px; border-bottom: solid 6px; }
  .comn .comn__open .com__con-txt { flex: 0 1 60%; width: 60%; max-width: 60%; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 15px; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-ttl { flex: 0 1 70px; width: 70px; max-width: 70px; margin-bottom: 0; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt { flex: 0 1 calc(100% - 110px); width: calc(100% - 110px); max-width: calc(100% - 110px); }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt .txt-gr { margin-bottom: 5px; }
  .comn .comn__open .com__con-txt .comn__con-txt-wrap .comn__con-txt.blue-ttl { margin-left: 0; }
  .comn .comn__open .comn__img-box { flex: 0 1 30%; width: 30%; max-width: 30%; }
  .comn .comn__open:last-child { margin-bottom: 0; }
  .comn.toddler .comn__con-wrap { border: solid 6px #E6FF7B; }
  .comn.toddler .comn__con-wrap .comn_ttl { background: #E6FF7B; }
  .comn.toddler .comn__open { border-color: #E6FF7B; }
  .comn.children .comn__con-wrap { border: solid 6px #FFC1CF; }
  .comn.children .comn__con-wrap .comn_ttl { background: #FFC1CF; }
  .comn.children .comn__open { border-color: #FFC1CF; }
  .comn.kids .comn__con-wrap { border: solid 3px #B4E2FF; }
  .comn.kids .comn__con-wrap .comn_ttl { background: #B4E2FF; }
  .comn.kids .comn__open { border-color: #B4E2FF; }
  .comn.player .comn__con-wrap { border: solid 3px #FAD4AD; }
  .comn.player .comn__con-wrap .comn_ttl { background: #FAD4AD; }
  .comn.player .comn__open { border-color: #FAD4AD; } }
/*------------------------------
		1221px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */