#figure_hero{position:relative;z-index:1;width:100%;height:90vh;margin:0 0 60px}#figure_hero img{position:absolute;top:0;right:0;width:62%;height:auto}#figure_hero figcaption{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:absolute;top:190px;left:15%;width:11vw;min-width:120px;height:100%;text-indent:-9999px;background-image:url(../images/top/txt_hero.png);background-size:contain}@media screen and (max-width: 1200px){#figure_hero{height:50vw}#figure_hero figcaption{top:180px;left:20%}}main{position:relative;z-index:5}main .ttl_cmn_1 span{margin:15px 0 0}#section_about{position:relative;z-index:2;width:auto;text-align:center;margin:0 0 95px}#section_about p{font-size:1.6rem;line-height:2.2;letter-spacing:.05em;margin:1.5em 0}#section_lesson{width:1100px;line-height:1.8;margin:0 auto 130px}#section_lesson .flex_lesson{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:auto;margin:60px 0 0}#section_lesson .box_lesson{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:344px;border-radius:12px;background-color:#fff;-webkit-box-shadow:0px 0px 16px 0px rgba(17,17,17,0.2);box-shadow:0px 0px 16px 0px rgba(17,17,17,0.2);overflow:hidden}#section_lesson .box_lesson img{width:100%;height:226px;-o-object-fit:cover;object-fit:cover}#section_lesson .box_lesson:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0px 5px 16px 0px rgba(17,17,17,0.2);box-shadow:0px 5px 16px 0px rgba(17,17,17,0.2)}#section_lesson .box_lesson.is_line:before{position:absolute;z-index:2;top:50%;left:0;right:0;content:"公式ラインにてお問い合わせください";font-family:'Noto Sans Bold', sans-serif;font-size:1.5rem;line-height:1.2;text-align:center;color:white;background-color:#60c363;padding:7px 0 8px;margin:0 auto}#section_lesson .detail_lesson{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:auto;height:12em;padding:16px 20px 20px}#section_lesson .detail_lesson h3{font-family:'Noto Sans Bold', sans-serif;font-size:2rem;margin:0 0 8px}@media screen and (max-width: 428px){img{max-width:100%;height:auto}#figure_hero{position:relative;width:100%;height:170vw;margin:0 0 10vw}#figure_hero img{position:absolute;top:55vw;right:0;width:86%;height:auto}#figure_hero figcaption{top:30vw;left:0;right:0;width:calc(158px / 1.6);height:calc(335px / 1.6);margin:0 auto}#section_about{width:88%;margin:0 auto 60px}#section_about p{font-size:3.3vw;line-height:2}#section_lesson{width:100%;padding:0 6% 70px;margin:0 auto}#section_lesson .flex_lesson{display:block;width:auto;margin:35px auto 0}#section_lesson .box_lesson{width:100%;-webkit-box-shadow:0px 0px 10px 0px rgba(17,17,17,0.1);box-shadow:0px 0px 10px 0px rgba(17,17,17,0.1);margin:0 0 40px}#section_lesson .box_lesson img{width:100%;height:auto;-o-object-fit:fill;object-fit:fill}#section_lesson .box_lesson:hover{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0px 0px 10px 0px rgba(17,17,17,0.1);box-shadow:0px 0px 10px 0px rgba(17,17,17,0.1)}#section_lesson .box_lesson.is_line:before{top:52%;font-size:1.4rem;padding:10px 0}#section_lesson .detail_lesson{height:auto}#section_lesson .detail_lesson h3{font-size:1.7rem}}
