@charset "UTF-8";html{font-size:20px}@media screen and (max-width:1200px){html{font-size:18px}}@media screen and (max-width:900px){html{font-size:16px}}@media screen and (max-width:600px){html{font-size:14px}}body{font-family:"Noto Serif JP",serif;color:#5a5a5a;min-height:100vh;padding-bottom:50px;position:relative}a:hover{opacity:.7}.sub-title{font-size:1.5rem;font-weight:700;text-align:center;margin:1rem 0 2rem;position:relative}.sub-title:before{background-color:#a0d8ef;bottom:-1rem;content:"";display:inline-block;height:4px;left:50%;position:absolute;transform:translate(-50%);width:40px}.sub-title2{display:inline-block;font-size:1.2rem;margin:1rem 0;position:relative;text-align:center}.sub-title2:before{color:#a0d8ef;content:"▲";transform:rotate(90deg);display:block;font-size:.5rem;position:absolute;top:0;bottom:0;left:-1.5rem;margin:auto}.hamburger{display:none}.instagram{position:fixed;bottom:15px;right:15px;z-index:99}.instagram img{height:60px;width:60px}header{align-items:center;background-color:#f8ffff;color:#5a5a5a;justify-content:center;height:100px;padding:1.2rem;text-align:center;width:100%;z-index:99}@media screen and (max-width:480px){header{height:65px}}header .contents{display:flex;justify-content:center;gap:0 1rem}@media screen and (max-width:1200px){header .contents{justify-content:flex-start}}header h1{font-size:.7rem;line-height:1.2;font-weight:700}header h1:before{font-family:"Alkatra",cursive;content:"Whitening Salon Grass Place\a";color:#0495b9;font-weight:700;font-size:1.5rem;white-space:pre;-webkit-text-stroke:.5px #fff}@media screen and (max-width:480px){header h1:before{font-size:1.2rem}}header nav{margin-top:.9rem}@media screen and (max-width:900px){header nav{width:99%;position:absolute;background-color:#fdfdfd;z-index:99;display:none;height:0;overflow:hidden;transition:all .3s ease-in-out;padding:2rem 0;right:0}}header nav ul{display:flex;font-size:.8rem}@media screen and (max-width:1200px){header nav ul{font-size:.7rem}}@media screen and (max-width:900px){header nav ul{font-size:1.2rem;display:flex;gap:4rem 0;flex-direction:column;margin:1rem 0;width:100%}}header nav ul li{border-right:1px solid #5a5a5a;padding:0 2rem}@media screen and (max-width:1200px){header nav ul li{padding:0 1rem}}@media screen and (max-width:900px){header nav ul li{border:none}}header nav ul li:last-child{border:none}header .hamburger{position:absolute;right:.5rem;top:.5rem}@media screen and (max-width:900px){header .hamburger{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:16px;cursor:pointer;right:5%;top:25px}header .hamburger .line{display:block;width:100%;height:3px;background-color:#000;border-radius:10px;transition:transform .3s ease-in-out}header .hamburger .line2{margin:5px 0}header .hamburger .active .line1{transform:translateY(6px) rotate(45deg)}header .hamburger .active .line2{transform:scaleX(0)}header .hamburger .active .line3{transform:translateY(-6px) rotate(-45deg)}}header .show,header .close{display:flex;height:auto}header .show{-webkit-animation:show-menu .3s;animation:show-menu .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header .close{-webkit-animation:close-menu .3s;animation:close-menu .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}header .show li{opacity:1;transition-delay:.3s}@-webkit-keyframes show-menu{0%{opacity:0}100%{opacity:1}}@keyframes show-menu{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes close-menu{0%{opacity:1}100%{opacity:0}}@keyframes close-menu{0%{opacity:1}100%{opacity:0}}footer{background-color:#a0d8ef;bottom:0;color:#fff;height:50px;font-size:.8rem;line-height:50px;position:absolute;text-align:center;width:100%}.top-img{width:100%}.top-img img{height:auto;width:100%}.top-img .swiper{background-color:#a0d8ef;padding:4%;position:relative}.top-img .swiper:before{background-color:#a0d8ef;border:3px solid #f1eadc;content:"";height:98%;left:1%;position:absolute;top:1%;width:98%}.top-about{display:flex;gap:5px;margin:1rem 0;padding:10px;max-width:700px;margin:2rem auto}.top-about img{height:15rem;width:45%;-o-object-fit:cover;object-fit:cover}.top-about .texts{width:50%}.top-about .texts h3{color:#a0d8ef;font-size:1.2rem;font-weight:700;margin:20px 0}.top-about .texts p{font-size:.8rem;line-height:2.5;text-align:left}@media screen and (max-width:1200px){.top-about .texts p{line-height:2}}.top-about .texts a{border-bottom:1px solid;display:inline-block;font-size:.8rem}.top-about1{text-align:right}.top-about1 img{-webkit-clip-path:polygon(25% 0%,100% 0%,100% 99%,0% 100%);clip-path:polygon(25% 0%,100% 0%,100% 99%,0% 100%)}.top-about1 .texts{text-align:left}.top-about2{text-align:left}.top-about2 img{-webkit-clip-path:polygon(0 0,75% 0,100% 99%,0% 100%);clip-path:polygon(0 0,75% 0,100% 99%,0% 100%)}.top-about2 .texts{text-align:right}.news{font-size:.8rem;max-width:700px;margin:2rem auto;padding:0 20px}.news dl{line-height:3;margin:0 auto}.news dt{float:left;letter-spacing:.1em;margin-right:1rem;padding:10px}.news dd{border-top:1px solid #b1aeae;padding:10px;position:relative}.news dd:last-of-type{border-bottom:1px solid #b1aeae}.news .past-link{text-align:right;margin-top:10px}.about-menu{margin:0 auto;padding:20px}.about-menu h2{display:flex;font-size:1.5rem;margin:1rem 0;position:relative;text-align:center;max-width:800px;margin:0 auto;left:20px;top:10px}.about-menu h2:before{color:#a0d8ef;content:"▲";transform:rotate(90deg);display:block;font-size:.5rem;position:absolute;top:0;bottom:0;left:-1.5rem;margin:auto}.about-menu h3{color:#0495b9;font-size:1.3rem;text-align:center;font-weight:700;margin:2rem 0}.about-menu .imgs{text-align:center;max-width:800px;margin:0 auto}.about-menu .imgs img{width:100%}.about-menu p{line-height:1.5;margin-bottom:1.2rem;font-size:.9rem}.guide-btns-wrap{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;padding:10px}.guide-btns-wrap button{border:1px solid #5a5a5a;border-radius:15px;font-size:1.3rem;padding:1rem 3rem;border:1px solid #ccc;background:#f1e767;background:linear-gradient(to bottom,#fdfbfb 0%,#ebedee 100%);box-shadow:inset 1px 1px 1px #fff}.guide-btns-wrap .guide-btns-wrap.fade-out{display:flex}.guide-btns-wrap .guide-btns-wrap.fade-in{display:flex}.about-guide{display:none}.about-guide .about-guide.fade-out{display:block}.about-guide .about-guide.fade-in{display:block}.about-guide .imgs{display:flex;flex-direction:column}.about-guide .imgs img{width:100%}.about-guide .about-guide-close-btn{display:block;max-width:800px;margin:0 auto;width:100%}.guide-btns-wrap.fade-out,.about-guide.fade-out{-webkit-animation:fade-out .5s;animation:fade-out .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.guide-btns-wrap.fade-in,.about-guide.fade-in{-webkit-animation:fade-in .5s;animation:fade-in .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:flex}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.qa{margin:20px auto;max-width:800px}.qa__block{display:flex;flex-direction:column;min-width:200px;padding:0 10px}.qa__item{display:inline-block}.qa__head{position:relative;text-align:left;padding:20px 30px 20px 20px;border-radius:8px 8px 0 0;background:#d7ffff;color:#000;cursor:pointer;width:100%}.qa__head:after{content:"";border-top:1px solid #000;border-left:1px solid #000;display:inline-block;width:10px;height:10px;transform:rotate(-135deg) translateY(9px);position:absolute;right:20px;top:50%;transition:transform .4s}.qa__body{position:relative;border-radius:0 0 8px 8px;background:#fff;color:#000;border:transparent;padding:0 20px;line-height:0;opacity:0;transition:line-height .4s,padding .4s,opacity .4s}.qa__body.is-open{padding:20px;line-height:1.5;opacity:1;border:1px solid #add8e6}.qa__head.is-open:after{transform:rotate(45deg) translateY(-10px)}.qa__item:not(:first-child){margin-top:16px}.access-contact,.shop{max-width:1000px;margin:0 auto;padding:0 20px;text-align:center}@media screen and (max-width:1200px){.access-contact,.shop{padding:0 5px}}.shop{text-align:left}.shop h3{margin-left:1rem}.shop .imgs img{-o-object-fit:cover;object-fit:cover;padding:0 5px;width:33.3333333333%}.shop .imgs .shop-out,.shop .imgs .shop-in{display:flex;margin:1.2rem 0}.access-table{border-collapse:collapse;margin:0 auto 30px;padding:0;line-height:1.5;white-space:normal;width:100%}.access-table tr:first-child{border-top:solid 1px #a0d8ef}.access-table tr{border-bottom:solid 1px #a0d8ef}.access-table .h-cell{font-size:1rem;font-weight:400;letter-spacing:.8px;width:32%;padding:1.2rem 1rem;vertical-align:top;color:#5a5a5a;background-color:#fcfbf7}.access-table .d-cell{font-size:1rem;letter-spacing:.8px;width:68%;padding:1.2rem 1rem;color:#6a6b75}.access-table .d-cell{font-size:1rem;letter-spacing:.8px;width:68%;padding:1.2rem 1rem;color:#6a6b75}.access-table .link-map{border-bottom:1px solid #0495b9;color:#0495b9}.top-staff{align-items:center;display:flex;justify-content:center;max-width:600px;margin:2rem auto;text-align:center}.top-staff img{-o-object-fit:cover;object-fit:cover;max-height:300px;width:48%;border-radius:30% 70% 70% 30%/30% 34% 66% 70%}.top-staff .texts{width:48%}.top-staff .texts h4{font-size:1.2rem}.top-staff .texts .class{color:#a0d8ef;font-size:1rem;margin-bottom:1rem}.top-staff .texts .name{display:inline;font-size:1.5rem;text-align:center}.post-content img{height:20rem;-o-object-fit:cover;object-fit:cover;margin-bottom:2rem;width:100%}.post-content p{line-height:2}