*,*::before,*::after{box-sizing:border-box}html{color:#333;font-size:14px;text-align:justify;font-family:'Noto Sans', 'Noto Sans JP', sans-serif;list-style:none;line-height:1.8;letter-spacing:.02rem}@media screen and (min-width: 769px){html{font-size:15px}}a{color:#333;text-decoration:none}img{width:100%;height:auto;vertical-align:bottom}body{max-width:1000px;margin:65px auto 0;position:relative}@media screen and (min-width: 769px){body{max-width:100%;margin:75px auto 0;position:relative;background-color:#f6f0e2}}header{position:fixed;top:0;left:0;background-color:#FDC84E;width:100%;padding:0 4%;z-index:1}header .headerFlex{display:flex;justify-content:space-between;align-items:center;height:65px;width:100%}header .headerFlex .siteTitle{width:190px}header .headerFlex .blogBtn a:hover{opacity:.8}header .headerFlex .blogBtn a .blog{display:inline-block;width:80px;margin-right:20px}header .headerFlex .div{display:flex;align-items:center}@media screen and (min-width: 769px){header{position:fixed;top:0;left:0;width:100%;padding:0;background-color:#f6f0e2}header .headerWrap{background-color:#FDC84E;margin:0 250px}header .headerWrap .headerFlex{display:flex;justify-content:space-between;align-items:center;height:75px;padding:0 40px;margin:0 auto}header .headerWrap .headerFlex .siteTitle{width:240px}header .headerWrap .headerFlex .blogBtn a:hover{opacity:.8}header .headerWrap .headerFlex .blogBtn a .blog{display:inline-block;width:100px;margin-right:20px}header .headerWrap .headerFlex .div{display:flex;align-items:center}}.openbtn{z-index:9999;cursor:pointer;width:50px;height:50px;background-color:none;position:relative}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#4B677A;width:45%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}#g-nav.panelactive{position:fixed;z-index:999;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#fbde9b;transform:scale(0);right:-50px;top:-50px;transition:all .6s}.circle-bg.circleactive{transform:scale(50)}#g-nav-list{display:none;position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{opacity:0;position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%, -50%)}#g-nav.panelactive ul{opacity:1}#g-nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}#g-nav li{font-size:1.2rem}#g-nav li a{color:#4B677A;text-decoration:none;padding:10px;display:block;letter-spacing:0.1em;font-weight:bold}#g-nav li a:hover{opacity:.7}footer{background-color:#FDC84E;padding:40px 0 10px}footer .footerFlex{display:flex;justify-content:center;align-items:center}footer .footerLogo{width:180px}footer p{text-align:center;margin-top:40px;color:#777;font-size:0.9rem}@media screen and (min-width: 769px){footer{background-color:#f6f0e2;padding:0}footer .footerWrap{background-color:#FDC84E;padding:50px 0 20px;margin:0 250px}footer .footerWrap .footerFlex{display:flex;justify-content:center;align-items:center}footer .footerWrap .footerLogo{width:200px}footer .footerWrap p{text-align:center;margin-top:40px;color:#777;font-size:1rem}}.paddingWhole{padding:60px 4%;background-color:#FDFBF7}.paddingWholecolor{padding:60px 4%;background-color:#FFF7E5}@media screen and (min-width: 769px){.paddingWhole{padding:60px 4% 70px;background-color:#FDFBF7}.paddingWholecolor{padding:60px 4% 70px;background-color:#FFF7E5}main{background-color:#f6f0e2}.paddingWholeWrap{margin:0 250px}}h2{font-size:1.4rem;font-weight:bold;letter-spacing:.05rem;margin-bottom:40px;color:#523105;display:inline-block}h2 span img{width:50px;display:inline-block;vertical-align:middle;margin-left:17px}.btn{text-align:center;margin:60px auto 0}.btn a{display:inline-block;width:180px}.btn a:hover{opacity:.8}.mainVisual .topVisual{background-image:url(../img/topVisual.jpg);background-position:bottom;background-size:cover;height:500px;width:100%}@media screen and (min-width: 769px){.mainVisual .topVisualWrap{margin:0 250px}.mainVisual .topVisualWrap .topVisual{background-image:url(../img/topVisual.jpg);background-position:center -380px;background-size:cover;height:80vh;width:100%}}.mainVisual .topMessage{height:240px;text-align:center;display:flex;justify-content:center;align-items:center;line-height:2;background-image:url(../img/leafPic.png);background-position:center;background-size:cover;font-family:'M PLUS Rounded 1c', sans-serif;color:#4B677A}.mainVisual .topMessage p{font-size:1.4rem;letter-spacing:0.3rem}.mainVisual .topMessage p span{font-size:2.2rem}.mainVisual .topMessage p span:first-of-type{color:#523105}.mainVisual .topMessage p span:last-of-type{font-size:2.2rem;color:#ffa200}.mainVisual .topMessage p span:nth-of-type(2),.mainVisual .topMessage p span:nth-of-type(3){color:#FFB200}@media screen and (min-width: 769px){.mainVisual .topMessageWrap{margin:0 250px;background-color:#fff}}.message .roseAiWrap{position:relative}.message .roseAiWrap .roseAi{display:inline-block;width:80px;position:absolute;top:-30px;right:10px}.message .roseAiWrap p{margin-top:10px}.message .roseAiWrap p:nth-of-type(1){margin-top:0}@media screen and (min-width: 769px){.message .roseAiWrap{position:relative}.message .roseAiWrap .roseAi{display:inline-block;width:110px;position:absolute;top:-30px;right:10px}}@media screen and (min-width: 1500px){.message .roseAiWrap{position:relative}.message .roseAiWrap .roseAi{display:inline-block;width:120px;position:absolute;top:-25px;right:10px;right:100px}}.teacher p{color:#ffa200;font-family:'Tilt Neon', cursive;font-size:1.2rem;letter-spacing:.08rem;margin-top:30px}.teacher h3{font-size:1.4rem;font-weight:bold;font-family:'Noto Sans JP', sans-serif;color:#523105}.teacher ul{list-style-type:disc;list-style-position:inside;margin-top:20px;line-height:2}.teacher ul li{font-size:1.1rem}.teacherPic,.recitalPic{display:block;border-radius:10px;box-shadow:4px 4px 4px #dddddd}@media screen and (min-width: 769px){.teacher p{margin-top:0}.teacher .pcFlex{display:flex;justify-content:space-between}.teacher .teacherPic{display:block;border-radius:10px;box-shadow:4px 4px 4px #dddddd;width:500px;margin-right:40px}}.lesson{position:relative}.lesson dl dt{margin:30px 0 10px;font-size:1.2rem;color:#523105;font-weight:900}.lesson dl dt i{margin-right:10px;color:#ffa200}.lesson dl dd{line-height:2}.lesson dl dd::before{content:"-";margin-right:10px}.lesson .sidewaysLeafAi{display:inline-block;position:absolute;width:140px;bottom:15px;right:30px}@media screen and (min-width: 769px){.lesson dl dt:first-of-type{margin-top:0}.lesson .sidewaysLeafAi{display:inline-block;position:absolute;width:180px;bottom:15px;right:310px}.lesson .pcFlexReverse{display:flex;justify-content:space-between;flex-direction:row-reverse}.lesson .lessonPic{margin-left:40px}.lesson .lessonPic .bgi2{margin-left:20px}}@media screen and (min-width: 1500px){.lesson .sidewaysLeafAi{display:inline-block;position:absolute;width:180px;bottom:15px;right:60px}}.flex{display:flex;justify-content:space-between}.flex .bgi1{background-image:url(../img/lessonPic01.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi2{background-image:url(../img/lessonPic02.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}.flex .bgi3{background-image:url(../img/accessPic01.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi4{background-image:url(../img/accessPic02.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}.flex .bgi5{background-image:url(../img/accessPic03.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi6{background-image:url(../img/accessPic04.jpg);background-position:center;background-size:cover;height:240px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}@media screen and (min-width: 769px){.flex{display:flex;justify-content:space-between}.flex .bgi1{background-image:url(../img/lessonPic01.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi2{background-image:url(../img/lessonPic02.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}.flex .bgi3{background-image:url(../img/accessPic01.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi4{background-image:url(../img/accessPic02.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}.flex .bgi5{background-image:url(../img/accessPic03.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-right:5px}.flex .bgi6{background-image:url(../img/accessPic04.jpg);background-position:center;background-size:cover;height:270px;width:220px;border-radius:10px;box-shadow:4px 4px 4px #dddddd;margin-left:5px}}.recital p{margin-top:10px}.recital p:nth-of-type(1){margin-top:30px}@media screen and (min-width: 769px){.recital .recitalPic{margin-right:40px;width:415px}.recital .pcFlex{display:flex;justify-content:space-between}.recital p:nth-of-type(1){margin-top:0}}.schedule{position:relative}.schedule .slideInUpTrigger{margin-top:20px}.schedule dl dt{font-weight:900;font-size:1.2rem;color:#523105;margin:15px 0 2px}.schedule dl dt i{margin-right:10px;color:#ffa200}.schedule dl dt:nth-of-type(1){margin-top:0}.schedule dl dd.ddLink{text-align:right;margin:10px 0 20px}.schedule dl dd.ddLink a{color:#1901d2}.schedule dl dd.ddLink a:hover{opacity:.5}.schedule .standingLeafAi{position:absolute;bottom:10px;left:10px;display:inline-block;width:70px}@media screen and (min-width: 769px){.schedule dl{width:100%}.schedule .standingLeafAi{position:absolute;bottom:30px;left:350px;display:inline-block;width:100px}}@media screen and (min-width: 1500px){.schedule .standingLeafAi{left:100px}}.access dt{font-weight:900;font-size:1.2rem;letter-spacing:.07rem;color:#523105}.access dt i{margin-right:10px;color:#ffa200}.access .dt1{margin:0 0 20px}.access .dt2{margin:50px 0 20px}.access table{margin-bottom:30px;width:100%}.access table tr{line-height:2.5}.access table td:first-of-type{color:#523105;font-weight:bold}@media screen and (min-width: 769px){.access .pcFlex{display:flex;justify-content:space-between}.access .dt2{margin:60px 0 20px}.access .bgi3,.access .bgi5{margin-right:20px}.access .bgi5,.access .bgi6{margin-top:60px}}.contact{position:relative}.contact table{margin-bottom:30px;margin-left:30px;width:80%}.contact table tr{line-height:2.5}.contact table td:first-of-type{color:#523105;font-weight:600}.contact table td:last-of-type{color:#523105;font-weight:500;font-size:1.4rem;letter-spacing:.1rem}.contact .tulipAi{position:absolute;bottom:10px;right:30px;width:50px}@media screen and (min-width: 769px){.contact .tulipAi{position:absolute;bottom:50px;right:330px;width:90px}}@media screen and (min-width: 1500px){.contact .tulipAi{right:80px}}#schedulePage .schedule{position:relative}#schedulePage .schedule .slideInUpTrigger{margin-top:20px}#schedulePage .schedule .schedule1Ai{display:inline-block;position:absolute;top:40px;right:5px;width:95px}@media screen and (min-width: 769px){#schedulePage .schedule{position:relative}#schedulePage .schedule .schedule1Ai{display:inline-block;position:absolute;top:40px;right:320px;width:130px}}.recitalAllAiRelative{position:relative;margin:10px 0 40px}.recitalAllAiRelative .recitalAllAi{position:absolute;bottom:-60px;right:20px;display:inline-block;width:50px}@media screen and (min-width: 769px){.recitalAllAiRelative{position:relative;margin:20px 0 40px}.recitalAllAiRelative .recitalAllAi{position:absolute;bottom:-80px;right:30px;display:inline-block;width:90px}}.fadeInTrigger{opacity:0}.fadeIn{animation-name:fadeInAnime;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;opacity:0}@keyframes fadeInAnime{0%{opacity:0;transform:translate(0, 0)}100%{opacity:1;transform:translate(0, 0)}}.slideInUpTrigger{opacity:0}.slideInUp{animation-name:slideInUpAnime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}@keyframes slideInUpAnime{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.slideInLeftTrigger{opacity:0}.slideInLeft{animation-name:slideInLeftAnime;animation-duration:2.5s;animation-fill-mode:forwards;opacity:0}@keyframes slideInLeftAnime{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.slideInRightTrigger{opacity:0}.slideInRight{animation-name:slideInRightAnime;animation-duration:2.5s;animation-fill-mode:forwards;opacity:0}@keyframes slideInRightAnime{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@media screen and (min-width: 1500px){header .headerWrap{max-width:1200px;margin:0 auto}footer .footerWrap{max-width:1200px;margin:0 auto}body{max-width:1200px;margin:0 auto}.mainVisual .topVisualWrap{max-width:1200px;padding:0;margin:0 auto}.mainVisual .topMessageWrap{max-width:1200px;margin:0 auto}.paddingWholeWrap{max-width:1200px;margin:0 auto}}