@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/

/* PC版 */
/* TOP共通 */
.secInner{margin: 0px auto;max-width: 1200px;width: 90%;padding: 60px 0;}
h2{text-align: center;line-height: 1.2;margin-bottom: 0.5em;}
h2 span{font-size:55%;display:block;font-weight: 400;letter-spacing: 0.1em;}
.bg_orange{background: #fff6f3;position: relative;z-index: 0;}
.bg_orange.tonbo::before{content: "";display: block;background: url(/inc/image_2026/top/contents_bg_icon.png)no-repeat;width: 477px;height: 473px;position: absolute;right: 0;top: 0;z-index: 1;background-size: cover;}
.bg_orange.tonbo::after{content: "";display: block;background: url(/inc/image_2026/top/contents_bg_icon.png)no-repeat;width: 477px;height: 473px;position: absolute;left: 0;bottom: 0;z-index: 1;transform:rotate(-90deg);background-size: cover;}
.bg_orange > section{z-index: 2;position: relative;}

/*共通ボタン*/
.btnSec{position: relative;z-index: 2;}
.btnSec .reserveBox .btnTxt{font-size: 180%;color: #624000;font-weight: 600;margin-bottom: 0.5em;}
.btnSec .reserveBox .reserve_Btn{border-radius: 50vw;position: relative;margin:1em auto 0;background-color: #e84709;max-width: 400px;width: 90%;}
.btnSec .reserveBox .reserve_Btn a{display: block;color: #fff;padding:0.3em 2em 0.35em 1.2em;font-size: 230%;position: relative;z-index: 2;line-height: 1.3;}
.btnSec .reserveBox .reserve_Btn:hover{filter: drop-shadow(0px 0px 3px #e84709);}
.btnSec .reserveBox .reserve_Btn a:hover{opacity: 1;}
.btnSec .reserveBox .reserve_Btn::after{content: "";display: block;background: url(/inc/image_2026/top/btn_next_orange.png)no-repeat;width: 45px;height: 45px;background-size: contain;position: absolute;right:5%;top: 0;bottom: 0;margin: auto;max-width: 15%;max-height: 59%;}
.btnSec .reserveBox .reserve_Btn::before{content: "";display: block;background: url(/inc/image_2026/common/btn_illust_taiken.png)no-repeat;width: 90px;height: 75px;background-size: contain;position: absolute;left:0;top: 0;z-index: 0;max-width: 25%;max-height: 100%;}

.btnSec .subBtnBox{display: flex;justify-content: center;align-items: stretch;gap:1em;margin: 2em 0;}
.btnSec .subBtnBox .subBtn{width: 25%;}
.btnSec .subBtnBox .subBtn a{background: #fff;color: #00aeac;padding: 0.3em;display: block;text-align: center;max-width: 290px;width: 100%; margin: auto;border-radius: 10px;font-size: 25px;position: relative;border: 2px solid #00aeac;}
.btnSec .subBtnBox .subBtn a::after{content: "";display: inline-block;width: 1.3em;height: 1.3em;background: transparent;border-top: 2px solid #00aeac;border-right: 2px solid #00aeac;transform: rotate(135deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;position: absolute;right: 20px;top: 0;bottom: 10px;margin: auto;}
.btnSec .subBtnBox .subBtn a:hover{background: #00aeac;color: #fff;}
.btnSec .subBtnBox .subBtn a:hover::after{border-color: #fff;}

/* FV */
#mainViewBox{background: url(/inc/image_2026/top/main_bg_01.jpg)no-repeat;background-size:cover;max-height: 600px;background-position: top right;position: relative;}
#mainViewBox::after{content: "";display: block;position: absolute;bottom: -5em;background:url(/inc/image_2026/top/main_bg_color.png)no-repeat;width: 100%;height: 160px;background-size: cover;z-index: 6;}
#mainViewBox .main_contentBox{max-width: 1400px;margin: auto 13.6vw 0 auto;position: relative;width: 80%;}
#mainViewBox .slide_Box{position: relative;max-width: 1133px;height: 600px;width: 80%;;margin:0 0% 0 auto; }
#mainViewBox .slide_Box .slide_image{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;animation: image-switch-animation 15s infinite;z-index: 1;}
#mainViewBox .slide_Box .slide_image:nth-child(1){background:url(/inc/image_2026/top/main_photo01.jpg)no-repeat center / cover; }
#mainViewBox .slide_Box .slide_image:nth-child(2){background:url(/inc/image_2026/top/main_photo02.jpg)no-repeat center / cover; }
#mainViewBox .slide_Box .slide_image:nth-child(3){background:url(/inc/image_2026/top/main_photo03.jpg)no-repeat center / cover; }

#mainViewBox .slide_Box .slide_image span{background-color: rgba(71,18,2,0.50);width: 100%;height: 100%;z-index: 2;position: absolute;}
#mainViewBox .slide_Box .slide_image:nth-of-type(1) {animation-delay: 0s;}
#mainViewBox .slide_Box .slide_image:nth-of-type(2) { animation-delay: 5s;}
#mainViewBox .slide_Box .slide_image:nth-of-type(3) { animation-delay: 10s;}

@keyframes image-switch-animation {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  35%{ opacity: 1;}
  50%{ opacity: 0;}
  100%{ opacity: 0;}
}

#mainViewBox .main_TxtBox{position: absolute;left: 0px;top: 6vw;z-index: 3;}
#mainViewBox .main_TxtBox .main_txt{margin-top: 1em;font-size: 170%;color: #fff;line-height: 1.3;}
#mainViewBox .main_TxtBox .main_Btn{border-radius: 50vw;position: relative;margin:4em 0.3em 0;background-color: #e84709;width: 340px;filter: drop-shadow(0px 0px 6px #fff);}
#mainViewBox .main_TxtBox .main_Btn a{display: block;color: #fff;padding:0.3em 2em 0.35em 1em;font-size: 200%;position: relative;z-index: 2;line-height: 1.3;}
#mainViewBox .main_TxtBox .main_Btn::after{content: "";display: block;background: url(/inc/image_2026/top/btn_next_orange.png)no-repeat;width: 45px;height: 45px;background-size: contain;position: absolute;right:5%;top: 0;bottom: 0;margin: auto;max-width: 15%;max-height: 59%;}
#mainViewBox .main_TxtBox .main_Btn::before{content: "";display: block;background: url(/inc/image_2026/common/btn_illust_taiken.png)no-repeat;width: 90px;height: 62px;background-size: contain;position: absolute;left:0;top: 0;z-index: 0;max-width: 25%;max-height: 100%;}

#mainViewBox .main_copyBox{position: absolute;right: -5em;bottom: 5em;z-index: 5;}
#mainViewBox .main_copyBox .copyTxt{filter: drop-shadow(3px 3px 0px #00aeac);color: #fff;font-size: 320%;font-style: oblique;font-weight: 900;}
#mainViewBox .main_copyBox .copyTxt span{font-size: 70%;padding: 0 5px 0 0;display: inline-block;}

/*おすすめクラス*/
#osusumeClassSec{margin-top: 7em;}
#osusumeClassSec .osusumeFlex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#osusumeClassSec .osusumeFlex .osusumeBox{width: 48.5%;}
#osusumeClassSec .osusumeFlex .osusumeBox .pickTxt{border-bottom: 5px solid #624000;font-size: 24px;font-weight: 600;text-align: center;color: #624000;line-height: 2.3em;margin-bottom: 0.5em;}
#osusumeClassSec .osusumeFlex .osusumeBox .pickTxt span{background: #624000;color: #fff;font-size: 80%;border-radius: 50vw;padding: 0.2em 0.9em;display: inline-block;margin-right: 0.5em;line-height: 1.5;font-weight: 400;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex{display: flex;justify-content:space-between;align-items: stretch; }
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox{width: 47%;background: #fff;filter: drop-shadow(0 0 5px #e0bbaa);}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox a{display: flex;flex-direction: column;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox a:hover{opacity: 0.6;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .class{color: #fff;font-size: 28px;font-weight: 600;text-align: center;padding: 0.3em 0;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .class.org01{background: #ff8569;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .class.org02{background: #ef603f;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .class.org03{background: #e84709;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .age{font-size: 130%;text-align: center;border-bottom: 3px solid #e84709;line-height: 2;margin: 0.5em auto;width: 90%;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .txt{text-align: center;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .more{padding: 1em 0.5em;text-align: center;font-size: 18px;color: #624000;}
#osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .more::after{content: "";display: inline-block;width: 1em;height: 1em;background: transparent;border-top: 1px solid #624000;border-right: 1px solid #624000;transform: rotate(45deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;}
#osusumeClassSec .osusumeFlex .osusumeBox.flex-light{display: flex;justify-content:space-between;align-items: stretch;}
#osusumeClassSec .osusumeFlex .osusumeBox.flex-light .osusumeBoxInner{width: 47%;}
#osusumeClassSec .osusumeFlex .osusumeBox.flex-light .osusumeBoxInner .classBox{width: 100%;}
#osusumeClassSec .classBtnBox{margin-top: 2em;}
#osusumeClassSec .classBtnBox .classBtn a{background: #00aeac;color: #fff;padding: 0.3em;display: block;text-align: center;width: 290px;margin: auto;border-radius: 10px;font-size: 25px;position: relative;}
#osusumeClassSec .classBtnBox .classBtn a::after{content: "";display: inline-block;width: 1.3em;height: 1.3em;background: transparent;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;position: absolute;right: 20px;top: 0;bottom: 10px;margin: auto;}

/*ニュース*/
#top-news #news-list {max-width: 1000px;margin: auto;}
#top-news #news-list li { position: relative; border-bottom: 1px solid #ddd; padding: 20px 0 10px; }
#top-news #news-list li:hover{background: #fff6f3;}
#top-news #news-list  a { position: relative;margin-left: 10px; top: -8px; color: #000000; display: block;}
#top-news #news-list li > a:after { content: none; }
#top-news #news-list li > a[target="_blank"] h4 { position: relative; }
#top-news #news-list li > a[target="_blank"] h4:after {content: "";font-family: 'Font Awesome 5 Free';margin: 0 0.3em;font-size: 100%; }
#top-news #news-list li > a[href$=".pdf"] h4 { position: relative; }
#top-news #news-list li > a[href$=".pdf"] h4:after {content: "\f1c1";font-family: 'Font Awesome 5 Free';margin: 0 0.3em; font-size: 100%; color: red; transition: 0.15s color;}
#top-news #news-list li > a[href$=".pdf"] 
#top-news #news-list li span:first-child {display: inline-block;vertical-align: top;margin-top: 3px;min-width: 80px;margin-right: 10px; }
#top-news #news-list li .newsTtl {position: relative;display: inline-block;width: 600px;max-width: 600px;margin-top: 3px;padding-left: 5px;vertical-align: top;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 18px;}
#top-news #news-list li .btn-shop { float: right; }
#top-news .news_more a{border: 1px solid #000;border-radius: 50vw;padding: 0.3em 2em;position: relative;display: inline-block;margin-top: 1em;}
#top-news .news_more a::after{content: "";display: inline-block;width: 0.5em;height: 0.5em;background: transparent;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);padding: 0;line-height: 1;text-align: center;font-size: 21px;position: absolute;right: 15px;top: 0;bottom: 00px;margin: auto;}
#top-news .news_more a:hover{background: #fff6f3;opacity: 1;}

/*スクールの特徴*/
#featureSec .subTxt{font-size: 20px;font-weight: 400;line-height: 1.8;}
#featureSec .featureBox{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top: 0.5em;}
#featureSec .featureBox .f_inner{width: calc(96%/2);display: flex;flex-direction: column;margin: 1em 0;}
#featureSec .featureBox .f_inner .img{order: 1;}
#featureSec .featureBox .f_inner h3{order: 2;color: #e84709;font-size:150%;position: relative;padding-left: 1.5em;margin: 0.5em;}
#featureSec .featureBox .f_inner h3::before{content: "";display: block;background: url(/inc/image_2026/top/features_icon01.png)no-repeat;width: 31px;height: 31px;background-size: cover;position: absolute;left: 0;top:0;bottom: 0;margin: auto;}
#featureSec .featureBox .f_inner .txt{order: 3; line-height: 1.5;padding: 0 0.5em;font-size: 110%;}

/*スクールの特徴*/
#coachSec .slideBox{margin: 1em 0em 0;padding: 0 3em; position: relative;}
#coachSec .slideBox .coach_slide{background: #fff;padding: 1em;align-items: stretch;margin: 0 0.5em;height: 414px;width: 300px;}
#coachSec .slideBox .coach_slide .img img{margin: auto;}
#coachSec .slideBox .coach_slide .coach_name{font-size:140%;font-weight: bold;margin: 0.7em auto 0.5em;}
#coachSec .slideBox .coach_slide .licenseBox .ttl{background: #c7f2f1;padding: 0.2em 0;font-size: 115%;margin-bottom: 0.3em;}
#coachSec .slideBox .coach_slide .licenseBox .license{max-height: 100px;overflow: auto;}
#coachSec .slideBox .coach_slide .licenseBox .license li{font-size: 100%;padding-left: 15px;position: relative;}
#coachSec .slideBox .coach_slide .licenseBox .license li::before{content: "・";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
#coachSec .slideBox .slick-prev,
#coachSec .slideBox .slick-next{position: absolute;color: #00aeac;font-size: 240%;top: 0;bottom: 0;margin: auto;z-index: 2;height: 60px;}
#coachSec .slideBox .slick-prev{left: 0;}
#coachSec .slideBox .slick-next{right: 0;}

/*クラス一覧*/
/*クラスタブ実装*/
#classListSec .tab_box .btn_area {margin: 0 auto 1em;display: -webkit-box;display: flex;justify-content: space-around;align-items: center;}
#classListSec .tab_box .tab_btn {font-size:150%; font-weight: 500;text-align: center; padding:0.7em 0 0.7em; width: 47%; cursor: pointer;border: 2px solid #ffc5b3;}
#classListSec .tab_box .tab_btn span{font-size: 80%;vertical-align: middle;display: inline-block;padding: 0 0 7px 5px;}
#classListSec .tab_box .tab_btn.active {background: #ffc5b3;}
#classListSec .tab_box .tab_panel {display:none;}
#classListSec .tab_box .tab_panel.active {display:block;}

/*クラス中身*/
#classListSec .classListBox{display: flex;justify-content:flex-start;align-items: stretch; flex-wrap: wrap;margin: 2em;gap:0.8em;}
#classListSec .classBox{width: calc(96% / 4);background: #fff;filter: drop-shadow(0 0 5px #e0bbaa);}
#classListSec .classBox a:hover{opacity: 0.6;}
#classListSec .classBox a{display: flex;flex-direction: column;height: 100%;}
#classListSec .classBox .class{color: #fff;font-size: 165%;font-weight: 500;text-align: center;padding: 0.3em 0;}
#classListSec .classBox .class span{font-size: 70%;}
#classListSec .classBox .class.org01{background: #ff8569;}
#classListSec .classBox .class.org02{background: #ef603f;}
#classListSec .classBox .class.org03{background: #e84709;}
#classListSec .classBox .class.org04{background: #cc3506;}
#classListSec .classBox .age{font-size: 130%;text-align: center;border-bottom: 3px solid #e84709;line-height: 2;margin: 0.5em;width: 90%;}
#classListSec .classBox .txt{text-align: center;margin: 0 auto;width: 90%;}
#classListSec .classBox .more{padding: 1em 0.5em;text-align: center;font-size: 18px;color: #624000;margin-top: auto;}
#classListSec .classBox .more::after{content: "";display: inline-block;width: 1em;height: 1em;background: transparent;border-top: 1px solid #624000;border-right: 1px solid #624000;transform: rotate(45deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;}

/*クラスタブ出力切り替え*/
#classListSec .classBox{display: none;}
#classListSec .class_all .classBox{display: block;}
#classListSec .class_beginner .kids,
#classListSec .class_beginner .U-12B,
#classListSec .class_beginner .U-12B_tei,
#classListSec .class_beginner .U-12B_kou,
#classListSec .class_beginner .enjoy{display: block;}
#classListSec .class_infant .kids,
#classListSec .class_infant .U-9,
#classListSec .class_infant .U-12B,
#classListSec .class_infant .U-12B_tei,
#classListSec .class_infant .U-12B_kou,
#classListSec .class_infant .U-12,
#classListSec .class_infant .U-12_tei,
#classListSec .class_infant .U-12_kou,
#classListSec .class_infant .U-15,
#classListSec .class_infant .shoot,
#classListSec .class_infant .Para{display: block;}
#classListSec .class_student .U-15,
#classListSec .class_student .shoot,
#classListSec .class_student .Para,
#classListSec .class_student .enjoy{display: block;}
#classListSec .class_adult .shoot,
#classListSec .class_adult .Para,
#classListSec .class_adult .enjoy{display: block;}

/*FLOW*/
#flowSec .flow-flex{display: flex;justify-content: space-between;align-items: stretch;}
#flowSec .flow-flex .flow_Box{width: 30%;border: 2px solid #624000;border-radius: 15px;background: #fff;position: relative;}
#flowSec .flow-flex .flow_Box::after{content: "▶";position: absolute;right: -42px;font-size: 230%;color: #624000;top: 0;bottom: 0;margin: auto;width: 30px;height: 53px;}
#flowSec .flow-flex .flow_Box:last-child::after{display: none;}
#flowSec .flow-flex .flow_Box h3{background: #624000;padding: 0.5em 0.2em;color: #fff;font-size: 120%;font-weight: bold;text-align: center;border-radius: 10px 10px 0 0;margin-bottom: 0;}
#flowSec .flow-flex .flow_Box .enty_Box{padding: 1em 0.5em;}
#flowSec .flow-flex .flow_Box .enty_Box .enty_btn a{background: #e84709;border-radius: 50vw;position: relative;margin: 0 auto 1em;max-width: 300px;display: block;color: #fff;padding:0.3em 1em 0.35em 1.2em;font-size: 130%; }
#flowSec .flow-flex .flow_Box .enty_Box .enty_btn a::after{content: "";display: inline-block;width: 1em;height: 1em;background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff;transform: rotate(45deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;}
#flowSec .flow-flex .flow_Box .enty_Box .telTxt{margin-top: 0.5em;font-size: 110%;}
#flowSec .flow-flex .flow_Box .enty_Box .telTxt span{background: #fff6f3;display: inline-block;margin-bottom: 10px;} 
#flowSec .flow-flex .flow_Box .enty_Box .enty_txt{font-size: 110%;text-align: center;}
#flowSec .flow-flex .flow_Box .enty_Box .enty_txt.left{text-align: left;padding: 0 1em;}
#flowSec .flow-flex .flow_Box .enty_Box .enty_txt span{font-size: 70%;}
#flowSec .flow-flex .flow_Box .enty_Box .font_gray{font-size: 90%;color: #666;text-align: center;margin-top: 5px;}
#flowSec .flow-flex .flow_Box .enty_Box .mgt{margin-top: 1em;}

/*FAQ*/
#faqSec .f_Box{max-width: 950px;margin: auto;}
#faqSec .f_Box details{margin-bottom: 1em;}
#faqSec .f_Box summary{background: #e2f7f6;padding:0.7em 5em 0.7em 3em ;position: relative;font-size: 120%;display: block;}
#faqSec .f_Box summary::before{content: "Q";display: inline-block;font-size: 120%;font-weight: bold;color: #00aeac;margin: 0 0em auto;position: absolute;left: 1em;top: 5px;bottom: 0;}
#faqSec .f_Box .answer{background: #fff;padding:0.5em 5em 0.5em 3em ;position: relative;font-size: 120%;}
#faqSec .f_Box .answer::before{content: "A";display: inline-block;font-size: 120%;font-weight: bold;color: #00aeac;margin:0 auto;position: absolute;left: 1.1em;top: 8px;bottom: 0;}
#faqSec .f_Box summary::marker{content: "";}
#faqSec .f_Box summary::after{content: "";display: inline-block;width: 1.3em;height: 1.3em;background: transparent;border-top: 2px solid #00aeac;border-right: 2px solid #00aeac;transform: rotate(135deg);padding: 0;line-height: 1;text-align: center;font-size: 12px;position: absolute;right: 50px;top: 0;bottom: 10px;margin: auto;
}
#faqSec .btn-brown a{display: block;max-width: 300px;background: #fff;padding: 0.5em;font-size: 130%;color: #624000;border: 2px solid #624000;position: relative;border-radius: 50vw;margin: 2em auto 0;text-align: center;}
#faqSec .btn-brown a::after{content: "";display: inline-block;width: 1em;height: 1em;background: transparent;border-top: 2px solid #624000;border-right: 2px solid #624000;transform: rotate(45deg);padding: 0;line-height: 1;text-align: center;font-size: 14px;}

/* sp版 */
@media screen and (max-width: 768px) {
    .secInner{padding: 30px 0;}
    .bg_orange.tonbo::before{width: 180px;height: 180px;}
    .bg_orange.tonbo::after{width: 180px;height: 180px;}

    .btnSec .reserveBox .btnTxt{font-size: 140%;}
    .btnSec .reserveBox .reserve_Btn a{font-size: 190%;padding: 0.3em 1.7em 0.35em 1.5em;text-align: center;}
    .btnSec .reserveBox .reserve_Btn::after{right: 3%;}
    .btnSec .subBtnBox{flex-wrap: wrap;margin: 1.5em 0 0px;}
    .btnSec .subBtnBox .subBtn{width: 65%;}
    .btnSec .subBtnBox .subBtn a{font-size:125%; padding: 0.3em 1em 0.3em 0;}
    .btnSec .subBtnBox .subBtn a::after{right: 15px;bottom: 9px;}
    
    #mainViewBox{background: url(/inc/image_2026/top/main_bg_01_sp.jpg)no-repeat;background-size: cover;background-position: bottom;}
    #mainViewBox .main_contentBox{width: 100%;margin: 0;}
    #mainViewBox .slide_Box{width: 100%;height: 500px;clip-path:polygon(100% 0%, 100% 63%, 0% 77%, 0% 10%);}
    #mainViewBox::after{height: 40px;bottom: -1em;transform: scaleY(1.5);}
    #mainViewBox .main_logo{width: 75%;margin: auto;}
    #mainViewBox .main_TxtBox{top: 38vw;z-index: 10;}
    #mainViewBox .main_copyBox{left: 0;right: 0;margin: auto;bottom: 0;top: 23vw;}
    #mainViewBox .main_copyBox .copyTxt{font-size: 160%;text-align: center;}
    #mainViewBox .main_TxtBox .main_txt{font-size: 100%;text-align: center;}
    #mainViewBox .main_TxtBox .main_Btn{width: 260px;margin: 2em auto 0;}
    #mainViewBox .main_TxtBox .main_Btn a{font-size: 175%;}
    #mainViewBox .main_TxtBox .main_Btn::after{right: 2%;}
    
    h2{font-size:190%; }
    
    #osusumeClassSec{margin-top:2em; }
    #osusumeClassSec .osusumeFlex .osusumeBox{width: 100%;margin: 0.5em 0;}
    #osusumeClassSec .osusumeFlex .osusumeBox .pickTxt{font-size:110%;line-height: 1.8em; }
    #osusumeClassSec .osusumeFlex .osusumeBox .startTxt{font-size: 130%;}
    #osusumeClassSec .osusumeFlex .osusumeBox .pickTxt span{font-size:70%;}
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox{width: 48%;}
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .class{font-size: 115%;}
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .age{font-size: 85%;border-bottom: 2px solid #e84709;}
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .txt{font-size: 75%;}
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .more{font-size:90%;padding: 0.7em 0.5em; }
    #osusumeClassSec .osusumeFlex .osusumeBox .ClassFlex .classBox .more::after{font-size: 9px;}
    #osusumeClassSec .classBtnBox{margin-top: 1em;}
    #osusumeClassSec .classBtnBox .classBtn a{font-size: 140%;width: 230px;padding: 0.5em;}
    #osusumeClassSec .osusumeFlex .osusumeBox.flex-light .osusumeBoxInner{width: 48%;}
    
    #top-news #news-list li{padding: 20px 0 30px;}
    #top-news #news-list li .newsTtl{font-size:105%;width: 100%; }
    
    #featureSec .subTxt{font-size: 100%;text-align: left;line-height: 1.5;}
    #featureSec .featureBox .f_inner{width: 100%;}
    #featureSec .featureBox .f_inner h3{font-size:130%; }
    #featureSec .featureBox .f_inner h3::before{width: 23px;height: 23px;}
    #featureSec .featureBox .f_inner .txt{font-size: 90%;}
    
    #coachSec .slideBox{padding: 0 1em;}
    #coachSec .slideBox .coach_slide .licenseBox .ttl{font-size: 100%;}
    #coachSec .slideBox .coach_slide .licenseBox .license li{font-size: 85%;}
    
    #classListSec .tab_box .btn_area{flex-wrap: wrap;}
    #classListSec .tab_box .tab_btn{font-size: 95%;}
    #classListSec .tab_box .btn_area .tab_sp1{width: calc(100%/2);border: 1px solid #ffc5b3;}
    #classListSec .tab_box .btn_area .tab_sp2{width: calc(100%/3);border: 1px solid #ffc5b3;}
    #classListSec .classListBox{margin:1.5em 0 0; }
    #classListSec .classBox{width:calc(96% / 2); }
    #classListSec .classBox .class{font-size: 115%;display: flex;flex-direction: column;justify-content: center;min-height: 51px;}
    #classListSec .classBox .class span{display: block;}
    #classListSec .classBox .age{font-size: 85%;border-bottom: 2px solid #e84709;}
    #classListSec .classBox .txt{font-size: 75%;}
    #classListSec .classBox .more{font-size:90%;padding: 0.7em 0.5em;margin-top: auto;}
    #classListSec .classBox .more::after{font-size: 9px;}
    
    #schoolListSec .schoolListBox{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;gap:0 1em;}
    #schoolListSec .schoolListBox .list{width: 47%;border-bottom: 1px solid #e84709;position: relative;padding: 0.7em 1em 0.3em 0;}
    #schoolListSec .schoolListBox .list::after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: transparent;
    border-top: 1px solid #e84709;
    border-right: 1px solid #e84709;
    transform: rotate(45deg);
    padding: 0;
    line-height: 1;
    text-align: center;
    font-size: 9px;
    position: absolute;
    right: 5px;bottom: 10px;}
    #schoolListSec .schoolListBox .list a{display: block;font-size: 83%;}
    
    #flowSec .flow-flex{flex-wrap: wrap;}
    #flowSec .flow-flex .flow_Box{width: 100%;margin-bottom:2em; }
    #flowSec .flow-flex .flow_Box::after{right: 0;left: 0;font-size: 160%;transform: rotate(90deg);width: 28px;height: 37px;top: auto;bottom: -37px;}
    #flowSec .flow-flex .flow_Box h3{font-size: 110%;}
    #flowSec .flow-flex .flow_Box .enty_Box{padding:1em 0.5em 0.5em; }
    #flowSec .flow-flex .flow_Box .enty_Box .enty_txt{font-size: 100%;}
    #flowSec .flow-flex .flow_Box .enty_Box .enty_btn a{margin: 0 auto 0.5em;}
    #flowSec .flow-flex .flow_Box .enty_Box .font_gray{font-size:80%; }
    #flowSec .flow-flex .flow_Box .enty_Box .telTxt{font-size:95%;line-height: 1.2; }
    
    #faqSec .f_Box summary{padding: 0.7em 3em 0.7em 2em;font-size: 100%;}
    #faqSec .f_Box summary::before{top: 9px;left: 0.5em;}
    #faqSec .f_Box summary::after{right: 20px;;}
    #faqSec .f_Box .answer{padding:0.5em 0.5em 0.5em 2em;font-size: 100%;}
    #faqSec .f_Box .answer::before{left: 0.6em;}
    #faqSec .btn-brown a{font-size: 110%;max-width: 240px;}
} 

/* SP　一部 */
@media (min-width: 470px) and (max-width: 768px) {
    #mainViewBox .main_copyBox{top: 7vw;}
    #mainViewBox .main_TxtBox{right: 0;top: 18vw;}
    #mainViewBox .main_logo{width: 45%;}
    #mainViewBox::after{height: 60px;bottom: -2em;}
}

/* タブレットサイズ */
@media (min-width: 768px) and (max-width: 1200px) {
    #osusumeClassSec .osusumeFlex .osusumeBox{width: 100%;}
    #classListSec .classBox{width: calc(96% / 3);}
    .btnSec .subBtnBox .subBtn{width: 40%;}
    #classListSec .tab_box .tab_btn{font-size: 130%;}
    #classListSec .classBox .class{font-size: 130%;}
    #classListSec .classBox .age{font-size: 100%;}
}