@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{overflow-x:hidden;scroll-behavior:smooth;}
body{background:#fff;font-family: 'Zen Maru Gothic', sans-serif;overflow-x:hidden;}
p{color:#5B3130;font-weight:500;}
a{color:#5B3130;transition:0.7s;text-decoration:none;font-weight:500;}
a:hover{color:#5B3130;opacity:0.7;}
h2{color:#5B3130;font-weight:400;font-size:1rem;font-family: "Noto Sans JP", sans-serif;text-align:center;line-height:1.3;}
.inner{max-width:1200px;width:90%;margin:auto;}
.float-bx{display:none;}
.sp-br{display:none;}
.drawer{display:none;}
.ham-bx{display:none;}
div#header-in.header-in.wrap.cf {width:100%;}
main#main.main{padding:0;border:0;margin:0;}
.header-in{width:100%;margin-top:0;}
.header-ctt{max-width:1440px;width:100%;height:120px;background:transparent;position:relative;margin:auto;display: flex;align-items: center;gap:5vw;}
.header-nav{display:flex;align-items: center;gap:20px;padding-left:0;}
.header-nav li a{font-size:1rem;}
.c-bx{background:#84C8E7;display:flex;color:#fff;height: 120px;align-items: center;flex-direction: column;justify-content: center;width: 150px;border-bottom-left-radius: 50px;gap:10px;position: fixed;top: 0;right:0;z-index: 100;}
.c-bx:hover{color:#fff;}
.c-img{width:40px;}
.c-p{color:#fff!important;}

.sub-menu-pc{position:absolute;top:100%;left: 50%;transform:translateX(-50%); -webkit- transform:translateX(-50%);padding:10px 20px;background:rgb(255,255,255,0.8);z-index:100;width:200%;display:none;border-radius:10px;}
.header-nav li{transition:0.7s;cursor: pointer;list-style:none;position:relative;text-align:center;}
.header-nav li:hover .sub-menu-pc{display:block;animation:fadeIn 0.3s ease forwards;}
.sub-menu-pc ul{padding:0;}
.sub-menu-pc ul li{padding:5px 0;opacity:0;;animation:slideIn 0.3s ease forwards;text-align:center;}
.sub-menu-pc ul li a:hover{opacity:0.7;}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes slideIn{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}
.header-bx{display:flex;justify-content: flex-end;gap:80px;}
.header-contact{background:#E95388;height:60px;padding:0 30px;color:#fff;display: flex;justify-content: center;align-items: center;text-decoration:none;transition:0.7s;border:solid 1px #E95388;}
.header-contact:hover{color:#E95388;background:transparent;}
.ham-bx{display:none;}
.under-h1-bx{max-width:1200px;width:100%;margin:auto;}

.wrap{width:100%;}
.fv-bg{background:#D8EEEF;margin-top:200px;padding-bottom:150px;}
.fv{max-width:1100px;width:90%;margin:auto;position:relative;top:-100px;}
.fv-img-sp{display:none;}
.fv-img img{border-radius:50px;}
.fv1{position:absolute;top:-100px;right:-100px;width:20%;}
.fv2{position:absolute;bottom:-100px;width:40%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.catch{position:absolute;left:50px;top:120px;background:rgb(255,255,255,0.6);border-radius:30px;color:#5B3130;font-weight:700;padding:30px;box-sizing:border-box;}
.catch1{font-size:2rem;line-height: 1.2;}
.catch2{font-size:3rem;}
.catch3{font-size:1.1rem;}
.news{width:90%;max-width:1100px;margin:auto;border-radius:50px;background:#fff;z-index:1;position:relative;top:-170px;padding: 50px 100px;}
.h2-bx{display:flex;justify-content:space-between;align-items:center;}
.news h2::before{content:"News";font-weight:700;color:#5B3130;font-size:2.5rem;display:block;}
.news-bx{display:flex;gap:30px;justify-content:space-between;margin-top:30px;}
.news-img{overflow:hidden;width:100%;height:180px;}
.news-img img{object-fit:cover;border-radius:20px;height:180px;width:100%;}
.news-info{display:flex;gap:20px;align-items:center;margin:10px 0;}
.news-cate{color:#fff;background:#E99691;border-radius:9999px;padding:3px 25px;font-size:0.9rem;}
.news-ttl{font-weight:normal;font-size:1rem;}
.news-more{border:solid 1px #5B3130;border-radius:9999px;font-weight:700;font-size:1.2rem;padding:10px 40px 10px 30px;display:inline-flex;align-items:center;gap:12px;position:relative;text-decoration:none;color:#5B3130;background:#fff;}
.news-more::after{content:"";display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #5B3130;}

.about{background:#FFF9DF;padding:100px 0 150px 0;position:relative;top:-100px;}
.about h2::before{content:"About";font-weight:700;color:#5B3130;font-size:2.5rem;display:block;}
.about-pbx{text-align:center;}
.about-p1{font-size:1.5rem;margin:50px 0 30px 0;}
.about-p2{text-align:left;display:inline-block;}
.about-bx{width:80%;margin:auto;margin-top:30px;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;}
.about-ctt{background:#fff;border-radius:30px;padding:30px;position:relative;}
.about-img{width:50%;margin:auto;}
.about-bx h3{color:#5B3130;font-size:2rem;text-align:center;margin-bottom:10px;}
.about-num{background:#FFF9DF;border-radius:50%;width:90px;height:90px;font-size:2.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;position:absolute;left:20px;top:20px;}
.about-p3{font-size:1.2rem;padding:0 10px;}
.btn-bx{text-align:center;margin-top:50px;}
.about-bg{position:absolute;bottom:-350px;width:50%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);z-index:1;}

.class{background:#E6F2D0;padding:300px 0 100px 0;position:relative;top:-100px;}
.class h2::before{content:"Class";font-weight:700;color:#5B3130;font-size:2.5rem;display:block;}
.class-bx{margin-top:70px;display:flex;gap:30px;}
.class-under{background:#fff;padding:30px;position:relative;}
.class-img{height:260px;width:100%;overflow:hidden;}
.class-img img{height:260px;width:100%;object-fit:cover;}
.class-bx h3{color:#5B3130;font-size:1.4rem;text-align:center;margin-bottom:10px;}
.class-under p{height:130px;}
.class-under .btn-bx{margin-top:20px;}
.class-p{font-size:1.8rem;margin:50px 0 ;text-align:center;}
.cta{width:65%;display:block;margin:auto;}

.voice{background:#D8EEEF;padding:100px 0 120px 0;position:relative;top:-100px;}
.voice h2::before{content:"Voice";font-weight:700;color:#5B3130;font-size:2.5rem;display:block;}
.voice-bx{margin:70px 0;}
.voice-ctt{background:#fff;border-radius:20px;margin:0 30px;padding:30px;}
.voice-img{width:100%;height:200px;overflow:hidden;}
.voice-img img{width:100%;height:200px;object-fit:cover;}
.voice h3{color:#5B3130;font-size:1.4rem;}
.voice-details{display:flex;gap:10px;justify-content:flex-end;}
.voice-more{color:#fff;background:#E99691;border-radius:9999px;padding:3px 25px;font-size:0.9rem;position}
.voice-more:hover{color:#fff!important;}
.vm-bx{text-align:right;margin-top:20px;}
.vslider-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:77px; height:77px; border-radius:50%; background:#9DD2EE; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity 0.3s; padding:0; }
.vslider-prev {left:7%;}
.vslider-next {right:7%;}
.vslider-arrow span {display:block; width:16px; height:16px; border-right:3px solid #fff; border-bottom:3px solid #fff;}
.vslider-next span {transform:rotate(-45deg);margin-left:-4px;}
.vslider-prev span {transform:rotate(135deg);margin-right:-4px;}
.voice-bg{position:absolute;bottom:-150px;width:40%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);z-index:1;}

.instructor{background:#FFF9DF;padding:120px 0 100px 0;position:relative;top:-100px;}
.instructor h2::before{content:"Instructor";font-weight:700;color:#5B3130;font-size:2.5rem;display:block;}
.instructor-p1{font-size:1.5rem;margin:50px 0 30px 0;text-align:center;}
.instructor-bx{width:60%;margin:auto;display:flex;gap:30px;margin-top:50px;}
.instructor-p3{text-align:right;margin-top:10px;}
.instructor-img img{border-radius:30px;}

.cta-sec{padding:0 0 250px 0;position:relative;top:-30px;background:url(img/cta-bg.webp);background-repeat:no-repeat;background-size:80%;background-position:center bottom;}
.cta-bg{margin:auto;margin-top:50px;max-width:1440px;width:90%;}

.footer {margin-top:0;padding:0;}
#footer-in {width:100%;}
.footer-area{background:#5B3130;padding:100px 0;}
.fmenu-bx{display:flex;justify-content:space-between;align-items:flex-end;max-width:1000px;width:100%;margin:auto;}
.fnav{display:flex;gap:100px;}
.footer-nav{margin:0;padding-left:0;}
.footer-nav li {list-style:none;padding-bottom:10px;height:55px;color:#fff;text-decoration:none;font-size:1.6rem;font-family: "Noto Sans JP", sans-serif;font-weight:700;}
.footer-nav2{margin:0;padding-left:0;}
.footer-nav2 li ul{padding-top:10px;}
.footer-nav2 li {list-style:none;padding-bottom:10px;height:55px;display:flex;gap:40px;align-items:center;}
.footer-nav2 li a{color:#fff;text-decoration:none;font-family: "Noto Sans JP", sans-serif;}
.footer-nav2 li ul{padding-top:10px;}
.footer-bottom {background:#5B3130;padding-bottom:70px;margin-top:0;}
.faddress p{margin:0;color:#fff;font-weight:400;font-size:0.9rem;margin-bottom: 10px;}	
.flogo{width:350px;margin:20px 0;}
.fbox{display:flex;flex-direction:column;align-items:center;}
.copyright{color:#fff;}

.bread{max-width:1200px;width:90%;margin:auto;}
.breadcrumb {margin: 1em 0;font-size: 1rem;color:#5B3130;}
.breadcrumb a{color:#5B3130;}
.page-fv{background:#D8EEEF;height:250px;position:relative;}
.h1-page{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;font-size:1rem;line-height: 1.5;font-family: "Noto Sans JP", sans-serif;color:#5B3130;}
.page-fv .inner{position:relative;height:250px;background:url(img/fv2.webp);background-position:right bottom;background-repeat:no-repeat;background-size:35%;}
.under-inner{width:90%;max-width:1200px;margin:auto;padding:50px 0 150px 0;}

.ttl-contact::before{content:"Contact";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.contact-table{width:80%;margin:auto;}
.contact-table th{display:flex;gap:10px;background:transparent;border:none;align-items:center;font-weight:normal;padding:0 0.5em;}
.contact-table td{display:block;width:100%;border:none;margin-bottom:20px;}
.must{background:#E99691;color:#fff;padding:3px 10px;}
.any{background:#84C8E7;color:#fff;padding:3px 10px;}
.acceptance{text-align:center;margin-bottom:50px;}
.cbtn{text-align:center;margin-top:20px;position:relative;height:40px;}
.cbtn p a{text-decoration:none;}
input[type='submit']{background:#E99691;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:133px;color:#fff;transition:0.3s ease-in-out;border:none;padding:10px 0;cursor:pointer;}
input[type='submit']:hover{opacity:0.7;}
.wpcf7-spinner{display:none;}
input[type='submit'] a{text-decoration:none;}
.contact-bx p{text-align:center;margin-bottom:50px;}
table tr:nth-of-type(2n+1) {background-color:transparent;}
.wpcf7-list-item {margin: 0;}
.ttl-trial::before{content:"Trial";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.ttl-thanks::before{content:"Thanks";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.contact-bx p {text-align: center;margin-bottom: 50px;}
.error404 .main{width:100%;}
.error404 .content-in{display:block;margin-top:50px;}
.not-found{width:40%;}
.error404 .post{text-align:center;margin-bottom: 100px;}
.ttl-voice::before{content:"Voice";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.voice-bx2{display:grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.voice-bx2 .voice-ctt{background:#D8EEEF;margin:0;}
.voice-pagination{text-align: center;margin-top:50px;}
.voice-pagination .current{background:#5B3130;color:#fff;}
.page-numbers{color:#5B3130;border:solid 1px #5B3130;}
.pnavi{text-align: center;margin-top:50px;}
.pnavi .current{background:#5B3130;color:#fff;}
.page-numbers.dots {background:transparent;}

.single .under-inner {max-width:90%;width:900px;padding:50px 0 150px 0;}
.slick-dots{list-style:none;display:flex;gap:10px;}
.single h1{color:#5B3130;}
.vslider-img .slick-dots {display: flex !important;justify-content: center;gap:10px;list-style: none;padding: 0;margin: 16px 0 0;}
.vslider-img .slick-dots li button {font-size: 0;width: 15px;height: 15px;border-radius: 50%;border: none;background: #ccc;padding: 0;cursor: pointer;}
.vslider-img .slick-dots li.slick-active button {background: #333;}
.voice-p1{font-size:1.6rem;font-weight:700;}
.voice-p3{font-size:1.6rem;font-weight:700;}
.v1{margin-bottom:50px;}
.voice-post-nav{display:flex;gap: 200px;margin-top: 100px;}
.single-voice .voice{top:auto;padding:0;}
.v2{margin-bottom:100px;}
.ttl-news::before{content:"News";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}

.h3-pp{margin:30px 0 10px 0;color:#5B3130;}
.ttl-pp::before{content:"Privacy Policy";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.ul-pp{color:#5B3130;}
.ttl-corporation::before{content:"Corporation";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.table-cp th{background:transparent;border-left:none;border-right:none;border-top:none;color:#5B3130;border-bottom:solid 1px #5B3130;}
.table-cp td{background:transparent;border-left:none;border-right:none;border-top:none;color:#5B3130;border-bottom:solid 1px #5B3130;}
.new-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.new-list-box{background:#FFF9DF;padding:30px;border-radius:20px;}
.post-meta{display:flex;gap:10px;margin:10px 0 20px 0;}
.pcate{color: #fff;background: #E99691;border-radius: 9999px;padding: 3px 25px;font-size: 0.9rem;}
.pttl{font-size:1.17em;}
.article h2 {background:#5B3130;color:#fff;margin-bottom:1rem;padding: 20px;}
.article .entry-content{color:#5B3130;}
.article h3 {color:#5B3130;margin:1rem 0;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #5B3130;padding-left:0;}
.article h4{color:#5B3130;margin:1rem 0;border-bottom:solid 1px #5B3130;border-top:solid 1px #5B3130;padding-left:0;}
.article ul, .article ol{padding-left: 20px;}
.post-date{color:#5B3130;}
.related-entry-card-title{color:#5B3130;border-bottom:solid 1px #5B3130;}
.related-entry-card-snippet{color:#5B3130;}
.pager-post-navi a.prev-post .prev-post-title {color:#5B3130;}
.page-id-43 .new-list-box{background:#E6F2D0;}
.ttl-column::before{content:"Column";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.single-voice .voice h3 {font-size:18px;}
.single-voice .voice{background:transparent;}
.single h1{font-size:26px;}
.ttl-baby-class::before{content:"Baby Class";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.ttl-kids-class::before{content:"Kids Class";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.ttl-junior-class::before{content:"Junior Class";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}

.u-class-bx{display:flex;gap:40px;margin-bottom:70px;align-items:center;}
.u-class-img {border-radius:30px;height:350px;width:50%;overflow:hidden;}
.u-class-img img{height:350px;width:100%;object-fit:cover;}
.u-class-ctt{width:50%;}
.u-class-age{background:#E99691;padding:10px 20px;color:#fff;display:block;margin-top:20px;}
.u-class-bx h2{font-size:2rem;font-weight:700;font-family: 'Zen Maru Gothic', sans-serif;text-align:left;margin-bottom:20px;}
.h3-class{font-size:1.6rem;font-weight:700;color:#5B3130;margin-bottom:20px;}
.feature-bx{display:flex;gap:20px;margin-bottom:100px;}
.feature-ctt{padding:30px;background:#FFF9DF;position:relative;border-radius:30px;}
.feature-num {background: #fff;border-radius: 50%;width:40px;height:40px;font-size:1.4rem;font-weight: 700;display: flex;justify-content: center;align-items: center;position: relative;left:0;top:0;}
.feature-ctt h4{font-size:1.4rem;font-weight:700;color:#5B3130;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.u-class-list{list-style:none;padding-left:0;}
.u-class-list li{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #ddd;}

.ttl-instructor::before{content:"Instructor";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.instructor-btn{display:flex;gap:10px;justify-content:center;margin-bottom:70px;}
.instructor-btn a{background:#84C8E7;padding:5px 30px;border-radius:9999px;color:#fff;}
.u-instructor-bx{width:80%;margin:auto;display:flex;flex-direction:column;gap:50px;}
.u-instructor-ctt{display:flex;gap:40px;}
.u-instructor-ctt:nth-child(even){flex-direction:row-reverse;}
.u-instructor-left{width:40%;}
.u-instructor-right{width:60%;}
.u-instructor-img{width:100%;height:350px;overflow:hidden;}
.u-instructor-img img{width:100%;height:350px;border-radius:30px;object-fit:cover;}
.u-instructor-catch{font-size:2rem;font-weight:700;margin-bottom:20px;}
.u-instructor-qualification{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center;}
.qualification-label{background:#84C8E7;padding:3px 15px;color:#fff;font-size:0.9rem;}
.u-instructor-info{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;}
.u-instructor-name{font-size:1.4rem;}
.ttl-for-facilities::before{content:"For Facilities";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.fgr {background: #E6F2D0;}
.ttl-lecture::before{content:"Lecture";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}
.ttl-developmental-play::before{content:"Developmental Play";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}


.flist{max-width:800px;width:100%;margin:0 auto;margin-bottom:70px;}
.fitm{display:flex;align-items:stretch;gap:0;}
.fitm+.fitm{margin-top:0;}
.ftl{position:relative;display:flex;flex-direction:column;align-items:center;width:70px;flex-shrink:0;padding-top:6px;}
.ftl::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:#000;}
.fitm:first-child .ftl::before{top:20px;height:calc(100% - 20px);}
.fitm:last-child .ftl::before{height:20px;}
.ftl-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#5B3130;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;line-height:1;}
.fctt{display:flex;gap:30px;flex:1;padding: 20px 0 20px 30px;}
.ftxt{flex:1;}
.ftxt h3{font-size:1.6rem;color:#5B3130;}
.fimg{width:240px;height:141px;flex-shrink:0;overflow:hidden;}
.fimg img{width:100%;height:100%;border-radius:20px;object-fit:cover;}
.h3-flow{max-width:800px;width:100%;margin:auto;margin-bottom:20px;}
.abr{border:solid 2px #5B3130;}
.h3-dp{font-size:2rem;color:#5B3130;text-align:center;}
.mt{margin-top:70px;}
.cyw{background:#FFF9DF;}

.accordion-bx {width:70%;margin:auto;}
.accordion-ctt {margin-bottom:50px;}
.accordion{border-bottom:solid 1px #5B3130;}
.qbx{color:#5B3130;}
.ques {display: flex; justify-content: space-between; align-items: center; padding:20px 0; cursor: pointer;}
.q{height:50px;width:50px;background:#E99691;color:#fff;border-radius: 50%;display:inline-flex;justify-content:center;align-items:center;padding: 5px;text-align: center;margin-right:10px;margin-bottom:5px;font-weight:bold;}
.accordion .toggle-icon {  position: relative; display: inline-block; padding: 20px; line-height:1.5; text-align: center; }
.accordion .toggle-icon::before, .accordion .toggle-icon::after {  content: ''; position: absolute; width: 20px; height: 3px; background: #5B3130; top: 50%; left: 31%; transform: translate(-50%, -50%); transition: transform 0.2s ease;}
.accordion .toggle-icon::before { transform: rotate(90deg); }
.accordion .toggle-icon::after { transform: rotate(0deg); }
.accordion input[type="checkbox"] { display: none; }
.accordion input[type="checkbox"]:checked + .ques .toggle-icon::before { transform: rotate(0deg); }
.accordion input[type="checkbox"]:checked + .ques .toggle-icon::after { transform: rotate(90deg) scale(0); }
.accordion .answer {  max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.4s ease, padding 0.4s; position: relative;}
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 300px; padding: 15px 0; }
.a{height:50px;width:50px;background:#84C8E7;color:#fff;border-radius: 50%;;display:inline-flex;justify-content:center;align-items:center;padding: 5px;text-align: center;margin-right:10px;margin-bottom:5px;font-weight:bold;}
.answer{color:#5B3130;}
.ttl-faq::before{content:"Faq";font-size:2.5rem;font-weight:700;color:#5B3130;display:block;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1300px以下*/
@media screen and (max-width: 1300px){
.logo-header img {width:28vw;}
.header-nav li a {font-size:0.9rem;}
.header-ctt{gap:40px;}	
.c-bx{width:12vw;}
.c-p{font-size:1rem;}
.c-img{width:35px;}
.fv1 {right: 0;}
.class-bx h3 { font-size: 1.2rem;}	
.class-under p {height:180px;}
.about-bg {width: 60%;}
}
	
/*1200px以下*/
@media screen and (max-width: 1200px){
.logo-header img {width:22vw;}
.header-ctt{gap:20px;}
.class-under {padding: 20px}
.class-bx h3 { font-size: 1.1rem;}
.about-bx {width: 100%;}
.instructor-bx {width: 90%;}
.cta {width: 80%;}
.voice-ctt {margin: 0 15px;}
.voice-bx2{grid-template-columns: repeat(2, 1fr);}
.new-list{grid-template-columns:repeat(2, 1fr);}
}
	
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.ham-bx{display:block;width: 50px;height: 50px;position:fixed;right:0;z-index:9999;}
.hamburger.is-active span:nth-child(1) { top: 50%;transform: translate(-50%, -50%) rotate(135deg);}
.hamburger.is-active span:nth-child(2) {opacity: 0;}
.hamburger.is-active span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-135deg);}
.hamburger span {position: absolute;left: 50%;transform: translate(-50%, -50%);width: 50%;height:2px;background-color:#5B3130; transition: transform .3s;}
.hamburger.is-active span {background-color:#5B3130;}
.hamburger span:nth-child(1) {top: 35%;}
.hamburger span:nth-child(2) { top: 50%;}
.hamburger span:nth-child(3) {top: 65%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:5; width: 100%; height: 100%;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background: rgb(255, 255, 255, 0.8);backdrop-filter: blur(7px);}
.drawer.is-active {visibility: visible;opacity: 1;}
.sp-menu-bx {flex-direction: column;display: flex;width: 90%;margin: auto;margin-top:30px;}	
.drawer-inner{width:100%;margin-top:70px;}
.sp-nav{margin:0;}
.sp-nav{padding-left:0;}
.sp-nav li {list-style:none;padding:5px 0 5px 10px;border-bottom:solid 1px #5B3130;margin-bottom:10px;}
.sp-nav li a{text-decoration:none;}
.sp-nav > li > ul {display: none;overflow: hidden;padding-left:0;}
.sp-nav > li.is-open > ul {display: flex;margin:0 0 10px 0;max-height: 500px;}
.sp-nav > li > ul {max-height: 0;transition: max-height 0.3s ease;display:flex;gap:10px;}	
.sp-nav > li > ul > div > li{border-bottom:none;margin-bottom:0;}
.sp-nav > li > ul > div{margin-top:20px;}
.logo-header img {width:350px;}

.pc-br{display:none;}
.c-bx {display:none;}
.header-nav {display: none;}
.news {padding: 20px;border-radius:30px;}
.news-bx {gap: 20px; flex-direction: column;}
.news-img{height:280px;}
.news-img img{height:280px;}
.about-p1 {font-size: 1.2rem;margin: 30px 0 20px 0;}
.about-bx {width: 100%;grid-template-columns: repeat(1, 1fr);gap: 20px;}
.about-num {width: 60px;height: 60px;font-size: 1.8rem;}
.about-ctt { border-radius: 20px;padding: 20px;}
.about-img {width: 40%;}
.about-bx h3 {font-size: 1.5rem;}
.about-p3 {font-size: 1rem;padding: 0;}
.news-more {font-size: 1rem; padding: 5px 40px 5px 30px;}
.about-bg {bottom: -200px;}
.class {padding: 150px 0 100px 0;}
.class-img img { height: 280px;}
.class-img {height: 280px;}
.voice-bg {bottom: -80px;}
.fnav { display: none;}
.flogo {width: 100%;}
.footer-area {padding: 50px 0;}
.float-bx{display:flex;justify-content:space-between;position:fixed;bottom:0;width:100%;left:0;height:45px;}
.float-btn{bottom: initial;right: initial;border-radius: 0;width: 50%; height: auto;display:flex;justify-content:center;align-items:center;position: relative;background:#84C8E7;text-align:center;text-decoration:none;color:#fff;}	
.float-btn2{display:flex;justify-content:center;align-items:center;width: 50%;background:#E99691;height:auto;text-decoration:none;color:#fff;}	
.float-btn:hover {color:#fff;}
.float-btn2:hover {color:#fff;}
.t2:hover{color:#fff;}
.go-to-top {display:none;}	
	
.contact-table {width: 100%;margin: auto;}
.under-inner {width: 90%;padding: 50px 0 100px 0;}
.h1-page {font-size: 0.9rem }
.h1-page::before {font-size: 2.2rem !important;}
.page-fv .inner {position: relative;background-size: 70%;}
.table-cp th{background:#5B3130;color:#fff;border:none;display:block;width:100%;padding: 5px 0;}
.table-cp td{border:none;display:block;width:100%;padding: 5px 0;}
.voice-p1 {font-size: 1.4rem;}
.voice-p3{font-size: 1.4rem;}
.single h1{font-size:20px;}

.u-class-bx {gap:20px;flex-direction: column-reverse; margin-bottom: 50px;}
.u-class-ctt {width: 100%;}
.u-class-img {width: 100%;}
.u-class-bx h2 {font-size:1.6rem;}
.u-class-img {height: auto;}
.u-class-img img{height: auto;}	
.reverse{flex-direction:column;}
.feature-bx {flex-direction: column;margin-bottom:50px;}
.feature-ctt {padding: 20px;border-radius: 20px;}
.instructor-btn{margin-bottom: 50px;}
.u-instructor-bx {width: 100%;}
.u-instructor-ctt {gap: 20px;flex-direction: column;}
.u-instructor-left {width: 100%;}
.u-instructor-right {width: 100%;}	
.u-instructor-ctt:nth-child(even){flex-direction:column;}
.u-instructor-name {font-size: 1.2rem;}
.u-instructor-catch {font-size: 1.4rem;margin-bottom: 10px;}
.fctt{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 30px 16px;}
.fimg {width: 100%;height: 100%;}
.fimg img{width: auto;height: auto;}	
.ftxt h3 {font-size: 1.4rem;}	
.ftl-num {width: 50px;height: 50px;font-size: 1.6rem;}
.flist {margin-bottom: 50px;}
.h3-dp {font-size: 1.6rem;}
.mt {margin-top:50px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.logo-header img {width: 200px; }
.header-ctt {justify-content: space-between;height:70px;}
.fv2 {width: 60%;}
.catch {top: 50px;}
.catch1 {font-size: 1.2rem;}
.catch2 {font-size: 1.6rem;}
.catch3 {font-size: 1rem;}
h2{font-size: 0.9rem;}
h2::before {font-size: 2.2rem!important;}
.about-bg {bottom: -150px;}
.news-img{height:220px;}
.news-img img{height:220px;}	
.class {padding: 120px 0 50px 0;}
.class-bx {margin-top: 50px;gap: 20px;flex-direction: column;}
.class-under {padding: 20px;}
.class-under p {height: auto;}
.class-p {font-size: 1.2rem;margin: 30px 0;}
.cta {width: 100%;}
.voice-bg {width: 60%;}
.instructor {padding: 70px 0 50px 0;}
.instructor-p1 { font-size: 1.2rem;margin: 30px 0 20px 0;}
.instructor-bx {width: 100%;gap: 20px;margin-top: 30px;flex-direction: column-reverse;}
.cta-bg {margin-top: 30px;width: 100%;}
.cta-sec {padding: 0px 0 50px 0;top: -50px;}
.cta-sec .cta {margin-bottom: 75px;}
.voice-bx2{grid-template-columns: repeat(1, 1fr);}
.new-list{grid-template-columns:repeat(1, 1fr);}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.fv-bg {margin-top: 120px;padding-bottom: 200px;}
.fv1 {display:none;}
.fv-img-sp{display:block;width:100%;margin:auto;}
.fv-img{display:none;}
.fv-img-sp img{border-radius:30px;}
.catch {top: 30%;left: 50%;transform:translateX(-50%); -webkit- transform:translateX(-50%);border-radius: 20px;padding: 20px;width: 90%;}
.fv2 {width: 80%;}
.news-img{height:180px;}
.news-img img{height:180px;}
.about {padding: 50px 0 70px 0;}
.about-bg {bottom: -150px; width: 90%;}	
.class-img img { height: 180px;}
.class-img {height: 180px;}
.voice {padding: 50px 0;}
.voice-ctt {margin: 0 10px;padding: 20px;}
.voice h3 {font-size: 1.2rem;}
.voice-details {gap: 5px;}
.vm-bx {margin-top: 10px;}
.vslider-next {right: 5%;}
.vslider-prev {left:5%;}
.vslider-arrow {width: 50px;height: 50px;}
.voice-bx { margin: 30px 0 10px 0;}
.voice-bg {bottom: -80px;width: 80%;}
.cta-sec {background-size: 150%;background-position: left 70% bottom;}
.new-list-box {padding: 20px;}
}