@import "https://fonts.googleapis.com/css2?family=Rochester&display=swap";
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{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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}b,strong{font-weight:700}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;position:relative}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;color:#1e1e1e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#fff;font-family:system-ui,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5}#__next{width:100%;height:100%;margin:0 auto;display:block}#__next *{box-sizing:border-box}header{width:100%;height:auto;min-height:50px;display:block}header li{padding:10px;display:inline-block}header li a{display:block}section#contents{text-align:center;width:100%;height:auto;min-height:calc(100% - 150px);padding-bottom:100px;display:block}@media screen and (max-width:768px){section#contents{padding-bottom:20px}}.scale-image{z-index:1;transition:all 1s;position:relative}.scale-image:hover{transform:scale(1.1)}.top-full-banner{width:100%;height:400px;position:relative}.top-full-banner:after{content:"";background-color:#0003;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.top-full-banner h1.title{color:#fff;text-shadow:0 0 20px #000000b3;z-index:2;width:100%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.top-full-banner h1.title span{display:block}.top-full-banner h1.title span:first-child{margin-bottom:15px;font-size:2rem}.top-full-banner h1.title span:nth-child(2){font-size:4rem;font-weight:500}.top-full-banner h1.title span:nth-child(3){margin-top:10px;font-size:2rem}@media screen and (max-width:768px){.top-full-banner{height:260px}.top-full-banner h1.title{top:60%;left:50%}.top-full-banner h1.title span{display:block}.top-full-banner h1.title span:first-child{margin-bottom:7px;font-size:1rem}.top-full-banner h1.title span:nth-child(2){font-size:2rem;font-weight:500}.top-full-banner h1.title span:nth-child(3){margin-top:7px;font-size:1rem}}.img-fill-center{position:relative;overflow:hidden}.img-fill-center img{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ft_design{font-family:Rochester,"serif","sans-serif"}#header{z-index:9999;will-change:auto;width:calc(100% - 30px);height:70px;transition:all .3s;display:block;position:fixed;top:15px;left:15px}#header.sticky{width:100%;top:0;left:0}#header.sticky section{color:#f4ebde;background-color:#be7c89;border-radius:0}#header.sticky #menuToggle span{background-color:#f4ebde}#header section{color:#000;will-change:auto;background-color:#ffffffe6;border-radius:3rem;width:100%;height:100%;padding:0 25px;display:block;position:relative;box-shadow:0 0 7px #0003}#header section div{vertical-align:top;height:70px;margin:0;padding:0;line-height:70px;display:inline-block;position:relative}#header section div.logo{width:calc(100% - 30px);font-size:2rem}#header section #menuToggle{-webkit-user-select:none;user-select:none;z-index:1;width:30px}#header section #menuToggle.active{z-index:99999}#header section #menuToggle a{color:#232323;text-decoration:none;transition:color .3s}#header section #menuToggle a:hover{color:tomato}#header section #menuToggle input{cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;width:30px;height:100%;margin:0;display:block;position:absolute;top:0;right:0}#header section #menuToggle input:checked~span{opacity:1;background:#232323;transform:rotate(45deg)translate(-4px,-15px)}#header section #menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0)scale(.2)}#header section #menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg)translate(-3px,15px)}#header section #menuToggle input:checked~ul,#header section #menuToggle input:checked~ol{transform:none}#header section #menuToggle span{z-index:1;transform-origin:4px 0;background:#6a6a6a;border-radius:3px;width:30px;height:1px;margin-bottom:7px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s;display:block;position:relative;top:25px;right:0}#header section #menuToggle span:first-child{transform-origin:0 0}#header section #menuToggle span:nth-last-child(2){transform-origin:0 100%}#header #nav{width:100%;height:100%;display:none;position:fixed;inset:0}#header #nav .blur{z-index:-1;will-change:auto;width:100%;height:100%;position:absolute}#header #nav .blur.backdropFilter{touch-action:none;overflow:hidden}#header #nav .blur.backdropFilter:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;width:100%;height:100%;position:fixed;inset:0}#header #nav ol.main-group{-webkit-font-smoothing:antialiased;transform-origin:0 0;will-change:transform;background:#fff;width:400px;height:100%;padding:75px 40px 40px;list-style-type:none;transition:transform .5s cubic-bezier(.77,.2,.05,1);display:block;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}@media screen and (max-width:768px){#header #nav ol.main-group{width:300px}}#header #nav ol.main-group>li{padding:10px 0;font-size:1rem;display:block}#header #nav ol.main-group>li.song-icon2:before{content:"";background-image:url(/assets/images/song_icon.png);background-position:-18px 2px;background-repeat:no-repeat;background-size:320%;width:20px;height:20px;margin-right:7px;display:inline-block}#header #nav ol.main-group>li:nth-child(3):before{background-position:-40px -19px}#header #nav ol.main-group>li span.main-title{margin-bottom:10px;font-size:1rem;font-weight:700;display:inline-block}#header #nav ol.main-group>li ol{padding-left:15px;display:block}#header #nav ol.main-group>li ol li{color:#000000b3;padding:6px 0;font-size:1rem;font-weight:500;display:block}#header #nav.active{display:block}#header #nav.ready{z-index:9999}#header #nav.ready .blur{background:#00000080;transition:all .5s ease-in}#header #nav.ready ol{transform:translate(0%)}@media screen and (max-width:768px){#header{height:50px}#header section div{height:50px;line-height:50px}#header section div.logo{width:calc(100% - 30px);font-size:1.3rem}#header section #menuToggle span{top:16px}}#quick-button,#quick-button ul{display:block}#quick-button ul li{text-align:center;border:1px solid #ddd;width:50%;height:50px;font-size:.8rem;line-height:50px;display:inline-block}#footer{box-sizing:border-box;color:#c8c3c3b3;text-align:center;background-color:#1f1416;width:100%;height:auto;min-height:100px;margin-top:0;padding:30px 20px;font-size:.6rem;display:block}#footer div{line-height:20px}#footer div.logo{color:#dededecc;margin-bottom:10px}#footer div.logo>*{vertical-align:middle;display:inline-block}#footer div.logo .logo-icon{width:30px;height:30px;margin-right:5px;padding:0}#footer div.logo .logo-icon img{opacity:.6;width:100%;height:100%;display:block}#footer div.logo span{font-size:1.6rem!important}#footer div.logo strong{font-weight:800}#footer div span{padding:0 3px;font-size:1rem;line-height:1.6rem;display:inline-block}@media screen and (max-width:768px){#footer div.logo{margin-bottom:20px}#footer div.logo span{font-size:1.2rem!important}#footer div span{font-size:.8rem;line-height:1.3rem}}.page-etc{border-top:1px solid #000}.page-etc .inner{padding:320px 20px}@media screen and (max-width:767px){.page-etc .inner{padding:160px 20px}}.error{text-align:center;position:relative}.error .btn{color:#fff;box-sizing:border-box;height:48px;padding:15px 32px;font-size:16px;line-height:18px;transition:background .25s,color .25s,border-color .25s;display:inline-block;position:relative}.error .btn-box{font-size:0}.error .btn-box .btn{min-width:140px;padding-left:15px;padding-right:15px}.error .btn-box .btn+.btn{margin-left:8px}@media (max-width:768px){.error .btn-box{margin-top:30px}.error .btn-box .btn{width:100%;height:48px;padding:15px 32px;display:block}.error .btn-box .btn+.btn{margin-top:8px;margin-left:0}}.error .btn-primary{background-color:#002c5f}.error .btn-primary:hover{background-color:#001834}.error .btn-primary[disabled]{background-color:#bdbdbd}.error .btn-secondary{background-color:#444}.error .btn-secondary:hover{background-color:#333}.error .btn-secondary[disabled]{background-color:#ccc}.error .btn-outline{color:#002c5f;border:1px solid #002c5f;padding:15px 31px}.error .btn-outline:hover{color:#001834;border-color:#001834}.error-box{margin-top:20px}.error-title{color:#000;font-size:18px;font-weight:500;line-height:24px}@media screen and (max-width:767px){.error-title{font-size:16px}}.error-text{color:#000;margin-top:8px;font-size:15px;line-height:22px}@media screen and (max-width:767px){.error-text{font-size:14px}}.error .btn-box{margin-top:40px}@media screen and (max-width:767px){.error .btn-box{justify-content:center;align-items:center;margin-top:32px;display:flex}}.error .btn-box .btn{min-width:137px}@media screen and (max-width:767px){.error .btn-box .btn+.btn{margin-top:0;margin-left:8px}}#contents{background:linear-gradient(#fff 0% 26%,#f8f6f2 100%);width:100%;margin:0 auto;display:block;position:relative}#top-banner{width:100%;height:100%;display:block;position:relative}#top-banner .swiper{width:100%;height:100%}#top-banner .swiper .swiper-slide{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover}#top-banner .swiper .swiper-slide:after{content:"";z-index:1;background-color:#00000026;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#top-banner .swiper .swiper-slide .banner-text{color:#fff;text-shadow:0 0 20px #000000b3;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#top-banner .swiper .swiper-slide .banner-text .main-title{font-size:3.2rem;font-weight:600}#top-banner .swiper .swiper-slide .banner-text .sub-title{margin-bottom:10px;font-size:.8rem}@media screen and (min-width:768px){#top-banner .swiper .swiper-slide .banner-text .main-title{font-size:7rem}#top-banner .swiper .swiper-slide .banner-text .sub-title{margin-bottom:1rem;font-size:1.8rem}}#top-banner .swiper .swiper-pagination-bullet-active{background-color:#fff}.section-area{text-align:center;width:100%;margin:0 auto;padding:20px 25px;display:block;position:relative}.section-area.music-line{margin-top:50px}.section-area.music-line .title{padding-top:50px}.section-area.music-line:before{content:"";z-index:1;opacity:.15;background-image:url(/assets/images/music-line.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:50px;display:block;position:absolute;top:0;left:0}.section-area#information{padding-top:40px}.section-area#information .title{color:#be7c89}.section-area#program{padding-top:40px}.section-area#program .title{color:#caaf86}.section-area#quickIcon{padding:40px 25px 30px}.section-area#quickIcon .innerText{font-size:.75rem}.section-area#quickIcon a{color:#fff;border:0;border-radius:.3rem;width:100%;padding:25px;font-size:1.2rem;font-weight:600;display:block;position:relative}@media screen and (max-width:768px){.section-area#quickIcon a{padding:20px;font-size:1rem}}.section-area#quickIcon a:before{content:"";z-index:0;opacity:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.section-area#quickIcon a:first-child{text-shadow:0 1px #ffffff80;color:#1a0e0e;background-color:#ffd500;margin-bottom:15px}.section-area#quickIcon a:first-child.enableWebp:before,.section-area#quickIcon a:first-child:before{background-position:50% 30%;background-repeat:no-repeat;background-size:cover}.section-area#quickIcon a:last-child{text-shadow:0 1px #00553980;background-color:#33b54b;margin:0}.section-area#quickIcon a:last-child.enableWebp:before,.section-area#quickIcon a:last-child:before{background-position:50% 30%;background-repeat:no-repeat;background-size:cover}.section-area#sideIcon{z-index:999;width:46px;height:auto;padding:0;display:block;position:fixed;bottom:15px;right:15px}.section-area#sideIcon>*{display:block}.section-area#sideIcon ul{width:100%;margin:0 auto}.section-area#sideIcon li{background-color:#fff;border:1px solid #fff;border-radius:50%;width:46px;height:46px;margin:10px 0;display:block;position:relative;overflow:hidden;box-shadow:5px 5px 20px #00000026}.section-area#sideIcon li:last-child{margin-bottom:0}.section-area#sideIcon li img{width:75%;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-area#sideIcon li:first-child img{width:55%}.section-area#sideIcon li:nth-child(2){background-color:#33b54b;border:0}.section-area#sideIcon li:nth-child(2) img{width:65%;top:65%;transform:translate(-50%,-65%)}.section-area#sideIcon li:nth-child(3) img{width:60%}.section-area#sideIcon li:nth-child(4){background-color:#fae200;border:0}.section-area .title{color:#000000d9;margin-bottom:20px;padding:20px 0 10px;font-size:1.1rem;line-height:1.6rem}.section-area .title p.main{font-size:1.8rem;font-weight:700}.section-area .title p.sub{color:#00000080;font-size:.75rem}.section-area .content{vertical-align:top;width:100%;position:relative}.section-area .content article.box{box-sizing:border-box;vertical-align:top;width:calc(50% - 10px);margin-bottom:20px;display:inline-block;position:relative}.section-area .content article.box:nth-child(odd){margin-right:20px}.section-area .content article.box:nth-last-child(-n+2){margin-bottom:0}.section-area .content article.box .img-box{border-radius:1rem;margin-bottom:20px;overflow:hidden}.section-area .content article.box .img-box div.img,.section-area .content article.box .img-box image.img{width:100%;height:100%;padding-top:80%}@media screen and (max-width:768px){.section-area .content article.box .img-box{border-radius:.5rem;margin-bottom:10px}.section-area .content article.box .img-box div.img,.section-area .content article.box .img-box image.img{padding-top:70%}}.section-area .content article.box div.text{color:#000000b3;text-align:center;width:100%;font-size:1.2rem;font-weight:500;line-height:18px;bottom:0}@media screen and (max-width:768px){.section-area .content article.box div.text{font-size:1rem}}.section-area .content article.box div.text.innerText{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 0 20px #000000b3;width:100%;padding:0 10px;font-size:.9rem;font-weight:700;position:absolute;top:50%;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.section-area .content article.box div.text span{font-size:.65rem}.section-area .content article.box.circle div.img,.section-area .content article.box.circle image.img{border-radius:50%;padding-top:100%;scale:.8}.section-area .content article.box.circle div.img:after,.section-area .content article.box.circle image.img:after{content:"";z-index:1;background-color:#0003;border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@media screen and (min-width:768px){.section-area{max-width:848px!important}.section-area.music-line .title{padding-top:100px}.section-area.music-line:before{height:100px}.section-area article.box{margin-bottom:40px!important}.section-area article.box:nth-child(odd){margin-right:20px!important}}#information-page{padding:0}#information-page .section-area{padding:30px 30px 80px}#information-page .section-area img{width:150px;height:auto}#information-page .section-area p{color:#323232;font-size:1.2rem;line-height:1.5}#information-page .section-area hr{background-image:url(/assets/images/music_icons.png);background-repeat:no-repeat;border:0;width:50px;height:70px;margin:15px auto;scale:.7}#information-page .section-area hr.type1{background-position:-5px 0}#information-page .section-area hr.type2{background-position:-55px 0}#information-page .section-area hr.type3{background-position:-135px -65px;width:30px}#information-page .section-area hr.type4{background-position:-9px -120px}@media screen and (max-width:768px){#information-page .section-area img{width:auto;height:auto}#information-page .section-area p{letter-spacing:-.5px;font-size:.9rem;line-height:1.4}}#programs-page{padding:0}#programs-page .section-area{padding:0;position:relative}#programs-page .section-group{padding:30px;position:relative}#programs-page .section-group:first-child{margin-top:20px}#programs-page .section-group:last-child{margin-bottom:0}#programs-page .section-group h1{margin-bottom:20px;font-size:2.2rem;font-weight:700;display:block}#programs-page .section-group h1 span{display:block}#programs-page .section-group h1 span:first-child{color:#be7c89;margin-bottom:10px;font-size:1.5rem;font-weight:500}#programs-page .section-group article{text-align:left;padding:20px 0;display:block;position:relative}#programs-page .section-group article:last-child{margin-bottom:0}#programs-page .section-group article.list-content ul{padding-left:0;list-style-type:none;display:block}#programs-page .section-group article.list-content ul li{margin-bottom:15px;font-size:1.2rem}#programs-page .section-group article.list-content p.price-notice{color:#6a6a6a;font-size:1rem}#programs-page .section-group article h2{color:#caaf86;margin-bottom:15px;font-size:2rem;font-weight:700}#programs-page .section-group article p{color:#323232;font-size:1.2rem;line-height:1.8rem}#programs-page .section-group article .point-color{color:#d3aaaa}#programs-page .section-group article .books-image{width:100%;height:100%;margin:0 auto;padding-top:40%;display:block}@media screen and (max-width:768px){#programs-page .section-group h1{font-size:1.4rem;font-weight:500}#programs-page .section-group h1 span:first-child{font-size:1.2rem;font-weight:500}#programs-page .section-group article.list-content ul li{font-size:.9rem}#programs-page .section-group article.list-content p.price-notice{color:#6a6a6a;font-size:.8rem}#programs-page .section-group article h2{margin-bottom:5px;font-size:1.25em;font-weight:500}#programs-page .section-group article p{font-size:1rem;line-height:1.35}}.sticky-item{z-index:1;position:fixed}.lock-scroll{overflow:hidden}img.lazy-load-fade{opacity:0;will-change:opacity;transition:opacity 1s,transform 1s ease-in-out}img.lazy-load-fade.loaded{opacity:1;will-change:auto}.swiper.product-detail-swiper{padding-bottom:84px;overflow:visible}@media (max-width:768px){.swiper.product-detail-swiper{padding:0 20px 28px}}.swiper.swiper-container.product-detail-swiper{overflow:visible}.swiper-button-next:after,.swiper-button-prev:after{display:none}#stack-layer-area,#modal-popup-area,#loading-progress-area{z-index:99999;width:0;height:0;position:fixed;top:0;left:0}#stack-layer-area#modal-popup-area,#modal-popup-area#modal-popup-area,#loading-progress-area#modal-popup-area{z-index:999999}#stack-layer-area#loading-progress-area,#modal-popup-area#loading-progress-area,#loading-progress-area#loading-progress-area{z-index:9999999}.default-empty-page{min-height:calc(100vh - 56px)}@keyframes fe-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fe-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fe-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes fe-slide-down{0%{transform:translateY(0%)}to{transform:translateY(100%)}}@keyframes fe-slide-top-up{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes fe-slide-top-down{0%{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes fe-slide-left-to-right{0%{transform:translate(-100%)}to{transform:translate(0%)}}@keyframes fe-slide-left-to-back{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fe-slide-right-to-left{0%{transform:translate(100%)}to{transform:translate(0%)}}@keyframes fe-slide-right-to-back{0%{transform:translate(0)}to{transform:translate(100%)}}.page-purchase li.product-item .option.closed .option-list{display:none}.loading-box .loading-text{text-align:center}@media (max-width:1024px){.header-inner.is-show{overflow:hidden auto}}#lessonCard-piano{margin-top:30px}#lessonCard-piano .list-content{width:100%;overflow:scroll}#lessonCardTable{border-collapse:collapse;border-spacing:0;border:1px solid #e5e5e5;width:100%}#lessonCardTable th{text-align:center;background-color:#caaf86;border:1px solid #baa688;min-width:120px;padding:15px 10px;font-size:.8rem;font-weight:600}#lessonCardTable td{text-align:center;border:1px solid #d2d2d2;min-width:120px;padding:15px 10px;font-size:.8rem;font-weight:400}#lessonCardTable td:first-child{min-width:60px;font-size:.8rem;font-weight:600}
