*,*::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{list-style:none;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}}.recital .paddingWholeWrap .paddingWhole{background-color:#FFF7E5;padding:60px 4% 80px}@media screen and (min-width: 769px){.recital .paddingWholeWrap .paddingWhole{background-color:#FFF7E5;padding:80px 4% 100px}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}footer{background-color:#FDC84E;padding:50px 0 20px}footer .footerFlex{display:flex;justify-content:center;align-items:center}footer .footerLogo{width:200px}footer p{text-align:center;margin-top:40px;color:#777}@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}}.recital h3{font-size:1.2rem;font-weight:bold;color:#523105;margin-bottom:30px}.recital h3 i{margin-right:10px;font-size:1.3rem;color:#ffa200}.recital .recitalPic{border-radius:3px;box-shadow:4px 4px 4px #dddddd}.recital p{margin-top:10px}.recital p:nth-of-type(1){margin-top:30px}@media screen and (min-width: 769px){.recital h3{font-size:1.2rem;font-weight:bold;color:#523105;margin-bottom:30px}.recital h3 i{margin-right:10px;font-size:1.4rem;color:#ffa200}.recital .recitalPic{margin-right:40px;width:60%}.recital .pcFlex{display:flex;justify-content:space-between}.recital p:nth-of-type(1){margin-top:0}}#recital20082016Page .mt50{margin-top:50px}#recital20082016Page h4{font-weight:bold;font-size:1.05rem;color:#523105;margin:30px 0 10px}#recital20082016Page .grid1{display:block}#recital20082016Page .grid2,#recital20082016Page .grid3{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px}#recital20082016Page .grid2 img,#recital20082016Page .grid3 img{border-radius:3px;box-shadow:4px 4px 4px #dddddd}#recital20082016Page .recitalTeacherPic{width:49%;border-radius:3px;box-shadow:4px 4px 4px #dddddd}#recital20082016Page .xmasPic{width:40%;border-radius:3px;box-shadow:4px 4px 4px #dddddd}#recital20082016Page .mt20{margin-top:20px}#recital20082016Page .mb20{margin-bottom:20px}@media screen and (min-width: 769px){#recital20082016Page .mt50{margin-top:50px}#recital20082016Page .mt40pc{margin-top:40px}#recital20082016Page h4{font-weight:bold;font-size:1.05rem;color:#523105;margin:40px 0 10px}#recital20082016Page .grid1,#recital20082016Page .grid2,#recital20082016Page .grid3{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px 40px}#recital20082016Page .grid1 img,#recital20082016Page .grid2 img,#recital20082016Page .grid3 img{width:90%;border-radius:3px;box-shadow:4px 4px 4px #dddddd}#recital20082016Page .recitalTeacherPic{width:42%;border-radius:3px;box-shadow:4px 4px 4px #dddddd}#recital20082016Page .xmasPic{width:30%;border-radius:3px;box-shadow:4px 4px 4px #dddddd}}.imgWrap{margin-top:20px}@media screen and (min-width: 769px){.imgWrap{margin-top:60px;width:60%}}.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)}}.paddingWhole{position:relative}.paddingWhole .schedule1Ai{position:absolute;display:inline-block;width:80px;right:10px;top:50px}@media screen and (min-width: 769px){.paddingWhole{position:relative}.paddingWhole .schedule1Ai{position:absolute;display:inline-block;width:120px;right:80px;top:60px}}@media screen and (min-width: 1500px){.paddingWhole .schedule1Ai{top:130px}}.roseAiRelative{position:relative}.roseAiRelative .roseAi{position:absolute;display:inline-block;width:100px;bottom:-10px;right:10px}@media screen and (min-width: 769px){.roseAiRelative{position:relative}.roseAiRelative .roseAi{position:absolute;display:inline-block;width:130px;bottom:-5px;right:30px}}.musicAiwrap{text-align:left;margin-top:5px}.musicAiwrap .musicAi{width:280px}@media screen and (min-width: 769px){.musicAiwrap{text-align:left;margin-top:30px}.musicAiwrap .musicAi{width:600px}}.recitalAllAiRelative{position:relative}.recitalAllAiRelative .recitalAllAi{position:absolute;bottom:-60px;right:20px;display:inline-block;width:50px}@media screen and (min-width: 769px){.recitalAllAiRelative .recitalAllAi{position:absolute;bottom:-80px;right:30px;display:inline-block;width:90px}}@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}.recital .paddingWholeWrap .paddingWhole{padding:150px 4% 100px}}