@charset "utf-8";
/*
 meyer-reset/
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* CSS Document */
ul,ol{list-style: none}
img{vertical-align: bottom}
*{box-sizing: border-box}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap');
/*font-family: 'Noto Serif JP', serif;*/
/*#FF6600,#262525,#0C0C0C,#D6D3D3,#FE1732*/
/*========================
BASE
========================*/
html{font-size:62.5%;height:100%;word-break:break-all}
body{font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;font-weight:400;line-height:1.4;color:#fff;font-size:1.6rem;background:#0C0C0C;text-align:center}
#container{overflow:hidden}
.shadow{text-shadow:0 0 3px rgb(0,0,0,0.8)}
a,a:hover,a:visited,a:link{color:inherit;text-decoration:none;transition:0.3s}
h2,h3{font-weight: 700;}
.left{text-align: left!important}
.right{text-align: right!important}
.news_date{text-align: right}
.center{text-align: center!important}
.red {color: #FE1732;}
.white{color:#fff;}
.height30{height: 30px; display: block;width: 100%}
.mar_right0{margin-right: 0!important;}
.mar_left0{margin-left: 0!important;}
.mar_top0{margin-top: 0!important}
.mar_top15{margin-top:15px !important}
.mar_bottom0{margin-bottom: 0!important}
.mar_bottom50{margin-bottom:50px!important}
.mgb15{margin-bottom: 15px!important}
.mgb25{margin-bottom: 25px!important}
.mgb35{margin-bottom: 35px!important}
p{padding-bottom: 1em;font-size: 1.4rem}
.border01{ padding: 0.75em;margin: 0 auto;text-align: center;width:100%;max-width: 1020px;display: block}
.border01 p{border: 2px solid #FF6600; border-radius: 5px;color: #fff;font-weight:700;font-size:clamp(0.688rem, -0.199rem + 4.43vw, 3.125rem);display:block;width:100%;padding: .5em;}.plus{font-size:clamp(3.75rem, 3.295rem + 2.27vw, 5rem);font-weight:700;}
.caution{ padding: 0.75em;margin: 0 auto;text-align: left;width:100%;max-width: 1020px;display: block;position: relative}
.caution p{border: 2px solid red; border-radius: 5px;color: #fff;font-weight:700;font-size:clamp(0.688rem, -0.199rem + 4.43vw, 3.125rem);display:block;width:100%;padding: .5em;padding-left: 100px}
.caution img{ position: absolute;top: 50%;left: 30px;transform: translateY(-50%);width: 70px;height:70px;}
@media all and (min-width:768px){
	.caution p{padding-left: 120px}	
	.caution img{left: 40px;width: 75px;height:75px;}
}
.op08{opacity: 0.8}
@media all and (min-width:768px){p{font-size:1.6rem}
}.strong{font-size:125%;font-weight:700}
::selection{background-color:#FF6600;color:#000}
::-moz-selection{background-color:#FF6600;color:#000}
@media screen and (max-width:767px){.forsp{display:block}
.forpc{display:none}
}@media all and (min-width:768px){.forsp{display:none}
.forpc{display:block}
}@media screen and (max-width:480px){.pc-only{display:none}
.tb-only{display:none}
.sp-only{display:block}
.sp_expect{display:none}
}@media screen and (min-width:481px) and (max-width:1020px){.pc-only{display:none}
.tb-only{display:block}
.sp-only{display:none}
.sp_expect{display:block}
}@media screen and (min-width:1021px){.pc-only{display:block}
.tb-only{display:none}
.sp-only{display:none}
.sp_expect{display:block}
}
/*========================
LOADER
========================*/
.loader-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;background-color:#000;display:flex;justify-content:center;align-items:center}
.loader,.loader:before,.loader:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}
.loader{color:#FF6600;font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
.loader:before,.loader:after{content:'';position:absolute;top:0}
.loader:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.loader:after{left:3.5em}
@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}
40%{box-shadow:0 2.5em 0 0}
}@keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}
40%{box-shadow:0 2.5em 0 0}
}
/*========================
HEADER
========================*/
header.header{position:fixed;width:100%;z-index:1000;margin:0 auto;transition:background 0.3s ease;background:rgba(0,0,0,0.3)}
header .header-area{display:flex;align-items:center;justify-content:space-between;height:60px;width:100%}
header.change-color{background:rgba(0,0,0,0.8)}
header h1{width: 300px;margin-left:15px}
header h1 .h1_img{width:100%}
nav.header-inner{display:flex;flex-direction:column}
/*----------------------------
* ハンバーガー
*----------------------------*/
.menu-btn{position:fixed;top:15px;right:15px;z-index:2;width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;cursor:pointer}
.menu-btn span{left:0;width:100%;height:3px;background-color:#fff;transition:0.3s}
.menu-btn span:nth-of-type(3){position:relative}
.menu-btn::after{content:"MENU";position:absolute;top:25px;left:-3px;font-size:1rem;width:36px}
.menu-btn.is-closed span:nth-of-type(1){transform-origin:center center;transform:rotate(45deg) translate(5px,7px)}
.menu-btn.is-closed span:nth-of-type(2){opacity:0}
.menu-btn.is-closed span:nth-of-type(3){position:relative;transform-origin:center center;transform:rotate(-45deg) translate(5px,-7px)}
.menu-btn.is-closed::after{content:"CLOSE";white-space:nowrap;position:absolute;top:25px;left:-3px;font-size:1rem;width:36px}
.menu{position:fixed;top:0;right:0;z-index:1;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.8)}
.menu__item{width:100%;height:auto;padding:.5em 1em;text-align:center;color:#fff;box-sizing:border-box}
.menu__item:hover{color:#FF6600}
.tel_button{display:inline-flex;border:1px solid #666;padding:0 0.8em;border-radius:100vh;line-height:2;cursor:pointer;vertical-align:middle}
.tel_button img{width:20px;margin:0 5px}
.sns_link{display:inline-flex;justify-content:center}
.insta_icon{width:35px;margin-right:5px}
.youtube_icon{width:35px;margin-left:5px}
/* アニメーション前のメニューの状態 */
.menu {
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear;
}
/* アニメーション後のメニューの状態 */
.menu.is-active{pointer-events:auto;opacity:1}
@media (max-width:767px){nav.header-inner{display:none !important}
.shop_info{display:none !important}
.glo_nav{display:none !important}
}@media all and (min-width:768px){.logo_02 p{font-size:1.8rem !important;font-weight:500}
@media all and (min-width:1024px){.logo_02 p{font-size:2rem !important}
}.header{height:100px}
header .header-area{display:flex;align-items:center;justify-content:center;height:100px;width:100%}
header h1{position:absolute;top:35px;left:10px;width:300px;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
nav.header-inner{margin-left:350px;margin-right:190px}
.shop_info{display:flex;justify-content:flex-end;width:100%;margin-bottom:10px;font-weight:500;white-space:nowrap}
.shop_info img{width:25px;margin:0 5px}
.shop_info li a{display:flex;align-items:center;border:1px solid #fff;padding:0 .8em;border-radius:100vh;line-height:2;cursor:pointer}
ul.glo_nav li a{font-size:1.4rem;padding:10px 10px;height:40px;white-space:nowrap}
ul.glo_nav li:hover{color:#FF6600;transition:all 0.3s ease}
ul.glo_nav li.has_child{position:relative}
ul.glo_nav li.has_child a{padding:10px 25px 10px 10px}
ul.glo_nav li.has_child::before{content:'';display:inline-block;position:absolute;top:8px;right:10px;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
ul.glo_nav li.has_child:hover::before{top:8px;border-top:1px solid #FF6600;border-right:1px solid #FF6600;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
ul.glo_nav ul.child{position:absolute;top:calc(100% + 20px);left:0;width:165px;padding:10px 0;background-color:#000;border:1px solid #FF6600;visibility:hidden;opacity:0;transition:.2s ease-in-out;transform:translateY(10px)}
ul.glo_nav ul.child li a{display:flex;align-items:center;padding:0 30px;color:#fff;text-decoration:none;white-space:nowrap;position:relative}
ul.glo_nav ul.child li a::after{content:"";position:absolute;top:15px;right:30px;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
ul.glo_nav ul.child li a:hover:after{transition:all 0.3s ease;right:20px;border-color:#FF6600}
ul.glo_nav ul.child li a:hover{color:#FF6600;transition:all 0.3s ease}
ul.glo_nav li:hover > ul{visibility:visible;opacity:1;transform:translateY(0)}
ul.glo_nav ul.child li:hover > ul{transform:translateX(0) translateY(0)}
.shop_info li:first-child{margin-right:10px}
.shop_info li a{pointer-events:none}
.glo_nav{display:flex;align-items:center;justify-content:flex-end;font-weight:500}
.glo_nav li a{padding:0 10px;color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.glo_nav li a:hover{color:#FF6600}
  /*----------------------------
* ハンバーガー
*----------------------------*/
.menu-btn{position:fixed;top:28px;right:20px;z-index:2;width:40px;height:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;cursor:pointer}
.menu-btn.is-closed span:nth-of-type(1){transform:rotate(45deg) translate(10px,11px)}
.menu-btn.is-closed span:nth-of-type(3){transform:rotate(-45deg) translate(8px,-9px)}
.menu-btn::after{top:35px;width:40px;font-size:1.2rem;left:0px}
.menu-btn.is-closed::after{top:35px;width:40px;font-size:1.2rem;left:0px}
}
/*-------------------------*/
@media all and (min-width:1024px){header h1{width:380px}
ul.glo_nav li a{padding:10px 15px;font-size:1.6rem}
ul.glo_nav li.has_child a{padding:10px 36px 10px 20px}
}
/*========================
FOOTER
========================*/
.footer_contact_wrap{background:#151515;padding:25px 0;background:linear-gradient(90deg,rgba(21,21,21,0.8) 0%,rgba(21,21,21,0.3) 100%),url("../img/footer_bg.jpg") right center no-repeat;background-size:cover,auto 100%;margin-bottom:50px}
.footer_contact{text-align:left;max-width:1280px;margin:0 auto;padding:0 10px}
.footer_contact h4{font-size:1.8rem;margin-bottom:35px;font-weight:700}
.f_tel{display:flex;flex-direction:column;margin-bottom:10px;font-weight:700;font-size:1.4rem}
.f_tel li{margin-bottom:10px}
.f_tel li a{background:#000;padding:5px 10px;display:inline-flex;align-items:center}
.f_tel li a img{width:35px;padding:0 5px 0 0}
.f_contact{display:flex;justify-content:flex-start;margin-bottom:10px;font-weight:700;font-size:1.2rem}
.f_contact li a{line-height:1.8;display:flex;align-items:center;padding:5px 10px}
.f_contact li:nth-child(1) a{background:#EB3340;color:#fff;margin-right:5px}
.f_contact li:nth-child(2) a{background:#06C755;color:#fff}
.f_contact li a i{padding-right:5px}
/*---------------------------------------------*/
@media all and (min-width:768px){.footer_contact_wrap{background:linear-gradient(90deg,rgba(21,21,21,1) 0%,rgba(21,21,21,1) 38%,rgba(21,21,21,0.44348161627932425) 66%,rgba(21,21,21,0) 100%),url("../img/footer_bg.jpg") right center no-repeat;background-size:cover,auto 100%}
.footer_contact{max-width:1280px;margin:0 auto;padding:0 25px}
.footer_contact h4{font-size:3rem}
.f_tel{font-size:2rem}
.f_tel li a{padding:8px 15px}
.f_contact{font-size:2rem;justify-content:flex-start}
.f_contact li a{padding:8px 15px}
.f_contact li:nth-child(1) a{margin-right:10px}
}
/*---------------------------------------------*/
@media all and (min-width:1024px){.footer_contact_wrap{background-size:cover,60% auto}
}
.footer_shop{max-width:1280px;margin:0 auto 50px;padding:0 10px}
.footer_shop ul{display:flex;flex-direction:column;align-items:flex-start}
.footer_shop ul li{display:flex;flex-direction:column;justify-content:center}
.footer_shop ul li .shop_photo{margin-bottom:15px}
.footer_shop ul li .shop_photo img{width:100%}
.footer_shop ul li .shop_detail{display:flex;flex-direction:column;justify-content:center}
.footer_shop ul li h3{border-bottom:2px solid #FF6600;margin-bottom:15px;line-height:1.8}
.footer_shop ul li dl{display:flex;flex-wrap:wrap;width:100%;margin:0 auto 15px}
.footer_shop ul li dt{width:9em;margin-bottom:10px;text-align:right}
.footer_shop ul li dd{width:calc(100% - 9em);margin-bottom:10px;text-align:left}
/*.footer_shop p{border:1px solid #fff;padding:10px}*/
.footer_shop .f_box{border:1px solid #fff;padding:10px;margin-bottom: 1em}
.footer_shop .f_box .border_bot{line-height: 1.6;font-size: 1.8rem; border-bottom:2px solid #FF6600;display:block;margin: 0 auto;padding: 0 1em}
.footer_shop .f_box:last-child{margin-bottom: 0em}
.footer_shop .f_box p{padding-bottom: 0}
.footer_shop .f_box .small{font-size: 80%}
.footer_shop div.footer-sp-shop{display: flex;flex-wrap: wrap; gap:15px; flex-direction: column;margin-bottom: 15px}
.footer_shop div.forsp h4{position: relative;padding: 0 55px;text-align: center;margin-bottom: 15px}
.footer_shop div.forsp h4:before{content: '';position: absolute;top: calc(50% - 1px);
  left: 0;width: 100%;height: 2px;background-color:#FF6600;}
.footer_shop div.forsp h4 span{position: relative;padding: 0 1em;background:#0C0C0C;}

.footer_shop div.forsp a{margin-bottom: 0}
.footer_shop div.footer-sp-shop dl{display: flex;flex-direction: row;width: 100%}
.footer_shop div.footer-sp-shop dl dt{ width: 100px;}
.footer_shop div.footer-sp-shop dl dt img{width: 100%}
.footer_shop div.footer-sp-shop dl dd{width: calc(100% - 100px); padding-left: 10px;text-align: left;display: flex;flex-direction: column}
.footer_shop div.footer-sp-shop dl dd p{font-size: 14px;border: none;padding: 0;border-bottom:1px solid #fff;margin-bottom:5px;line-height:1.8 }
.footer_shop div.footer-sp-shop dl dd dl{display: flex;flex-direction: row;width: 100%;font-size: 13px}
.footer_shop div.footer-sp-shop dl dd dl dt{width:5em;}
.footer_shop div.footer-sp-shop dl dd dl dd{width:calc(100% - 5em);}
/*---------------------------------------------*/
@media all and (min-width:768px){.footer_shop{max-width:1280px;padding:0 25px}
.footer_shop ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap}
.footer_shop ul li h3{font-size:2rem}
.footer_shop ul li{flex:0 0 48%}
}
@media all and (min-width:1024px){.footer_shop ul li{flex:0 0 32%}}
/*---------------------------------------------*/
.gym_tour{padding:125px 0;background:linear-gradient(90deg,rgba(21,21,21,0.6) 0%,rgba(21,21,21,0.8) 100%),url("../img/brand_sp.jpg");background-size:cover,cover;background-position:center top;transition:all 2.3s ease-out;margin-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}
@media all and (min-width:768px){.gym_tour{padding:125px 0;background:linear-gradient(90deg,rgba(21,21,21,0.6) 0%,rgba(21,21,21,0.8) 100%),url("../img/brand.jpg");background-size:cover,cover;background-position:center top;transition:all 2.3s ease-out;margin-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}
}.gym_tour h2{font-size:2.2rem;padding:0 15px}
.gym_tour p{font-size:1.4rem;padding:50px 15px 60px}
.footer_nav{display:flex;flex-direction:column;margin:0 auto 30px}
.footer_nav .footer_logo{margin-bottom: 30px}
.footer_nav nav ul{display:flex;flex-wrap:wrap;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.footer_nav nav ul li{border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.footer_nav nav ul li a{width:100%;display:block;padding:10px}
.footer_nav nav ul li{width:50%}
/*.footer_nav nav ul li:last-child{width:100%}*/
.footer_copy{font-size:1.2rem;padding-bottom:70px}
@media all and (min-width:768px){.gym_tour h2{font-size:3rem}
.gym_tour p{font-size:1.6rem}
.footer_nav{display:flex;justify-content:space-between;flex-direction:row;max-width:1280px;padding:0 25px;margin:0 auto 30px}
.footer_nav .footer_logo{width:25%;display:block;margin-bottom: 0}
.footer_nav nav{width:75%}
.footer_nav nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;border:none}
.footer_nav nav ul li{margin-bottom:10px;border:none}
.footer_nav nav ul li a{padding:0px 10px 5px}
.footer_nav nav ul li a:hover{color:#ff6600}
.footer_nav nav ul li:not(:last-child){width:inherit}
.footer_nav nav ul li:last-child{width:inherit}
.footer_logo img{width:100%}
.footer_copy{font-size:1.4rem;padding-bottom:10px}
}
/*========================
PC SIDE MENU
========================*/
.home_icon,.Line_icon,.dumbbell_icon,.counseling_icon{width:32px}
.icon_white{fill:#FFF}
.icon_green{fill:#FF6600}
.icon_orange{fill:#FF6600}
ul.pc_side-menu{display:none;z-index:100}
ul.pc_side-menu li{width:100%;margin-bottom:5px}
ul.pc_side-menu li a{display:flex;flex-direction:row;align-items:center;padding:5px;font-size:1rem}
ul.pc_side-menu li a span{display:flex;align-items:center;height:2.2em;line-height:1;padding-left:5px;text-align:left}
ul.pc_side-menu li.Line{background:#06C755;border:1px solid #06C755}
ul.pc_side-menu li.dumbbell{background:#000;border-top:1px solid #FF6600;border-right:1px solid #FF6600;border-left:1px solid #FF6600;border-bottom:1px solid #FF6600}
ul.pc_side-menu li.counseling{background:#000;border-top:1px solid #FF6600;border-right:1px solid #FF6600;border-bottom:1px solid #FF6600;border-left:1px solid #FF6600}
ul.pc_side-menu li.Line:hover{background:#fff;color:#06C755}
ul.pc_side-menu li.Line:hover .icon_white{fill:#06C755}
ul.pc_side-menu li.dumbbell:hover,ul.pc_side-menu li.counseling:hover{background:#FF6600;color:#000}
ul.pc_side-menu li.dumbbell:hover .icon_green,ul.pc_side-menu li.counseling:hover .icon_green{fill:#000}
@media all and (min-width:768px){ul.pc_side-menu{display:flex;flex-direction:column;width:120px;position:fixed;right:0;top:150px}
}
/*========================
SPBOTTOM MENU
　========================*/
ul.sp_bottom-menu{display:flex;width:100%;position:fixed;bottom:0;background:#000;z-index:100}
ul.sp_bottom-menu li{width:25%}
ul.sp_bottom-menu li a{display:flex;flex-direction:column;align-items:center;padding:5px;font-size:1rem}
ul.sp_bottom-menu li a span{display:flex;align-items:center;height:2.2em;line-height:1}
ul.sp_bottom-menu li.home{border-top:1px solid #E1E1E1}
ul.sp_bottom-menu li.Line{background:#06C755}
ul.sp_bottom-menu li.dumbbell{border-top:1px solid #FF6600;border-right:1px solid #FF6600}
ul.sp_bottom-menu li.counseling{border-top:1px solid #FF6600}
@media all and (min-width:768px){ul.sp_bottom-menu{display:none}
}
/*スマホの時だけ*/
@media(max-width: 767px) {
  /*=== iPhone X　でボトムメニューを底上げする-2018.10.19===*/
  ul.bottom-menu {padding-bottom: env(safe-area-inset-bottom);
  }
}
/*========================
BUTTON
========================*/
.btn-one-outer{text-align:center;margin-bottom:0px;margin-top:0px;margin-right:auto;margin-left:auto}
.btn-one-outer .btn-style-one{position:relative;padding:7px 15px;border:2px solid #FF6600;color:#fff;background:#000;text-decoration:none;font-size:1rem;text-transform:uppercase;letter-spacing:1px;-webkit-font-smoothing:antialiased}
@media all and (min-width:768px){.btn-one-outer .btn-style-one{padding:10px 25px;font-size:1.8rem}
}@media all and (min-width:1024px){.btn-one-outer .btn-style-one{padding:10px 15px;font-size:1.8rem}
}.before_after:hover .btn-one-outer .btn-style-one{border:none}
.before_after:hover .btn-one-outer .btn-style-one.line-1{-webkit-animation:move1 1500ms infinite ease;animation:move1 1500ms infinite ease}
.before_after:hover .btn-one-outer .btn-style-one .line-2{-webkit-animation:move2 1500ms infinite ease;animation:move2 1500ms infinite ease}
.before_after:hover .btn-one-outer .btn-style-one .line-3{-webkit-animation:move3 1500ms infinite ease;animation:move3 1500ms infinite ease}
.before_after:hover .btn-one-outer .btn-style-one .line-4{-webkit-animation:move4 1500ms infinite ease;animation:move4 1500ms infinite ease}
.btn-one-outer .line-1{content:"";display:block;position:absolute;width:2px;background-color:#FF6600;left:0;bottom:0}
.btn-one-outer .line-2{content:"";display:block;position:absolute;height:2px;background-color:#FF6600;left:0;top:0}
.btn-one-outer .line-3{content:"";display:block;position:absolute;width:2px;background-color:#FF6600;right:0;top:0}
.btn-one-outer .line-4{content:"";display:block;position:absolute;height:2px;background-color:#FF6600;right:0;bottom:0}
@media all and (min-width:1024px){.btn-one-outer{text-align:center;width:15em;margin:0 auto}
}
/*----------------------*/
.btn-two-outer{text-align:center;margin-bottom:75px;margin-top:30px;margin-right:auto;margin-left:auto;min-width:300px}
.btn-two-outer .btn-style-two{position:relative;padding:20px 50px;max-width:380px;border:2px solid #FF6600;color:#FF6600;text-decoration:none;font-size:1.8rem;text-transform:uppercase;letter-spacing:2px;-webkit-font-smoothing:antialiased}
@media all and (min-width:768px){.btn-two-outer .btn-style-two{padding:20px 50px;margin-left:auto;margin-right:auto}
}.btn-two-outer .btn-style-two:hover{border:none}
.btn-two-outer .btn-style-two:hover .line-1{-webkit-animation:move1 1500ms infinite ease;animation:move1 1500ms infinite ease}
.btn-two-outer .btn-style-two:hover .line-2{-webkit-animation:move2 1500ms infinite ease;animation:move2 1500ms infinite ease}
.btn-two-outer .btn-style-two:hover .line-3{-webkit-animation:move3 1500ms infinite ease;animation:move3 1500ms infinite ease}
.btn-two-outer .btn-style-two:hover .line-4{-webkit-animation:move4 1500ms infinite ease;animation:move4 1500ms infinite ease}
.btn-two-outer .line-1{content:"";display:block;position:absolute;width:2px;background-color:#FF6600;left:0;bottom:0}
.btn-two-outer .line-2{content:"";display:block;position:absolute;height:2px;background-color:#FF6600;left:0;top:0}
.btn-two-outer .line-3{content:"";display:block;position:absolute;width:2px;background-color:#FF6600;right:0;top:0}
.btn-two-outer .line-4{content:"";display:block;position:absolute;height:2px;background-color:#FF6600;right:0;bottom:0}
@media all and (min-width:1024px){.btn-two-outer{text-align:center;margin-top:75px;margin-bottom:75px;margin-right:auto;margin-left:auto}
}@-webkit-keyframes move1{0%{height:100%;bottom:0}
54%{height:0;bottom:100%}
55%{height:0;bottom:0}
100%{height:100%;bottom:0}
}@keyframes move1{0%{height:100%;bottom:0}
54%{height:0;bottom:100%}
55%{height:0;bottom:0}
100%{height:100%;bottom:0}
}@-webkit-keyframes move2{0%{width:0;left:0}
50%{width:100%;left:0}
100%{width:0;left:100%}
}@keyframes move2{0%{width:0;left:0}
50%{width:100%;left:0}
100%{width:0;left:100%}
}@-webkit-keyframes move3{0%{height:100%;top:0}
54%{height:0;top:100%}
55%{height:0;top:0}
100%{height:100%;top:0}
}@keyframes move3{0%{height:100%;top:0}
54%{height:0;top:100%}
55%{height:0;top:0}
100%{height:100%;top:0}
}
.info_btn_box{text-align: center}
.info_btn{color:red!important;font-size:2rem;;font-feature-settings: "palt";padding:0 1em;line-height:2.5em;font-weight:bold;text-align:center;border:5px solid #fff;text-decoration:none;letter-spacing:0.1rem;display:inline-block;box-shadow:0 0 10px #fff,inset 0 0 10px #fff,0 0 0px #fff,0 0 0px #FF6600,0 0 0px #FF6600,0 0 10px #FF6600,0 0 10px #FF6600,inset 0 0 20px #FF6600;transition: all 0.3s ease;margin:0 auto 2em}
.info_btn:hover{box-shadow:0 0 20px #fff,inset 0 0 20px #fff,0 0 0px #fff,0 0 0px #FF6600,0 0 0px #FF6600,0 0 20px #FF6600,0 0 20px #FF6600,inset 0 0 20px #FF6600}
@media all and (min-width:768px){
    .info_btn{font-size: 3rem;}
}
/*========================
見出し
========================*/
h2.head01{font-family:'Noto Serif JP',serif;font-weight:900;color:#FF6600;font-size:3rem}
h2.arrow_down{position:relative;display:inline-block;margin:0 auto 50px;padding:10px 10px;min-width:120px;max-width:100%;color:#fff;font-weight:500;background:#0C0C0C;border-bottom:solid 3px #FF6600;box-sizing:border-box}
h2.arrow_down:before{content:"";position:absolute;bottom:-35px;left:50%;margin-left:-15px;border:18px solid transparent;border-top:18px solid #0C0C0C;z-index:2}
h2.arrow_down:after{content:"";position:absolute;bottom:-42px;left:50%;margin-left:-17px;border:20px solid transparent;border-top:20px solid #FF6600;z-index:1}
h2.arrow_down span{margin:0;padding:0;font-size:4.8vw}
h2.arrow_down span.small{font-size:1.4rem}
p.sub_ttl{padding:0 10px 2em;max-width:1280px;margin:0 auto;font-size:1.4rem}
h3.head02{font-size:1.8rem;margin-bottom:50px;padding:0 10px}
h3.head03{font-family:'Noto Serif JP',serif;font-weight:700;color:#FF6600;font-size:2.2rem;margin-bottom:0.5em}
h3.head04{font-size:1.8rem;margin-bottom:50px;padding:0 10px;border: 1px solid #fff}
.head01_sub{color:#FFF;font-size:2rem;margin-bottom:50px}
.arrow_down_sub{font-size:2rem;font-weight:500}
h4.white_ttl{font-size:1.6rem;font-weight:500;margin-bottom:0.5em}
h3.under_line{font-size:1.8rem;margin-bottom:.5em;border-bottom:2px solid #FF6600;padding-bottom:.5em}
@media all and (min-width:768px){h2.head01{font-size:3.6rem}
h3.head03{font-size:2.4rem}
h3.under_line{font-size:2.2rem}
.head01_sub{font-size:2rem}
h2.arrow_down span{font-size:3.39vw}
h2.arrow_down span.small{font-size:1.6rem}
p.sub_ttl{padding:0 10px 2em;font-size:1.8rem}
h3.head02{font-size:2.8rem}
h3.head04{font-size:2.8rem}
h4.white_ttl{font-size:2rem}
}@media all and (min-width:1024px){h2.arrow_down span{font-size:3.4rem}
h2.arrow_down span.small{font-size:1.8rem}
p.sub_ttl{padding:0 25px 2em;font-size:1.8rem}
h3.head02{font-size:3rem}
h3.head03{font-size:3rem}
h3.head04{font-size:3rem} 
h3.under_line{font-size:3rem}
h4.white_ttl{font-size:2.6rem}
}

/*========================
SECTION
========================*/
section{margin-bottom: 50px}
@media all and (min-width: 768px) {
section{margin-bottom: 75px}
}
@media all and (min-width: 1024px) {}

/*========================
CAMPAIGN
========================*/
.campaign_wrap{background:#262525;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 auto 15px}
.campaign_ttl{position:relative;background:#FF6600;display:flex;align-items:center;justify-content:flex-start;padding:10px 0 10px 10px;width:52%}
.campaign_course{color:#000;font-weight:700;position:relative;padding-left:5px;text-align:left;white-space:nowrap;line-height:1!important}
.campaign_ttl:after{position:absolute;content:'';right:-16px;bottom:auto;left:auto;width:0;height:0;margin-left:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:16px solid #FF6600;border-right:none}
.campaign_price{padding:0 5px 0 16px;text-align:right;width:calc(100% - 48%)}
.campaign_course .kai{font-size:72%}
.campaign_course .fs{font-size:48%}
.campaign_price .line-through{text-decoration:line-through;color:#000;font-size:2rem}
.campaign_price .line-through .before_price{color:#fff;font-size:2rem}
.campaign_price .yajirushi{font-size:2rem;padding:0 .5em}
.campaign_price{font-size:2rem;font-weight:700}
.campaign_price .yen{font-size:72%;font-weight:500}
.campaign_price .tax{font-size:40%;font-weight:500}
.campaign_price .small{font-size:1.6rem;padding:5px 0}
@media all and (min-width:768px){.campaign_wrap{background:#262525;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 auto 25px}
.campaign_ttl{position:relative;background:#FF6600;display:flex;align-items:center;justify-content:flex-start;padding:10px 0 10px 15px;width:50.65%}
.campaign_ttl:after{position:absolute;content:'';right:-27px;bottom:auto;left:auto;width:0;height:0;margin-left:0;border-top:39px solid transparent;border-bottom:39px solid transparent;border-left:27px solid #FF6600;border-right:none}
.campaign_course{font-size:3.2rem;width:auto}
.campaign_price{padding:0 15px 0 27px;text-align:right;width:calc(100% - 50.68%)}
.campaign_price .line-through{font-size:3rem}
.campaign_price .line-through .before_price{font-size:3rem}
.campaign_price .yajirushi{font-size:3rem;padding:0 1em}
.campaign_price{font-size:4.6rem}
}@media all and (min-width:1024px){.campaign_wrap{}
.campaign_course{font-size:4.8rem}
.campaign_price{font-size:5rem;width:calc(100% - 48.68%)}
.campaign_ttl{width:48.65%}
}.campaign_ttl .circle{position:relative;width:30px;height:30px;background-color:#000;border-radius:50%;text-align:center}
.campaign_ttl .circle-inner{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;color:#fff;font-size:1.4rem;display:flex;justify-content:center;align-content:center;padding-bottom:0!important}
.campaign_ttl .circle-inner img{width:15px}
@media all and (min-width:768px){.campaign_ttl .circle-inner img{width:35px}
.campaign_ttl .circle{width:58px;height:58px}
}
/*========================
CAMPAIGN
========================*/
.cp_wrap{width:100%;background:#262525;min-width:360px;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-bottom:15px}
.cp_ttl{position:relative;background:#FF6600;display:flex;align-items:center;padding:10px;width:100%}
.cp_course{color:#000;font-weight:700;font-size:3rem;position:relative;padding-left:10px;text-align:left;line-height:1}
.cp_ttl:after{position:absolute;content:'';width:0;height:0;bottom:-25px;left:50%;margin-left:-30px;border-top:25px solid #FF6600;border-right:30px solid transparent;border-left:30px solid transparent}
.cp_price{padding:35px 15px 15px;text-align:center;width:100%}
.cp_course .kai{font-size:72%}
.cp_course .fs{font-size:45%}
.cp_price .line-through{text-decoration:line-through;color:#000;font-size:2rem}
.cp_price .line-through .before_price{color:#fff;font-size:2rem}
.cp_price .yajirushi{font-size:2rem;padding:0 .5em}
.cp_price .red{color:#FE1732;font-size:3rem;font-weight:700}
.cp_price .red .yen{font-size:72%;font-weight:500}
.cp_price .red .tax{font-size:40%;font-weight:500;white-space:nowrap}
.cp_price .small{font-size:1.6rem}
@media all and (min-width:768px){.cp_wrap{width:calc(100% - 20px);background:#262525;max-width:1230px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 auto 15px}
.cp_ttl{position:relative;background:#FF6600;display:flex;align-items:center;justify-content:flex-start;padding:10px 0 10px 15px;width:38%}
.cp_ttl:after{position:absolute;content:'';right:-27px;bottom:auto;left:auto;width:0;height:0;margin-left:0;border-top:39px solid transparent;border-bottom:39px solid transparent;border-left:27px solid #FF6600;border-right:none}
.cp_course{font-size:3rem}
.cp_price{padding:0 15px 0 27px;text-align:right;width:calc(100% - 38%)}
.cp_price .line-through{font-size:2.8rem}
.cp_price .line-through .before_price{font-size:2.8rem}
.cp_price .yajirushi{font-size:3rem;padding:0 .5em}
.cp_price .red{font-size:3.6rem}
}.cp_ttl .circle{width:58px;height:58px;background-color:#000;border-radius:50%;text-align:center}
.cp_ttl .circle-inner{width:58px;height:58px;padding:0;margin:0;display:flex;justify-content:center;align-items:center}
.cp_ttl .circle-inner img{width:35px}
@media all and (min-width:1024px){.cp_wrap{flex-direction:row;display:flex;align-items:center;justify-content:flex-start;max-width:1230px;margin:0 auto 15px}
.cp_ttl:after{position:absolute;content:'';right:-26.8px;bottom:auto;left:auto;width:0;height:0;margin-left:0;border-top:39px solid transparent;border-bottom:39px solid transparent;border-left:27px solid #FF6600;border-right:none}
.cp_course{font-size:4rem}
.cp_ttl{position:relative;background:#FF6600;display:flex;align-items:center;justify-content:flex-start;padding:10px 0 10px 15px;width:50%}
.cp_price .line-through{font-size:3rem}
.cp_price .line-through .before_price{font-size:3rem}
.cp_price .yajirushi{font-size:3rem;padding:0 .5em}
.cp_price .red{font-size:4rem}
.cp_price{width:50%;text-align:right}
}
/*========================
LIST
========================*/
.note_list ul{display:flex;flex-direction:column;width:calc(100% - 10px);padding:0 5px;margin:0 auto 50px}
.note_list ul li{text-align:left;font-size:1.2rem}
@media all and (min-width:768px){.note_list ul{width:calc(100% - 15px);max-width:1230px;padding:0 5px;margin:0 auto 50px}
.note_list ul li{font-size:1.6rem}
}
/*========================
BANNER
========================*/

.banner{width:calc(100% - 20px);max-width:1020px;margin:0 auto;display:flex;flex-direction: column; align-content:center;text-align:center;margin-bottom:50px}
.banner img{width:100%}
@media all and (min-width:768px){.banner{padding:0 10px}
}
/*========================
CREDIT CARD
========================*/
.credit_banner{display:flex;flex-direction:column;padding:10px;background:#262525;width:calc(100% - 20px);margin:0 10px}
.credit_inner{display:flex;align-items:center;justify-content:space-between}
.credit_inner .circle{z-index:2;position:relative;width:80px;height:80px;background-color:#FE1732;border-radius:50%;text-align:center}
.credit_inner .circle p.circle-inner{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;color:#fff;font-size:1.2rem;font-weight:500;text-align:center}
.credit_inner .circle p.circle-inner span{font-size:1.0rem}
.credit_inner .price{font-size:5.4rem;font-weight:900;display:flex;align-items:center;white-space:nowrap;letter-spacing:-2px}
.credit_inner .price .mounth{font-size:30%;font-weight:500;letter-spacing:0}
.credit_inner .price .tax{font-size:30%;font-weight:500;padding-top:15px;letter-spacing:0px}
.credit_banner p{text-align:left;padding:10px 0;font-size:1.6rem;font-weight:500}
.credit_card{background:#fff;display:flex;align-items:center;justify-content:center;padding:10px}
.credit_card img{padding:0 2.5px;height:30px}
@media all and (min-width:768px){.credit_banner{max-width:780px;padding:25px;margin:0 auto}
.credit_inner .circle{width:150px;height:150px}
.credit_inner .circle p.circle-inner{font-size:2.4rem}
.credit_inner .circle p.circle-inner span{font-size:2rem}
.credit_inner .price{font-size:12rem;letter-spacing:-3px}
.credit_banner p{font-size:2rem}
.credit_card{justify-content:space-between;padding:10px 15px}
.credit_card img{padding:0 10px;height:60px}
}@media all and (min-width:1025px){.credit_banner{max-width:1000px}
.credit_inner .circle{width:210px;height:210px}
.credit_inner .circle p.circle-inner{font-size:3.4rem}
.credit_inner .circle p.circle-inner span{font-size:2.8rem}
.credit_inner .price{font-size:16rem}
.credit_banner p{font-size:2rem}
.credit_card img{padding:0 10px;height:80px}
}
 /*========================
FACILITY SLIDER
========================*/
.facility_slider{margin:0 auto;width:100%;overflow:hidden}
.facility_slider .slider-img a{position:relative;display:flex;align-content:center}
.facility_slider .slider-img img{height:auto;width:100%;max-width:150px;backface-visibility:hidden;z-index:1}
.facility_slider .slider-img p{position:absolute;bottom:10px;left:0;z-index:2;width:100%;color:#fff;font-weight:500;text-align:center;text-shadow:0 0 3px rgb(0,0,0,0.8);padding-bottom:0!important}
@media all and (min-width:768px){.facility_slider .slider-img img{max-width:280px}
}

/*========================
YOUTUBE
========================*/
.youtube_wrap{padding:35px 10px;max-width:800px;margin:0 auto;width:100%;aspect-ratio:16/9}
.youtube_wrap iframe{width:100%;height:100%}
/*========================
TRAINERS
========================*/
.trainer_list{max-width:1280px;margin:0 auto 30px}
.trainer_list ul{}
.trainer_list ul li{text-align:left;width:calc(100% - 50px);margin:0 25px;padding-bottom:30px}
.trainer_photo{width:100%;position:relative;overflow:hidden}
.trainer_photo img{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:.3s ease-in-out}
.trainer_list ul li:hover .trainer_photo img{transform:scale(1.2);filter:grayscale(90%);z-index:1}
.trainer_name{border-bottom:2px solid #FF6600;margin-bottom:5px;display:block;width:100%;line-height:2em;font-size:2rem}
/*========================
HALF_WRAP
========================*/
.half_wrap{max-width: 1280px;margin: 0 auto;display: flex;padding: 30px 0}
.half_left{background: url("../img/recommend02_sp.jpg")no-repeat top center;width: 50%;
	background-size: cover;display: flex;justify-content: center;align-items: center;aspect-ratio: 3/2;}
.half_right{background: url("../img/recommend01_sp.jpg") no-repeat top center;
	background-size: cover;display: flex;justify-content: center;align-items: center;width: 50%;aspect-ratio: 3/2;}

@media all and (min-width: 768px) {
	.half_left{background: url("../img/recommend02.jpg")no-repeat top center;
	background-size: cover;display: flex;justify-content: center;align-items: center;aspect-ratio: 3/2;}
	.half_right{background: url("../img/recommend01.jpg") no-repeat top center;background-size: cover;display: flex;justify-content: center;align-items: center;width: 50%;aspect-ratio: 3/2;}
	
}
/*========================
入力金無料
========================*/

.card_wrap{max-width:1280px;/*margin:0 2%;*/display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.card{display:block;background:#262525;width:60%;cursor:pointer;margin-bottom:0px}
/*.card:nth-child(1){margin-right:0.5%}
.card:nth-child(2){margin-left:0.5%}
.card:nth-child(3){margin-right:0.5%;margin-left:0.5%}*/
.card_arrow{fill:#FF6600;}
.upper{padding:15px 0px 0px}
.lower{padding:10px 0px 40px;background-color:#262525}
.card .upper h3{text-align:center;padding:0 10px;font-size:4.8vw;line-height:1.2;font-weight:700;height:7em;display:flex;flex-direction:column;justify-content:center}
.card_icon_wrap{text-align:center}
.card_icon{display:inline-block;font-size:0px;margin:5px 30px 0;width:90px;height:90px;border-radius:50%;text-align:center;position:relative;z-index:10;color:#262525;box-shadow:0 0 0 3px #fff;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}
.card_icon:before{content:"無料";font-weight:700;font-size:6.4vw;line-height:90px;color:#262525;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
.card:nth-child(2) .card_icon:before{content:"無料"}
.card:nth-child(3) .card_icon:before{content:"無料"}
/*.card:nth-child(4){border:1px solid #FE1732;box-shadow:0 0 8px #FE1732}*/
.card:nth-child(4) .card_icon:before{content:"無料";}
.card:nth-child(5) .card_icon:before{content:"無料";}
/*.card:nth-child(4) .card_arrow{fill:#FE1732}*/
.card_icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:-1;top:-2px;left:-2px;padding:2px;background:#fff;-webkit-transition:-webkit-transform 0.2s,opacity 0.2s;-moz-transition:-moz-transform 0.2s,opacity 0.2s;transition:transform 0.2s,opacity 0.2s;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}
.card:hover .card_icon{color:#000}
.card:hover .card_icon:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.card .lower .card_price{text-align:center;padding:0 10px 10px;font-size:4.8vw;font-weight:700;line-height:1.3}
.card .lower .card_price .small{font-size: 70%}
.card .lower .card_text{text-align:center;padding:0 10px;font-size:3.2vw;height:3em}
@media all and (min-width:768px){.upper{padding:25px 0px 0px}
.lower{padding:10px 0px 30px}
.card_wrap{max-width:1280px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap: 10px;}
.card {
	 width: 49%;/*2列の時*/
    /*width: 23.2421875%;*//*//4列の時*/
	/* width: 32%;*//*/3列の時*/
  }
.card:nth-child(1){margin-right: 0}
.card:nth-child(2){margin-left:0}
.card:nth-child(3){margin-right: 0;margin-left:0}
.card .upper h3 {
 /*font-size: 2.34vw;*//*３列*/
/*font-size: 36px;*/
	font-size: 2.4rem;
 padding: 0 10px;}
.card_icon:before{font-size:36px;line-height:150px}
.card .lower .card_price{font-size:32px;padding:0 10px 15px}
.card .lower .card_text{font-size:1.6rem;padding:0 10px;height:4em}
.card_icon{width:150px;height:150px}
}
@media all and (min-width: 1025px) {
.card_wrap{max-width:1280px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap: 20px;}
.card {
/*width: 23.2421875%;*//*//4列の時*/
/*width: 32%;*//*/3列の時*/
width: 49%;/*２列*/
}
.card .upper h3 {
/*font-size: 2.4rem;*//*３列*/
font-size: 2.8rem;
 padding: 0 15px;
}
.card_icon:before{font-size:48px}
.card .lower .card_price{font-size:32px;padding:0 15px 15px}
.card .lower .card_text{font-size:1.6rem;padding:0 15px}
}
/*========================
COURSE_NAV
========================*/
.course_nav{max-width: 1230px; margin: 0 auto; padding: 0 10px}
.course_nav ul{
display: flex;
  flex-wrap: wrap;
  align-items: flex-start;margin-bottom: 30px
}
.course_nav ul li{display: flex;
  flex-direction: column;
  width: calc(33.333% - 10px);margin: 5px}
.course_nav ul li a{background:#262525;display: flex;flex-direction: column;justify-content: center; align-content: center;aspect-ratio: 1 / 1;}
.course_nav ul li a span{height: 2.8em;font-size: 1.2rem}
.course_nav ul li a .arrow_down{ margin: 0 auto;height: 30px;}
.course_nav ul li a img{width: 30px;transition: all 0.3s ease-out;}
.course_nav ul li a:hover img{padding-top: 10px;}
.course_nav ul li a svg{width: 30px;transition: all 0.3s ease-out;}
.course_nav ul li a:hover svg{padding-top: 10px;}

@media all and (min-width: 768px) {
.course_nav{max-width: 1230px; margin: 0 auto; padding: 0 10px}
.course_nav ul li a img{width: 40px;}
.course_nav ul li a svg{width: 40px;}
.course_nav ul li{width: calc(20% - 10px);margin: 5px}
.course_nav ul li a span{font-size: 1.6rem}
.course_nav ul li a .arrow_down{ margin: 0 auto;height: 50px;}
}
@media all and (min-width: 1025px) {
.course_nav{max-width: 1230px; margin: 0 auto;}
.course_nav ul li a span{font-size: 2rem}
}
/*========================
COURSE_PRICE BOX
========================*/

.course_price_wrap{max-width: 1230px; margin: 0 auto; padding: 0 10px}
.course_price_wrap ul{display: flex; flex-wrap: wrap;margin-bottom: 30px}
.course_price_wrap ul li{display: flex;flex-direction: column; background:#262525;}
.course_price_wrap ul li{width:100%; padding: 15px;margin-bottom: 15px;}
.course_price_wrap ul li h3{ border-bottom:3px solid #FF6600;margin-bottom: 15px;font-size: 3rem;padding-bottom: 10px}
.course_price_wrap ul li p{margin-bottom: 15px;flex-grow: 1;font-size: 2rem}
.course_price_wrap ul li .course_price{display: flex;align-items: center;justify-content: center;background:#FF6600;border-radius: 50vh;color:#000 ;margin-bottom: 5px;font-size: 3rem;padding: 2px;width: 100%;font-weight:700;white-space: nowrap}
.course_price_wrap ul li .course_price .tax{font-size: 50%;white-space: nowrap}
.course_price_wrap ul li .course_price .yen{font-size: 75%}
@media all and (min-width: 768px) {
.course_price_wrap{max-width: 1230px; margin: 0 auto; padding: 0 10px}
.course_price_wrap ul{}
.course_price_wrap ul li{width: calc(100% / 3 - 10px);margin: 5px; }
.course_price_wrap ul li h3{font-size: 2.2rem;}
.course_price_wrap ul li .course_price{font-size:2.4rem;}
}
@media all and (min-width: 1025px) {
.course_price_wrap{max-width: 1280px; margin: 0 auto;}
.course_price_wrap ul{justify-content: center}
.course_price_wrap ul li{width:calc(100% / 3 - 50px);margin:25px}
.course_price_wrap ul li h3{font-size: 3rem;}
.course_price_wrap ul li .course_price{font-size: 3.2rem;}
}
.course_price_wrap ul.price_svg{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; margin-bottom: 35px}
.flexcenter{justify-content: center!important}
.course_price_wrap ul.price_svg li{width:calc(100% / 3 - 5px);padding:0px;margin:0 0 10px 0}
.course_price_wrap ul.price_svg li.one{width:calc(100% / 3 - 5px);padding:0px;margin:0 auto 10px}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg{flex-direction: row;margin-bottom: 55px}
.course_price_wrap ul.price_svg li{width:calc(100% / 3 - 10px);margin:0 0 20px 0}
.course_price_wrap ul.price_svg li.one{width:calc(100% / 3 - 5px);margin:0 auto 20px}
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg{flex-direction: row;margin-bottom: 75px}
.course_price_wrap ul.price_svg li{width:calc(100% / 3 - 20px);margin:0 0 40px 0}
.course_price_wrap ul.price_svg li.one{width:calc(100% / 3 - 20px);margin:0 auto 40px}
}
/*half*/
.course_price_wrap ul.price_svg_half{display:flex;flex-direction: row;justify-content: center;flex-wrap: wrap; margin-bottom: 35px}
.course_price_wrap ul.price_svg_half li{width:50%;padding:0px;margin:0 0 10px 0}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg_half{flex-direction: row;margin-bottom: 55px}
.course_price_wrap ul.price_svg_half li{width:calc(100% / 3 - 10px);margin:0 0 20px 0}	
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg_half{flex-direction: row;margin-bottom: 75px}
.course_price_wrap ul.price_svg_half li{width:calc(100% / 3 - 20px);margin:0 0 40px 0}		
}
/*1列*/
.course_price_wrap ul.price_svg01{display:flex;flex-direction: row;justify-content: center;flex-wrap: wrap; margin-bottom: 35px}
.course_price_wrap ul.price_svg01 li{width:/*calc(100% / 3 - 5px)*/100%;padding:0px;margin:0 0 10px 0}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg01{flex-direction: row;margin-bottom: 55px}
.course_price_wrap ul.price_svg01 li{width:calc(100% / 3 - 10px);margin:0 0 20px 0}	
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg01{flex-direction: row;margin-bottom: 75px}
.course_price_wrap ul.price_svg01 li{width:calc(100% / 3 - 20px);margin:0 0 40px 0}		
}
/*2列*/
.course_price_wrap ul.price_svg02{display:flex;flex-direction: row;justify-content:center;flex-wrap: wrap; margin-bottom: 35px;gap:10px}
.course_price_wrap ul.price_svg02 li{width:calc(100% / 2 - 10px);padding:0px;margin:0 0 10px 0}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg02{flex-direction: row;margin-bottom: 55px;gap:20px}
.course_price_wrap ul.price_svg02 li{width:calc(100% / 3 - 20px);margin:0 0 20px 0}	
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg02{flex-direction: row;margin-bottom: 75px;gap:20px}
.course_price_wrap ul.price_svg02 li{width:calc(100% / 3 - 20px);margin:0 0 40px 0}		
}
/*3列*/
.course_price_wrap ul.price_svg03{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; margin-bottom: 35px}
.course_price_wrap ul.price_svg03 li{width:calc(100% / 2 - 5px);padding:0px;margin:0 0 10px 0}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg03{flex-direction: row;margin-bottom: 55px}
.course_price_wrap ul.price_svg li{width:calc(100% / 3 - 10px);margin:0 0 20px 0}	
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg03{flex-direction: row;margin-bottom: 75px}
.course_price_wrap ul.price_svg03 li{width:calc(100% / 3 - 20px);margin:0 0 40px 0}		
}
/*4列*/
.course_price_wrap ul.price_svg04{display:flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; margin-bottom: 35px}

.course_price_wrap ul.price_svg04 li{width:calc(100% / 2 - 5px);padding:0px;margin:0 0 10px 0}
@media all and (min-width:768px){
.course_price_wrap ul.price_svg04{flex-direction: row;margin-bottom: 55px}
.course_price_wrap ul.price_svg li{width:calc(100% / 4 - 10px);margin:0 0 20px 0}	
}
@media all and (min-width:1025px){
.course_price_wrap ul.price_svg04{flex-direction: row;margin-bottom: 75px}
.course_price_wrap ul.price_svg04 li{width:calc(100% / 4 - 20px);margin:0 0 40px 0}		
}
/*========================
PLAN
========================*/

.plan_wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;max-width:768px;padding:0 15px;margin:0 auto 75px}
.plan_photo{position:relative;overflow:hidden}
.plan_photo img{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:.3s ease-in-out}
.plan_wrap:hover .plan_photo img{transform:scale(1.2);filter:grayscale(90%);z-index:1}
.plan_wrap .circle{z-index:2;position:absolute;width:60px;height:60px;top:-30px;background-color:#FE1732;border-radius:50%;text-align:center}
.plan_wrap .circle-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;color:#fff;font-size:1.2rem;font-weight:500;width:100%;padding-bottom:0!important}
.plan_detail{text-align: left;display: flex; flex-direction: column}
.plan_detail h3{ border-bottom: 2px solid #FF6600;line-height: 1.6;font-size: 2.6rem; margin-bottom: 10px}
.plan_detail p.plan_ttl{font-size:2rem; margin-bottom: 5px}
.plan_detail p.normal{padding-bottom:.5em;flex-grow: 1;font-size: 1.4rem}
.course_detail{color:#000;line-height: 1.8; background:#FF6600; display: inline-block;padding: 0 5px; font-weight: 500;width:7.5em;clip-path: polygon(0 0,85% 0, 100% 100%, 0% 100%);margin: 5px 0;transition: .3s ease-in-out;}
.plan_detail li{font-size: 1.4rem; }
.plan_detail li .small{font-size: 80%}
.plan_wrap:hover .course_detail{width:8em;}
.plan_wrap .quality{display: flex;margin-bottom: 10px;}
.plan_wrap .quality li{padding: 10px;margin-right: 5px; background:#FF6600;color: #000; text-align: center; font-weight: 500;}
@media all and (min-width: 768px) {
.plan_wrap{display: flex; flex-direction: row; justify-content: space-between;max-width: 1280px;padding: 0 10px;}
.plan_photo{ margin-right: 10px;width: calc(50% - 10px);}
.plan_detail{margin-left: 10px;width: calc(50% - 10px);}
.plan_detail h3{font-size: 2.8rem;}
.plan_detail p.plan_ttl{font-size: 2.2rem;}
.plan_wrap .circle{    width: 80px;
    height: 80px;top:-40px; }
.plan_wrap .circle-inner{font-size: 1.4rem; }
}
@media all and (min-width: 1025px) {
.plan_wrap{display: flex; flex-direction: row; justify-content: space-between;max-width: 1280px;padding: 0 25px;}
.plan_photo{ margin-right: 25px;width: calc(50% - 25px);}
.plan_detail{margin-left: 25px;width: calc(50% - 25px);}
.plan_detail h3{font-size: 3.4rem;}
.plan_detail p.plan_ttl{font-size: 2.6rem;font-weight: 500;}
.plan_detail p.normal{font-size: 1.6rem}
.plan_detail li{font-size: 1.6rem; }
}
/*========================
FLOW
========================*/

.flow_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;max-width:1280px;margin:0 auto}
.flow_wrap li{width:calc(100% - 30px);margin:15px 15px 30px;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}
.flow_wrap li:not(:last-child)::after{position:absolute;font-family:"Font Awesome 5 Free";content:'\f078';font-weight:900;color:#FF6600;bottom:-45px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);font-size:2.4em}
.flow_icon_circle{position:relative;width:250px;height:250px;background-color:#262525;border-radius:50%;text-align:center;z-index:1;margin:0 auto 15px}
.flow_wrap li .text{display:flex;justify-content:center;align-items:center;flex-direction:column;height:2.8em}
.flow_icon_circle::after{top:-7px;left:-7px;padding:7px;box-shadow:0 0 0 4px #FF6600;-webkit-transition:-webkit-transform 0.2s,opacity 0.2s;-webkit-transform:scale(.8);-moz-transition:-moz-transform 0.2s,opacity 0.2s;-moz-transform:scale(.8);-ms-transform:scale(.8);transition:transform 0.2s,opacity 0.2s;transform:scale(.8);opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.flow_wrap li:hover .flow_icon_circle::after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.flow_icon_circle img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;width:60%}
@media all and (min-width:768px){.flow_wrap{flex-wrap:nowrap}
.flow_wrap li{width:calc(25% - 30px)}
.flow_wrap li:not(:last-child)::after{position:absolute;font-family:"Font Awesome 5 Free";content:'\f054';font-weight:900;color:#FF6600;top:35%;bottom:auto;left:auto;transform:translateY(-35%);-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);right:-28px;font-size:2.4em}
.flow_icon_circle{width:150px;height:150px}
.flow_wrap li p{font-size:1.6rem}
}@media all and (min-width:1025px){.flow_wrap li{width:calc(25% - 50px)}
.flow_wrap li:not(:last-child)::after{top:38%;right:-40px;font-size:2.4em}
.flow_icon_circle{width:250px;height:250px}
}
/*========================
PLAN02
========================*/
.plan_wrap02{padding:0 15px}
.plan_inner{display:flex;flex-wrap:wrap;align-items:stretch}
.plan_basic,.plan_personal,.plan_bodymake,.plan_annual,.plan_option{width:100%;overflow:hidden;position:relative;margin-bottom:15px}
.plan_basic img,.plan_personal img,.plan_bodymake img,.plan_annual img,.plan_option img{object-fit:cover;width:100%;height:100%;transition:.3s ease-in-out;overflow:hidden}
.plan_basic img,.plan_personal img,.plan_bodymake img,.plan_annual img,.plan_option img{}
.plan_inner a:hover img{transform:scale(1.2);filter:grayscale(90%)}
.plan_inner a::before{content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);width:100%;height:50%;opacity:0;position:absolute;top:100%;left:0;z-index:2;transition-property:top,opacity;transition-duration:0.3s}
.right-bottom{object-position:100% 100%}
.right-center{object-position:100% 50%}
.plan_inner .title{font-family:'Noto Serif JP',serif;font-weight:700;text-align:left;color:#FFF;line-height:1.3;font-size:2.6rem;text-shadow:0 0 3px rgb(0,0,0,1);position:absolute;top:45%;left:0;padding-left:20px;z-index:10}
.plan_inner .title p{font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;font-size:1.8rem;font-weight:500}
.plan_inner .details{font-size:1.8rem;padding:20px;color:#fff;position:absolute;bottom:0;left:0px;z-index:3;width:100%}
.plan_inner .details span{display:block;opacity:0;position:relative;top:100px;transition-property:top,opacity;transition-duration:0.3s;transition-delay:0s}
.plan_inner .details .info{line-height:1.2;margin-top:5px;font-size:1.8rem;text-align:right;display:inline-flex;align-items:center;float:right}
.plan_inner .details .info img{width:14px;margin-left:10px}
.plan_inner a:focus:before,.plan_inner a:focus .info,.plan_inner a:hover:before,.plan_inner a:hover .info{opacity:1}
.plan_inner a:focus:before,.plan_inner a:hover:before{top:50%}
.plan_inner a:focus .info,.plan_inner a:hover .info{top:0}
.plan_inner a:focus .title,.plan_inner a:hover .title{transition-delay:0.15s}
.plan_inner a:focus .info,.plan_inner a:hover .info{transition-delay:0.25s}
@media all and (min-width:768px){.plan_wrap02{max-width:1280px;margin:0 auto;padding:0}
.plan_basic,.plan_personal,.plan_bodymake,.plan_annual,.plan_option{margin-bottom:0}
.plan_basic{width:50%}
.plan_personal{width:50%}
.plan_bodymake{width:50%}
.plan_annual{width:50%}
.plan_option{width:50%}
.plan_inner .title{font-size:2rem}
.plan_inner .title p{font-size:1.4rem}
}@media all and (min-width:1025px){.plan_wrap02{max-width:1280px;margin:0 auto;padding:0}
.plan_inner .title{font-size:2.6rem}
.plan_inner .title p{font-size:1.8rem}
}

/*========================
ACCORDION
========================*/
.accordion{ padding: 0 10px;margin: 0 auto 75px;}
.toggle{display:none}
.Label{display:flex;align-items:center;color:#fff;background:#262525;height:50px;padding-right:50px;padding-left:60px;position:relative;text-align:left;cursor:pointer}
.Label::before{content:'\f105';font-weight:900;width:20px;height:20px;font-family:"Font Awesome 5 Free";color:#FF6600;font-size:3rem;position:absolute;top:5px;right:20px;transition:0.3s}
.Label span{background:#FF6600;color:#0C0C0C;height:100%;width:50px;display:flex;justify-content:center;align-content:center;line-height:50px;margin-right:15px;position:absolute;left:0px;font-weight:700;font-size:2.4rem}
.Label,.answer{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all 0.3s}
.answer{height:0;margin-bottom:10px;padding:0 20px;overflow:hidden}
.answer p{text-align:left;position:relative;padding-left:30px}
.answer p span{position:absolute;color:#FF6600;font-weight:700;top:0;left:0;font-size:2.4rem}
.toggle:checked + .Label + .answer{height:auto;padding:20px;transition:all .3s}
.toggle:checked + .Label::before{transform:rotate(90deg) !important;top:15px;right:10px;transition:0.2s}
@media all and (min-width:768px){.accordion{max-width:1230px;margin:0 auto 75px;padding:0 10px}
.Label{font-size:2rem}
}@media all and (min-width:1025px){.accordion{max-width:1280px;margin:0 auto 75px;padding:0 25px}
}
/*========================
VOICE TABLE
========================*/
.voice_table_wrap{padding: 0 10px;display: flex;flex-direction: column;margin: 0 auto 75px;}
.voice_table{display: flex;flex-direction: column;margin-bottom: 30px}
.voice_table table{  text-align: center;color: black;margin-bottom: 10px;}
.voice_table table th, .voice_table table td {
  border: solid 1px #707070;padding: .5em 1em;font-size: 2rem}
.voice_table table td {background: #fff;font-weight: 500}
.voice_table table th{background: #E1E1E1;font-weight: 700}
.voice_table table tr:last-child th,.voice_table table tr:last-child td{background:#FF6600;font-weight: 700 }
.voice_profile{display: flex;align-items: center;padding: 5px 0}
.voice_icon{width: 15%;max-width: 100px;}
.voice_icon img{width:100%}
.voice_profile_detail{flex-grow: 1;font-size: 2rem;text-align: left;padding-left: 10px}
.voice_profile_detail span{font-size: 75%}
.voice_table p{text-align: left;font-size: 1.4rem}
@media all and (min-width: 768px) {
.voice_table_wrap{max-width: 1280px;flex-direction: row;padding: 0 }
 .voice_table{ margin: 10px;width: calc(50% - 20px);}
 .voice_table table th, .voice_table table td {
  font-size: 2.2rem}
  .voice_profile_detail{font-size: 2.4rem;}
}
 @media all and (min-width: 1025px) {
 .voice_table_wrap{max-width: 1280px; padding: 0;}
 .voice_table{ margin: 25px;width: calc(50% - 50px);}
  .voice_table table th, .voice_table table td {
  font-size: 2.4rem}
    .voice_profile_detail{font-size: 2.8rem;}
 }
 /*========================
BEFORE AFTER
========================*/
.before_after_wrap{max-width:1230px;margin:0 auto;padding:0 10px;display:flex;flex-direction:column}
.before_after{width:100%;position:relative;background:url("../img/before_after_bg_mituke.svg")no-repeat center center;background-size:cover;padding-top:47.15%;margin-bottom:75px}
.before_after:last-child{margin-bottom:75px}
.before_photo{position:absolute;left:3%;bottom:0;width:auto;height:90%;z-index:2}
.after_photo{position:absolute;right:3%;bottom:0;width:auto;height:90%;z-index:2}
.before_after_text{display:flex;justify-content:space-between;width:100%;height:100%;position:absolute;padding:5px 10px;top:0}
.before_after_text p{font-weight:700;font-size:1.0rem;line-height:1.2;text-shadow:0 0 3px rgb(0,0,0,0.8);padding-bottom:5px;text-align:center}
.before_ttl{z-index:1;display:flex;align-items:flex-start;font-size:1.8rem;font-weight:700;color:#000;white-space:nowrap}
.after_ttl{z-index:1;display:flex;align-items:flex-start;font-size:1.8rem;font-weight:700;white-space:nowrap}
.before_after_center{display:flex;flex-direction:column;justify-content:center;font-size:2rem;z-index:2;width:50%}
.before_after_center dl{display:flex;flex-wrap:wrap;width:100%;margin:0 auto 5px;padding:5px;background:#000;font-size:1.0rem}
.before_after_center dl dt{width:33%;text-align:right}
.before_after_center dl dd{width:67%;padding-left:1em;text-align:left}
.report_btn{border:2px solid #FF6600;padding:.5em 1em;background:#000}
@media all and (min-width:768px){.before_after_wrap{padding:0 10px}
.before_photo{left:10%;height:98%}
.after_photo{right:10%;height:98%}
.before_after_text{padding:5px 10px}
.before_after_text p{font-size:2.4rem}
.before_after_center dl{font-size:1.8rem;width:75%}
.before_ttl,.after_ttl{font-size:3rem}
}@media all and (min-width:1024px){.before_after_wrap{padding:0}
.before_photo{left:12%;height:100%}
.after_photo{right:12%;height:100%}
.before_after_text{padding:10px 25px}
.before_after_text p{font-size:2.4rem}
.before_after_center dl{font-size:2.4rem;margin:10px auto}
.before_ttl,.after_ttl{font-size:5rem}
}
  /*========================
MAP
========================*/
.access_map{max-width:768px;padding: 0 15px; margin: 0 auto 35px;}
@media all and (min-width: 768px) {
.access_map{max-width: 1280px;padding: 0 10px; margin: 0 auto 50px;}
}
@media all and (min-width: 1025px) {
.access_map{max-width: 1280px;padding: 0 25px; margin: 0 auto 50px;}
}
.access_map iframe {
  width: 100%;
  aspect-ratio: 16/9; 
}

/*========================
scroll_up ｜下から上へ出現
========================*/

.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.scroll_up.on {
  transform: translateY(0);
  opacity: 1;
}

/*========================
scroll_left ｜左から出現
========================*/
.scroll_left {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.scroll_left.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}

/*========================
scroll_right ｜右から出現
========================*/
.scroll_right {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.scroll_right.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}


/*========================
PAGE_TOP
========================*/

#page-top{position:fixed;bottom:68px;right:10px;font-size:14px;line-height:1;z-index:99}
#page-top a{background:#FF6600;color:#000;width:40px;height:40px;text-align:center;display:flex;justify-content:center;align-content:center;flex-direction:column;border-radius:100%;opacity:0.9;transition:all .3s ease}
#page-top a i{font-size:2rem}
#page-top a:hover{text-decoration:none;opacity:.5}
@media all and (min-width:768px){#page-top{bottom:20px;right:20px}
#page-top a{width:60px;height:60px}
#page-top a i{font-size:3rem}
}
/*========================
BREADCRUMB
========================*/
.breadcrumb{margin:0;padding:0;list-style:none}
.breadcrumb li{display:inline;list-style:none;font-weight:bold}
.breadcrumb li:after{content:'>';padding:0 0.2em}
.breadcrumb li:last-child:after{content:''}
.breadcrumb li a{text-decoration:none}
.campaign{text-align:center;margin-bottom:50px}
.campaign .campaign_img{margin:0 2%}
.campaign_img img{width:100%}
@media all and (min-width:768px){.campaign_img{max-width:780px;width:calc(100% - 20px);margin:0 auto!important}
}@media (min-width:1025px){.campaign_img{max-width:1000px;margin:0 auto!important}
.campaign{margin-bottom:75px}
}
/*========================
FLYER
========================*/
.flyer{width:calc(100% - 20px);max-width:1020px;margin:0 auto;display:flex;align-content:center;text-align:center;margin-bottom:50px}
.flyer img{width:100%}
@media all and (min-width:768px){
.flyer{padding:0 10px}	
}
.course_price_wrap .flyer{margin-bottom:15px}
@media all and (min-width:768px){
.course_price_wrap .flyer{margin-bottom:50px}	
}
.fukidashi{margin:20px auto;display:flex;justify-content:center}
.fukidashi dt{position:relative;color:#000;font-weight:bold;float:left;clear:both;padding:10px 15px}
.fukidashi dd{padding:10px 30px;display:inline-block;background-color:#fff;margin:0;font-weight:bold;color: #000;text-align: left}
.fukidashi dt::after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-width:10px;margin-top:-10px}
.fukidashi dt{padding:25px 15px;background-color:#FF6600}
.fukidashi dt::after{border-left-color:#FF6600}
.fukidashi dd{border:3px solid #FF6600}
@media only screen and (max-width:600px){.fukidashi{flex-direction:column}
.fukidashi dt{text-align:center;float:none;padding:10px 15px !important}
.fukidashi dt::after{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:20px solid transparent;border-top:20px solid #FF6600}
.fukidashi dd{display:block;padding:15px 20px 10px}
}

table.table01{width:calc(100% - 50px);border-right:#000 solid 5px;border-collapse:collapse;margin: 25px 25px 50px 25px;}
table.table01 thead th{background:#FF6600;color:#000;padding:10px 15px;border-right:#000 solid 5px;border-bottom:#000 solid 5px;vertical-align:middle;font-size:2.2rem;font-weight:700}
table.table01 thead th:last-child{border-right:#000 solid 3px}
table.table01 tbody th{background:#FF6600;color:#000;padding:10px 15px;border-left:#000 solid 5px;border-bottom:#000 solid 5px;font-weight:700;vertical-align:middle;font-size:2.4rem}
table.table01 thead th:first-child{border-left:#000 solid 5px}
table.table01 tbody tr:last-child th{border-bottom:#000 solid 5px}
table.table01 tbody tr td:first-of-type p{font-size:2.2rem!important }
table.table01 tbody td{background:#FFF;padding:10px 15px;border-left:#000 solid 5px;border-bottom:#000 solid 5px;color:#000;vertical-align:middle}
table.table01 tbody td p{padding-bottom:0;text-align:left;font-size:2.8rem;font-weight:700}
table.table01 tbody td p .tax{font-size:65%;font-weight:500;padding-left: 0.5em}
table.table01 .small{font-size:70%;color:#666!important}

@media screen and (max-width:1020px){
table.table01{margin: 0px 0px 25px 0px;width: 100%;}
table.table01 thead th,table.table01 tbody th{font-size:2rem}
table.table01 tbody td p{font-size:2.2rem}
table.table01 tbody td p .tax{padding-left: 0}
}
@media screen and (max-width:640px){
table.table01 thead{display:none}
table.table01 tbody th{display:block;border-bottom: 1px solid #000;}
table.table01 tbody tr:last-child th{}
table.table01 tbody td{display:block}
table.table01 tbody tr td{border-bottom: 1px solid #000;}
table.table01 tbody tr td:last-of-type{border-bottom: 15px solid #000;}
table.table01 tbody td::before{content:attr(label);float:left;clear:both;font-weight:700;padding-top:5px}
table.table01 tbody td p{padding-left:5em;font-size:2.2rem}
table.table01 tbody td p .tax{padding-left: 0.5em}
}
.price_option{padding:15px;margin-bottom:2rem;background:#262525;}
.price_option h4{border-bottom:3px solid #FF6600;padding-bottom:.5rem;font-size:3.4rem;font-weight:700;margin-bottom:2rem;}
.price_option dl{display:flex;flex-direction: row; flex-wrap:wrap;justify-content:space-between;font-size:1.8rem;padding: 5px 0;margin-bottom:2rem;}
.price_option dl dt{text-align:left}
.price_option dl dd{text-align:right;flex: 1;white-space: nowrap}
.price_option dl span{font-size:80%}
.price_option p{text-align: left;font-size:1.6rem;}
@media (min-width:768px){
.price_option{padding:25px;}
.price_option dl{display:flex;flex-direction: row; justify-content:space-between;align-items:center;font-size:3rem}
.price_option dl dt{width:60%;}
.price_option dl dd{font-size:3.2rem;width:40%;}
.price_option p{font-size:2rem}
}
@media (min-width: 1024px){
.price_option{margin: 25px 25px 50px}
}

/*料金アコーディオン*/
.accordion-001{padding:0 10px;margin:0 auto }
.accordion-001:not([open]){margin-bottom:15px}
.accordion-001 summary{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1em 2em;background-color:#000;border:2px solid #FF6600;font-weight:600;cursor:pointer;color: #FF6600;font-size: clamp(1.625rem, 1.352rem + 1.36vw, 2.375rem)}
.accordion-001 summary::-webkit-details-marker{display:none}
.accordion-001 summary::before,.accordion-001 summary::after{width:3px;height:1em;border-radius:5px;background-color:#FF6600;content:''}
.accordion-001 summary::before{position:absolute;right:2em;rotate:90deg}
.accordion-001 summary::after{transition:rotate .3s}
.accordion-001[open] summary::after{rotate:90deg}
.accordion-001 .accordion-detail{transform:translateY(-10px);opacity:0;margin:0;padding:2em 0em 0em 0em;transition:transform .5s,opacity .5s}
.accordion-001[open] .accordion-detail{transform:none;opacity:1;}
@media all and (min-width:768px){.accordion-001{max-width:1230px;margin:0 auto ;padding:0 10px}.accordion-001 .accordion-detail{padding:3em 0em 0em 0em;}}
@media all and (min-width:1025px){.accordion-001{max-width:1280px;margin:0 auto ;padding:0 25px}}
.accordion-detail .plan_wrap{padding:0!important;margin:0 auto 0px!important;}
.accordion-detail .icon_wrap{margin:0 auto 0px!important;}
@media (min-width: 1024px){
.accordion-detail .price_option{margin: 0px 0px 25px}
}

.menu details{width:100%}
.menu summary{width:100%;height:auto;padding:0.5em 1em;text-align:center;color:#fff;box-sizing:border-box;position:relative;display:block;list-style:none}
.menu summary:hover{color:#FF6600;transition:0.3s}
.menu summary::-webkit-details-marker{display:none}
.menu summary:after{position:absolute;display:block;content:'';top:35%;right:140px;width:8px;height:8px;border-top:2px solid #FF6600;border-right:2px solid #FF6600;transform:rotate(45deg);transition:all .3s ease-in-out}
.menu details[open] summary:after{transform:rotate(-45deg);top:45%}
.menu details[open] p{ animation: fadeIn_menu 0.5s ease;}
.menu details p{width:100%;display:block;height:auto;padding:0.5em 1em;text-align:center;color:#fff;box-sizing:border-box}
.menu details p a{width:100%;display:block}
.menu details p a:hover{width:100%;color:#FF6600;text-decoration:none;transition:0.3s}

ul.privacy{display: flex;justify-content: center;align-items: center;padding: 10px 0;border-top:none!important;border-left: none!important;border-right:none!important;}
ul.privacy li{border:none!important;}
.footer_nav nav ul.privacy li:last-child,.footer_nav nav ul.privacy li:not(:last-child) {width:auto;}
ul.privacy li a{ margin: 0!important; font-size:1.6rem;}
@media (min-width:768px){
.footer_nav nav ul li{margin-bottom: 0}
ul.privacy li a{ margin: 0 0.5em;}
ul.privacy li:last-child a{margin-right: 0;}}

.border_box{display:inline-block;font-size:32px;margin:20px auto 30px;padding:0.5em 1.5em;color:#FF6600;border:2px solid #FF6600 }
#countdown,#remaining{display:flex;justify-content:center;align-items:baseline;font-weight:bold;background-color:#1c1c1c;padding:0.15em 0.25em;border-radius:10px;letter-spacing:1px;margin:20px auto;width:fit-content;max-width:95vw;overflow-wrap:break-word;font-size:64px;color:#FF6600}
#countdown .block,#remaining .block{display:flex;align-items:baseline;margin:0 5px}
#countdown .number,#remaining .number{font-size:64px;font-family:"Lato",sans-serif;font-weight:700;font-style:normal}
#countdown .unit,#remaining .unit{font-size:20px;margin-left:4px}
@media (max-width:600px){
#countdown,#remaining{font-size:40px;padding:12px 20px}
.border_box{font-size:24px;margin-bottom:15px}
#countdown .unit,#remaining .unit{font-size:14px}
#countdown .number,#remaining .number{font-size:28px}
}@media (max-width:350px){#countdown,#remaining{font-size:30px;padding:10px 12px}
.border_box{font-size:20px;margin-bottom:15px}
#countdown .unit,#remaining .unit{font-size:12px}
#countdown .number,#remaining .number{font-size:22px}
}
.banner .bg_red{background:red;color:#fff;display: block;font-weight: 700;font-size: clamp(1.5rem, 1rem + 2.5vw, 2.875rem);text-align: center;width: 100%;line-height: 1.8;margin: 5px auto 0}
.plan_photo .bg_red{background:red;color:#fff;display: block;font-weight: 700;font-size:clamp(1.875rem, 1.739rem + 0.68vw, 2.25rem);text-align: center;width: 100%;line-height: 1.8;margin: 0 auto 5px}