::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{--honin-dark-green:#435B5B;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0;color:var(--honin-dark-green);text-align:center;scroll-behavior:smooth;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-family:"BIZ UDPMincho",serif;font-weight:400;scrollbar-gutter:stable;&:has(div.opening:not(.already-shown)){header{.swiper{.swiper-wrapper{.swiper-slide[data-swiper-slide-index="0"]{div{p{&:first-of-type{animation-delay:4.5s}}}.second-sentence{animation-delay:6.5s}}}}}}&:has(.top-button.active){overflow:hidden}}body{margin:0;padding:0;overflow-x:hidden}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{padding:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:#fff0;text-decoration:none;color:var(--honin-dark-green)}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:#fff0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit;border:none}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}.button{background-color:#22b6a4;color:#f9f8f8;position:relative;font-size:16px;width:260px;height:55px;margin:0 auto;margin-top:70px;display:block;line-height:55px;&::before{position:absolute;content:"";top:20px;right:15px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #fff}&:active{&::before{border-left-color:#22b6a4}}span{display:block;transition-duration:.6s}}.back-button{background-color:#22b6a4;color:#f9f8f8;position:relative;font-size:16px;width:260px;height:55px;margin:0 auto;margin-top:70px;display:block;line-height:55px;&::before{position:absolute;content:"";top:20px;left:30px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-right:12px solid #fff}&::after{position:absolute;content:"";top:4px;right:5px;width:250px;height:47px;border:2px solid #fff}&:active{&::before{border-right-color:#22b6a4}}span{display:block}}.subtitle{position:relative;margin:0 auto;display:inline-block;&::before{position:absolute;content:"";top:0;left:-24px;width:15px;height:15px;background-color:var(--honin-dark-green);transform:rotate(45deg)}&::after{position:absolute;content:"";top:0;right:-24px;width:15px;height:15px;background-color:var(--honin-dark-green);transform:rotate(45deg)}}.no-scroll{overflow:hidden}@keyframes slide-in-from-right{from{width:100vw;opacity:0}to{width:55vw;opacity:1}}@keyframes slide-in-from-left{from{opacity:0;width:100vw}to{width:55vw;opacity:1}}@keyframes backimg{0%{background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/massage2.webp)}25%{background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/massage3.webp)}75%{background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/massage3.webp)}100%{background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/massage2.webp)}}.hamburger-menu{position:fixed;top:0;background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/hamburger.webp);background-repeat:no-repeat;background-size:cover;color:#f9f8f8;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:3;transition:opacity 0.5s linear;opacity:0;animation:1s backimg;overflow:hidden;pointer-events:none;.hamburger-menu-content{display:flex;div{padding:40px 0;width:100vw;flex-direction:column;display:inline-flex;gap:40px;position:relative;height:100%;&::before,&::after{position:absolute;content:"";height:1px;border-top:1px solid #fff}&::before{top:0;right:0}&::after{bottom:0;left:0}a{font-size:18px;display:inline-block;color:#fff}}}}.top-button{position:fixed;width:80px;height:80px;top:0;right:0;background-color:rgb(34 182 164 / .8);border:1px solid #fff;z-index:200;border-radius:50%;cursor:pointer;&.active{+.hamburger-menu{opacity:1;pointer-events:auto;&::before{animation:slide-in-from-right 0.7s ease forwards;width:55vw}&::after{animation:slide-in-from-right 0.7s ease forwards;width:55vw}}button{margin-top:7px;span{border-top:1px solid #fff;width:30px;height:1px;display:block;padding-top:6px;transition:0.5s linear;&:nth-of-type(1){transform:translate(-2px,7px) rotate(45deg)}&:nth-of-type(2){opacity:0;transform:translateX(100%);overflow-x:hidden}&:nth-of-type(3){transform:translate(3px,-8px) rotate(-45deg)}}}}h1{font-size:16px;color:#fff;padding-top:20px;position:relative;&::before{position:absolute;content:"";width:72px;height:72px;top:4px;left:4px;border:1px solid #fff;border-radius:50%}}button{margin-top:7px;span{border-top:1px solid #fff;width:30px;height:1px;display:block;padding-top:6px;transition:0.5s linear}}}.swiper-bullet{margin-top:20px}.swiper-pagination-bullet{width:10px;height:10px;gap:20px}.swiper-pagination-bullet-active{background:#22B6A4}header{overflow-x:clip;.swiper,.top-header{overflow:visible;.swiper-wrapper,.header-wrapper{padding-top:40px;padding-bottom:50px;.swiper-slide,.slide-slide{height:35vh;background-size:cover;border-radius:25px;width:100%;margin:0 auto;position:relative;z-index:0;background-position:center;&.swiper-slide{div{p{width:fit-content}}}img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;&.anim-img-1,&.anim-img-2,&.anim-img-3{animation-name:animImg;animation-duration:12s;animation-iteration-count:infinite}&.anim-img-1{animation-delay:-1s}&.anim-img-2{animation-delay:-5s}&.anim-img-3{animation-delay:-9s}}div{max-width:300px;margin:0 auto;margin-top:215px;margin-right:-40px;display:flex;flex-direction:column;p{background-color:#fff;color:#22b6a4;font-size:20px;line-height:38px;font-weight:700;height:40px;padding:0 10px;text-align:left;margin:0 0 10px 0;z-index:10;span{font-size:24px}}.second-sentence{animation-delay:.9s}.slide-slide-p{position:absolute;bottom:20px;right:0;overflow:hidden;white-space:nowrap;animation:fadeIn .7s linear both;background-color:#fff;color:#22b6a4;font-size:20px;line-height:38px;font-weight:700;height:40px;width:fit-content;padding:0 10px;text-align:left;margin:0 0 10px 0;margin-right:0}}}.slide-slide{width:90%;height:33vh;border-radius:25px;position:relative;overflow:hidden}.first-slide{background-position-y:top}.swiper-slide-active{opacity:1;div{p{opacity:1;overflow:hidden;white-space:nowrap;animation:clipAnim .7s linear both}}}}}.swiper-button-prev,.swiper-button-next{background-color:#fff;border:1px solid #22b6a4;border-radius:50%;width:50px;height:50px;&::after{content:none}span{position:relative;display:block;&::before{position:absolute;content:"";top:-8px;right:-15px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #22b6a4}}}.swiper-button-prev{span{&::before{transform:rotate(180deg);right:-5px}}}.top-header{.header-wrapper{padding-top:30px;padding-bottom:30px;.header-slide{background-size:cover;border-radius:25px;div{max-width:350px;margin:0 auto;margin-right:55px;display:flex;align-items:flex-end;transform:translateY(252px)}}}}}.is-hidden{opacity:0}@keyframes opacity{0%{opacity:.5}40%{opacity:1}70%{opacity:1}100%{opacity:0;pointer-events:none}}@keyframes opacity2{0%{opacity:1}20%{opacity:1}70%{opacity:1}100%{opacity:0;pointer-events:none}}@keyframes opa{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{translate:100%;opacity:1}to{translate:0;opacity:1}}@keyframes fade{from{width:0%;opacity:1}to{width:100%;opacity:0}}.opening{background-color:#F4F2F0;width:100vw;height:100vh;position:fixed;top:0;opacity:0;z-index:1000;overflow-y:hidden;color:#22b6a4;p{line-height:100vh;font-size:48px;margin:0 auto;overflow:hidden;white-space:nowrap;font-family:"Ma Shan Zheng",cursive;font-weight:400;font-style:normal;span{color:#DE3F1F}}&.already-shown{display:none!important;visibility:hidden!important}&:not(.already-shown){animation:4.5s opacity2 forwards;p{animation:3s fade forwards;opacity:0}.second-sentence{max-width:170px;animation-delay:1.5s;opacity:0}}}main{.top-three-points{padding-top:40px;padding-bottom:40px;background-image:linear-gradient(to bottom,rgb(211 240 237 / .5),rgb(211 240 237));.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-three-subtitle{font-size:24px;font-weight:700;padding-top:10px;padding-bottom:20px;opacity:0;transition:0.5s;&.active{opacity:1}}.top-three-contents{width:275px;margin:0 auto;transition:0.5s;&.active{opacity:1}.top-three-section{color:#f9f8f8;margin-bottom:40px;&:nth-of-type(1){background-image:url(/wp-content/themes/kenbidohonin-wp/images/shop1.webp);background-size:cover;height:211px;border-radius:20px;position:relative;background-position:center;&::before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgb(34 182 164 / .65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}&:nth-of-type(2){background-image:url(/wp-content/themes/kenbidohonin-wp/images/menu.webp);background-size:cover;height:211px;border-radius:20px;position:relative;&::before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgb(34 182 164 / .65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{line-height:20px;&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}&:nth-of-type(3){background-image:url(/wp-content/themes/kenbidohonin-wp/images/reception.webp);background-size:cover;height:211px;border-radius:20px;position:relative;margin-bottom:0;&::before{position:absolute;content:"";top:11px;left:12px;width:250px;height:190px;border:1px solid #fff;border-radius:20px}div{width:207px;height:100%;margin:0 auto;background-color:rgb(34 182 164 / .65);border-radius:20px;display:flex;flex-direction:column;justify-content:center;p{line-height:18px;letter-spacing:2%;&:nth-of-type(1){font-size:20px;font-weight:700}&:nth-of-type(2){font-size:16px;span{font-weight:700;font-size:20px}}}}}}}}.top-way{position:relative;background-color:rgb(67 91 91 / .6);transition-property:opacity;transition:0.5s;opacity:0;overflow:clip;&::before{content:"";position:absolute;top:-50%;left:-25%;z-index:-1;display:block;width:150%;height:150%;background-image:url(/wp-content/themes/kenbidohonin-wp/images/talking.webp);background-position:center bottom;background-size:cover;background-repeat:no-repeat;animation-name:parallax;animation-timeline:view()}&.active{opacity:1}.top-way-content{background-color:rgb(255 255 255 / .85);border-radius:20px;border:3px solid var(--honin-dark-green);padding-bottom:60px;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:250px;margin:40px auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}p{font-weight:700;font-size:16px;line-height:26px;width:300px;margin:0 auto;margin-top:30px;padding-top:30px;padding-bottom:30px;border-top:3px solid var(--honin-dark-green);text-align:left;position:relative;letter-spacing:1px;&::before{position:absolute;content:"";left:0;bottom:0;border-bottom:3px solid var(--honin-dark-green);width:227px;height:3px}}}}.top-news{background-color:#d3f0ed;padding-top:40px;transition:0.5s;opacity:0;&.active{opacity:1}.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-news-content{.top-news-section{width:275px;margin:0 auto;margin-top:40px;padding-bottom:25px;border-bottom:1px solid var(--honin-dark-green);img{width:280px;height:180px;object-fit:cover;border-radius:15px}h3{font-size:18px;font-weight:700;margin-top:20px}p{margin-top:8px;margin-bottom:20px;font-size:16px}a{display:inline-block;width:180px;height:40px;border-radius:10px;line-height:40px;background-color:#fff;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);&::before{position:absolute;content:"";top:13px;right:10px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #435B}}}}}.top-menu{color:#f9f8f8;background-color:#d3f0ed;padding-bottom:40px;transition:0.5s;opacity:0;&.active{opacity:1}.top-three-title-round{transform:translateY(85px);border-top:1px solid #fff;width:180px;margin:0 auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid #fff;font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.top-news-section{background-image:linear-gradient(rgb(67 91 91 / .6),rgb(67 91 91 / .6)),url(/wp-content/themes/kenbidohonin-wp/images/topmenu1.webp);background-size:cover;padding-top:40px;padding-bottom:90px;h3{font-weight:700;font-size:28px;margin-top:85px}p{font-size:24px;font-weight:700;font-family:"BIZ UDPGothic",sans-serif;letter-spacing:5px;margin-bottom:40px}a{width:200px;height:40px;display:inline-block;border-radius:10px;line-height:40px;background-color:#fff;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);font-size:18px;&::before{position:absolute;content:"";top:13px;right:10px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid var(--honin-dark-green)}}&:nth-of-type(2){background-image:linear-gradient(rgb(67 91 91 / .6),rgb(67 91 91 / .6)),url(/wp-content/themes/kenbidohonin-wp/images/topmenu2.webp)}}}.top-staff{background-color:#e9f8f6;padding-top:40px;padding-bottom:40px;opacity:0;transition:0.5s;contain:paint;&.active{opacity:1}.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.swiper2{.swiper-wrapper{.swiper-slide{margin-top:-60px;div{width:300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;margin-top:-40px;h3{font-weight:700;font-size:18px;writing-mode:vertical-rl;border:1px solid var(--honin-dark-green);width:57px;height:90px;line-height:57px;border-radius:0 13px 0 13px;margin-left:-190px;margin-top:100px;transform:translateY(70px);z-index:2;position:relative;&::before{position:absolute;content:"";top:5px;left:5px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:57px;height:90px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}&::after{position:absolute;content:"";top:0;left:0;background-color:#fff;width:57px;height:90px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}}img{margin-top:-60px;border-radius:28px;width:210px;height:210px;object-fit:cover}}}}.top-swiper-button{transform:translateY(50px);justify-content:space-evenly;display:flex}.swiper-button-prev,.swiper-button-next{background-color:#fff;border:1px solid #22B6A4;border-radius:50%;width:50px;height:50px;position:relative;bottom:0;&::after{content:none}&::before{position:absolute;content:"";top:17px;right:9px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #22B6A4}}.swiper-button-prev{&::before{transform:rotate(180deg);right:20px}}}}.menu{background-image:linear-gradient(to bottom,rgb(211 240 237 / .5),rgb(211 240 237));padding:40px 0;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;margin-bottom:40px;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.menu-content{transition:0.5s;opacity:0;&.active{opacity:1}.menu-section{width:335px;margin:0 auto;padding:40px 0;border-radius:30px;background-color:#fff;img{width:275px;height:230px;object-fit:cover;border-radius:30px}h3{font-size:20px;font-weight:700;padding-top:30px;&:nth-of-type(2){margin-top:-5px}}.menu-sentence{font-size:16px;text-align:left;width:290px;margin:0 auto;margin-top:20px;margin-bottom:40px;line-height:30px}div{line-height:10px;margin-top:20px;margin-bottom:30px;p{font-size:24px;font-weight:700;text-align:center;span{font-size:16px}.upt{transform:translateX(-7px);display:inline-block}}}a{width:160px;height:35px;display:inline-block;font-weight:700;font-size:16px;line-height:35px;position:relative;border:3px solid var(--honin-dark-green);border-radius:10px;background-color:#fff;color:var(--honin-dark-green);transition:0.5s linear;&::before{position:absolute;content:"";top:10px;right:10px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid var(--honin-dark-green)}}}&:nth-of-type(odd){.menu-section{background-color:rgb(34 182 164 / .1);border:2px solid #22B6A4}}}}.massage{.massage-concept,.massage-price,.massage-question{background-image:linear-gradient(to bottom,rgb(211 240 237 / .5),rgb(211 240 237));padding:40px 0;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:230px;margin:0 auto 40px;position:relative;&::before,&::after{content:"";position:absolute;top:-6px;width:12px;height:12px;border-radius:50%;background-color:var(--honin-dark-green)}&::before{left:0}&::after{right:0}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding:12px 0;position:relative;&::before,&::after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;border-radius:50%;background-color:var(--honin-dark-green)}&::before{left:0}&::after{right:0}span{font-size:24px}}}.subtitle{margin-bottom:45px}}.massage-concept,.massage-price-section,.massage-question{padding-bottom:60px;p{font-size:20px;font-weight:700}img{width:335px;height:190px;border-radius:15px;margin:0 auto 30px;object-fit:cover}.massage-concept-section{padding-bottom:60px;p{font-size:16px;font-weight:700;text-align:left;width:325px;margin:0 auto;line-height:30px}}}.massage-price-section{background:#fff;border:1px solid var(--honin-dark-green);padding-top:40px;padding-bottom:60px;margin:0 auto;img{margin-bottom:50px}h3{border-top:1px solid var(--honin-dark-green);font-size:20px;font-weight:700;padding-top:40px;padding-bottom:20px;width:300px;margin:0 auto}div{width:335px;margin-top:20px;line-height:28px;margin:0 auto;p{font-size:24px;margin:0 0 0 auto;-webkit-text-stroke:.5px var(--honin-dark-green);letter-spacing:1.5px;span{font-size:16px;-webkit-text-stroke:0 var(--honin-dark-green)}.upt{font-weight:500;transform:translateX(-11px);display:inline-block}}.subtitle{margin-bottom:40px;transform:translateX(0%);-webkit-text-stroke:0 var(--honin-dark-green)}}.way-price{.way-six{line-height:20px;margin-bottom:10px}}}.massage-question{margin:0 auto;.accordion-header{font-size:16px;font-weight:700;width:100%;background:#fff;border-radius:8px;border:1px solid var(--honin-dark-green);position:relative;cursor:pointer;p{font-size:16px;width:80%;margin:0 auto;text-align:left;line-height:20px;padding:15px}&::before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid var(--honin-dark-green);transition:0.3s}&.active::before{transform:translateY(-50%) rotate(90deg)}}.accordion-content{background:var(--honin-dark-green);color:#fff;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height 0.4s ease,opacity 0.3s ease,padding 0.3s ease;border-radius:8px;p{font-size:16px;width:80%;margin:0 auto;text-align:left;padding:0 15px}&.active{max-height:300px;opacity:1;padding:15px 0}}}}.inquery{.top-three-title-round{border-top:1px solid #fff;width:180px;margin:0 auto;margin-bottom:60px;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid #fff;font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;color:#fff;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:#fff;width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:#fff;width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.inquery-concept{background-image:linear-gradient(rgb(34 182 164 / .8),rgb(34 182 164 / .8)),url(/wp-content/themes/kenbidohonin-wp/images/massage2.webp);padding-top:40px;padding-bottom:40px;h3{color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px 3px var(--honin-dark-green)}p{padding:60px 0;font-weight:700;color:#f9f8f8;width:310px;margin:0 auto;font-size:16px;line-height:26px;text-align:left;text-shadow:1px 1px 3px var(--honin-dark-green);position:relative;transition:0.5s;opacity:0;&.active{opacity:1}&::before,&::after{position:absolute;content:"";width:1px;height:65px;top:-25px;left:-20px;background-color:#fff;border-bottom:1px solid #fff;box-shadow:1px 1px 2px var(--honin-dark-green)}&::after{top:-40px;left:1px;transform:rotate(90deg)}span{position:absolute;right:0;bottom:0;&::before,&::after{position:absolute;content:"";width:1px;height:65px;right:-20px;bottom:-25px;background-color:#fff;border-bottom:1px solid #fff;box-shadow:1px 1px 2px var(--honin-dark-green)}&::after{right:1px;bottom:-40px;transform:rotate(90deg)}}}}.inquery-calling{background-color:#fbfbfb;border:1px solid var(--honin-dark-green);padding:40px 0;transition:0.5s;opacity:0;&.active{opacity:1}.calling-content{.subtitle{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}a{display:flex;justify-content:center;font-size:24px;font-weight:700;line-height:40px;img{width:40px;height:40px;object-fit:cover;border:none}}p{font-size:16px;font-weight:700;line-height:22px}img{width:105px;height:105px;object-fit:cover;border:1px solid var(--honin-dark-green);border-radius:20px}div{margin-top:30px;h3{font-size:20px;font-weight:700;width:195px;margin:0 auto;position:relative;&::before,&::after{position:absolute;content:"";top:0;left:0;width:20px;height:20px;border-radius:50%;background-color:var(--honin-dark-green)}&::after{margin:0 auto;top:0;left:auto;right:0}}p{width:285px;margin:0 auto;text-align:left;margin-top:30px}}}}}.news{background-image:linear-gradient(to bottom,rgb(211 240 237 / .75),rgb(211 240 237 / .5));padding:40px 0;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto 120px;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.news-flex{transition:0.5s;&.active{opacity:1}}.news-container{.news-content{width:335px;margin:0 auto;margin-top:40px;border:1px solid var(--honin-dark-green);border-radius:20px;padding-top:20px;padding-bottom:40px;.news-content-section{width:275px;margin:0 auto;img{width:275px;height:165px;object-fit:cover;border:2px solid var(--honin-dark-green);border-radius:25px}.news-section{.news-section-first{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0 auto;margin-top:15px;h3{font-size:18px;font-weight:700}form{display:flex;gap:20px;button{display:inline-block;width:80px;height:30px;line-height:30px;background-color:var(--honin-dark-green);border-radius:5px;color:#f9f8f8;font-weight:400}}}.news-section-second{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--honin-dark-green);p{font-size:16px;font-weight:700;width:70%;text-align:left}a{width:180px;height:35px;display:inline-block;border-radius:10px;line-height:35px;background-color:#fff;border:3px solid var(--honin-dark-green);position:relative;color:var(--honin-dark-green);font-size:18px;margin:0 auto;&::before{position:absolute;content:"";top:10px;right:10px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #435B}}}}}}}.news-container-choice{.news-topic-category,.news-topic-date{margin:0;margin-top:40px;h3{font-weight:700;font-size:20px}div{padding-top:15px;button{font-size:16px;font-weight:500;border-bottom:1px solid var(--honin-dark-green);padding-bottom:5px;display:block;width:200px;margin:0 auto 15px}}.date-group{padding-top:0}}form{.column{padding-top: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:16px;font-weight:700;display:flex;justify-content:center;line-height:15px}.smaller,.larger{border:#fff0}.current{padding:10px 10px;width:10px;height:10px;margin:9px;line-height:11px;border:2px solid var(--honin-dark-green);border-radius:50px;font-weight:700;background-color:var(--honin-dark-green);color:#fff}.previouspostslink,.nextpostslink{border:#fff0;opacity:1;border-radius:0%;padding:0}.previouspostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid #fff0;border-right:13px solid var(--honin-dark-green)}.nextpostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid #fff0;border-left:13px solid var(--honin-dark-green)}}}.topic{background-image:linear-gradient(to bottom,rgb(211 240 237 / .75),rgb(211 240 237 / .5));padding:40px 0;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}.topic-flex{.topic-container{.topic-content{.topic-content-section{opacity:0;transition:0.5s;&.active{opacity:1}>p{width:270px}.topic-container-img{display:flex;flex-direction:column;align-items:center;margin-top:40px;position:relative;&::before{position:absolute;content:"";width:300px;height:1px;bottom:-105px;background-color:var(--honin-dark-green)}img{width:275px;height:170px;object-fit:cover;border-radius:15px;display:block;&:nth-of-type(2){margin-top:40px;margin-bottom:25px}}}}.topic-section{margin:0 auto;margin-top:30px;display:flex;justify-content:center;.topic-section-first{display:flex;justify-content:flex-start;flex-direction:column;gap:8px;.topic-section-category{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px}form{display:flex;justify-content:space-evenly;gap:30px;display:flex;button{display:inline-block;width:75px;height:35px;line-height:35px;background-color:var(--honin-dark-green);border-radius:5px;font-weight:500;color:#f9f8f8}}h3{font-size:18px;font-weight:700;line-height:20px}}.topic-section-second{align-self:center;p{font-weight:700;font-size:20px;margin-top:7px;text-align:left}}}p{font-size:16px;line-height:24px;margin:0 auto;text-align:left;&:nth-last-of-type(1){margin:0 auto;font-weight:700;text-align:left;margin-top:20px}}}}.button{margin-top:40px}}.topic-container-choice{.topic-category,.topic-date{margin:0;margin-top:40px;h3{font-weight:700;font-size:20px}div{padding-top:15px;button{font-size:16px;font-weight:500;border-bottom:1px solid var(--honin-dark-green);padding-bottom:5px;display:block;width:200px;margin:0 auto 15px}}}.topic-date{.column{padding-top:5px}.date-group{padding-top:0}}}}.staff{background-image:linear-gradient(to bottom,rgb(211 240 237 / .5),rgb(211 240 237 / .2));padding:40px 0;z-index:-1;.top-three-title-round{border-top:1px solid var(--honin-dark-green);width:180px;margin:0 auto;margin-bottom:40px;position:relative;&::before{position:absolute;content:"";top:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";top:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}h2{border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-6px;left:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}&::after{position:absolute;content:"";bottom:-6px;right:0;background-color:var(--honin-dark-green);width:12px;height:12px;border-radius:50%}span{font-size:24px}}}&:nth-of-type(1){font-size:16px}.staff-container-flex{transition:0.5s;opacity:1}.staff-flex{.staff-container{&:not(.active){display:none}.staff-first{.staff-introduce{.staff-self{display:flex;justify-content:space-evenly;max-width:280px;margin:0 auto;margin-bottom:15px;padding:25px 0;position:relative;&::before{position:absolute;content:"";width:300px;height:1px;top:0;left:0;background-color:var(--honin-dark-green)}&::after{position:absolute;content:"";width:200px;height:1px;left:40px;bottom:-5px;background-color:var(--honin-dark-green)}.staff-name{text-orientation:upright;letter-spacing:2px;writing-mode:vertical-rl;line-height:55px;font-weight:700;font-size:20px;width:55px;height:115px;margin:0 auto;border:1px solid var(--honin-dark-green);border-radius:0 13px 0 13px;position:relative;gap:20px;display:flex;padding-top:5px;z-index:2;&::before{position:absolute;content:"";top:10px;left:7px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:55px;height:115px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}&::after{position:absolute;content:"";top:1px;left:0;background-color:#fff;width:55px;height:118px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}}div{display:flex;flex-direction:column;justify-content:center;width:50%;p{font-size:18px;font-weight:700;margin-left:0;text-align:left;span{font-size:16px;font-weight:500}}}}.staff-text{text-align:left;width:280px;margin:0 auto;line-height:28px;position:relative;padding:0 0;&::before{position:absolute;content:"";width:300px;height:1px;left:-16px;bottom:-15px;background-color:var(--honin-dark-green)}}}.staff-introduce2-first,.staff-introduce2-second{img{width:240px;height:240px;object-fit:cover;border-radius:15px;margin-top:45px}div{dl{margin-top:20px;margin-bottom:40px;dt{background-color:var(--honin-dark-green);color:#f9f8f8;border-radius:5px;display:inline-flex;padding:11px}dd{&:nth-of-type(1){font-size:16px;line-height:30px;width:280px;margin:0 auto;margin-top:20px;font-weight:700;position:relative;&::before{position:absolute;content:"";width:300px;height:1px;left:-16px;bottom:-15px;background-color:var(--honin-dark-green)}}}&:nth-of-type(1){dd{&:nth-of-type(2){&::before{display:none}}}}}}}.staff-introduce2-second{img{margin-top:0}}}}}.staff-introduce-choice{margin-top:60px;.staff-introduce-title{width:250px;margin:0 auto;border-bottom:1px solid var(--honin-dark-green);font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;position:relative;&::before{position:absolute;content:"";bottom:-7px;left:0;background-color:var(--honin-dark-green);width:15px;height:15px;border-radius:50%}&::after{position:absolute;content:"";bottom:-7px;right:0;background-color:var(--honin-dark-green);width:15px;height:15px;border-radius:50%}}div{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;width:270px;margin:0 auto;margin-top:40px;gap:18px;button{text-orientation:upright;letter-spacing:1px;writing-mode:vertical-rl;line-height:40px;font-weight:700;font-size:16px;width:40px;height:92px;margin:0 auto;border:1px solid var(--honin-dark-green);border-radius:0 13px 0 13px;position:relative;gap:20px;display:flex;padding-top:3px;z-index:2;&::before{position:absolute;content:"";top:5px;left:5px;background-color:var(--honin-dark-green);border:1px solid var(--honin-dark-green);width:38px;height:90px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}&::after{position:absolute;content:"";top:1px;left:0;background-color:#fff;width:38px;height:90px;line-height:57px;border-radius:0 13px 0 13px;z-index:-1}&.active{background-color:#fff;transition:0.5s linear;color:#fff;border:none;&::before{background-color:#fff;border:1px solid var(--honin-dark-green)}&::after{background-color:var(--honin-dark-green)}}}}}}}footer{position:relative;background-color:rgb(34 182 164 / .8);color:#f9f8f8;padding-top:15px;padding-bottom:15px;&::before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background-image:url(/wp-content/themes/kenbidohonin-wp/images/footer.webp);background-repeat:no-repeat;background-size:cover;filter:blur(2px)}.footer-title{display:flex;align-items:center;justify-content:space-evenly;max-width:400px;margin:0 auto;gap:20px;h2{line-height:100px;font-weight:700;font-size:20px;width:100px;height:100px;border-radius:50%;border:1px solid #fff;position:relative;&::before{position:absolute;content:"";top:7px;left:7px;width:85px;height:85px;border:2px solid #fff;border-radius:50%}}a{background-color:#00C300;width:200px;height:55px;border:2px solid #fff;display:flex;color:#f9f8f8;justify-content:flex-start;margin-left:0;border-radius:13px;position:relative;&::before{position:absolute;content:"";top:20px;right:20px;width:20px;height:15px;border-top:8px solid #fff0;border-bottom:8px solid #fff0;border-left:12px solid #fff}img{width:55px;height:55px;object-fit:cover;margin-left:0}p{line-height:20px;font-size:16px;font-weight:700;margin-top:5px;margin-left:5px}}}.footer-open{max-width:400px;margin:0 auto;border-bottom:1px solid #fff;p{font-size:18px;letter-spacing:1px;margin-bottom:20px;a{font-size:24px;font-weight:700;color:#fff}&:nth-of-type(2){font-size:16px;margin-top:10px;margin-bottom:20px}}}.footer-map{margin-top:30px;iframe{width:320px;height:215px;border-radius:10px}div{width:320px;margin:0 auto;margin:30px auto;p{text-align:left;line-height:7px;font-size:16px;font-weight:500}}}ul{margin:0 auto;padding:40px 0;font-size:18px;border-top:1px solid #fff;border-bottom:1px solid #fff;li{font-weight:700;line-height:60px;a{color:#fff}}div{width:300px;margin:0 auto;display:flex;justify-content:space-around;li{&:nth-of-type(2){padding:30px 0}}}.gnav-menu{display:flex;max-width:270px;margin:0 auto}}.footer-copyright{margin-top:40px;a{position:fixed;right:5px;bottom:5px;width:55px;height:55px;background-color:#fff;border-radius:50%;border:1px solid #FBFBFB;box-shadow:2px 2px 5px var(--honin-dark-green);span{display:block;border-top:2px solid #22b6a4;border-left:2px solid #22b6a4;width:13px;height:13px;transform:translate(20px,25px) rotate(45deg)}}small{font-size:10px;margin-bottom:0;text-align:center}}}@keyframes clipAnim{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0%)}}@keyframes animImg{0%{opacity:0}8%{opacity:1}33%{opacity:1}41%{opacity:0}100%{opacity:0}}@keyframes parallax{from{top:-50%}to{top:0}}@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 0;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:#fff;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:0 0 20px 0;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 #fff0;border-bottom:11px solid #fff0;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 0;.top-way-content{padding:20px 0;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 0;&::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 0;.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 0;&::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 0;&::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 0;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:0;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 0;.calling-content{margin-top:0;.subtitle{font-size:28px;margin-top:0;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 0;.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:#fff0;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;h3{font-size:24px}div{padding-top:20px;button{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:#fff0}.current{padding:10px 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:#fff0;opacity:1;border-radius:0%;padding:0}.previouspostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid #fff0;border-right:13px solid var(--honin-dark-green)}.nextpostslink{width:20px;height:0;transform:translate(-5px,51%);border:9px solid #fff0;border-left:13px solid var(--honin-dark-green)}}}.topic{padding:60px 0;.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 0;&::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{button{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;h3{font-weight:700;font-size:24px}div{padding-top:15px;button{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 0;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 0;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)}}}}}@media (min-width:1280px){header{.swiper,.top-header{.swiper-wrapper,.header-wrapper{.swiper-slide,.slide-slide{height:65vh;div{margin-top:360px;margin-right:90px;max-width:620px;p{font-size:44px;padding:10px 15px;margin:10px 0 20px 0;span{font-size:52px}}.slide-slide-p{bottom:50px;right:0;font-size:40px;line-height:75px;height:75px}}}.slide-slide{div{margin-top:0;margin-right:-53px}}&:nth-of-type(2),&:nth-of-type(5){.swiper-slide{background-position-y:0}}.first-slide{background-position-y:center}}.swiper-button-prev,.swiper-button-next{width:90px;height:90px;border:1px solid #22B6A4;transition:0.5s;&:hover{background-color:#22B6A4;transition:0.5s;border:1px solid #fff;span{&::before{transition:0.5s;border-left:20px solid #fff}}}span{&::before{width:30px;height:30px;border-top:15px solid #fff0;border-bottom:15px solid #fff0;border-left:20px solid #22B6A4;top:-15px;right:-25px}}}.swiper-button-prev{span{&::before{right:-8px}}}}.top-header{.header-wrapper{.header-slide{height:50vh;div{transform:translateY(350px);p{font-size:28px;span{font-size:32px}}}}}}}.subtitle{&::before{width:20px;height:20px;left:-35px}&::after{width:20px;height:20px;right:-35px}}.hamburger-menu{background-image:linear-gradient(#fff0,#fff0),url(/wp-content/themes/kenbidohonin-wp/images/hamburger.webp);background-position-y:bottom;.hamburger-menu-content{background-color:rgb(34 182 164 / .8);display:flex;width:50%;height:100vh;margin-left:-50%;div{display:flex;flex-direction:column;justify-content:center;padding:0 0;margin-left:0%;&::before{top:20%;width:25vw}&::after{bottom:20%;width:24.6vw}a{position:relative;transition:0.3s linear;padding:0 20px;z-index:0;margin:0 auto;&::before{position:absolute;content:"";width:0;height:30px;bottom:-5px;left:0;background-color:#fff;transition:0.3s linear;z-index:-1}&:hover{color:#22B6A4;transition:0.3s linear;&::before{width:100%;transition:0.3s linear}}}}}}@keyframes slide-in-from-right{from{width:50vw;opacity:0}to{width:27.5vw;opacity:1}}@keyframes slide-in-from-left{from{width:50vw;opacity:0}to{width:27.5vw;opacity:1}}.top-button{width:130px;height:130px;z-index:1000;transition-duration:.3s;&:hover{opacity:.8}&.active{+.hamburger-menu{opacity:1;&::before{width:27.5vw}&::after{width:27.5vw}}button{margin-top:15px;span{width:50px;padding-top:12px;&:nth-of-type(1){transform:translate(-4px,12px) rotate(45deg)}&:nth-of-type(3){transform:translate(3px,-15px) rotate(-45deg)}}}}h1{font-size:24px;padding-top:30px;&::before{width:120px;height:120px;top:5px;left:5px}}button{margin-top:15px;span{width:50px;padding-top:12px}}}.button{position:relative;display:inline-block;width:300px;height:60px;line-height:60px;font-size:20px;text-align:center;overflow:hidden;text-decoration:none;transition:0.6s linear;&::before{transition:0.6s linear;top:23px;z-index:2;border-left:12px solid #fff}&:hover{color:#22B6A4;span{height:60px;width:100%;cursor:pointer;background-color:#fff;color:#22B6A4}&::before{right:5px;border-left:12px solid #22B6A4}}&:active{&::before{right:15px}}span{&:not(.bg){position:relative;z-index:1}&.bg{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;transition:0.6s linear}}}@keyframes color{0%{color:#f9f8f8}70%{color:#f9f8f8}100%{color:#22B6A4}}.back-button{position:relative;display:inline-block;width:330px;height:65px;line-height:65px;font-size:20px;text-align:center;overflow:hidden;text-decoration:none;transition:0.3s linear;&::before{transition:0.3s linear;top:25px;z-index:1;border-right:12px solid #fff}&::after{content:'';position:absolute;top:5px;right:5px;width:0;height:55px;border:2px solid #22B6A4;z-index:0;transition:width 0.3s linear;box-sizing:border-box}&:hover{color:#22B6A4;span{width:100%}&::before{right:5px;border-right:12px solid #22B6A4}&::after{position:absolute;content:'';top:5px;right:5px;width:320px;height:55px;z-index:1;transition:0.3s linear;border:2px solid #22B6A4}}&:active{&::before{border-right-color:#fff}}span{position:absolute;top:0;right:0;width:0;height:100%;background-color:#fff;z-index:-1;transition:0.3s linear;&:hover{height:60px;width:100%;cursor:pointer;background-color:#fff;color:#22B6A4;z-index:-1}}}main{.back-button{transition:0.3s linear;&::before{transition:0.3s linear}&:hover{transition:0.3s linear;&::before{transition:0.3s linear;left:20px}}}.top-three-points{padding-top:80px;padding-bottom:80px;.top-three-title-round{width:300px;&::before,&::after{width:20px;height:20px}h2{width:300px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.top-three-subtitle{padding-top:10px;padding-bottom:40px;font-size:32px}.top-three-contents{max-width:1200px;.top-three-section{&:nth-of-type(1),&:nth-of-type(2),&:nth-of-type(3){width:350px;height:270px;&::before{width:320px;height:245px}div{width:250px;p{line-height:22px;&:nth-of-type(1){font-size:28px;text-align:center}&:nth-of-type(2){font-size:18px;text-align:center;span{font-size:28px}}}}}&:nth-of-type(1){div{p{&:nth-of-type(1){transform:translateY(0)}&:nth-of-type(2){transform:translateY(-12px)}}}}&:nth-of-type(2){div{p{line-height:22px;&:nth-of-type(1){transform:translateY(-9px)}&:nth-of-type(2){width:230px;transform:translateY(0);line-height:22px;span{font-size:20px}br{display:block}}}}}&:nth-of-type(3){div{p{&:nth-of-type(1){transform:translateY(9px)}&:nth-of-type(2){line-height:22px;span{font-size:20px}}}}}}}}.opening{&:not(.already-shown){animation:4s opacity2 forwards;p{font-size:96px;animation:7s fade forwards}}}.top-way{padding:80px 0;.top-way-content{padding-top:60px;padding-bottom:130px;p{width:645px;font-size:18px;line-height:32px;margin-top:60px;&::after{width:160px;height:160px;right:-150px}}.top-three-title-round{width:320px;&::before,&::after{right:0;bottom:-85px;width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}div{&::before{height:400px;top:-330px;left:-180px}&::after{position:absolute;content:"";top:-330px;right:-178px;width:3px;height:220px;border-left:3px solid var(--honin-dark-green)}}}}.top-news{padding:80px 0;padding-bottom:0;.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.top-news-content{&:nth-of-type(2){max-width:1100px;transition:0.3s linear;a{width:200px;font-size:18px;transition:0.3s linear;position:relative;z-index:1;&::after{position:absolute;content:"";width:0;height:40px;top:0;left:0;background-color:var(--honin-dark-green);transition:0.3s linear;z-index:-1;border-radius:5px}&:hover{color:#f9f8f8;transition:0.3s linear;z-index:1;&::before{transition:0.3s linear;right:5px;border-left:12px solid #fff}&::after{width:100%;transition:0.3s linear}}}.top-news-section{position:relative;padding-bottom:80px;&:nth-of-type(1){position:relative;&::before{position:absolute;content:"";top:20px;left:-58px;width:1px;height:280px;background-color:var(--honin-dark-green)}}&:nth-of-type(3){position:relative;&::after{position:absolute;content:"";top:20px;right:-58px;width:1px;height:280px;background-color:var(--honin-dark-green)}}&:nth-of-type(even){border-left:none;position:relative;padding-left:0;&::before{position:absolute;content:"";top:20px;left:-42px;width:1px;height:280px;background-color:var(--honin-dark-green)}&::after{position:absolute;content:"";top:20px;right:-47px;width:1px;height:280px;background-color:var(--honin-dark-green)}}h3{font-size:20px;margin-top:30px}p{font-size:18px;margin-top:20px;margin-bottom:40px}a{&::before{transition:0.3s linear}}}}}.button{margin-top:50px}}.top-menu{.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.top-news-section{a{transition:0.3s linear;z-index:1;&::after{position:absolute;content:"";width:0;height:40px;top:0;left:0;background-color:var(--honin-dark-green);transition:0.3s linear;z-index:-1;border-radius:5px}&:hover{color:#f9f8f8;transition:0.3s linear;z-index:1;&::before{transition:0.3s linear;right:5px;border-left:12px solid #fff}&::after{width:100%;transition:0.3s linear}}}}}.top-staff{padding-top:80px;padding-bottom:80px;.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.swiper2{.swiper-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:0;transform:none;max-width:1100px;margin:0 auto;.swiper-slide{margin-top:-70px;width:auto;div{width:300px;margin:0 auto;position:relative;img{border-radius:28px;width:210px;height:210px;object-fit:cover}}}}.top-swiper-button{max-width:300px;width:100%;margin:0 auto;.swiper-button-prev,.swiper-button-next{display:none}}.swiper-bullet{display:none}}}.menu{padding:80px 0;.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.menu-content{.menu-section{display:flex;justify-content:space-evenly;width:1100px;padding:0 0;div{margin-bottom:0;width:310px;line-height:5px}img{width:305px;height:250px;margin-top:30px;margin-bottom:30px}.menu-sentence{width:330px}a{transition:0.3s linear;&::before{transition:0.3s linear}&::after{position:absolute;content:"";width:0%;height:100%;top:0;left:0;background-color:var(--honin-dark-green);transition:0.3s linear;z-index:-1}span{transition:0.3s linear}&:hover{transition:0.3s linear;&::before{border-left:12px solid #fff;transition:0.3s linear}&::after{width:100%;border-radius:4px}span{transition:0.3s linear;color:#f9f8f8}}}.menu-pc{display:flex;flex-direction:column;justify-content:space-between;a{transform:translate(-305px,-65px)}}}&:nth-of-type(odd){.menu-section{border:5px solid #22B6A4}}}}.massage{.massage-concept,.massage-price-section,.massage-question-concept{padding:80px 0;padding-bottom:40px;p{font-size:24px}.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.massage-concept-section{gap:120px;max-width:1080px;img{width:490px;height:290px}p{width:470px}h3{text-align:right}}}.massage-price-section{padding-bottom:0;padding-bottom:80px;.massage-flex{width:1080px;margin:0 auto;img{width:490px;height:220px;margin-left:0;margin-bottom:0;transform:translateX(0)}div{margin-left:0;padding-left:0;width:50%;p{line-height:36px;font-size:40px;span{font-size:28px}.upt{font-size:24px;line-height:36px;transform:translateX(-16px)}}}}div{width:1080px}}.beauty{padding-bottom:110px}.massage-question{.subtitle{margin-bottom:40px}.accordion-header,.accordion-content{p{font-size:18px}}}}.inquery{.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.inquery-concept{padding-top:80px;padding-bottom:80px;p{width:700px;font-size:18px;line-height:30px;&::before,&::after{height:170px;top:-10px;left:-130px}&::after{top:-60px;left:-70px}span{&::before,&::after{height:170px;right:-130px;bottom:-10px}&::after{right:-70px;bottom:-60px}}}}.inquery-calling{padding:80px 0;.calling-content{display:flex;justify-content:space-evenly;margin:0 auto;max-width:1080px;div{margin-top:0;width:50%;&:nth-of-type(1){display:flex;align-items:center;flex-direction:column;justify-content:center;.subtitle{font-size:28px;&::before{top:0;left:32px}&::after{top:0;left:345px}}}&:nth-of-type(2){border-left:1px solid var(--honin-dark-green);div{width:400px;margin:0 auto}}a{font-size:36px;line-height:60px;img{margin-top:0;width:60px;height:60px;transition:0.3s linear}&:hover{img{transition:0.3s linear;transform:rotate(30deg)}}}p{font-size:18px;br{display:none}&:nth-of-type(2){margin-top:10px}}img{width:120px;height:120px;margin-top:20px}}h3{font-size:28px;width:240px;&::before,&::after{top:5px;left:-15px}&::after{right:-255px}}p{width:400px}}}}.news{padding:80px 0;.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.news-flex{display:flex;max-width:1280px;margin:0 auto}.news-container{max-width:1080px;order:2;.news-content{width:300px;&::before{height:350px}&:nth-of-type(1),&:nth-of-type(4),&:nth-of-type(7){&::before{display:none}}&:nth-of-type(2n){&::after{display:none}}&:nth-of-type(3),&:nth-of-type(5),&:last-of-type{position:relative;&::after{position:absolute;content:"";top:23px;right:-23px;width:1px;height:350px;border-left:1px solid var(--honin-dark-green)}}&:nth-of-type(5){&::after{top:23px;right:-423px}}&:nth-of-type(6){position:relative;&::after{position:absolute;content:"";top:23px;right:-23px;width:1px;height:350px;border-left:1px solid var(--honin-dark-green)}}.news-content-section{width:300px;img{width:250px}.news-section{width:250px;margin:0 auto;.news-section-first{h3{font-size:20px}}.news-section-second{flex-direction:column;p{font-size:18px;width:100%;margin-bottom:20px}a{width:200px;margin:0 auto;transition:0.3s linear;font-size:20px;position:relative;z-index:1;&::before{transition:0.3s linear}&::after{position:absolute;content:"";width:0;height:35px;top:0;left:0;background-color:var(--honin-dark-green);transition:0.5s linear;z-index:-1;border-radius:5px}&:hover{color:#f9f8f8;transition:0.3s linear;z-index:1;background-color:#fff;&::before{transition:0.3s linear;right:5px;border-left:12px solid #fff}&::after{width:100%;transition:0.3s linear}}}}}}}}.news-container-choice{flex-direction:column;margin-left:150px;.news-topic-category,.news-topic-date{div{button{transition:0.3s linear;font-size:20px;&:hover{transition:0.3s linear;cursor:pointer;background-color:var(--honin-dark-green);color:#fff}}}}}.wp-pagenavi{.current{margin:17px;font-size:20px}a{font-size:20px;margin:17px;&:hover{color:#fff;background-color:var(--honin-dark-green);transition:0.5s;cursor:pointer}}.nextpostslink{width:20px;height:0;transform:translate(10px,17%);border:13px solid #fff0;border-left:18px solid var(--honin-dark-green);transition:0.3s linear;&:hover{background-color:#fff0;transition:0.3s linear;transform:translate(25px,17%)}}.previouspostslink{width:20px;height:0;transform:translate(-5px,30%);border:13px solid #fff0;border-right:18px solid var(--honin-dark-green);transition:0.3s linear;&:hover{background-color:#fff0;transition:0.3s linear;transform:translate(-20px,20%)}}}}.topic{padding:80px 0;.top-three-title-round{width:320px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.topic-flex{display:flex;max-width:1280px;margin:0 auto;justify-content:space-around;.topic-container{order:2;.topic-content{.topic-section{max-width:620px;padding-bottom:0;margin-top:10px;.topic-section-first{line-height:38px;display:flex;h3{font-size:22px}form{button{width:90px;height:40px;font-size:18px}}}p{line-height:40px;width:620px;&:nth-last-of-type(1){width:440px;margin-top:40px}}.topic-section-second{p{line-height:45px;text-align:center;margin-top:10px;transform:translate(70px,0)}}}.topic-content-section{.topic-container-img{gap:50px;margin-top:25px;img{width:450px;height:275px}}}p{font-size:20px;&:nth-last-of-type(1){width:580px;margin-top:30px}}}}}.topic-container-choice{position:relative;max-width:1280px;margin:0 auto;.topic-category,.topic-date{div{button{padding-top:5px;transition:0.3s linear;font-size:20px;&:hover{transition:0.3s linear;cursor:pointer;background-color:var(--honin-dark-green);color:#fff}}}}}}.staff{padding-top:80px;padding-bottom:80px;.top-three-title-round{width:320px;margin-bottom:60px;&::before,&::after{width:20px;height:20px}h2{width:320px;font-size:24px;padding-top:20px;padding-bottom:20px;span{font-size:36px}&::before,&::after{width:20px;height:20px}}}.staff-container-flex{display:flex;justify-content:space-around;max-width:1280px;margin:0 auto;.staff-flex{order:1;margin:0 auto;.staff-container{.staff-first{width:900px;margin:0 auto;&::before{width:900px}.staff-introduce{&::after{width:750px;left:85px}.staff-self{&::after{left:275px;bottom:3px}}.staff-text{width:450px;padding-top:50px;line-height:32px}}.staff-introduce2-first,.staff-introduce2-second{img{width:380px;height:380px}div{dl{margin-top:30px;dt{font-size:24px;&:nth-of-type(1){font-size:20px}}dd{margin-top:40px;font-size:24px;&:nth-of-type(1){font-size:18px;line-height:32px;width:450px;margin-top:30px}}}}}}}}}.staff-introduce-choice{width:300px;margin:0 auto;margin-left:0;margin-top:0;div{width:170px;line-height:57px;button{height:133px;line-height:55px;&::before,&::after{height:130px}&:hover{background-color:#fff;transition:0.5s linear;color:#fff;border:none;&::before{background-color:#fff;border-color:var(--honin-dark-green)}&::after{background-color:var(--honin-dark-green)}}}}}}}footer{display:flex;justify-content:center;padding:80px 0;div{width:100%;margin:0 auto}.footer-title{display:flex;flex-direction:row;justify-content:center;h2{width:130px;height:130px;line-height:130px;font-size:28px;&::before{top:5px;left:5px;width:120px;height:120px}}a{position:relative;display:inline-flex;padding:0 20px;color:#fff;text-decoration:none;background-color:#fff0;border:2px solid #fff0;img{z-index:1}p{z-index:1}&::before{z-index:1;transform:translateX(-27px);opacity:0;transition:0.3s linear}&::after{content:"";position:absolute;top:0;left:0;height:60px;width:200px;background-color:#00C300;border:1px solid #fff;border-radius:8px;z-index:0;transition:transform 0.3s linear;transform-origin:left center;transform:scaleX(1)}&:hover{&::before{transform:translateX(0);transition:0.3s linear;right:0;opacity:1}&::after{transform:scaleX(1.3)}}}}.footer-open{border-bottom:none;width:100%;p{font-size:20px;margin:40px 0;a{font-size:28px}}img{width:400px}}.footer-map{position:relative;&::before{position:absolute;content:"";top:-40px;left:0;width:1px;height:520px;background-color:#fff}&::after{position:absolute;content:"";top:-40px;right:0;width:1px;height:520px;background-color:#fff}iframe{width:90%;height:280px;margin:0 auto}div{p{font-size:20px;line-height:12px}}}ul{border:none;width:100%;flex-direction:column;margin-top:60px;li{font-size:20px;line-height:67px;a{position:relative;transition:0.3s linear;padding:5px 20px;&::before{position:absolute;content:"";width:0;height:30px;bottom:0;left:0;background-color:#fff;transition:0.3s linear;z-index:-1}&:hover{transition:0.3s linear;&::before{width:100%;transition:0.3s linear}}}}}.footer-copyright{small{width:305px;margin:0 auto;display:block}a{transition:0.3s linear;&:hover{transition:0.3s linear;background-color:#22B6A4;span{border-top:2px solid #fff;border-left:2px solid #fff}}}}}}@media (min-width:1501px){main{.top-staff{.swiper2{.swiper-wrapper{max-width:1280px}}}.news{.news-container-choice{margin-right:0}.news-flex{max-width:1500px}.news-container{max-width:1200px;.news-content{width:350px;.news-content-section{.news-section{.news-section-second{a{height:40px;line-height:40px;&::before{top:13px}&::after{height:40px}}}}}}}}}}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:"";position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.wpcf7-back{float:left;width:70px;margin-top:5px;position:relative}.cf7msm-ro{white-space:pre-wrap}