@charset 'utf-8';.hana{font-size:14px;width:100%;max-width:1400px;margin:0 auto;line-height:1.5;background-color:#fff}@media screen and (min-width:768px){.hana{font-size:16px}}.hana .wrapping{width:100%;max-width:1080px;margin:0 auto}.hana [class*=grid-].wrapping{width:100%;max-width:1080px;margin:0 auto}.hana [class*=grid-][class*=-noGutter].wrapping{width:100%;max-width:1080px;margin:0 auto}.hana em{font-weight:700;font-style:normal}.hana .white-space span:not(.eccetto){display:inline-block;white-space:nowrap}.hana .for-mobile{display:block}@media screen and (min-width:768px){.hana .for-mobile{display:none}}.hana .for-pc{display:none}@media screen and (min-width:768px){.hana .for-pc{display:block}}.hana img{max-width:100%}.hana a{margin:0 auto;text-align:center}.hana p{margin:0 0 1em}.hana .held{position:absolute;top:0;left:0;right:0;margin:auto;font-weight:700;background-color:rgba(206,34,101,.65);border-radius:4px;color:#fff;width:max-content}.hana .held small{display:block;font-size:70%}.hana .held a{color:#fff;display:block;padding:.6em 1em}.hana .held a:hover{position:relative;top:1px}.hana .video-pass{text-align:center;padding:2em;width:100%;max-width:1080px;margin:0 auto}.hana .video-pass .video-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;width:100%;margin:.5em 0}.hana .video-pass .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.hana header{position:relative}.hana header .logo{width:80%;margin:1em auto .5em;padding:1em 0 0}@media screen and (min-width:768px){.hana header .logo{position:absolute;margin:auto;left:0;right:0;width:400px;padding-top:5vh 0 0 0}}.hana header .title-wrap h1 img{margin:0 auto}.hana header p{text-align:center;font-size:1.2em;margin:0 0 1em;padding:0 1em}.hana header p em{font-size:120%;color:#c14e8d}.hana .intro{padding:1em}.hana .intro p{font-weight:700}.hana .book{padding:1em;text-align:center}.hana .book h2 img{margin:0 auto;display:block}.hana .book h2 span{font-size:1.7em;line-height:2.5;color:#03448a}.hana .book .book-title-wrapper{background-size:auto auto;background-color:#fff;background-image:repeating-linear-gradient(135deg,transparent,transparent 8px,#edf8ff 8px,#edf8ff 10px);margin:2em auto;padding:0 1em}.hana .book .book-title-wrapper p{text-align:center;background-color:#aed0f4;letter-spacing:3px;padding:.2em 1em;width:max-content;margin:0 auto .5em;color:#fff}.hana .book .book-title-wrapper h4{letter-spacing:4px;font-size:1.4em}.hana .book .book-title-wrapper h4 small{font-size:70%;display:block}.hana .book .book-img img{padding:1em;border:1px solid #ccc}.hana .book .fl-link{display:grid;grid-template-columns:1fr;gap:1em;margin:1em auto}@media screen and (min-width:569px){.hana .book .fl-link{grid-template-columns:1fr 1fr}}@media screen and (min-width:768px){.hana .book .fl-link{width:58%}}.hana .book .fl-link .colItem a{padding:.5em 2em;background-color:#6baede;border-radius:2px;color:#fff;font-weight:700;letter-spacing:1px;font-size:1.15em;display:block}.hana .book .fl-link .colItem:nth-of-type(2) a{background-color:#53c596}@media screen and (min-width:569px){.hana .book .fl-link .colItem:nth-of-type(3){grid-column:span 2}}.hana .book .fl-link .colItem:nth-of-type(3) p span{border-bottom:dashed 2px orange;width:max-content}@media screen and (min-width:768px){.hana .book .fl-link .colItem:nth-of-type(3) p span{display:block;margin:0 auto}}.hana .public-lessons{padding:0 1em;background-color:#f9f9f9;border-top:dashed 2px #e2ecf0}.hana .public-lessons h2{margin:1em auto}@media screen and (min-width:768px){.hana .public-lessons h2{margin:3em auto 1em}}.hana .public-lessons .box{border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;margin:0 0 1em}.hana .public-lessons .box p{padding:1em;margin:0;letter-spacing:1px;font-size:1.1em}.hana .public-lessons .fl-link{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.hana .public-lessons .fl-link .colItem a.order{padding:.5em 2em;background-color:#5e99cd;background-color:#03448a;border-radius:2px;color:#fff;font-weight:700;letter-spacing:1px;margin:1em auto}@media screen and (min-width:768px){.hana .public-lessons .fl-link .colItem a.order{margin:2em auto}}.hana .public-lessons .fl-link .colItem p{background-color:#dfeaf3;padding:.5em 1em;width:max-content;margin:0 auto;color:#7a81ad}.hana .public-lessons .tutor-profile{margin:2em 0;background-color:#fff;padding:1em}.hana .public-lessons .tutor-profile .text h3 a.name{text-align:left;color:#444;border-bottom:2px dotted #ccc;margin:.4em 0;font-size:1.25em;font-weight:400;letter-spacing:1px}.hana .public-lessons .tutor-profile .text p{margin:0;font-size:.9em;line-height:1.7}.hana .public-lessons .tutor-profile .text a.profile{text-align:left;color:#444;border-top:2px dotted #ccc;padding:.4em 0 0 0;font-size:.8em;margin:.8em 0 0 0}.hana .view{padding:1em;margin:0 auto;background-color:#eff5fa;text-align:center}.hana .view h3{margin:1em 0;font-size:1em}@media screen and (min-width:768px){.hana .view h3{font-size:2em;letter-spacing:4px;font-weight:400}}.hana .view p{font-size:1.15em;line-height:2}.hana .view p em{color:#cc3187}.hana .view a:not(.arrow){background-color:#d664a3;padding:1em 2em;display:inline-block;color:#fff;font-weight:700;font-size:1.2em;border-radius:4px;box-shadow:0 0 3px #ccc;border:1px solid #fff}.hana .view .wrap{margin:3em auto;background-color:#fff;padding:0 1em;border-radius:5px;border:3px dotted #ff9d2c;width:100%;max-width:1080px}@media screen and (min-width:768px){.hana .view .wrap{width:70%}}.hana .view .wrap img{margin:1em auto}.hana .view .arrow img{margin:0 auto}.hana .rules{padding:7em 1em 5em;margin:0 auto;text-align:center}.hana .rules h4{font-weight:400;font-size:1.8em;margin:0 0 2em}.hana .rules .wrap{width:100%;margin:0 auto;padding:1em;background-color:#fff;border:1px solid #ccc}@media screen and (min-width:768px){.hana .rules .wrap{width:60%}}.hana .rules .wrap h4{margin:2em 0;font-weight:700;font-size:1.15em}.hana .rules .wrap h5{font-weight:700;color:#d664a3;margin:0 0 1em;font-size:1em}.hana .rules .wrap ul{margin:0 0 3em}.hana .rules .wrap ul li{text-align:left;margin:0 0 2em;letter-spacing:1px;font-size:.95em;line-height:1.6}.pageTop_btn{opacity:0;position:fixed;bottom:150px;right:20px;transition:.5s}.pageTop_btn a{z-index:10;font-size:12px;padding:30px 0;background-color:#8E7B87;text-decoration:none;color:#fff!important;line-height:normal;width:100px;height:77px;text-align:center;display:block;border-radius:5px;-webkit-border-radius:5px}.pageTop_btn.show{opacity:1}