/*	head_slider
============================== */
.line_sp { width: 100%; height: 200px; position: relative; overflow: hidden;}
#head_slider .line_wrap { height: 200px; display: -webkit-flex; display: flex; position: absolute; top: 0; left: 0; z-index: 100;}
#head_slider .line_wrap ul { display: -webkit-flex; display: flex;}
#head_slider .line_wrap ul li { width: 365px; flex-basis: 365px; margin-left: 5px;}
#head_slider .line_wrap ul li .line { width: 100%; height: 0; padding-top: 53.475935828877005%; padding-top: calc(400 / 748 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#head_slider .line_wrap ul li .line img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/*catch*/
#catch_sp { width: 100%; max-width: 1000px; margin: -2em auto 0 auto; padding-bottom: 1em; position: relative; z-index: 200;}
#catch_img { width: 100%; height: 0; pading-top: 17.763157894736842%; padding-top: calc(135 / 760 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/with_voice2.png);}
/*_omoi*/
#catch_sp #omoi_sp { width: 21%; max-width: 140px; margin: 0; position: absolute; bottom: 1.8em; right: .5em;}
#catch_sp #omoi_img { width: 100%; height: 0; padding-top: 41.134751773049645%; padding-top: calc(99 / 357 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/omoi_red.png); position: relative; filter: drop-shadow(1px 2px 3px #ffa094);}
#catch_sp #omoi_img a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#catch_sp #omoi_img:hover { opacity: .9;}
/*for_W640-*/
@media (min-width: 640px) { 
.line_sp, #head_slider .line_wrap { height: 300px;}
#head_slider .line_wrap ul li { width: 547.5px; flex-basis: 547.5px; margin-left: 5px;}
#catch_img { width: 100%; height: 0; pading-top: 14.367816091954023%; padding-top: calc(200 / 1392 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/with_voice-l2.png);}
#catch_sp #omoi_sp { width: 20%; bottom: 2em; right: 1em;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#catch_sp #omoi_sp { bottom: 2.3em; right: 1.5em;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#catch_sp #omoi_sp { bottom: 3em; right: 3em;}
}

/*	contents
============================== */
.contents { width: 100%; background: rgba(249, 249, 249, 1);}
.unit { width: 90%; margin: 0 auto; padding: 1em 0;}

/*	news
============================== */
#news { max-width: 640px; position: relative; padding-bottom: 0;}
#news h2 { display: inline-block; padding: .75em; font-size: 80%; background: rgba(255, 247, 128, 1); border-radius: 15px; position: absolute; top: -0.75em; left: .5em;}
#news h2:after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-top-width: 8px; border-bottom-width: 8px; border-left-width: 4px; border-right-width:4px; margin-left: -4px; border-top-color: rgba(255, 247, 128, 1); top: 100%; left: 70%;}
#news li { box-sizing: border-box; width: 97%; margin: 1em 0 .5em 1em; border: 1px solid rgba(0, 0, 0, 1); border-radius: 10px; background: rgba(255, 255, 255, 1); font-size: 90%; color: rgba(0, 0, 0, 1); display: table; box-shadow: 4px 4px rgba(255, 247, 128, 1);}
#news li a { color: rgba(0, 0, 0, 1); display: block; position: relative; z-index: 300;}
#news li .update { display: table-cell; text-align: center; vertical-align: middle; white-space: nowrap; padding: 1em .5em; font-weight: bold;}
#news li .uptxt { display: table-cell; line-height: 140%; padding: 1em; border-left: 1px dashed rgba(0, 0, 0, .9);}
#news li a:hover { opacity: .5;}
/*for_W640-*/
@media (min-width: 640px) { 
#news li .update { padding: 1em .5em;}
#news li .uptxt { padding: 1em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#news { max-width: 920px; padding-bottom: 1em;}
#news ul { width: 100%; display: flex; flex-flow: row wrap;}
#news li { width: 48%; flex-basis: 48%; margin: 1em 0 0 1.5%;}
}

/*	choice
============================== */
#choice { width: 94%; max-width: 640px; margin: 0 auto;}
#choice h2, #choice ol { display: none;}
#choice_img { width: 100%; height: 0; pading-top: 70.6%; padding-top: calc(706 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/choice.jpg?1);}
/*for_W1000-*/
@media (min-width: 1000px) { 
#choice { max-width: 900px;}
#choice_img { pading-top: 32.863849765258216%; padding-top: calc(560 / 1704 * 100%); background-image: url(../img/choice_l.jpg?1);}
}


/*	result
============================== */
#result { box-sizing: border-box; width: 94%; max-width: 640px; margin: 0 auto 2em auto; padding: .5em; background: #82dc82; background: -moz-linear-gradient(-45deg, #82dc82 0%, #63dd72 11%, #63dd72 11%, #82dc82 11%, #63dd72 42%, #82dc82 42%, #82dc82 42%, #82dc82 71%, #63dd72 71%, #63dd72 71%, #63dd72 85%, #82dc82 85%, #63dd72 85%); background: -webkit-linear-gradient(-45deg, #82dc82 0%,#63dd72 11%,#63dd72 11%,#82dc82 11%,#63dd72 42%,#82dc82 42%,#82dc82 42%,#82dc82 71%,#63dd72 71%,#63dd72 71%,#63dd72 85%,#82dc82 85%,#63dd72 85%); background: linear-gradient(135deg, #82dc82 0%,#63dd72 11%,#63dd72 11%,#82dc82 11%,#63dd72 42%,#82dc82 42%,#82dc82 42%,#82dc82 71%,#63dd72 71%,#63dd72 71%,#63dd72 85%,#82dc82 85%,#63dd72 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82dc82', endColorstr='#63dd72',GradientType=1 ); border-radius: 10px;}
#result h2 { display: block; width: 30%; max-width: 160px; margin: 0 auto .6em auto;}
#result h2 #result_title { display: block; width: 100%; height: 0; pading-top: 22.916666666666667%; padding-top: calc(44 / 192 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#result li { box-sizing: border-box; width: 96%; margin: 0 auto .4em auto; background: rgba(255, 255, 255, 1); padding: .75em .25em; display: -webkit-flex; display: flex;}
#result li .icon { width: 24%; flex-basis: 24%;}
#result li .icon_img { width: 100%; height: 0; pading-top: 88.75%; padding-top: calc(355 / 400 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#result li .txt { width: 75.5%; flex-basis: 75.5%;}
#result li .txt .namet { font-size: 96%; font-weight: bold; color: rgba(50, 160, 50, 1); padding-bottom: .5em;}
#result li .txt .cont { font-size: 80%; line-height: 130%;}
/*for_W480-*/
@media all and (min-width: 480px) {
#result li .txt .namet { font-size: 105%; padding-bottom: .5em;}
#result li .txt .cont { font-size: 85%; line-height: 130%;}
}
/*for_W640-*/
@media all and (min-width: 640px) {
#result li { padding: 1em .75em;}
#result li .txt .namet { font-size: 120%; padding-bottom: .5em;}
#result li .txt .cont { font-size: 100%; line-height: 150%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#result { max-width: 900px;}
#result li .icon { width: 16%; flex-basis: 16%;}
#result li .txt { width: 82.5%; flex-basis: 82.5%; margin-left: 1%; padding-top: .75em;}
}

/*	class
============================== */
#class { box-sizing: border-box; width: 100%; margin: 0 auto 2em auto; padding: 1.5em 1em; background: rgba(255, 255, 255, 1);}
#class h2 { text-align: center; font-size: 150%; color: rgba(0, 0, 0, 1);}
#class h2::before { content: '《 ';}
#class h2::after { content: ' 》';}
#class .catch_txt { text-align: center; color: rgba(0, 0, 0, 1); padding: .75em 0; letter-spacing: .1em;}
#classes { padding: 1em 0;}
#classes:before, #classes:after { content: ""; content: none; display: table;}
#classes:after { clear: both; }
#classes::after { content: ""; display: block; clear: both;}

#classes .kc_sp { box-sizing: border-box; width: 99%; max-width: 620px; margin: 0 auto 1em auto; border-radius: 10px; padding: .75em 1em; box-shadow: 4px 5px rgba(121, 72, 66, .3); position: relative;}
#classes .kc_sp .ue { width: 100%; position: absolute; top: 0; left: 0;}
#classes .kc_sp .shita { width: 100%; position: absolute; bottom: 0; left: 0;}
#classes .kc_sp .ue::before { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; top: 5px; left: 5px;}
#classes .kc_sp .ue::after { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; top: 5px; right: 5px;}
#classes .kc_sp .shita::before { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; bottom: 5px; left: 5px;}
#classes .kc_sp .shita::after { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; bottom: 5px; right: 5px;}

#classes #kc_basic { background: #cd5343; background: -moz-linear-gradient(-45deg, #cd5343 0%, #cd5343 20%, #ea6969 21%, #ea6969 51%, #cd5343 52%, #cd5343 52%); background: -webkit-linear-gradient(-45deg, #cd5343 0%,#cd5343 20%,#ea6969 21%,#ea6969 51%,#cd5343 52%,#cd5343 52%); background: linear-gradient(135deg, #cd5343 0%,#cd5343 20%,#ea6969 21%,#ea6969 51%,#cd5343 52%,#cd5343 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd5343', endColorstr='#cd5343',GradientType=1 ); border: 1px solid rgba(168, 61, 61, 1);}
#classes #kc_step { background: #e18c00; background: -moz-linear-gradient(-45deg, #e18c00 0%, #e18c00 30%, #e99f25 31%, #e99f25 61%, #e18c00 62%, #e18c00 62%); background: -webkit-linear-gradient(-45deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); background: linear-gradient(135deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e18c00', endColorstr='#e18c00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}
#classes #kc_basic2days { background: #f66565; background: -moz-linear-gradient(-45deg, #f66565 0%, #f66565 40%, #f88484 41%, #f88484 71%, #f66565 72%, #f66565 72%); background: -webkit-linear-gradient(-45deg, #f66565 0%,#f66565 40%,#f88484 41%,#f88484 71%,#f66565 72%,#f66565 72%); background: linear-gradient(135deg, #f66565 0%,#f66565 40%,#f88484 41%,#f88484 71%,#f66565 72%,#f66565 72%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66565', endColorstr='#f66565',GradientType=1 ); border: 1px solid rgba(187, 92, 80, 1);}
#classes #kc_step1day { background: #ff9f00; background: -moz-linear-gradient(-45deg, #ff9f00 0%, #ff9f00 50%, #ffba49 51%, #ffba49 81%, #ff9f00 82%, #ff9f00 82%); background: -webkit-linear-gradient(-45deg, #ff9f00 0%,#ff9f00 50%,#ffba49 51%,#ffba49 81%,#ff9f00 82%,#ff9f00 82%); background: linear-gradient(135deg, #ff9f00 0%,#ff9f00 50%,#ffba49 51%,#ffba49 81%,#ff9f00 82%,#ff9f00 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff9f00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}
#classes #kc_step2days { background: #e18c00; background: -moz-linear-gradient(-45deg, #e18c00 0%, #e18c00 30%, #e99f25 31%, #e99f25 61%, #e18c00 62%, #e18c00 62%); background: -webkit-linear-gradient(-45deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); background: linear-gradient(135deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e18c00', endColorstr='#e18c00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}

#classes .kc_sp h3 { display: block; margin: 0 auto 1.25em auto;}
#classes .kc_sp h3 .img_sp { display: block; width: 100%; height: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .white_sp { box-sizing: border-box; width: 80%; padding: .75em; background: rgba(255, 255, 255, 1); position: relative;}
#classes .kc_sp .ann_sp { width: 51%; background: rgba(255, 255, 255, 1); box-shadow: 2px 2px 2px rgba(100, 100, 100, .2);}
#classes .kc_sp .ann_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .catchtxt { font-size: 120%; font-weight: bold; line-height: 130%;}
#classes .kc_sp .kikantxt { font-size: 96%; padding: 1em 0;}
#classes .kc_sp .targettxt { font-size: 120%; font-weight: bold;}
#classes .kc_sp .plus_sp { width: 100%; margin: .75em auto .5em auto; font-size: 110%; text-align: center; font-weight: bold; color: rgba(255, 255, 255, .9);}
#classes .kc_sp .plus_sp a .nitteitxt { width: 64%; float: left; color: rgba(255, 255, 255, 1); text-align: center; line-height: 130%; padding-top: .2em;}
#classes .kc_sp .plus_sp a .btn_sp { width: 27%; float: right; display: inline-block; background: rgba(255, 255, 255, 1); border-radius: 10px; padding: 1em .75em .75em .75em; font-size: 90%; margin-top: .25em;}
#classes .kc_sp .plus_sp a.active_t .nitteitxt { color: rgba(255, 240, 0, 1); line-height: 130%;}
#classes .kc_sp .plus_sp a.active_t .nitteitxt .smkr { font-size: 80%; font-weight: lighter;}
#classes .kc_sp .plus_sp a.active_t .btn_sp { float: right; display: inline-block; background: rgba(255, 240, 0, 1); border-radius: 10px; padding: 1em .75em .75em .75em; font-size: 90%;}
#classes .kc_sp .plus_sp a .btn_sp .ya { width: 18px; float: right; margin-left: .5em; margin-top: -0.1em;}
#classes .kc_sp .plus_sp a .btn_sp .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .plus_sp a:hover { opacity: .85;}

#classes #kc_basic h3 { width: 38.333333333333333%; width: calc(140 / 363 * 100%);}
#classes #kc_basic h3 .img_sp { pading-top: 22.857142857142857%; padding-top: calc(64 / 280 * 100%); background-image: url(../class/img/kc_basic.png);}
#classes #kc_step h3 { width: 89.53168044077135%; width: calc(325 / 363 * 100%);}
#classes #kc_step h3 .img_sp { pading-top: 9.846153846153846%; padding-top: calc(64 / 650 * 100%); background-image: url(../class/img/kc_step.png);}
#classes #kc_basic2days h3 { width: 77.823691460055096%; width: calc(282.5 / 363 * 100%);}
#classes #kc_basic2days h3 .img_sp { pading-top: 11.504424778761062%; padding-top: calc(65 / 565 * 100%); background-image: url(../class/img/kc_basic2days.png);}
#classes #kc_step1day h3 { width: 89.669421487603306%; width: calc(325.5 / 363 * 100%);}
#classes #kc_step1day h3 .img_sp { pading-top: 9.831029185867896%; padding-top: calc(64 / 651 * 100%); background-image: url(../class/img/kc_step1day.png?0);}
#classes #kc_step2days h3 { width: 90%; max-width: 520px; margin: 0 auto .5em auto;}
#classes #kc_step2days h3 .img_sp { pading-top: 9.298998569384835%; padding-top: calc(65 / 699 * 100%); background-image: url(../class/img/kc_step2days.png);}

#classes #kc_basic .white_sp, #classes #kc_basic2days .white_sp { margin: 0 0 0 19%;}
#classes #kc_basic .ann_sp, #classes #kc_basic2days .ann_sp { margin: -2em 1em 0 -28%; float: left;}
#classes #kc_step .white_sp, #classes #kc_step1day .white_sp { margin: 0 17% 0 2%;}
#classes #kc_step .ann_sp, #classes #kc_step1day .ann_sp { margin: -2em -26% 0 1em; float: right;}
#classes #kc_step2days .white_sp { width: 98%; margin: 0 15% 0 2%; padding: 1em 1em 1.5em 1em;}
#classes #kc_step2days .catchtxt { padding-bottom: .5em;}

#classes #kc_basic .white_sp { color: rgba(205, 83, 67, 1);}
#classes #kc_step .white_sp { color: rgba(225, 140, 0, 1);}
#classes #kc_basic2days .white_sp { color: rgba(246, 101, 101, 1);}
#classes #kc_step1day .white_sp { color: rgba(255, 165, 17, 1);}
#classes #kc_step2days .white_sp { color: rgba(225, 140, 0, 1);}

#classes #kc_basic .catchtxt, #classes #kc_basic .plus_sp a .btn_sp { color: rgba(168, 61, 61, 1);}
#classes #kc_step .catchtxt, #classes #kc_step .plus_sp a .btn_sp { color: rgba(197, 122, 0, 1);}
#classes #kc_basic2days .catchtxt, #classes #kc_basic2days .plus_sp a .btn_sp { color: rgba(221, 85, 109, 1);}
#classes #kc_step1day .catchtxt, #classes #kc_step1day .plus_sp a .btn_sp { color: rgba(225, 140, 0, 1);}
#classes #kc_step2days .catchtxt, #classes #kc_step2days .plus_sp a .btn_sp { color: rgba(197, 122, 0, 1);}

#classes #kc_basic .targettxt span { border-bottom: 3px dotted rgba(205, 83, 67, .5);}
#classes #kc_step .targettxt span { border-bottom: 3px dotted rgba(225, 140, 0, .5);}
#classes #kc_basic2days .targettxt span { border-bottom: 3px dotted rgba(246, 101, 101, .5);}
#classes #kc_step1day .targettxt span { border-bottom: 3px dotted rgba(255, 165, 17, .5);}
#classes #kc_step2days .targettxt span { border-bottom: 3px dotted rgba(225, 140, 0, .5);}

#classes #kc_basic .plus_sp a .btn_sp .ya_img { background-image: url(../img/ya/red.png);}
#classes #kc_step .plus_sp a .btn_sp .ya_img { background-image: url(../img/ya/brown.png);}
#classes #kc_basic2days .plus_sp a .btn_sp .ya_img { background-image: url(../img/ya/pink.png);}
#classes #kc_step1day .plus_sp a .btn_sp .ya_img { background-image: url(../img/ya/orange.png);}
#classes #kc_step2days .plus_sp a .btn_sp .ya_img { background-image: url(../img/ya/brown.png);}

#class .linkset { width: 90%; max-width: 360px; margin: 0 auto; font-size: 110%; font-weight: bold; padding: 0 0 2.5em 0; color: rgba(0, 80, 255, 1); }
#class .linkset .class_list { float: left; opacity: .5; padding-left: 8%;}
#class .linkset .class_schedule { float: left; padding-left: 10px; padding-top: 15px; position: relative;}
#class .linkset .class_schedule a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
#class .linkset .class_schedule:hover { opacity: .75;}
#class .linkset .class_sls { float: left; margin-top: 15px; width: 40px; height: 20px;}
#class .linkset .class_sls .line { width: 50px; border: 1px solid rgba(129, 187, 255, 1); transform: rotate(-45deg);}
#class .linkset .ya { width: 18px; float: right; margin-left: .5em;}
#class .linkset .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ya/blue.png);}
/*for_W640-*/
@media all and (min-width: 640px) {
#classes .kc_sp .white_sp { font-size: 120%;}
#classes .kc_sp .catchtxt { font-size: 120%;}
#classes .kc_sp .plus_sp { margin: 1em auto .5em auto; font-size: 110%;}
#classes #kc_step2days .nitteitxt { padding-top: .75em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#class .linkset { max-width: 600px; font-size: 100%;}
#class .linkset .ya { width: 22px;}
#class .linkset .class_list { padding-left: 26%;}
#classes { width: 100%; max-width: 900px; margin: 0 auto; display: -webkit-flex; display: flex; flex-wrap: wrap; font-size: 75%;}
#classes .kc_sp { width: 48%; flex-basis: 48%; margin: 0 0 1em 1%;}
#classes .kc_sp .kikantxt { font-size: 96%; padding: 1em 0;}
#classes .kc_sp .targettxt { font-size: 100%; font-weight: bold;}
#classes .kc_sp .plus_sp { font-size: 120%;}
#classes #kc_step2days h3 { max-width: 400px;}
#classes #kc_step2days { width: 98%; flex-basis: 98%; margin: 0 auto 1em auto;}
#classes #kc_step2days .white_sp { text-align: center;}
}

/*	message
============================== */
#message { box-sizing: border-box; width: 100%; margin: 2.5em auto 0 auto; background: rgba(56, 146, 62, .05);  background: -moz-linear-gradient(top, rgba(56, 146, 62, .05) 0%, rgba(56, 146, 62, .05) 85%, rgba(56, 146, 62, 0) 86%, rgba(56, 146, 62, 0) 100%); background: -webkit-linear-gradient(top, rgba(56, 146, 62, .05) 0%,rgba(56, 146, 62, .05) 85%,rgba(56, 146, 62, 0) 86%,rgba(56, 146, 62, 0) 100%); background: linear-gradient(to bottom, rgba(56, 146, 62, .05) 0%,rgba(56, 146, 62, .05) 85%,rgba(56, 146, 62, 0) 86%,rgba(56, 146, 62, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd7bd', endColorstr='#00d2f4d9',GradientType=0 );}
#message h2 { width: 90%; max-width: 460px; margin: 0 auto .5em auto; padding: 0 1em;}
#message h2 .title_sp { display: block; width: 55%; max-width: 250px; float: left; margin: -2.2em 0 0 0;}
#message h2 .title_img { display: block; width: 100%; height: 0; pading-top: 29.326047358834244%; padding-top: calc(161 / 549 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#message h2 .message_link { display: block; float: left; padding-left: 10px; position: relative; color: rgba(50, 160, 50, .75);}
#message h2 .message_link:hover { opacity: .75;}
#message h2 .message_link a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
#message h2 .message_link .ya { width: 18px; float: right; margin-left: .5em;}
#message h2 .message_link .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ya/green.png);}
#message #swiperSet { opacity: 0;}
/*_slider Swiper 8.4.5 Copyright 2014-2022 Vladimir Kharlampidi */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}

.mySwiper { box-sizing: border-box; padding: .5em 0 0 0; margin: 0 auto; background: -moz-linear-gradient(top, rgba(56, 146, 62, .15) 0%, rgba(56, 146, 62, .15) 65%, rgba(210,244,217,0) 66%, rgba(210,244,217,0) 100%); background: -webkit-linear-gradient(top, rgba(56, 146, 62, .15) 0%,rgba(56, 146, 62, .15) 65%,rgba(210,244,217,0) 66%,rgba(210,244,217,0) 100%); background: linear-gradient(to bottom, rgba(56, 146, 62, .15) 0%,rgba(56, 146, 62, .15) 65%,rgba(210,244,217,0) 66%,rgba(210,244,217,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f4d9', endColorstr='#00d2f4d9',GradientType=0 ); over-flow: hidden;}
.mySwiper .swiper-wrapper { display: flex; flex-wrap: nowrap; flex-direction: row;}
.mySwiper .swiper-slide { width: 90px; flex-basis: 90px; text-align: center;}
.mySwiper .swiper-slide .namet { font-size: 110%; font-weight: bold; color: rgba(50, 160, 50, 1); padding: .5em 0 .25em 0; opacity: .5;}
.mySwiper .swiper-slide .joint { font-size: 90%; color: rgba(48, 214, 48, 1); opacity: .5;}
.mySwiper .swiper-slide .thp { width: 100%; height: 0; padding-top: 130%; background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center; opacity: .7;}
.mySwiper .swiper-slide-active .namet, .mySwiper .swiper-slide-active .joint, .mySwiper .swiper-slide-active .thp, .mySwiper .swiper-slide-duplicate-active .namet, .mySwiper .swiper-slide-duplicate-active .joint, .mySwiper .swiper-slide-duplicate-active .thp { opacity: 1;}

.mySwiper2 { width: 100%; margin: 0 auto;}
.mySwiper2 .swiper-wrapper { width: 100%;}
.mySwiper2 .swiper-slide { text-align: center; padding: 15px 0 5px 0;}
.mySwiper2 .fukidashi { display: inline-block; margin: 0 auto; padding: 1.2em .75em; background-color: rgba(255, 255, 255, 1); border-radius: 10px; box-shadow: 2px 2px 2px rgba(100, 100, 100, .2); position: relative; line-height: 120%; color: rgba(50, 160, 50, 1); font-weight: bold; font-size: 110%;}
.mySwiper2 .fukidashi::before { content: ""; position: absolute; top: -15px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-bottom: 10px solid #fff;}
/*for_W640-*/
@media (min-width: 640px) { 
.mySwiper .swiper-slide { width: 140px; flex-basis: 140px; text-align: center;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#message h2 .message_link .ya { width: 22px;}
}

/*	teacher
============================== */
#teacher { width: 100%; margin: 0 auto -1em auto;; padding-bottom: 0; background: rgba(255, 255, 255, 1);}
#teacher .blue_sp { box-sizing: border-box; width: 100%; padding: 2.5em .5em; background: -moz-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 3%, rgba(0, 80, 255, .05) 3%, rgba(0, 80, 255, .05) 90%, rgba(0, 80, 255, 0) 90%, rgba(0, 80, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 3%, rgba(0, 80, 255, .05) 3%, rgba(0, 80, 255, .05) 90%, rgba(0, 80, 255, 0) 90%, rgba(0, 80, 255, 0) 100%); background: linear-gradient(to bottom, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 3%, rgba(0, 80, 255, .05) 3%, rgba(0, 80, 255, .05) 90%, rgba(0, 80, 255, 0) 90%, rgba(0, 80, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdd9f4',GradientType=0 );}
#teacher h2 { text-align: center; font-size: 140%; color: rgba(0, 0, 0, 1); letter-spacing: .05em; color: rgba(0, 80, 255, 1); margin-top: -1.2em;}
#teacher h2::before { content: '［ ';}
#teacher h2::after { content: ' ］';}
#teacher .main_sp { width: 100%; max-width: 900px; margin: 0 auto; padding-top: 1em;}
#teacher .main_sp ul { display: -webkit-flex; display: flex; justify-content: center;}
#teacher .main_sp li { width: 20%; flex-basis: 20%; text-align: center;}
#teacher .main_sp li .mthp { width: 100%; height: 0; padding-top: 190.789473684210526%; padding-top: calc(435 / 228 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#teacher .main_sp li .namesp { box-sizing: border-box; width: 100%; padding: 1em 0; background: rgba(255, 255, 255, .9); position: absolute; bottom: 0; left: 0; color: rgba(0, 80, 255, 1); font-size: 96%;}

#teacher .oth_sp { width: 100%; max-width: 900px; margin: 0 auto; padding: 0 0 .5em 0;}
#teacher .oth_sp ul { display: -webkit-flex; display: flex; flex-wrap: wrap;}
#teacher .oth_sp li { width: 33.333333333333333%; flex-basis: 33.333333333333333%; width: calc(100 / 3)%; flex-basis: calc(100 / 3)%; text-align: center;}
#teacher .oth_sp li .mthp { width: 100%; height: 0; padding-top: 66.666666666666667%; padding-top: calc(400 / 600 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}

#teacher .link_sp { background: rgba(0, 80, 255, 1); color: rgba(255, 255, 255, 1);}
/*for_W640-*/
@media (min-width: 640px) { 
#teacher .blue_sp { background: -moz-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 94%, rgba(0, 80, 255, 0) 94%, rgba(0, 80, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 94%, rgba(0, 80, 255, 0) 94%, rgba(0, 80, 255, 0) 100%); background: linear-gradient(to bottom, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 94%, rgba(0, 80, 255, 0) 94%, rgba(0, 80, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdd9f4',GradientType=0 );}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#teacher .blue_sp { background: -moz-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 95%, rgba(0, 80, 255, 0) 95%, rgba(0, 80, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 95%, rgba(0, 80, 255, 0) 95%, rgba(0, 80, 255, 0) 100%); background: linear-gradient(to bottom, rgba(0, 80, 255, 0) 0%, rgba(0, 80, 255, 0) 2%, rgba(0, 80, 255, .05) 2%, rgba(0, 80, 255, .05) 95%, rgba(0, 80, 255, 0) 95%, rgba(0, 80, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdd9f4',GradientType=0 );}
}