.font-normal,body:not(.home) .site-header .y-header-nav ul li a:after,body:not(.home) .section-title-wrapper .section-title:before,body:not(.home) .section-wide-title-wrapper .section-title:before,body:not(.home) .section-title-mini-wrapper .section-title:before,body:not(.home) #lesson .price-item .title small,body:not(.home) #studio .content-wrapper .access p,body:not(.home) #studio .content-wrapper .access address{font-style:normal;font-weight:400;font-family:"Noto Serif JP",sans-serif}.font-en,body:not(.home) .site-header .y-header-nav ul li a,body:not(.home) .section-title-wrapper .section-title,body:not(.home) .section-wide-title-wrapper .section-title,body:not(.home) .section-title-mini-wrapper .section-title,body:not(.home) #about-us .content-wrapper .content .title span,body:not(.home) #lesson .price-item,body:not(.home) #lesson .trial-dropin-wrapper,body:not(.home) #lesson .initial-fees,.tab-ctrl li{font-style:normal;font-weight:600;font-family:Varela,sans-serif}.font-number,body:not(.home) #lesson .price-item .price span{font-style:normal;font-weight:900;font-family:Roboto,sans-serif}.content-wrapper,.content-wrapper-thin{width:1350px;max-width:100%;margin:0 auto}.content-wrapper-thin{width:1000px}.flex{display:flex}.flex.col2>*{width:calc((100% - 60px)/2)}.flex.col3{justify-content:space-between}.flex.col3>*{width:33.3333333333%}.btn-base a,.btn-more a{display:inline-block;position:relative;min-width:200px;margin-top:20px;padding:.5em 1em calc(.5em + 20px) 1em;border-radius:10px;background:linear-gradient(#c6996a,#c39f62);box-shadow:0 0 10px #0003;color:#fff;font-weight:400;font-size:16px;letter-spacing:.1em;text-decoration:none}.btn-base a:after,.btn-more a:after{display:block;position:absolute;bottom:15px;left:50%;width:19px;height:9px;transform:translate(-50%);background-image:url(/wp-content/themes/thestudioy-v202509/assets/img//icon-arrow-down.png);background-position:bottom center;background-size:contain;background-repeat:no-repeat;content:"";transition:all .4s ease}.btn-base a:hover:after,.btn-more a:hover:after{bottom:10px}.tab-ctrl{margin:0;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-ctrl li{display:block;padding:1em 1.5em;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer}.tab-ctrl li.current{background:#656565;color:#fff}.tab-wrapper{display:flex;gap:80px}.tab-wrapper>*:first-child{width:300px}.tab-wrapper>*:last-child{flex:1}.tab-content-wrapper{position:relative}.tab-content-wrapper .tab-content{visibility:hidden;position:absolute;top:0;left:0;width:100%;opacity:1}.tab-content-wrapper .tab-content.current{visibility:visible;position:static;opacity:1}#footer-bar{z-index:100;position:fixed;right:0;bottom:0}main#page{min-height:calc(100vh - 300px);margin-bottom:100px;padding:150px 0 0}.zoom img{width:calc(100vw - 20px)}.lum-lightbox{z-index:1000}html{width:100%;overflow-x:hidden;scroll-behavior:smooth}body{margin:0;color:#555;font-style:normal;font-weight:600;font-family:"Noto Serif JP",sans-serif;font-optical-sizing:auto;letter-spacing:.1em}*{box-sizing:border-box}section{position:relative}section>*:not(.bg){z-index:1;position:relative}section .bg{z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0}section .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}p{margin:0;font-size:13px;line-height:2.35em;letter-spacing:.05em;white-space:break-spaces;word-break:break-all}figure{margin:0}figure img{margin:0;vertical-align:top}a{cursor:pointer;transition:opacity .4s ease}a:hover{opacity:.8}.site-footer{background:#383838;color:#fff;text-align:center}.site-footer .content-wrapper{padding:120px 0 80px}.site-footer a{color:inherit;text-decoration:none}.site-footer p{font-weight:300;font-size:10px}.site-footer .flex.col3{align-items:stretch;margin-bottom:80px}.site-footer .flex.col3>*{position:relative;padding-top:60px;padding-bottom:180px}.site-footer .flex.col3>* .title{position:absolute;top:0;left:50%;transform:translate(-50%);font-weight:300;font-size:18px}.site-footer .flex.col3>* .logo{position:absolute;bottom:0;left:50%;width:180px;height:auto;transform:translate(-50%)}.site-footer .flex.col3>* .logo img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.site-footer ul{display:flex;flex-direction:column;margin:0;padding:0;gap:1.5em;font-weight:300;font-size:14px;list-style:none}body.home .site-header{padding:40px 0}body.home .site-header .flex.col2>*{width:auto}body.home .site-header .content-wrapper,body.home .content-wrapper{justify-content:space-between}body.home .sec01 .content-wrapper,body.home .sec02 .content-wrapper{padding-bottom:80px}body.home .sec01 .content-wrapper figure img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}body.home .sec02{color:#fff;text-align:center}body.home .sec02 .bg img{-o-object-position:top center;object-position:top center;filter:brightness(.5)}body.home .sec02 p{font-size:16px}body.home .sec02 .content-wrapper{padding-top:80px}body.home .sec02 .content-wrapper .flex{align-items:stretch;justify-content:space-between;padding-top:80px;color:#555}body.home .sec02 .content-wrapper .flex>*{padding:50px 20px;border-radius:15px;background:#fff;box-shadow:0 0 15px #0000004d}body.home .sec02 .content-wrapper .flex>*:last-of-type .btn-more a{background:linear-gradient(#6f8f38,#7e9c4b)}body.home .sec02 .content-wrapper .flex p{font-size:13px}body.home .sec02 .logo{margin-bottom:40px}body:not(.home) .site-header{z-index:1000;position:fixed;top:0;right:0;left:0;height:70px;transition:all .4s ease}body:not(.home) .site-header .content-wrapper{display:flex;align-items:center;height:70px;transition:all .4s ease}body:not(.home) .site-header .logo h1{display:inline-block;margin:0}body:not(.home) .site-header .logo img{width:auto;height:40px;transition:all .4s ease}body:not(.home) .site-header .y-header-nav{display:flex;position:absolute;top:0;right:0;bottom:0;align-items:center;justify-content:flex-end;padding:0 60px;background:#fff;box-shadow:0 0 10px #0003;transition:all .4s ease}body:not(.home) .site-header .y-header-nav ul{display:flex;align-items:center;justify-content:flex-end;height:70px;margin:0;padding:0;gap:2em;list-style:none}body:not(.home) .site-header .y-header-nav ul li a{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;font-weight:500;letter-spacing:.025em;text-decoration:none}body:not(.home) .site-header .y-header-nav ul li a:after{display:block;content:attr(data-subtitle);font-weight:700;font-size:10px}body:not(.home).admin-bar .site-header{top:32px}body:not(.home) #mv .swiper-container{position:relative;width:100%;height:50vw}body:not(.home) #mv .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:calc(100% - 40px);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}body:not(.home) #mv .swiper-container .swiper-pagination .swiper-pagination-bullet{margin-right:8px;margin-left:8px}body:not(.home) #mv .swiper-container .swiper-button-prev,body:not(.home) #mv .swiper-container .swiper-button-next{width:19px;height:41px;background-image:url(/wp-content/themes/thestudioy-v202509/assets/img//icon-arrow-next.png);background-size:contain;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;user-select:none}body:not(.home) #mv .swiper-container .swiper-button-prev:after,body:not(.home) #mv .swiper-container .swiper-button-next:after{display:none}body:not(.home) #mv .swiper-container .swiper-button-prev{left:40px;transform:rotate(180deg);background-position:left center}body:not(.home) #mv .swiper-container .swiper-button-next{right:40px;background-position:left center}body:not(.home) section{padding:0 0 80px}body:not(.home) .section-title-wrapper,body:not(.home) .section-wide-title-wrapper{display:flex;position:relative;flex-direction:column;align-items:center;margin-bottom:100px;padding:40px 0;gap:10px;text-align:center}body:not(.home) .section-title-wrapper:before,body:not(.home) .section-wide-title-wrapper:before{display:block;width:43px;height:60px;background:url(/wp-content/themes/thestudioy-v202509/assets/img//y/icon-y.png) no-repeat bottom center;background-size:contain;content:""}body:not(.home) .section-title-wrapper .section-title,body:not(.home) .section-wide-title-wrapper .section-title{display:flex;flex-direction:column;align-items:center;margin:0;gap:6px;font-weight:600;font-size:16px}body:not(.home) .section-title-wrapper .section-title:before,body:not(.home) .section-wide-title-wrapper .section-title:before{display:block;content:attr(data-en);font-weight:700;font-size:36px}body:not(.home) .section-title-wrapper{margin-bottom:30px;overflow:hidden;border-radius:10px}body:not(.home) .section-title-mini-wrapper{display:flex;align-items:center;justify-content:center;gap:15px}body:not(.home) .section-title-mini-wrapper:before{display:block;width:43px;height:60px;background:url(/wp-content/themes/thestudioy-v202509/assets/img//y/icon-y.png) no-repeat bottom center;background-size:contain;content:""}body:not(.home) .section-title-mini-wrapper .section-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:20px 0;gap:6px;font-weight:600;font-size:16px}body:not(.home) .section-title-mini-wrapper .section-title:before{display:block;content:attr(data-en);font-weight:700;font-size:30px;line-height:1em}body:not(.home).y2-page .section-title-wrapper:before,body:not(.home).y2-page .section-wide-title-wrapper:before{background:url(/wp-content/themes/thestudioy-v202509/assets/img//y2/icon-y2.png) no-repeat bottom center;background-size:contain}body:not(.home).y2-page .section-title-mini-wrapper:before{position:relative;top:-4px;background:url(/wp-content/themes/thestudioy-v202509/assets/img//y2/icon-y2.png) no-repeat bottom center;background-size:contain}body:not(.home) .section-description{padding:0 60px;font-size:15px;text-align:center}body:not(.home) #about-us{padding-top:100px}body:not(.home) #about-us .content-wrapper{display:flex;gap:80px}body:not(.home) #about-us .content-wrapper .img{width:350px}body:not(.home) #about-us .content-wrapper .img img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}body:not(.home) #about-us .content-wrapper .content{flex:1}body:not(.home) #about-us .content-wrapper .content .title span{position:relative;bottom:5px;font-size:15px}body:not(.home) #about-us .content-wrapper .content p{font-size:14px}body:not(.home) #mv+#about-us{padding-top:0}body:not(.home) #lesson .lesson-list{display:flex;margin-bottom:100px;gap:100px}body:not(.home) #lesson .lesson-list>*{overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 0 25px #00000040}body:not(.home) #lesson .lesson-list>* img{vertical-align:bottom}body:not(.home) #lesson .lesson-list a{color:#555;text-decoration:none}body:not(.home) #lesson .sec-pricing{padding:40px 0}body:not(.home) #lesson .sec-pricing .section-title-mini-wrapper{justify-content:flex-start}body:not(.home) #lesson .price-item{position:relative;margin-bottom:60px;padding-bottom:0}body:not(.home) #lesson .price-item .title{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 20px}body:not(.home) #lesson .price-item .title span{order:2;font-weight:800;font-size:20px}body:not(.home) #lesson .price-item .title small{order:1;font-weight:900;font-size:40px}body:not(.home) #lesson .price-item .title small i{display:inline-block;margin-left:8px;color:#0099a4;font-style:normal;font-weight:900;font-size:60px}body:not(.home) #lesson .price-item .price{position:absolute;top:70px;right:0;font-weight:900;font-size:14px}body:not(.home) #lesson .price-item .price span{display:inline-block;margin-right:5px;font-weight:900;font-size:30px}body:not(.home) #lesson .price-item p{font-weight:400;font-size:13px;white-space:initial}body:not(.home) #lesson .trial-dropin-wrapper .heading,body:not(.home) #lesson .initial-fees .heading{font-weight:900;font-size:24px}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item,body:not(.home) #lesson .initial-fees .plan-list .plan-item{display:flex;margin-bottom:30px;gap:80px}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item .title,body:not(.home) #lesson .initial-fees .plan-list .plan-item .title{width:180px;margin:0;text-align:right}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item .price,body:not(.home) #lesson .initial-fees .plan-list .plan-item .price{width:100px;text-align:right}body:not(.home) #lesson .trial-dropin-wrapper p,body:not(.home) #lesson .initial-fees p{font-weight:400}body:not(.home) #lesson .trial-dropin-wrapper{display:flex;justify-content:space-between;margin-bottom:60px;padding:30px 80px;background:#efefef}body:not(.home) #lesson .trial-dropin-wrapper section{padding:0;text-align:center}body:not(.home) #lesson .initial-fees{text-align:center}body:not(.home) #lesson .initial-fees .plan-list{width:500px;margin:0 auto;text-align:center}body:not(.home) #lesson .initial-fees p.description{white-space:initial}body:not(.home) #studio .content-wrapper{display:flex;gap:80px}body:not(.home) #studio .content-wrapper .map{width:50%}body:not(.home) #studio .content-wrapper .map iframe{width:100%;height:400px}body:not(.home) #studio .content-wrapper .access{display:flex;flex-direction:column;padding:30px 0;gap:30px}body:not(.home) #studio .content-wrapper .access .logo{height:40px}body:not(.home) #studio .content-wrapper .access .logo img{width:auto;height:100%;-o-object-fit:contain;object-fit:contain}body:not(.home) #studio .content-wrapper .access p,body:not(.home) #studio .content-wrapper .access address{margin:0;padding:0;font-weight:600;font-size:14px;line-height:1.5em;text-align:left;white-space:initial}body:not(.home) #gallery .section-title{margin-bottom:40px;text-align:center}body:not(.home) #gallery .gallery-list{display:flex;flex-wrap:wrap;gap:20px}.studio-profile .studio-header{margin-bottom:50px;text-align:center}.studio-profile .studio-header .studio-name{margin-bottom:30px;font-size:2.5em}.studio-profile .studio-header .studio-thumbnail{margin-bottom:30px}.studio-profile .studio-header .studio-thumbnail img{width:100%;max-width:600px;border-radius:10px;box-shadow:0 5px 20px #0000001a}.studio-profile .studio-header .studio-description{color:#666;font-size:1.1em;line-height:1.8}.studio-profile .studio-content .studio-info-section{margin-bottom:50px}.studio-profile .studio-content .studio-info-section h2{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #c6996a;color:#333;font-size:1.5em}.studio-profile .studio-content .studio-info-section .studio-address,.studio-profile .studio-content .studio-info-section .studio-access{padding:20px;border-radius:10px;background:#f9f9f9;font-size:1.1em;line-height:1.8}.studio-profile .studio-content .studio-info-section .studio-map iframe{width:100%;height:400px;border:0;border-radius:10px;box-shadow:0 2px 10px #0000001a}.studio-profile .studio-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;gap:20px}.studio-profile .studio-gallery .gallery-grid .gallery-item img{aspect-ratio:4/3;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.studio-profile .studio-gallery .gallery-grid .gallery-item img:hover{transform:scale(1.05)}@media all and (min-width: 768px){.sp-only{display:none!important}body:not(.home) .site-header.mini{height:50px;background:#fff;box-shadow:0 0 10px #0003}body:not(.home) .site-header.mini .content-wrapper{height:50px}body:not(.home) .site-header.mini .logo img{height:30px}body:not(.home) .site-header.mini .y-header-nav{box-shadow:none}}@media (max-width: 767px){.tab-ctrl li{font-size:12px;writing-mode:vertical-rl}.tab-wrapper{gap:20px}.tab-wrapper>*:first-child{width:54px}#footer-bar{right:0;left:0;width:100vw;height:70px;padding:0 20px;text-align:center}#footer-bar img{width:calc((100vw - 50px)/2)}main#page{margin-bottom:70px;padding:100px 10px 0}.site-footer .flex.col3{flex-direction:column;margin-bottom:40px}.site-footer .flex.col3>*{width:100%;padding-bottom:120px}.site-footer .flex.col3>* .logo{width:120px}.site-footer .flex.col3>*:nth-child(1){order:1;margin-bottom:80px}.site-footer .flex.col3>*:nth-child(2){order:3;padding-bottom:40px}.site-footer .flex.col3>*:nth-child(3){order:2}body.home .site-header .content-wrapper{padding:0 10px;gap:20px}body.home .sec01 .content-wrapper,body.home .sec02 .content-wrapper{margin-bottom:30px;padding:0 10px;gap:20px}body.home .sec01 .content-wrapper figure,body.home .sec02 .content-wrapper figure{width:100%}body.home .sec02 .content-wrapper{margin-bottom:0;padding-top:60px;padding-bottom:60px}body.home .sec02 .content-wrapper .flex{flex-direction:column}body.home .sec02 .content-wrapper .flex>*{width:100%}body.home .sec02 .content-wrapper .flex p{font-size:12px}body.home .sec02 .content-wrapper .flex p br{display:none}body:not(.home){width:100%;overflow-x:hidden}body:not(.home) .site-header{width:100vw;padding:10px}body:not(.home) .site-header .logo img{height:35px}body:not(.home) .site-header .content-wrapper{display:flex;align-items:center;justify-content:space-between;padding-right:10px}body:not(.home) .site-header .btn-nav{display:flex;position:relative;flex-direction:column;justify-content:space-between;width:32px;height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}body:not(.home) .site-header .btn-nav span{width:100%;height:2px;background:#000;transition:all .4s ease}body:not(.home) .site-header.open .y-header-nav{transform:translate(0)}body:not(.home) .site-header.open .btn-nav span:first-child{transform:translateY(9px) rotate(45deg)}body:not(.home) .site-header.open .btn-nav span:nth-child(2){opacity:0}body:not(.home) .site-header.open .btn-nav span:last-child{transform:translateY(-9px) rotate(-45deg)}body:not(.home) .site-header .y-header-nav{position:fixed;top:120px;left:auto;transform:translate(100%)}body:not(.home) .site-header .y-header-nav ul{flex-direction:column}body:not(.home).admin-bar .site-header{top:46px}body:not(.home) #mv .swiper-container{height:calc(100vh - 60px)}body:not(.home) #mv .swiper-container .swiper-wrapper{width:100vw}body:not(.home) #mv .swiper-container .swiper-button-prev{left:20px}body:not(.home) #mv .swiper-container .swiper-button-next{right:20px}body:not(.home) .section-title-wrapper,body:not(.home) .section-wide-title-wrapper{margin-bottom:60px;padding:30px 0}body:not(.home) .section-title-wrapper:before,body:not(.home) .section-wide-title-wrapper:before{width:35px;height:40px}body:not(.home) .section-title-wrapper .section-title,body:not(.home) .section-wide-title-wrapper .section-title{font-size:14px}body:not(.home) .section-title-wrapper .section-title:before,body:not(.home) .section-wide-title-wrapper .section-title:before{font-size:24px}body:not(.home) .section-title-mini-wrapper:before{width:35px;height:40px}body:not(.home) .section-title-mini-wrapper .section-title{font-size:14px}body:not(.home) .section-title-mini-wrapper .section-title:before{font-size:24px}body:not(.home) #about-us .content-wrapper{display:block}body:not(.home) #about-us .content-wrapper .img{width:100%}body:not(.home) #about-us .content-wrapper .content{padding:0 10px;text-align:center}body:not(.home) #about-us .content-wrapper .content p{display:inline}body:not(.home) #lesson .lesson-list{flex-direction:column;margin-bottom:40px;padding:0 30px;gap:40px}body:not(.home) #lesson .lesson-list>* img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}body:not(.home) #lesson .sec-pricing{padding:30px 10px}body:not(.home) #lesson .sec-pricing .section-title-mini-wrapper{justify-content:center}body:not(.home) #lesson .price-item{margin-bottom:40px}body:not(.home) #lesson .price-item .title span{font-size:16px}body:not(.home) #lesson .price-item .title small{font-size:24px}body:not(.home) #lesson .price-item .title small i{font-size:34px}body:not(.home) #lesson .price-item .price{top:35px;font-size:12px}body:not(.home) #lesson .price-item .price span{font-size:20px}body:not(.home) #lesson .price-item p{line-height:1.75em}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item,body:not(.home) #lesson .initial-fees .plan-list .plan-item{position:relative;left:-10px;justify-items:center;gap:20px}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item .price,body:not(.home) #lesson .initial-fees .plan-list .plan-item .price{width:150px}body:not(.home) #lesson .trial-dropin-wrapper .plan-list .plan-item .title,body:not(.home) #lesson .initial-fees .plan-list .plan-item .title{width:200px}body:not(.home) #lesson .trial-dropin-wrapper p,body:not(.home) #lesson .initial-fees p{padding:0 20px}body:not(.home) #lesson .trial-dropin-wrapper{flex-direction:column;padding:30px 40px}body:not(.home) #lesson .initial-fees .plan-list{width:100%}body:not(.home) #studio .content-wrapper{display:block;padding:0}body:not(.home) #studio .content-wrapper .map{width:100%}body:not(.home) #studio .content-wrapper .access{padding:30px 20px;text-align:center}body:not(.home) #studio .content-wrapper .access p,body:not(.home) #studio .content-wrapper .access address{text-align:center}body:not(.home) #gallery .gallery-list{padding:10px;gap:10px}body:not(.home) #gallery .gallery-list .gallery-item{width:calc((100% - 10px)/2)}body:not(.home) #gallery .gallery-list .gallery-item img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}}@media all and (max-width: 767px){.pc-only{display:none!important}}
