.reveal-color{filter:grayscale(100%);transition:filter .8s ease}.reveal-color.is-colored{filter:grayscale(0%)}.front-main{position:relative}.front-main h1{width:100%;max-width:1920px;height:calc(100vh - 156px);margin:auto}.front-main h1 img{width:100%;height:100%;object-fit:cover}.front-main-catch{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:2.5rem;font-weight:500;font-family:serif;display:inline;line-height:2;text-align:center;z-index:1}@media screen and (max-width: 480px){.front-main-catch{width:100vw;font-size:9vw}}.front-main-catch span{display:block;font-size:.6em}.front-display-index{font-size:2.5rem;font-weight:500;font-family:serif;line-height:1.4;text-align:center;margin:2.5em auto 5rem auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width: 480px){.front-display-index{font-size:2rem;margin:1em auto 2rem auto;font-feature-settings:"palt"}}.front-display-index span{display:inline-block;position:relative;z-index:1}.front-display-index span.small{font-size:.6em;flex-basis:100%}.front-display-index span .icon{width:1.5em;height:1.5em;margin-right:.25em;vertical-align:top}.front-display-index:before{position:absolute;font-size:3em;margin-bottom:.75em;font-family:sans-serif;font-style:oblique;font-weight:bold;text-align:center}@media screen and (max-width: 480px){.front-display-index:before{font-size:2em;margin-bottom:1.5em}}.front-display-index.feartures:before{content:"Features"}.front-display-index.about:before{content:"About"}.front-display-index.youtube:before{content:"YouTube"}.front-display-index.media:before{content:"Media"}.front-display-index.menu:before{content:"Menu"}.front-display-index.staff:before{content:"Staff"}.front-display-index.flow:before{content:"Flow"}.front-display-index.salon:before{content:"Salon"}.front-display-index.voice:before{content:"Voice"}.front-bg-white{background-color:#fff}.front-bg-white .front-display-index::before{color:#f3f3f3}.front-bg-gray{background-color:#f3f3f3}.front-bg-gray .front-display-index::before{color:#fff}.content-wrapper,.content-block2,.content-block1{margin:40px auto;padding:80px 10px}@media screen and (max-width: 480px){.content-wrapper,.content-block2,.content-block1{padding:40px 10px}}.content-wrapper p,.content-block2 p,.content-block1 p{margin-bottom:1rem;line-height:1.7}.content-wrapper p:last-child,.content-block2 p:last-child,.content-block1 p:last-child{margin-bottom:0}.content-block1{max-width:1110px}.content-block1.half-padding{padding:20px 10px;margin:40px auto}@media screen and (max-width: 480px){.content-block1.half-padding{padding:10px 10px;margin:20px auto}}.content-block2{max-width:1536px}.content-block2.half-padding{padding:20px 10px;margin:40px auto}@media screen and (max-width: 480px){.content-block2.half-padding{padding:10px 10px;margin:20px auto}}.text-center{text-align:center}.box{margin:4rem auto;border:solid 1rem #f3f3f3;padding:3rem}@media screen and (max-width: 480px){.box{margin:2rem auto;padding:1.5rem}}.box h3{font-size:1.6rem}.box ul.checklist{line-height:1.5}.box ul.checklist li:before{content:"";display:inline-block;margin-right:.25rem;width:20px;height:16px;background:url("../images/front-page/check-icon.svg") no-repeat center center}.features-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:1rem auto 6rem auto}@media screen and (max-width: 480px){.features-list{margin:1rem auto 3rem auto}}.features-list-ttl{font-size:1.25rem;margin-bottom:2em}@media screen and (max-width: 480px){.features-list-ttl{margin-bottom:1em}}.features-list-image{flex-basis:calc(55% - 1rem);margin-right:calc(1rem + 5%)}@media screen and (max-width: 480px){.features-list-image{flex-basis:100%;margin-right:0;margin-bottom:2rem}}.features-list-image img{max-width:100%;height:auto}.features-list-text{flex-basis:40%}@media screen and (max-width: 480px){.features-list-text{flex-basis:100%}}.youtube-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:3rem auto}@media screen and (max-width: 480px){.youtube-list{margin:1rem auto}}.youtube-list-item{flex-basis:calc(33.333% - 1rem);margin-bottom:2rem}@media screen and (max-width: 480px){.youtube-list-item{flex-basis:100%;margin-bottom:1rem}}.youtube-list-item figure{margin:0}.youtube-list-item figure img{width:100%;height:auto}.youtube-list-item figure figcaption{margin-top:.5rem;font-size:.9rem;line-height:1.4}@media screen and (max-width: 480px){.youtube-list-item figure figcaption{font-size:1rem}}.media-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:3rem auto}@media screen and (max-width: 480px){.media-list{margin:1rem auto}}.media-list-item{flex-basis:calc(33.333% - 1rem);margin-bottom:2rem}@media screen and (max-width: 480px){.media-list-item{flex-basis:calc(50% - .5rem);margin-bottom:1rem}}.media-list-item figure{margin:0}.media-list-item figure img{width:100%;height:auto}.media-list-item figure figcaption{margin-top:.5rem;font-size:.9rem;line-height:1.4}@media screen and (max-width: 480px){.media-list-item figure figcaption{font-size:1rem}}.staff-list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.staff-list-item{flex-basis:calc(50% - 1rem);text-align:center}@media screen and (max-width: 480px){.staff-list-item{flex-basis:100%}}.staff-list-item a{display:flex;padding:1rem;background-color:#f3f3f3}.staff-list-image{flex-basis:164px}.staff-list-text{flex-basis:calc(100% - 164px);padding:1rem;text-align:left}.staff-list img{width:100%;max-width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.staff-list h3{margin:0 0 1rem 0;font-size:1.1rem}.staff-list p{font-size:.9rem;line-height:1.4}.menu-list{display:flex;flex-direction:column;background-color:#f3f3f3;margin:3rem auto;padding:1rem}@media screen and (max-width: 480px){.menu-list{margin:1rem auto;padding:0 1rem}}.menu-list-item{display:flex;flex-wrap:wrap;align-items:center;padding:1.5rem;border-bottom:solid 1px #ddd}@media screen and (max-width: 480px){.menu-list-item{padding:1rem 0}}.menu-list-item:last-child{border-bottom:none;padding-bottom:0}@media screen and (max-width: 480px){.menu-list-item:last-child{padding-bottom:1rem}}.menu-list-title{font-size:1.25rem;font-weight:bold;margin:0 0 .5rem 0;flex-basis:calc(30% - 2rem);text-align:center;margin-right:2rem}@media screen and (max-width: 768px){.menu-list-title{flex-basis:100%;margin-right:0;margin-bottom:0}}.menu-list-title h3{font-size:1rem;font-family:serif;line-height:1.5}.menu-list-title h3:before{display:block;font-size:1.5rem;font-weight:bold;margin-bottom:1rem;font-style:oblique;color:#969696}.menu-list-title h3.haircut:before{content:"Haircut"}.menu-list-title h3.coloring:before{content:"Coloring"}.menu-list-title h3.perm:before{content:"Perm"}.menu-list-title h3.straightening:before{content:"Straightening"}.menu-list-title h3 span{display:inline-block;font-size:.85em}.menu-list-detail{font-size:.95rem;line-height:1.4;flex-basis:70%}@media screen and (max-width: 768px){.menu-list-detail{flex-basis:100%;margin-top:.5rem}}.menu-list-detail b{font-size:1.15em;font-family:serif}.menu-image{max-width:768px;margin:3rem auto}.menu-image img{max-width:100%;width:100%;height:auto}.flow-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:3rem auto}@media screen and (max-width: 480px){.flow-list{margin:1rem auto}}.flow-list-item{flex-basis:calc(33.333% - 1rem);margin-bottom:2rem}@media screen and (max-width: 480px){.flow-list-item{flex-basis:100%}}.flow-list-item figure{margin:0}.flow-list-item figure img{width:100%;height:auto}.flow-list-item figure figcaption{margin:.5rem 0 1rem 0;font-size:.9rem;line-height:1.4}.flow-list-item:last-child{margin-bottom:0}.salon-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:3rem auto}.salon-list-item{flex-basis:calc(50% - 1rem);margin-bottom:2rem}@media screen and (max-width: 480px){.salon-list-item{flex-basis:calc(50% - .5rem)}}.salon-list-item figure{margin:0}.salon-list-item figure img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.salon-list-item figure figcaption{margin:.5rem 0 1rem 0;font-size:1.2rem;font-weight:bold;line-height:1.4}.salon-list-item:last-child{margin-bottom:0}.salon-list-item .btn-contact,.salon-list-item .btn-outline{margin-top:1rem}.voice-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem}.voice-list-item{flex-basis:33%;margin-bottom:.5rem;background-color:#fff;border:solid 1px #ddd;padding:.75em 1em;box-sizing:border-box}@media screen and (max-width: 480px){.voice-list-item{flex-basis:100%}}.voice-list-item h3{font-size:1.1rem;margin-bottom:.5em;display:flex;align-items:center}.voice-list-item h3:before{content:"";display:inline-block;width:20px;height:20px;background:url("../images/front-page/icon-voice.webp") no-repeat center center;background-size:100%;margin-right:.25rem}.voice-list-item p{height:8rem;overflow-y:auto;font-size:.9rem}.voice-list-item:last-child{margin-bottom:0}.contact-wrapper{border:solid 2px #111;background-color:#f3f3f3;max-width:1110px;margin:6rem auto}@media screen and (max-width: 480px){.contact-wrapper{margin:3rem 1rem}}.contact-item{max-width:768px;margin:2rem auto;padding:2rem 2rem;text-align:center}.contact-item h2{font-family:serif;margin-bottom:1.5em}.contact-item p{margin-bottom:2rem;line-height:1.5}.btn-wrapper{display:flex;justify-content:center}.btn,.btn-outline,.btn-cta,.btn-contact{display:flex;padding:1.7em 2em;text-decoration:none;font-size:1rem;transition:.3s ease;align-items:center}@media screen and (max-width: 480px){.btn,.btn-outline,.btn-cta,.btn-contact{padding:1em 1.25em}}.btn:hover,.btn-outline:hover,.btn-cta:hover,.btn-contact:hover{opacity:.5}.btn-contact{background-color:#111;color:#fff}.btn-contact:before{content:"";display:inline-block;margin-right:.5em;width:1.25rem;height:1.25rem;color:#fff;background:url("../images/front-page/calendar-solid-full.svg") no-repeat center center}@media screen and (max-width: 480px){.btn-contact:before{width:2rem;height:2rem}}.btn-cta{background-color:#111;color:#fff}.btn-outline{background-color:#fff;border:solid 1px #111}
