@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{background:#fff;font-family: "Noto Sans JP", sans-serif;}
.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%;position: fixed;top: 0;z-index: 100;background:rgb(255,255,255,0.5);}
.header-ctt{max-width:1440px;width:100%;height:100px;background:rgb(255,255,255,0.5);position:relative;margin:auto;display: flex;justify-content: space-between;align-items: center;}
.header-nav{display:flex;align-items: center;gap:40px;}
.header-nav li a{text-decoration:none;transition:0.7s;font-size:1.05rem;}
.header-nav li a:hover{opacity:0.7;}
.sub-menu-pc{position:absolute;top:100%;left: 50%;transform:translateX(-50%); -webkit- transform:translateX(-50%);padding:10px 20px;background:#fff;z-index:100;width:auto;display:none;}

.header-nav li{transition:0.7s;cursor: pointer;list-style:none;position:relative;}
.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{width:120px;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:100px;}
.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;}
.fv{max-width:1200px;width:100%;margin:auto;margin-top:100px;height:640px;position:relative;}
.fv img{width:100%;height:640px;object-fit:cover;object-position:center;}
.content{margin-top:0;}
.content-in{width:100%;margin-top:70px;}
.catch{position: absolute;top: 60%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);background:rgb(255,255,255,0.6);max-width:1000px;width:90%;padding:30px 50px;box-sizing: border-box;}
.catch1{font-size:3rem;font-weight:bold;margin-bottom:10px;font-family: "Noto Serif JP", serif;}
.catch2{font-size:1.5rem;margin-bottom:30px;}
.ccc{width:200px;margin:auto;}
.logo-image {padding:0;}
.tagline{padding:0;}

p{color:#4D4D4D;}
a{color:#4D4D4D;}
a:hover{color:#4D4D4D;}
h2{color:#9A8776;font-size:2.5em;font-family: "Noto Serif JP", serif;}
h3{font-family: "Noto Serif JP", serif;}
.inner{max-width:1200px;width:100%;margin:auto;}
.news{padding:100px 0;}
.news h2{text-align:center;}
.news h2:before{content:"NEWS";font-size:1rem;display:block;line-height: 1;}
.news-bx{position:relative;margin:50px 0;}

.news-ctt{border-bottom:solid 1px #707070;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;text-decoration:none;}
.date{color:#9A8776;}
.cate{border:solid 1px #707070;padding:3px 20px;}
.news-left{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;}
.news-left1{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.news-left2{display:flex;justify-content:space-between;align-items:center;gap:20px;width:70%;}
.news-arrow{position:relative;right:5px;width:23px;height:23px;border-radius:50%;background:#D0B1A1;}
.news-arrow::before{content:"";position:absolute;right:10px;top:7px;width:7px;height:7px;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);z-index:2;}
.more{border-bottom:solid 1px #D0B1A1;padding:0 5px 5px 10px;position:relative;padding-right:25px;display:inline-flex;align-items:center;text-decoration:none;transition:0.7s;}
.more:hover{opacity:0.7;}
.more::after{content:"";position:absolute;right:5px;width:14px;height:14px;border-radius:50%;background:#D0B1A1;}
.more::before{content:"";position:absolute;right:10px;width:4px;height:4px;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);z-index:2;}
.more-bx{text-align:center;margin:50px 0;}

.passion{padding:100px 0;background:#F5F5F5;}
.passion h2{text-align:center;}
.passion h2:before{content:"PASSION";font-size:1rem;display:block;line-height: 1;}
.passion-bx{display:flex;justify-content:space-between;gap:50px;margin:50px 0;}
.passion-ctt{width:50%;display:flex;flex-direction:column;justify-content:space-between;}
.passion-img{width:50%;}
.passion-ctt ul li{font-size:1.3rem;}
.passion-ctt p{background:#9A8776;color:#fff;padding:20px;box-sizing:border-box;}

.support{padding:100px 0;}
.support h2{text-align:center;}
.support h2:before{content:"SUPPORT";font-size:1rem;display:block;line-height: 1;}
.support-bx{display:flex;justify-content:space-between;gap:30px;margin:50px 0 25px 0;}
.support-ctt{width:33%;}
.support-bx2{display:flex;justify-content:center;gap:30px;margin:50px 0;}
.support h3{color:#9A8776;font-size:1.5rem;}

.class{padding:100px 0;background:#F5F5F5;}
.class h2{text-align:center;}
.class h2:before{content:"CLASS";font-size:1rem;display:block;line-height: 1;}

.flow{padding:100px 0;}
.flow h2{text-align:center;}
.flow h2:before{content:"FLOW";font-size:1rem;display:block;line-height: 1;}
.flow .inner{display:flex;justify-content:space-between;max-width:1000px;width:100%;}
.stepbar {margin:0 auto;width:90%;}
.stepbar .stepbarwrap {margin-bottom:30px;position: relative;}
.stepbar .stepbarwrap .steptitle {display:inline-flex;align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {display:flex;width: 3em;height: 3em;content: "";border-radius: 50%;background-color: #9A8776;color: #fff;text-align: center;justify-content:center;align-items:center;}
.stepbar .stepbarwrap .steptitle .stepcircle span {display: inline-block;font-weight:bold;position:relative;}
.stepbar .stepbarwrap .steptitle .title {margin:0.5em;font-weight: bold;font-size:1.5rem;}
.stepbar .stepbarwrap .steptxt {padding-left:3.5em;}
.stepbar .stepbarwrap .stepline {width: 2px;height: calc(100% + 2em);background-color: #D0B1A1;position: absolute;top:1em;left:1.5em;z-index: -1;}
.stepbarwrap:last-of-type .stepline:last-of-type {display: none;}
.fleft{width:30%;}
.fright{width:70%;}

.faq{padding:100px 0;background:#F5F5F5;}
.faq h2{text-align:center;}
.faq h2:before{content:"FAQ";font-size:1rem;display:block;line-height: 1;}
.faq .inner{margin-top:50px;}
.accordion-bx {width:70%;margin:auto;}
.accordion-ctt {margin-bottom:50px;}
.accordion{border-bottom:solid 1px #D0B1A1;}
.ques {display: flex; justify-content: space-between; align-items: center; padding:20px 0; cursor: pointer;}
.q{height:50px;width:50px;background:#D0B1A1;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: #D0B1A1; 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: 200px; padding: 15px 0; }
.a{height:50px;width:50px;background:#D0B1A1;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;}

.footer {margin-top:0;padding:0;}
#footer-in {width:100%;}
.fcontact{position:relative;max-width:1200px;width:100%;display:block;margin:auto;height:270px;margin-bottom:70px;margin-top:70px;overflow:hidden;}
.fcontact::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/contact-img.webp);background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform 0.5s ease;}
.fcontact:hover::before{transform:scale(1.2);}
.fcontact:hover{opacity:1;}
.footerp{color:#fff;}
.finner{width:100%;position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);padding:0 50px;box-sizing:border-box;}
.finner .more{color:#fff;border-bottom:solid 1px #fff;}
.finner h2{color:#fff;}
.finner .h2-contact:before{content:"CONTACT";font-size:15px;display:block;}
.finner div{display:flex;justify-content:space-between;}
.finner .more::before {border-top: 1px solid #D0B1A1;;border-right: 1px solid #D0B1A1;}
.finner .more::after{background:#fff;}
.footer-area{background:#4D4D4D;padding:100px 0;}
.fmenu-bx{display:flex;justify-content:space-between;max-width:900px;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;}
.footer-nav li a{color:#fff;text-decoration:none;}
.footer-nav li ul{padding-top:10px;}
.map p{color:#fff;margin-top:20px;}
.footer-bottom {background:#4d4d4d;padding-bottom:70px;margin-top:0;}
.faddress p{margin:0;}	

.bread{max-width:1200px;width:100%;margin:auto;}
.breadcrumb {margin: 1em 0;font-size: 1rem;color:#4D4D4D;}
.breadcrumb a{color:#4D4D4D;}
.page-fv{background:#F5F5F5;height:225px;position:relative;}
.page-ttl{font-size:2.5rem;position:absolute;top:50%;transform:translateY(-50%);font-weight:bold;font-family: "Noto Serif JP", serif;}
.h1-page{font-size:1rem;font-weight:normal;color:#4D4D4D;position:absolute;bottom:10px;left:0;}
.page-fv .inner{position:relative;height:225px;}
.under-inner{width:100%;max-width:1200px;margin:auto;padding:100px 0 50px 0;}
.content-in{margin-top:100px;}


.list-inner{text-align:left;}
.pdate{color:#9A8776;font-weight:bold;}
.new-list{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.new-list-box{margin:20px 0;display:block;}
.new-list:after {content: "";display: block;width: 30%;height: 0;}
.new-list-box{text-decoration:none;display:inline-block;transition:0.7s;}
.new-list-box:hover{opacity:0.7;}
.post-meta{display:flex;gap:20px;align-items:center;margin:10px 0;}
.pcate {border: solid 1px #707070;padding: 3px 20px;color: #000;}

.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;gap:5px;}
.pnavi a{transition:0.7s;}
.nav-links{display:flex;}
.pnavi .page-numbers{display:inline-block;color:#9A8776;border:solid 1px #9A8776;border-radius:0;background:#fff;margin:0;border-radius:50%;}
.pnavi .current{color:#fff;background:#9A8776;border:solid 1px #9A8776;border-radius:50%;}
.pnavi .next.page-numbers{width:46px;}
.pnavi .prev.page-numbers{width:46px;}
.pnavi a:hover{background:#9A8776;color:#fff;}
.entry-title{padding:0  0 0.6em 0;}

.single-post .content-in{justify-content:space-around;max-width:1440px;width:100%;}
.single-post .content-in h2{font-size:24px;color:#4D4D4D;border-left:solid 4px #D0B1A1;padding:0 0 0 10px;margin:50px 0 20px 0;background:transparent;}
.single-post .content-in h3{border-bottom:solid 2px #D0B1A1;border-left:none;border-top:none;border-right:none;padding:5px 10px;color:#4D4D4D;font-size:20px;}
.single-post .content-in h4{padding:5px 10px;color:#4D4D4D;font-size:18px;background:#FEF7F2;}

#sidebar h3{border-bottom:none;background:#D0B1A1;color:#fff;}

.ubx{display:flex;justify-content:space-between;gap:30px;margin:50px 0 100px 0;align-items:center;}
.ubx-ctt{width:55%;}
.ubx-ctt p{margin-bottom:30px;}
.ubx-img{width:45%;}
.h2-philosophy{text-align:center;}
.h2-philosophy:before{content:"PHILOSOPHY";font-size:15px;display:block;}
.h2-greet{text-align:center;}
.h2-greet:before{content:"GREET";font-size:15px;display:block;}
.under-ctt{margin-top:50px;}
.h2-company{text-align:center;}
.h2-company:before{content:"COMPANY";font-size:15px;display:block;}
.ubx-img p{font-size:0.85rem;font-family: "Noto Serif JP", serif;}
.company-table{width:80%;margin:auto;}
.company-table th{width:20%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #9A8776;}
.company-table td{width:80%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #9A8776;}
table tr:nth-of-type(2n+1) {background:transparent;}

.contact-table th{background:transparent;border:none;text-align:left;font-weight:normal;display: flex;justify-content: space-between;gap: 30px;padding: 15px 0 5px 0;width:300px;}
.contact-table td{background:transparent;border:none;width:650px;}
.must{background: #FF5353;color: #fff;font-size:0.9rem;padding: 2px 10px;}
.contact-bx{background:#EFEAE7;padding:100px;}
.wpcf7-spinner{display:none;}
.acceptance p{text-align:center;font-size:15px;display: flex;justify-content: center;}
.cbtn{text-align:center;margin-top:20px;position:relative;height:40px;}
.cbtn p a{text-decoration:none;}
input[type='submit']{background:#917E52;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-arrow{position:absolute;top:50%;left:50%;transform:translate(30px, -50%);width:14px;height:14px;border-radius:50%;background:#fff;pointer-events:none;}
.contact-arrow::before{content:"";position:absolute;right:4.5px;top:4.5px;width:4px;height:4px;border-top:1px solid #917E52;border-right:1px solid #917E52;transform:rotate(45deg);z-index:2;}
.h3-pp{margin:30px 0 10px 0;}
.contact-bx p{text-align:center;}

.single-classroom .sidebar{display:none;}
.single-classroom .main{width:100%;}
.single-classroom .content-in{display:block;}
.single-classroom div.sidebar{display:none;}
.classp{color:#9A8776;font-size:2em;font-family: "Noto Serif JP", serif;text-align:center;font-weight:bold;margin-bottom:30px;}

.error404 .sidebar{display:none;}
.error404 .main{width:100%;}
.error404 .content-in{display:block;}
.error404 div.sidebar{display:none;}
.not-found{width:40%;}
.error404 .post{text-align:center;}

.class-table{margin-top:50px;}
.class-table th{width:20%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #9A8776;}
.class-table td{width:80%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #9A8776;}
.img-bx {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.class-img img {width: 100%;height:400px;object-fit:cover;object-position:center;display: block;}
.img-bx.img-count-1 .class-img {width: 100%;}
.img-bx.img-count-2 .class-img {width:50%;}
.img-bx.img-count-3 .class-img {width:33.333%;}
.img-bx.img-count-4 .class-img {width:50%;}
.img-bx .class-img {width:33.333%;}
.room-table{margin-bottom:50px;}
.room-table th{width:33%;background:transparent;text-align:left;}
.room-table a{color:#9A8776;text-decoration:none;font-family: "Noto Serif JP", serif}
.td-address{width:50%;}
.td-tel{width:17%;}
.th-head{background:#D0B1A1!important;text-align:center!important;color:#fff;}
.table-school{margin:50px 0;}
.nobtm{margin-bottom:0!important;}

.class-slider {margin: 50px 0;}
.class-slide-item {padding: 0 10px;}
.class-slide-item a {display: block;text-decoration: none;}
.class-slide-item img { width: 100%;height: 250px;object-fit: cover;display: block;}
.class-title {padding: 15px 0;text-align: center;}
.slick-dots{position:relative;bottom:auto;}
.slick-dots li button:before{font-size:15px;width:15px;height:15px;color:#D0B1A1;opacity:1;}
.slick-dots li.slick-active button:before{color:#9A8776;}
.slick-prev,.slick-next{width:40px;height:40px;z-index:10;}
.slick-prev:before,.slick-next:before{content:none;}
.slick-prev::after,.slick-next::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#D0B1A1;z-index:1;}
.slick-prev::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:2px solid white;border-left:2px solid white;transform:translate(-30%,-50%) rotate(-45deg);z-index:2;}
.slick-next::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:2px solid white;border-right:2px solid white;transform:translate(-70%,-50%) rotate(45deg);z-index:2;}
.slick-prev{left:20px;}
.slick-next{right:20px;}
.ubx2{display:flex;justify-content:space-between;gap:30px;margin-bottom:100px;}
.ubx-ctt2{width:50%;}
.ubx-img2{width:50%;}
.ubx-img2 h3{display:none;border-bottom:solid 1px #000;margin-bottom:20px;}
.ubx-ctt2 h3{border-bottom:solid 1px #000;margin-bottom:20px;}
.lead{text-align:center;margin-bottom:100px;}
.lead h2{font-size:2em;margin-bottom:30px;}

.ubx3{display:flex;justify-content:space-between;gap:30px;margin-bottom:100px;}
.ubx-ctt3{width:70%;}
.ubx-img3{width:30%;}
.ubx-img3 h3{display:none;margin-bottom:20px;}
.ubx-ctt3 h3{margin-bottom:20px;}
.step{background:#9A8776;color:#fff;padding:5px 10px;margin-right:10px;}
.ubx3:not(:last-child) {position: relative;}
.ubx3:not(:last-child)::after {content: "";display: block;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #9A8776;position: absolute;left: 50%;bottom: -50px;transform: translateX(-50%);}

.price{margin-bottom:50px;}
.price h2{font-size:2em;margin-bottom:20px;}
.price-table {margin-bottom:10px;}
.price-table th{background:#D0B1A1;color:#fff;}
.price ul{background:#F5F5F5;padding:20px 20px 20px 50px;margin-bottom:30px;}

.adprice{background:#9A8776;color:#fff;text-align:center;padding:2px;margin-top:10px;}
.adul h2{font-size:2em;margin-bottom:30px;text-align:center;}
.adul{width:60%;margin:auto;}

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

/*1200px以下*/
@media screen and (max-width: 1200px){
.header-nav {gap: 20px;}
.header-bx{gap:30px;}
.header-contact{padding:0 20px;}
}

/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.ham-bx{display:block;width: 50px;height: 50px;position:relative;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: 1px;background-color:#707070; transition: transform .3s;}
.hamburger.is-active span {background-color:#707070;}
.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:#fff;}
.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:100px;}
.sp-nav{margin:0;}
.sp-nav{padding-left:0;}
.sp-nav li {list-style:none;padding:10px 0 10px 20px;border-bottom:solid 1px #707070;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;}
.sp-nav > li > ul > div{margin-top:20px;}
.drawer-inner .header-contact{margin-top:30px;}
.logo-header img {width: 120px;height: auto;}	
.tagline {margin: 0;}
.content-in {margin-top: 60px;}
.header-ctt{height:60px;}
.fv { margin-top:60px;height:550px;}
.fv img { object-position: 70%;height:550px;}
.sp-br{display:block;}
.header-bx{display:none;}
.catch1 {font-size: 6vw;line-height: 1.4;}
.catch2 {font-size: 1rem;margin-bottom:20px;}
.catch{padding:25px;}
.map{width:100%;}
.inner{width:90%;}
.more-bx {margin: 50px 0 0 0 ;}
.news-left {flex-direction: column; align-items: flex-start;width: 100%;}
.news-left1 {display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.news-left2 {gap: 10px;width: 100%;}
.passion-bx {flex-direction: column-reverse;gap:30px;margin:50px 0 0 0;}
.passion-ctt {width: 100%;}
.passion-img {width: 100%;}
.passion-ctt p {margin-top: 20px;}
h2 {font-size: 2em;width:90%;margin:auto;}
.support-bx {flex-direction: column;}
.support-bx2 {flex-direction: column;}	
.support-ctt {width: 100%;}
.support-ctt img{width: 100%;}
.flow .inner {width: 90%; flex-direction: column;}
.fleft {width: 100%;}
.fright {width: 100%;margin-top: 30px;}
.stepbar .stepbarwrap .steptitle {gap:15px;display: flex;}
.stepbar .stepbarwrap .steptitle .title {margin: 0.5em  0;width: 80%;font-size:1.2rem;}
.stepbar { width: 100%;}
.stepbar .stepbarwrap .steptxt {padding-left: 4em;}	
.fmenu-bx {flex-direction: column;}
.footer-area {padding: 50px 0;}
.map iframe{width:100%;}
.fnav {display: none;}
.fcontact {width: 90%;}
.fcontact::before { background: url(img/fcontact-img.webp);	background-size: cover;background-position: center;}
.finner{padding:0 10px;}
.finner h2 {width: 100%;}	
.finner div {display: block;}
.cta-bx{text-align:right;}	
.news{padding:70px 0;}
.passion{padding:70px 0;}
.support{padding:70px 0;}
.class{padding:70px 0;}
.flow{padding:70px 0;}
.faq{padding:70px 0;}
.fcontact{margin-bottom:50px;margin-top:50px;}
.under-inner{width:90%;padding:50px 0;}
.content-in{margin-top:60px;}
.page-ttl{font-size:1.8rem;}
.bread{width:90%;}
.new-list{grid-template-columns: repeat(1, 1fr);}	
	
.single-post .content{width:90%;margin:auto;}	
main.main, div.sidebar {padding:0;margin: 12px 0;}
	
.ubx{gap:20px;margin:30px 0 50px 0;flex-direction:column-reverse;}
.reverse{flex-direction:column!important;}
.ubx-ctt{width:100%;}
.ubx-ctt p{margin-bottom:30px;}
.ubx-img{width:100%;}
.under-ctt{margin-top:30px;}	
.company-table {width:100%;}
.rep img{width:60%;}	
.contact-table td {width: 100%;display: block;}
.contact-table th {width: 100%;justify-content:flex-start;}
.contact-bx{padding:30px;}
.classp {font-size: 1.5em;width:100%;margin:auto;}	
.class-table th{width:100%;display:block;background:#9A8776;border:none;color:#fff;}
.class-table td{width:100%;display:block;border:none;}	
.td-address{display:block;width:100%;border-bottom:none!important;border-top:none!important;}
.td-tel{display:block;width:100%;border-top:none!important;border-bottom:solid 1px var(--cocoon-x-thin-color)!important;padding-bottom:10px;}
.room-table th{display:block;width:100%;border-bottom:none;border-top:none;}
.td-tel-none{height: 0;display: block;width: 100%;padding: 0;border-bottom: none !important;}
.slick-dots{display:block!important;}
.ubx-ctt2{width:100%;}
.ubx-img2{width:100%;}	
.ubx-img2 img{width:100%;}	
.ubx2{gap:20px;margin:30px 0 50px 0;flex-direction:column-reverse;}	
.ubx-img2 h3{display:block;}
.ubx-ctt2 h3{display:none;}	
.lead h2 {font-size: 1.5em;width:100%;}	
.ubx-img3 img{width:100%;}		
.ubx-ctt3{width:100%;}
.ubx-img3{width:100%;}	
.ubx3{gap:20px;margin:30px 0 50px 0;flex-direction:column;}	
.ubx-img3 h3{display:block;}
.ubx-ctt3 h3{display:none;}		
.ubx3:not(:last-child)::after {display:none;}
.class-img img {height:100px;}	
.price-table-wrapper {overflow-x: auto; -webkit-overflow-scrolling: touch;margin-bottom: 20px;}
.price-table {min-width: 600px;white-space: nowrap;}
.price-table td, .price-table th {white-space: normal;}	
.price h2 {font-size: 1.5em;width:100%;}
.adul h2 {font-size: 1.5em;width: 100%;}
.adul{width:100%;}	

}

/*834px以下*/
@media screen and (max-width: 960px){
  /*必要ならばここにコードを書く*/

}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}