@media (min-width:768px){.button{width:280px;height:60px;font-size:20px;line-height:60px;&:before{top:22px}}.back-button{width:280px;height:60px;font-size:20px;line-height:60px;&:before{top:22px}&:after{width:270px;height:52px}}.hamburger-menu{.hamburger-menu-content{div{padding:100px 0px;gap:60px;a{font-size:20px}}}}.top-button{width:120px;height:120px;&.active{button{margin-top:13px;span{width:40px;padding-top:10px;&:nth-of-type(1){transform:translate(-2px,11px) rotate(45deg)}&:nth-of-type(3){transform:translate(3px,-12px) rotate(-45deg)}}}}h1{font-size:20px;color:white;padding-top:30px;&:before{width:105px;height:105px;top:7px;left:7px}}button{margin-top:13px;span{width:40px;padding-top:10px}}}.swiper-bullet{margin-top:20px}.swiper-pagination-bullet{width:12px;height:12px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,6px)}header{.swiper,.top-header{padding-bottom:20px;.swiper-wrapper,.header-wrapper{margin:0 auto;padding-top:50px;padding-bottom:60px;.swiper-slide,.slide-slide{height:45vh;div{max-width:430px;margin-right:-10px;margin-top:250px;p{font-size:32px;height:65px;line-height:65px;margin:0px 0px 20px 0px;span{font-size:36px}}.slide-slide-p{bottom:35px;right:0;animation-delay:1.2s;font-size:28px;line-height:60px;height:60px}}}.slide-slide{div{margin-top:0}&:nth-of-type(2),&:nth-of-type(5){background-position:center -100px}}}.swiper-button-prev,.swiper-button-next{width:70px;height:70px;span{&:before{top:-11px;width:20px;height:20px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:15px solid #22b6a4}}}}.top-header{.header-wrapper{padding-top:50px;padding-bottom:60px;.header-slide{height:45vh;width:90%;margin:0 auto;div{transform:translateY(300px);p{font-size:24px;height:50px;line-height:50px;span{font-size:28px}}}}}}}.opening{&:not(.already-shown){p{font-size:64px;animation:6.25s fade forwards}}}main{.top-three-points{padding-top:60px;padding-bottom:60px;.top-three-title-round{width:280px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.top-three-contents{display:flex;flex-wrap:wrap;width:90%;justify-content:space-around;.top-three-subtitle{font-size:28px}.top-three-section{width:280px;&:nth-of-type(1),&:nth-of-type(2),&:nth-of-type(3){div{width:220px;p{&:nth-of-type(1){font-size:24px}&:nth-of-type(2){font-size:16px;span{font-size:24px}}}}}&:nth-of-type(2){div{p{&:nth-of-type(1){font-size:24px}&:nth-of-type(2){width:205px;margin:0 auto;font-size:16px;text-align:center;line-height:24px;span{font-size:20px}br{display:none}}}}}}}}.top-way{padding:60px 0px;.top-way-content{padding:20px 0px;padding-bottom:100px;max-width:1100px;margin:0 auto;.top-three-title-round{width:280px;margin-bottom:30px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}p{width:550px;border-top:none;padding:0 50px;&:before{display:none}&:after{right:-60px;bottom:-50px;width:120px;height:120px}}div{width:550px;margin:0 auto;position:relative;&:before{position:absolute;content:"";top:-240px;left:-65px;width:3px;height:300px;border-left:3px solid var(--honin-dark-green)}&:after{position:absolute;content:"";top:-240px;right:-65px;width:3px;height:170px;border-left:3px solid var(--honin-dark-green)}}}}.top-news{padding:60px 0px;.top-three-title-round{width:280px;margin-bottom:30px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.top-news-content{&:nth-of-type(2){display:flex;flex-wrap:wrap;max-width:650px;margin:0 auto;justify-content:space-around}.top-news-section{border-bottom:none;&:nth-of-type(even){border-left:1px solid var(--honin-dark-green);padding-left:28px}}}.button{margin-top:30px}}.top-menu{padding-bottom:60px;.top-three-title-round{transform:translate(0%,105px);width:280px;margin:0 auto;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;transform:translate(0%,0%);&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.top-menu-content{display:flex}.top-news-section{padding-top:85px;width:50%;&:nth-of-type(2){padding-top:83px}}}.top-staff{padding-top:60px;padding-bottom:60px;.top-three-title-round{width:280px;margin-bottom:30px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.swiper2{.swiper-wrapper{max-width:600px;margin:0 auto;.swiper-slide{margin-top:-125px;div{width:300px;margin:0 auto;position:relative;h3{font-size:18px;width:57px;height:90px}img{border-radius:28px;width:210px;height:210px;object-fit:cover}}}}.top-swiper-button{max-width:450px;width:100%;margin:0 auto;.swiper-button-prev,.swiper-button-next{width:50px;height:50px;&:before{top:17px;right:20px}}.swiper-button-next{&:before{top:17px;right:8px}}}.button{margin-top:100px}}}.menu{.menu-content{.menu-section{padding:60px 0px;width:600px;img{width:500px;height:300px}div{margin-top:30px;margin-bottom:40px;p{font-size:32px;.upt{transform:translateX(-10px)}}}.menu-sentence{width:500px;font-size:18px;margin-bottom:40px}a{width:200px;height:40px;&:before{top:13px}span{font-size:18px;line-height:40px}}}&:nth-of-type(odd){.menu-section{border:3.5px solid #22b6a4}}}}.massage{.massage-concept,.massage-price{padding-top:60px;.top-three-title-round{width:280px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.massage-concept-section{display:flex;justify-content:center;align-items:flex-start;gap:56px;max-width:780px;margin:0 auto;img{width:350px;height:250px;flex-shrink:0}p,img{width:350px}p{font-size:18px;margin:0;padding:0}}}.massage-price-section{img{height:220px;transform:translateX(9px)}div{width:100%;p{line-height:36px;font-size:32px;margin:5px 0;span{font-size:24px}&:nth-of-type(3){line-height:25px}}.subtitle{font-size:24px;line-height:24px}}.massage-flex{display:flex;justify-content:center}h3{border-top:none;padding-top:20px}}.way-price{transform:translateX(35px);.way-six{line-height:22px;.upt{font-size:16px}}}.massage-question{padding-top:60px;display:flex;flex-direction:column;.subtitle{font-size:24px;margin-top:0px;margin-bottom:35px;&:before{top:4px;left:-32px}&:after{top:3px;left:73px}}.accordion-header,.accordion-content{width:90%;max-width:800px;margin:0 auto}}.beauty{padding-bottom:30px}}.inquery{.top-three-title-round{width:280px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.inquery-concept{padding-top:60px;padding-bottom:60px;p{width:560px;&:before,&:after{height:100px;top:-10px;left:-45px}&:after{top:-30px;left:-15px}span{&:before,&:after{height:100px;right:-45px;bottom:-10px}&:after{right:-15px;bottom:-30px}}}}.inquery-calling{padding:60px 0px;.calling-content{margin-top:0px;.subtitle{font-size:28px;margin-top:0px;margin-bottom:35Fpx;&:before{top:5px;left:40px}&:after{top:5px;left:342px}}a{font-size:36px;line-height:60px;height:55px;img{margin-top:0;width:60px;height:60px}}p{font-size:18px;br{display:none}}img{width:120px;height:120px;margin-top:20px;margin-bottom:30px}div{h3{font-size:28px;width:240px;&:before,&:after{top:5px;left:-15px}&:after{right:-255px}}p{width:400px;&:nth-of-type(2){width:550px;margin-top:5px;text-align:center}}&:nth-of-type(1){margin-top:0}}}}}.news{padding:60px 0px;.top-three-title-round{width:280px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.news-container{max-width:800px;margin:0 auto;display:flex;flex-wrap:wrap;.news-content{border:transparent;border-radius:0%;position:relative;&:before{position:absolute;content:"";top:22px;left:-23px;width:1px;height:300px;border-left:1px solid var(--honin-dark-green)}&:nth-of-type(even),&:last-of-type{&:after{position:absolute;content:"";top:23px;right:-23px;width:1px;height:300px;border-left:1px solid var(--honin-dark-green)}}.news-content-section{.news-section{.news-section-second{border-bottom:none}}}}}.news-container-choice{display:flex;justify-content:space-evenly;.news-topic-category,.news-topic-date{margin-top:60px;dd{font-size:24px}div{padding-top:20px;dt{font-size:18px}}}form{.column{padding-top:0}}}.news-flex{opacity:0}.wp-pagenavi{margin-top:50px;margin-bottom:50px;display:flex;justify-content:center;.pages{display:none}a{width:15px;height:15px;margin:9px;padding:10px 9px;border-radius:50%;font-size:18px;font-weight:700;display:flex}.smaller,.larger{border:transparent}.current{padding:10px;width:10px;height:10px;margin:11px;line-height:11px;border:2px solid var(--honin-dark-green);border-radius:50px;font-weight:700;background-color:var(--honin-dark-green);color:#fff;font-size:18px}.previouspostslink,.nextpostslink{border:transparent;opacity:1;border-radius:0;padding:0}.previouspostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid transparent;border-right:13px solid var(--honin-dark-green)}.nextpostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid transparent;border-left:13px solid var(--honin-dark-green)}}}.topic{padding:60px 0px;.top-three-title-round{width:280px;margin-bottom:30px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;padding:15px 0px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.topic-flex{max-width:700px;margin:0 auto;.topic-container{.topic-content{.topic-content-section{>p{width:500px;margin-top:10px}.topic-container-img{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:60px;&:before{display:none}img{width:285px;height:190px;&:nth-of-type(2){margin-top:0;margin-bottom:0}}}}.topic-section{margin-top:15px;flex-direction:row;gap:20px;padding-bottom:5px;border-bottom:1px solid var(--honin-dark-green);.topic-section-first{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;line-height:30px;h3{font-size:20px}a{width:70px;height:30px;font-size:18px;line-height:26px}form{dt{width:85px;height:40px}}}.topic-section-second{p{font-size:24px;line-height:40px;text-align:left;display:flex;margin-top:0}}}p{font-size:18px;line-height:28px}}}.button{margin-top:40px}}.topic-container-choice{display:flex;justify-content:space-evenly;margin-top:40px;.topic-category,.topic-date{margin:0;margin-top:40px;dd{font-weight:700;font-size:24px}div{padding-top:15px;dt{font-size:18px;font-weight:500;border-bottom:1px solid var(--honin-dark-green);padding-bottom:5px;width:200px;margin:0 auto;margin-bottom:15px}}}}}.staff{padding-top:60px;padding-bottom:60px;.top-three-title-round{width:280px;&:before,&:after{width:16px;height:16px}&:before{top:-8px;left:-5px}&:after{top:-9px}h2{font-size:20px;width:280px;&:before,&:after{width:16px;height:16px}&:before{bottom:-8px;left:-5px}&:after{bottom:-8px;right:-1px}span{font-size:28px}}}.staff-flex{.staff-container{.staff-first{position:relative;width:640px;margin:0 auto;&:before{position:absolute;content:"";top:0;right:0;width:640px;height:1px;margin:0 auto;background-color:var(--honin-dark-green)}.staff-introduce{display:flex;padding:25px 0px;position:relative;&:after{position:absolute;content:"";left:75px;bottom:1px;width:500px;height:1px;background-color:var(--honin-dark-green)}.staff-self{max-width:unset;width:500px;gap:30px;&:before{display:none}&:after{display:none}div{width:75%;p{line-height:40px;font-size:20px;span{font-size:18px}}}p{margin:0;line-height:30px;font-size:20px;span{font-size:18px}}.staff-name{font-size:24px;height:150px;width:65px;line-height:65px;padding-top:16px;margin:0;&:before{height:160px;width:65px;top:10px;left:7px}&:after{height:165px;width:65px}}}.staff-text{font-size:18px;width:310px;padding:20px 0px;padding-top:40px;&:before{display:none}}}.staff-introduce2{.staff-introduce2-first{display:flex;justify-content:space-around;gap:20px;padding-bottom:40px;border-bottom:1px solid var(--honin-dark-green);div{margin-top:25px;gap:10px;display:flex;flex-direction:column;dl{display:flex;flex-direction:column;margin-left:0;margin-bottom:0;dt{margin-left:0}dd{text-align:left;font-size:18px;&:before{display:none}}}}}.staff-introduce2-second{display:flex;justify-content:space-around;gap:20px;padding-bottom:40px;border-bottom:1px solid var(--honin-dark-green);margin-top:40px;img{order:2;display:block}div{gap:10px;display:flex;flex-direction:column;dl{display:flex;flex-direction:column;margin-top:0;margin-left:0;margin-bottom:0;dt{margin-left:0}dd{text-align:left;font-size:18px;margin-left:0;&:before{display:none}}}}}}}}}.staff-introduce-choice{.staff-introduce-title{width:280px;font-size:20px}div{width:500px;gap:50px;margin-top:60px;button{width:55px;height:125px;font-size:20px;line-height:55px;padding-top:10px;margin-bottom:0;&:before,&:after{width:55px;height:122px}}}}}}footer{.footer-title{max-width:550px;h2{font-size:24px;width:120px;height:120px;line-height:120px;&:before{width:110px;height:110px;top:5px;left:5px}}a{p{font-size:18px;line-height:22px}img{width:60px;height:60px}&:before{right:15px}}}.footer-open{img{width:350px}p{&:nth-of-type(2){margin-bottom:30px}}}.footer-map{div{p{font-size:18px}}iframe{width:380px;height:250px}}ul{display:flex;justify-content:space-around;width:750px;margin:0 auto;div{width:400px;li{font-size:18px;&:nth-of-type(2){padding-top:50px}}}.gnav-menu{max-width:310px}}.footer-copyright{a{width:65px;height:65px;span{width:15px;height:15px;transform:translate(24px,28px) rotate(45deg)}}}}}