/* リキッドレイアウト対応 */
html {font-size: 16px;}
body {font-family: "";}
*,*::before,*::after {box-sizing: border-box;}
.u-desktop {display: none;}
/* Remove default padding */
ul,ol {padding: 0;}
/* Remove default margin */
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {margin: 0;}
/* Set core root defaults */
html {scroll-behavior: smooth;}
/* Set core body defaults */
body {line-height: 1.5;min-height: 100vh;text-rendering: optimizeLegibility;}
/* Remove list styles on ul, ol elements with a class attribute */
ul,ol {list-style: none;}
/* A elements that don't have a class get default styles */
a:not([class]) {-webkit-text-decoration-skip: ink;text-decoration-skip-ink: auto;}
/* Make images easier to work with */
img {display: block;max-width: 100%;width: 100%;height: auto;}
/* Natural flow and rhythm in articles by default */
article > * + * {margin-top: 1em;}
/* Inherit fonts for inputs and buttons */
input,button,textarea,select {font: inherit;}
/* Blur images when they have no alt attribute */
img:not([alt]) {filter: blur(10px);}
/* フォームリセット */
input,button,select,textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;border-radius: 0;font: inherit;outline: none;}
textarea {resize: vertical;}
input[type=checkbox],input[type=radio] {display: none;}
input[type=submit],input[type=button],label,button,select {cursor: pointer;}
select::-ms-expand {display: none;}
a {-webkit-text-decoration: none;color: inherit;text-decoration: none;transition: opacity 0.3s;}
@media (hover: hover) {
a:hover {opacity: 0.7;}
}
@media (hover: none) {
a:active {opacity: 0.7;}
}
/* ======= 共通部分 ======= */
/* 全体 */
body {color: #333;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-size: 16px;letter-spacing: 0.03em;line-height: 2em;}
a {-webkit-text-decoration: none;color: #333;text-decoration: none;}
a:hover {-webkit-text-decoration: none;color: #333;opacity: 0.7;text-decoration: none;}
h1,h2,h3,h4,ul,li {margin: 0;padding: 0;}
ul,ol {line-height: 1.8em;}
iframe {border: 0;}
p {margin: 0;}
/* #page-footer */
#page-footer {line-height: 1.8;padding: 30px 0;}
.copylight {font-size: 12px;}
.l-inner {margin-left: auto;margin-right: auto;max-width: 576px;padding-left: 18px;padding-right: 18px;width: 100%;}
/* color */
.f-purple {color: #96358f;font-weight: 600;}
.bg-pink {background-color: #ef87a8;}
.bg-light-pink {background-color: #ffeff1;}
.bg-purple {background-color: #96358f;}
.bg-green {background-color: #007d00;}
.bg-yellow {background-color: #e9d13f;}
.bg-red {background-color: #e9205b;}
.btn.bg-pink,.btn.bg-purple,.bg-green,.bg-yellow,.bg-red {color: #fff;}
.btn.bg-white {color: #96358f;}
/* ボタン */
.btn {border-radius: 10px;display: block;font-weight: 600;letter-spacing: 0;padding-bottom: 0.5em;padding-top: 0.5em;position: relative;}
.btn02 {border-radius: 10px;display: block;font-weight: 600;letter-spacing: 0;padding-bottom: 0.5em;padding-top: 0.5em;position: relative;}
.btn:hover {opacity: 0.8;}
.btn-arrow-ctr::after,.btn-arrow-btm::after {display: inline-block;font-family: "Font Awesome 5 Free";font-size: 14px;position: absolute;right: 0.5em;top: 50%;transform: translateY(-50%);}
.btn-arrow-ctr_y::after,.btn-arrow-btm::after {display: inline-block;font-family: "Font Awesome 5 Free";font-size: 14px;position: absolute;right: 0.5em;top: 50%;transform: translateY(-50%); color: #d7bf2e;}
.btn-arrow-ctr::after {content: "\f054";}
.btn-arrow-ctr_y::after {content: "\f054";}
.btn-arrow-btm::after {content: "\f13a";}
@media screen and (min-width: 768px) {
html {font-size: 1.3333333333vw;}
.u-desktop {display: block;}
.u-mobile {display: none;}
.l-inner {max-width: 1250px;padding-left: 25px;padding-right: 25px;}
.btn-arrow-ctr::after,.btn-arrow-btm::after {right: 1em;}
#page-footer {padding: 30px 0;}
}
@media (min-width: 1200px) {
html {font-size: 16px;}
}
@media (max-width: 375px) {
html {font-size: 4.2666666667vw;}
}
/* ======= ブロック個別の設定 ======= */
.p-fv {position: relative;}
.p-fv__btn {position: absolute;left:0; right: 0; top: 74.21790722761597%; width: 92%; background: #fff; border-radius: min(1.5625vw, 30px); margin: auto;}
.p-problem{padding-bottom: 10.66vw;}
.p-aboutus{background: url(../image/index_i/aboutus_bg_sp-min.jpg) no-repeat center top/100% auto #f7f7f7; padding: 10.66vw 0;}
.p-aboutus__body{ width: 92%; margin: auto;}
.p-ganbanyoku{ background: url(../image/index_i/ganbanyoku_bg_sp-min.jpg) no-repeat center/cover; position: relative; padding: 11.733vw 0 10.66vw;}
.p-ganbanyoku__body{ width: 92%; margin: auto;}
.p-ganbanyoku__item{ width: 29.733333333333334%; max-width: 223px; margin: auto; position: absolute; right: 0; left: 0; top: -2.4vw;}
.p-cta{background: url(../image/index_i/cta_bg.png) center/50% auto; padding: 5.33vw 0;}
.p-cta-bg-g{background: url(../image/index_i/cta_bg_g.png)!important}
.p-cta-bg-y{background: url(../image/index_i/cta_bg_y.png)!important}
.p-cta-bg-r{background: url(../image/index_i/cta_bg_r.png)!important}
.p-cta__body{ position: relative; z-index: 0;}
/* .p-cta__item{ width: 58.533%; margin: 0 auto 1.733vw;} */
.p-cta__item{ width: 35%; margin: 0 auto 1vw;}
.p-cta__item2{ width: 21.066%; position: absolute; right: 2.266%; top: -11.600vw; z-index: -1; pointer-events: none;}
/* .p-cta__btn{ width: 93.33%; margin: auto;background: #fff; border-radius: min(2.66vw, 20px);box-shadow: 0px 0px 1.733vw 0px rgba(0, 0, 0, 0.2)} */
.p-cta__btn{ width: 93.33%; margin: auto;border-radius: min(2.66vw, 20px);}
.p-voice{background: url(../image/index_i/voice_bg_sp-min.jpg) no-repeat center top/100% auto #eeeeee; padding: 9.733vw 0 10.66vw;}
.p-voice__card{width: 92%; margin: auto;}
.p-voice__card-child{ margin-top: 4.8vw;}
.p-price{padding: 13.33vw 0;}
.p-price__body{width: 92%; margin: auto;}
@media screen and (min-width: 768px) {
.p-fv{background: url(../image/index_i/fv_bg-min.jpg) no-repeat center/cover;}
.p-fv__body img {max-width: 1560px;}
/* .p-fv__body img {max-width: 1350px;} */
/* .p-fv__btn {left: min(12.243589743589743%,191px);top: 77.94299876084263%; width: min(58.52564102564103%,913px); border-radius: min(1.9230769230769231vw, 30px); margin: 0;} */
.p-fv__btn {left: min(14.24359%, 216px);top: 77.94299876084263%; width: min(58.52564102564103%,913px); border-radius: min(1.9230769230769231vw, 30px); margin: 0;}
.p-problem{background: url(../image/index_i/problem_bg-min.jpg) no-repeat center/cover; padding: min(6.66vw,80px) 0;}
.p-problem__body{ max-width: 1109px; width: 85.3076923076923%; margin: auto;}
.p-aboutus{background-image: url(../image/index_i/aboutus_bg-min.jpg); padding: min(6.66vw,80px) 0;}
.p-aboutus__lead{ width: 92.3076923076923%; max-width: 1200px; margin: auto;}
.p-aboutus__body{ width: 92.3076923076923%; max-width: 1200px;}
.p-ganbanyoku{ background-image: url(../image/index_i/ganbanyoku_bg-min.jpg); padding: min(7.6923076923076925vw, 100px) 0;}
.p-ganbanyoku__body{ width: 92.3076923076923%; max-width: 1200px;}
.p-ganbanyoku__item{ width: 17.153846153846153%; top: max(-1.3846153846153846vw,-18px);}
.p-cta{padding: min(3.5384615384615383vw,46px) calc((100% - min(71%,923px))/2) min(4.769230769230769vw,62px);}
/* .p-cta__item{ width: 47.34561213434453%; margin: 0 auto min(1.7334777898158178vw,16px);} */
/* .p-cta__item2{ width: 17.118093174431202%; position: absolute; right: 3.4669555796316356%; top: auto; bottom: 0; z-index: 1;} */
.p-cta__item2{ width: 17.118093174431202%; position: absolute; right: 3.4669555796316356%; top: auto; bottom: 12%; z-index: 1;}
.p-cta__btn{ width: auto; }
.p-voice{background-image: url(../image/index_i/voice_bg-min.jpg); background-size: max(min(147.6923076923077%,1920px),100%) auto; padding: min(6.153846153846154vw,80px) 0;}
.p-voice__lead{max-width: 1200px; margin: auto;}
.p-voice__card{width: 92.3076923076923%; display: flex; gap: min(3.076923076923077vw,40px); max-width: 1200px; margin: auto;}
.p-voice__card-child{ margin-top: min(3.307692307692308vw,43px); flex: 1 1 50%;}
.p-price{padding: min(7.6923076923076925vw,100px) 0;}
.p-price__body{width: 59.38461538461538%; max-width: 772px; margin: auto;}
}
/*==========================================================================*/
/* 体験予約フォーム(既存LPからの移植) */
/*==========================================================================*/
.p-shoplist{background-color: #faf5fa;}
.p-shoplist-green{background-color: #dfffd3;}
.p-shoplist-yellow{background-color: #ffffe0;}
.p-shoplist-red{background-color: #fce7e0;}
#form {padding: 80px 0 40px;}
#form a.btn {border: #96358f 1px solid;}
#form a.btn-green {border: #007d00 1px solid; color: #007d00;}
#form a.btn-yellow {border: #d7bf2e 1px solid; color: #333;}
#form a.btn-red {border: #e9205b 1px solid; color: #e9205b;}
.ttl-box {margin-bottom: 30px;text-align: center;}
.form-ttl {border-bottom: #333 1px solid;font-size: 22px;font-weight: 600;padding-bottom: 5px;}
.form-info {line-height: 1.4;margin-bottom: 30px;}
.studio-box {padding: 5%; background: #fff; margin-bottom: 1.5rem;}
.studio-ttl {font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.studio-info {line-height: 1.4;margin-bottom: 20px;}
.area {padding-bottom: 60px;}
.area .col-lg-10 { width: 100%;}
.area .col-10:has(.btn.btn-arrow-ctr.bg-purple) { width: 100%;}
@media (min-width: 768px) {
.studio-box .btn.bg-purple {font-size: 14px;}
}
/*==========================================================================*/
/* floating banner(既存LPからの移植) */
/*==========================================================================*/
.float_bnn{position: fixed;bottom: 0px;background: rgba(255, 255, 255, 0.6);left: 0;width: 100%;padding: 0px;display: flex;align-items: center;justify-content: center;text-align: center;transition: all ease 0.3s;z-index: 99;padding: 10px;backdrop-filter: blur(10px);}
.float_bnn a{display: inline-block;}
.float_bnn.active{bottom: 0;}
.float_bnn img{ width: 100%; width: min(100%,696px); margin: auto;}
body:has(.float_bnn) main {padding-bottom: min(17.066vw,105px);}