@charset "UTF-8";
/* Universal box-sizing reset */
*,
*::before,
*::after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  zoom: 1;
  min-height: auto;
}

/* Set default styles for html */
html {
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  font-size: 100%;
}

/* Reset margin for common block-level elements */
body,
h1,
h2,
h3,
h4,
p,
a,
figure,
blockquote,
dl,
dd,
input,
textarea,
label {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  word-break: auto-phrase;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-size-adjust: 0.5;
}

html,
body {
  font-weight: normal;
  font-style: normal;
  font-optical-sizing: auto;
  font-style: normal;
  max-width: 100vw;
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
}

strong {
  font-style: normal;
  line-height: 1;
  font-weight: 600;
}

/* Reset default link styles */
a {
  text-decoration: none; /* Remove underlines from all links */
  color: inherit; /* Make sure the link color inherits the surrounding text color */
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  outline: none;
  cursor: pointer;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Reset styles for form elements */
input,
button,
textarea,
select {
  font: inherit;
  border: none; /* Remove borders on form elements */
  background: transparent; /* Make background transparent */
}

/* Remove animations and transitions for users with reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
li {
  list-style-type: none;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  justify-content: center;
}

iframe {
  border: none;
  display: block;
}

:root {
  --gothic: yu-gothic-pr6n, "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Yu Gothic", "YuGothic", "Noto Sans JP", "Meiryo", sans-serif;
  --shippori: "Shippori Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro",
    "Yu Mincho", "YuMincho", "Noto Serif JP", "MS PMincho", serif;
  --bona: "Bona Nova", "Times New Roman", "Georgia", serif;
  --main: #363432;
  --c-base: #cacaca;
  --c-dark: #544e4a;
  --c-beige: #d0bcab;
  --c-gray: #bcbcbc;
  --c-white: #ffffff;
  --sp-section: clamp(56px, 7.9vw, 120px);
  --sp-block: clamp(32px, 4.6vw, 70px);
  --sp-elem: clamp(16px, 2.1vw, 32px);
}

.ff-mincho {
  font-family: var(--shippori) !important;
}

.ff-en {
  font-family: var(--bona) !important;
}

.c-beige {
  color: var(--c-beige) !important;
}

.c-w {
  color: var(--c-white) !important;
}

.pc-none {
  display: block;
}
@media (min-width: 768px) {
  .pc-none {
    display: none;
  }
}

.sp-none {
  display: none;
}
@media (min-width: 768px) {
  .sp-none {
    display: block;
  }
}

.lg-none {
  display: none;
}
@media (min-width: 992px) {
  .lg-none {
    display: block;
  }
}

.lg-bk {
  display: block;
}
@media (min-width: 992px) {
  .lg-bk {
    display: none;
  }
}

.sm-br > br {
  display: block;
}
@media (min-width: 576px) {
  .sm-br > br {
    display: none;
  }
}

.md-br > br {
  display: block;
}
@media (min-width: 768px) {
  .md-br > br {
    display: none;
  }
}

.lg-br > br {
  display: block;
}
@media (min-width: 992px) {
  .lg-br > br {
    display: none;
  }
}

.xl-br > br {
  display: block;
}
@media (min-width: 1200px) {
  .xl-br > br {
    display: none;
  }
}

.reverse-x {
  transform: scale(-1, 1);
}

.reverse-y {
  transform: scale(1, -1);
}

.reverse-xy {
  transform: scale(-1, -1);
}

.gjs-dashed {
  background: transparent;
}
.gjs-dashed .header__nav {
  visibility: visible !important;
  opacity: 1 !important;
}
.gjs-dashed * {
  -webkit-animation: none !important;
          animation: none !important;
  transition: none !important;
}
.gjs-dashed .scroll-mask,
.gjs-dashed .scroll-mask-vertical {
  opacity: 1 !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}
.gjs-dashed .p-concept .sec02 .box-txt p {
  color: white !important;
}
.gjs-dashed .js-typein {
  opacity: 1 !important;
}
.gjs-dashed .js-typein > * {
  opacity: 1 !important;
}
.gjs-dashed .page-hr img {
  display: block !important;
}
.gjs-dashed .js-stagger > * {
  opacity: 1 !important;
  transform: none !important;
  filter: blur(0px) !important;
}

/* ==========================================
Text / Image reveal animation hooks
(common.js: .blur / .scroll-mask + .is-visible)
========================================== */
.scroll-mask,
.scroll-mask-vertical {
  display: block;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.9s ease;
}

.scroll-mask img,
.scroll-mask-vertical img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.15);
  transition: transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.scroll-mask.is-visible,
.scroll-mask-vertical.is-visible {
  opacity: 1;
}

.scroll-mask.is-visible img,
.scroll-mask-vertical.is-visible img {
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .scroll-mask,
.scroll-mask-vertical {
    transition: none;
    opacity: 1;
  }
  .scroll-mask img,
.scroll-mask-vertical img {
    transition: none;
    transform: none;
  }
}
html.is-resizing *,
html.is-resizing *::before,
html.is-resizing *::after {
  transition: none !important;
}

a {
  transition: all 0.3s ease;
  display: inline-block;
}
a:hover {
  color: var(--c-beige);
  transition: all 0.3s ease;
  text-decoration: none;
}

.is-scroll-lock {
  overflow: hidden;
}

.js-stagger > * {
  opacity: 0;
  transform: translateY(10px);
  filter: blur(20px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.js-stagger.is-show > * {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

html:not(.is-page-ready) body:not(.gjs-dashed) {
  opacity: 0;
  visibility: hidden;
}

body {
  --c-page: var(--c-base);
  --c-text: var(--main);
  background-color: var(--c-base);
  color: var(--c-dark);
  font-family: var(--gothic);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: normal;
  transition: background-color 0.6s ease, color 0.6s ease;
}
@media (min-width: 768px) {
  body {
    line-height: 2;
  }
}

body.is-back {
  --c-page: var(--c-dark);
  --c-text: var(--c-white);
  background-color: var(--c-dark);
  color: var(--c-white);
}

img {
  max-width: 100%;
}

.gjs-dashed * {
  color: white !important;
}
.gjs-dashed .header__nav {
  visibility: visible !important;
  opacity: 1 !important;
}
.gjs-dashed * {
  -webkit-animation: none !important;
          animation: none !important;
  transition: none !important;
}
.gjs-dashed .scroll-mask img,
.gjs-dashed .js-scroll-mask img,
.gjs-dashed .scroll-mask-vertical img,
.gjs-dashed .js-scroll-mask-vertical img {
  opacity: 1 !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}
.gjs-dashed .js-typein {
  opacity: 1 !important;
}
.gjs-dashed .js-typein > * {
  opacity: 1 !important;
}
.gjs-dashed .page-hr img {
  display: block !important;
}

.container {
  padding-inline: 20px;
}
@media (min-width: 576px) {
  .container {
    padding-inline: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1285px;
  }
}
@media (min-width: 1200px) {
  .container--header {
    max-width: 1436px;
  }
}
@media (min-width: 1200px) {
  .container--concept {
    max-width: 1285px;
  }
}
@media (min-width: 1200px) {
  .container--commitment {
    max-width: 1028px;
  }
}
@media (min-width: 1200px) {
  .container--menu {
    max-width: 1099px;
  }
}
@media (min-width: 992px) {
  .container--menu-all {
    max-width: 842px;
  }
}
@media (min-width: 992px) {
  .container--nextlink {
    max-width: 982px;
  }
}
@media (min-width: 1200px) {
  .container--commitment-list {
    max-width: 1140px;
  }
}
@media (min-width: 992px) {
  .container--commitment-care {
    max-width: 1016px;
  }
}
@media (min-width: 1200px) {
  .container--intro {
    max-width: 1043px;
  }
}
@media (min-width: 992px) {
  .container--panel {
    max-width: 939px;
  }
}
@media (min-width: 1200px) {
  .container--eyelash-menu {
    max-width: 1203px;
  }
}
@media (min-width: 1200px) {
  .container--menu-list {
    max-width: 1012px;
  }
}
@media (min-width: 992px) {
  .container--features {
    max-width: 924px;
  }
}
@media (min-width: 992px) {
  .container--recommend {
    max-width: 950px;
  }
}
@media (min-width: 1200px) {
  .container--eyelash {
    max-width: 1088px;
  }
}
@media (min-width: 1200px) {
  .container--salon {
    max-width: 1100px;
  }
}
@media (min-width: 1200px) {
  .container--salon-intro {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container--voice {
    max-width: 1107px;
  }
}
@media (min-width: 1200px) {
  .container--recruit {
    max-width: 1147px;
  }
}
@media (min-width: 1200px) {
  .container--information {
    max-width: 1120px;
  }
}

.c-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 3px;
  padding-inline: 22px;
  border: 1px solid var(--c-dark);
  border-radius: 100px;
  background-color: transparent;
  font-family: var(--shippori);
  font-size: clamp(0.875rem, 0.8338rem + 0.1759vw, 1rem);
  color: var(--c-dark);
  gap: 50px;
}
.c-btn__text {
  display: flex;
  align-items: center;
  gap: 3px;
}
.c-btn__text::before {
  content: "・";
  color: var(--c-white);
  font-size: 1rem;
  line-height: 1;
}
.c-btn__arrow {
  display: block;
  width: 10px;
  height: 9px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.c-btn:hover {
  background-color: var(--c-dark);
  color: var(--c-white);
}
.c-btn:hover .c-btn__arrow {
  transform: translateX(5px);
}
.c-btn--light {
  border-color: var(--c-white);
}
.c-btn--light .c-btn__text {
  color: var(--c-white);
}
.c-btn--light .c-btn__text::before {
  color: #a6a6a6;
}
.c-btn--light:hover {
  background-color: var(--c-white);
}
.c-btn--light:hover .c-btn__text {
  color: var(--c-dark);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 70px;
  background-color: var(--c-base);
}
@media (min-width: 768px) {
  .header {
    height: 100px;
  }
}
.header__logo {
  width: 150px;
  max-width: 40vw;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 768px) {
  .header__logo {
    width: 224px;
  }
}
.header__utils {
  gap: 16px;
}
@media (min-width: 768px) {
  .header__utils {
    gap: 25px;
  }
}
.header__reserve {
  width: 120px;
  height: 34px;
  border-radius: 19.5px;
  background-color: var(--c-dark);
  font-family: var(--shippori);
  font-size: clamp(0.8125rem, 0.7712rem + 0.1759vw, 1rem);
  font-weight: 400;
  line-height: 1.4;
  color: var(--c-white);
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 768px) {
  .header__reserve {
    width: 165px;
    height: 39px;
  }
}
.header__burger {
  width: 29px;
  height: 22px;
  padding: 0;
  border: none;
  background-color: transparent;
  flex-shrink: 0;
  cursor: pointer;
}
.header__burger-line {
  width: 100%;
  height: 1px;
  background-color: var(--c-dark);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.header__nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100dvh;
  padding-block: 90px;
  overflow-y: auto;
  background-color: var(--c-base);
  align-items: center;
  align-items: safe center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media (min-width: 992px) {
  .header__nav {
    padding-block: 0;
  }
}
@media screen and (max-height: 600px) and (orientation: landscape) {
  .header__nav {
    justify-content: flex-start;
  }
}
.header__nav-logo {
  width: clamp(9.375rem, 6.1569rem + 13.7301vw, 19.1319rem);
  margin-bottom: clamp(2rem, 0.3506rem + 7.0361vw, 7rem);
}
.header__nav-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 12px;
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .header__nav-list {
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: block;
    width: auto;
  }
}
.header__nav-row {
  display: contents;
}
@media (min-width: 992px) {
  .header__nav-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: clamp(1.25rem, 0.5491rem + 2.9903vw, 3.375rem);
         column-gap: clamp(1.25rem, 0.5491rem + 2.9903vw, 3.375rem);
    row-gap: 24px;
  }
}
.header__nav-item {
  font-weight: 400;
  line-height: 1.5;
  color: var(--main);
}
.header__nav-item:hover {
  color: #857b75;
}
.header__nav-en {
  font-family: var(--bona);
  font-size: clamp(1.25rem, 1.0721rem + 0.7594vw, 1.7896rem);
}
.header__nav-jp {
  font-family: var(--shippori);
  font-size: clamp(0.75rem, 0.6812rem + 0.2938vw, 0.9588rem);
}

@media (min-width: 992px) {
  .header__nav-row + .header__nav-row {
    margin-top: clamp(1.5rem, -0.4077rem + 3.0769vw, 2.5rem);
  }
}

.header .container--header {
  height: 100%;
}

.header__reserve:hover {
  background-color: var(--c-white);
  color: var(--c-dark);
}

.header__nav.open {
  visibility: visible;
  opacity: 1;
}

body.is-nav-open .header__logo,
body.is-nav-open .header__reserve {
  visibility: hidden;
  opacity: 0;
}

body.is-nav-open .header__burger-line {
  background-color: var(--main);
}

body.is-nav-open .header__burger-line:nth-child(1) {
  transform: translateY(10.5px) rotate(45deg);
}

body.is-nav-open .header__burger-line:nth-child(2) {
  opacity: 0;
}

body.is-nav-open .header__burger-line:nth-child(3) {
  transform: translateY(-10.5px) rotate(-45deg);
}

.p-top-fv {
  position: relative;
  height: 100svh;
  min-height: 100vh;
}
.p-top-fv__logo {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
}
.p-top-fv__logo > img {
  padding-top: var(--header-top);
  max-width: 306px;
}
@media (min-width: 768px) {
  .p-top-fv__logo > img {
    max-width: 306px;
  }
}
@media (min-width: 992px) {
  .p-top-fv__logo > img {
    max-width: 306px;
  }
}
.p-top-fv__img {
  height: 100%;
}
.p-top-fv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-concept {
  padding: clamp(4rem, 2.3922rem + 6.86vw, 8.875rem) 0;
}
.p-top-concept__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-top-concept__lead {
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
}
.p-top-concept__images {
  position: relative;
  aspect-ratio: 569/790;
}
.p-top-concept__img {
  position: absolute;
}
.p-top-concept__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-concept__img--01 {
  top: 0;
  left: 51.318%;
  z-index: 1;
  width: 48.682%;
  aspect-ratio: 277/184;
}
.p-top-concept__img--02 {
  top: 16.165%;
  left: 20.429%;
  width: 58.105%;
  z-index: 2;
  aspect-ratio: 342/514;
}
@media (min-width: 576px) {
  .p-top-concept__img--02 {
    top: 13.165%;
    left: 24.429%;
    width: 60.105%;
  }
}
.p-top-concept__img--03 {
  top: 67.468%;
  left: 0;
  z-index: 3;
  width: 57.487%;
  aspect-ratio: 384/257;
}
@media (min-width: 576px) {
  .p-top-concept__img--03 {
    width: 67.487%;
  }
}

.p-top-commitment__body {
  padding-top: clamp(4rem, 2.3922rem + 6.86vw, 8.875rem);
  padding-bottom: clamp(3.75rem, 2.535rem + 5.25vw, 7.5rem);
}
.p-top-commitment__title {
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  line-height: 1.8;
  color: var(--c-white);
}
.p-top-commitment__lead {
  margin: 32px 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.875rem, 0.8338rem + 0.1759vw, 1rem);
  font-weight: 400;
  line-height: 2.1;
  color: var(--c-white);
}
.p-top-commitment__list {
  row-gap: 20px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .p-top-commitment__list {
    margin-right: -16px;
    margin-left: -16px;
    row-gap: 32px;
  }
}
@media (min-width: 1200px) {
  .p-top-commitment__list {
    margin-right: -28px;
    margin-left: -28px;
    row-gap: 48px;
    margin-top: 72px;
  }
}
.p-top-commitment__item {
  height: 100%;
  padding: 20px 24px;
  border: 1px solid var(--c-white);
}
@media (min-width: 1200px) {
  .p-top-commitment__item {
    min-height: 206px;
    padding: 30px 38px;
  }
}
.p-top-commitment__head {
  gap: 12px;
}
.p-top-commitment__num {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.625rem, 1.3364rem + 1.2313vw, 2.5rem);
  font-weight: 400;
  line-height: 1.8;
  color: #a6a6a6;
}
.p-top-commitment__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.625rem, 1.3364rem + 1.2313vw, 2.5rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-top-commitment__text {
  color: var(--c-white);
}
.p-top-commitment__btn {
  margin-top: clamp(3rem, 2.0759rem + 3.9402vw, 5.875rem);
}
.p-top-commitment__gallery {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.p-top-commitment__gallery-item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 411/274;
}
.p-top-commitment .slide-gallery .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (min-width: 992px) {
  .p-top-commitment__list > [class*=col-] {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 1200px) {
  .p-top-commitment__list > [class*=col-] {
    padding-right: 28px;
    padding-left: 28px;
  }
}

.p-top-menu {
  padding-top: clamp(4rem, 2.3922rem + 6.86vw, 8.875rem);
  padding-bottom: clamp(4rem, 1.5675rem + 10.378vw, 11.375rem);
}
.p-top-menu__title {
  margin: 0 0 clamp(2.5rem, 1.5638rem + 3.993vw, 5.8125rem);
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  line-height: 1.8;
  color: var(--c-white);
}
@media (min-width: 992px) {
  .p-top-menu__row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 1200px) {
  .p-top-menu__row {
    margin-right: -30.5px;
    margin-left: -30.5px;
  }
}
.p-top-menu__row + .p-top-menu__row {
  margin-top: clamp(3.5rem, 2.0847rem + 6.0334vw, 7.625rem);
}
.p-top-menu__img {
  aspect-ratio: 520/347;
}
.p-top-menu__head {
  gap: 10px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .p-top-menu__head {
    margin-top: 0;
  }
}
.p-top-menu__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.5851rem + 0.7036vw, 2.25rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-white);
}
.p-top-menu__slash {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1rem, 0.9176rem + 0.3518vw, 1.25rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-white);
}
.p-top-menu__jp {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1rem, 0.9176rem + 0.3518vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
}
.p-top-menu__all {
  margin-top: clamp(3.5rem, 2.1493rem + 5.7608vw, 7.125rem);
  padding: 40px 24px;
  background-color: var(--c-gray);
}
@media (min-width: 1200px) {
  .p-top-menu__all {
    min-height: 314px;
    padding: 50px 24px;
  }
}
.p-top-menu__all-en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.5851rem + 0.7036vw, 2.25rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-white);
}
.p-top-menu__all-jp {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.8757rem + 0.2639vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .p-top-menu__row > [class*=col-] {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .p-top-menu__row > [class*=col-] {
    padding-right: 30.5px;
    padding-left: 30.5px;
  }
}

.p-top-menu__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-eyelash {
  padding: clamp(4rem, 2.6806rem + 5.629vw, 8rem) 0;
  background-color: var(--c-gray);
}
.p-top-eyelash__img {
  aspect-ratio: 1/1;
}
.p-top-eyelash__title {
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  color: var(--c-white);
}
.p-top-eyelash__lead {
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0013rem + 0.5277vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
}

.p-top-eyelash__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-salon {
  padding-top: clamp(4rem, 3.8351rem + 0.7036vw, 4.5rem);
  padding-bottom: 64px;
}
@media (min-width: 992px) {
  .p-top-salon {
    padding-bottom: 0;
  }
}
.p-top-salon__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  color: var(--c-white);
}
.p-top-salon__lead {
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0013rem + 0.5277vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
}
.p-top-salon__img {
  aspect-ratio: 382/255;
}
.p-top-salon__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-voice__title {
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.5851rem + 0.7036vw, 2.25rem);
  color: var(--c-white);
}
.p-top-voice__jp {
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.8757rem + 0.2639vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6;
}
.p-top-voice__card {
  padding: 45px 20px;
  background-color: var(--c-gray);
}
@media (min-width: 992px) {
  .p-top-voice__card {
    padding: 50px 40px;
  }
}
@media (min-width: 1200px) {
  .p-top-voice__card {
    padding: 50px clamp(20px, 5vw, 60px);
  }
}
.p-top-voice__list {
  align-items: center;
  margin-inline: 0;
}
@media (min-width: 992px) {
  .p-top-voice__list {
    align-items: stretch;
  }
}
@media (min-width: 1200px) {
  .p-top-voice__list {
    margin-inline: -30px;
  }
}
.p-top-voice__list > div {
  padding-block: 25px;
}
@media (min-width: 1200px) {
  .p-top-voice__list > div {
    padding-inline: 30px;
    padding-block: 0;
  }
}
.p-top-voice__list > div:first-child {
  padding-top: 0px;
}
.p-top-voice__list > div:last-child {
  padding-bottom: 0px;
}
.p-top-voice__list > div:not(:last-child) {
  border-bottom: solid 1px var(--c-white);
}
@media (min-width: 992px) {
  .p-top-voice__list > div:not(:last-child) {
    border-right: solid 1px var(--c-white);
    border-bottom: none;
  }
}
.p-top-voice__profile {
  color: var(--c-white);
  font-family: var(--shippori);
  font-weight: 500;
  font-size: 1rem;
}
.p-top-voice__text {
  word-break: normal;
  font-size: 0.875rem;
}

.p-top-links__item {
  position: relative;
  width: 100%;
  padding-block: 65px;
  min-height: 200px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-top-links__item {
    padding-block: 95px;
    min-height: 280px;
  }
}
.p-top-links__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(84, 78, 74, 0.85);
  transition: background 0.3s ease;
}
.p-top-links__item:hover {
  text-shadow: 0 0 6px var(--c-base);
}
.p-top-links__item:hover::after {
  background-color: rgba(84, 78, 74, 0.3);
}
.p-top-links__item:hover .p-top-links__bg > img {
  transform: scale(1.05);
}
.p-top-links__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.p-top-links__bg > img {
  width: inherit;
  height: inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
  transition: inherit;
}
.p-top-links__body {
  position: relative;
  z-index: 3;
}
.p-top-links__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.6702rem + 1.4072vw, 3rem);
  font-weight: 400;
  line-height: 1;
  color: var(--c-white);
}
.p-top-links__jp {
  margin: 12px 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.8757rem + 0.2639vw, 1.125rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}

.p-top-information {
  padding: clamp(4rem, 2.9525rem + 4.4679vw, 6.4375rem) 0;
}
.p-top-information__map {
  min-height: 400px;
}
.p-top-information__map * {
  min-height: inherit;
}
.p-top-information__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
}
.p-top-information__map-link {
  gap: 6px;
  margin-top: 20px;
}
.p-top-information__map-icon {
  display: block;
  width: 10.26px;
  height: 10.31px;
}
.p-top-information__title {
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  font-weight: 400;
  color: var(--c-white);
}
.p-top-information .list-dl {
  display: flex;
  align-items: baseline;
  gap: 25px;
  padding: 12px 0;
  border-bottom: solid 1px var(--c-white);
}
.p-top-information .list-dt {
  width: 80px;
}
.p-top-information .list-dd {
  flex: 1;
}

.p-top-reservation {
  background: url(../images/reservation-bg.jpg) center/cover no-repeat;
}
.p-top-reservation__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2.25rem, 1.6728rem + 2.4626vw, 4rem);
  color: var(--c-white);
}
.p-top-reservation__lead {
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.8963rem + 0.1759vw, 1.125rem);
  font-weight: 500;
  color: var(--c-white);
}
.p-top-reservation__cols {
  max-width: 360px;
  margin-inline: auto;
  row-gap: 40px;
}
@media (min-width: 768px) {
  .p-top-reservation__cols {
    max-width: 740px;
  }
}
.p-top-reservation__head {
  gap: 8px;
  white-space: nowrap;
}
.p-top-reservation__en {
  font-family: var(--bona);
  font-size: clamp(1.375rem, 1.2926rem + 0.3518vw, 1.625rem);
  color: var(--c-white);
}
.p-top-reservation__slash {
  font-family: var(--bona);
  font-size: clamp(1rem, 0.8351rem + 0.7036vw, 1.5rem);
  color: var(--c-white);
}
.p-top-reservation__jp {
  font-family: var(--shippori);
  font-size: clamp(1rem, 0.9176rem + 0.3518vw, 1.25rem);
  font-weight: 500;
  color: var(--c-white);
}
.p-top-reservation__btn {
  position: relative;
  gap: 10px;
  width: 100%;
  padding-block: 15px;
  padding-inline: 20px;
  border-radius: 100px;
  background-color: var(--c-white);
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-top-reservation__btn {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .p-top-reservation__btn {
    padding-inline: 30px;
  }
}
.p-top-reservation__btn::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  background: url(../images/v-arrow_bk.svg) center/contain no-repeat;
  width: 10px;
  height: 9px;
  transition: all 0.3s ease;
}
.p-top-reservation__btn:hover::after {
  right: 25px;
}
.p-top-reservation__btn-icon {
  display: block;
  width: 26px;
  flex-shrink: 0;
}
.p-top-reservation__btn-text {
  flex: 1;
  margin: 0;
  font-family: var(--shippori);
}
.p-top-reservation__btn-arrow {
  display: block;
  width: 10px;
  height: 9px;
  flex-shrink: 0;
}
.p-top-reservation img {
  transition: all 0.3s ease;
}

.p-top-reservation__btn + .p-top-reservation__btn {
  margin-top: 25px;
}

.p-top-reservation__btn:hover {
  background-color: var(--c-base);
  color: var(--c-white);
}
.p-top-reservation__btn:hover img {
  filter: brightness(2);
}

.c-fv {
  padding-top: 70px;
  padding-bottom: clamp(2rem, 1.5053rem + 2.1108vw, 3.5rem);
}
@media (min-width: 768px) {
  .c-fv {
    padding-top: 100px;
  }
}
.c-fv > * {
  max-width: 1512px;
  margin-inline: auto;
}
.c-fv__img {
  display: block;
  width: 100%;
  height: max(180px, 40.41vw);
  max-height: 516px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.c-fv__en {
  margin: clamp(1rem, 0.6083rem + 1.6711vw, 2.1875rem) 0 0;
  font-family: var(--bona);
  font-size: clamp(2.5rem, 1.5518rem + 4.0457vw, 5.375rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.c-fv__jp {
  margin: -0.714em 0 0;
  font-family: var(--shippori);
  font-size: clamp(1rem, 0.7526rem + 1.0554vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}

.c-sechead__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.c-sechead__jp {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}

.c-speclist {
  --dt: 10.043%;
  --gap: 10.474%;
  max-width: 697px;
  margin-inline: auto;
}
.c-speclist .list-dl {
  display: flex;
  flex-direction: column;
  padding-block: clamp(0.5rem, 0.4175rem + 0.3518vw, 0.75rem);
}
@media (min-width: 768px) {
  .c-speclist .list-dl {
    flex-direction: row;
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
  }
}
.c-speclist .list-dl:first-child {
  padding-top: 0;
}
.c-speclist .list-dl:last-child {
  padding-bottom: 0;
}
.c-speclist .list-dl + .list-dl {
  border-top: 1px solid var(--c-white);
}
.c-speclist .list-dt {
  width: 100%;
}
@media (min-width: 768px) {
  .c-speclist .list-dt {
    flex: 0 0 auto;
    width: var(--dt);
  }
}
.c-speclist .list-dd {
  width: 100%;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .c-speclist .list-dd {
    flex: 1 1 0;
    min-width: 0;
    margin-top: 0;
  }
}
.c-speclist .list-dt p,
.c-speclist .list-dd p {
  margin: 0;
  line-height: 1.8;
  color: var(--c-text);
  transition: color 0.6s ease;
}

.c-parallax {
  --px-h: 41.005vw;
  --px-img: 158.4%;
  position: relative;
  overflow: hidden;
  height: max(240px, var(--px-h));
  min-height: 400px;
}
.c-parallax img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--px-img);
  -o-object-fit: cover;
     object-fit: cover;
}

.c-parallax--hair-care,
.c-parallax--color,
.c-parallax--eyelash {
  --px-h: 34.325vw;
  --px-img: 130.19%;
}

.c-nextlink {
  align-items: center;
  -moz-column-gap: clamp(1rem, 0.3816rem + 2.6385vw, 2.875rem);
       column-gap: clamp(1rem, 0.3816rem + 2.6385vw, 2.875rem);
  min-height: clamp(7.5rem, 6.2014rem + 5.5409vw, 11.4375rem);
  padding-block: 24px;
  padding-inline: clamp(1.25rem, 0.3842rem + 3.6939vw, 3.875rem) clamp(1.25rem, 0.2193rem + 4.3975vw, 4.375rem);
  background-color: var(--c-gray);
}
@media (min-width: 992px) {
  .c-nextlink {
    padding-block: 0;
  }
}
.c-nextlink__en {
  flex-shrink: 0;
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.3377rem + 1.759vw, 3rem);
  font-weight: 400;
  line-height: 1.2;
  color: var(--c-white);
}
.c-nextlink__text {
  flex: 1 0 100%;
  order: 3;
  margin: 12px 0 0;
  line-height: 2;
  color: var(--main);
}
@media (min-width: 992px) {
  .c-nextlink__text {
    flex: 0 1 auto;
    order: 0;
    max-width: 395px;
    margin: 0 auto 0 0;
  }
}
.c-nextlink__arrow {
  flex-shrink: 0;
  width: 16px;
  margin-left: auto;
}

.c-nextlink:hover {
  opacity: 0.8;
}

.p-concept-about {
  padding-top: clamp(3rem, 1.9487rem + 4.4855vw, 6.1875rem);
  padding-bottom: clamp(4rem, 1.9799rem + 8.6192vw, 10.125rem);
}
.p-concept-about__hero {
  width: 78%;
  margin-left: 22%;
  aspect-ratio: 563/376;
}
@media (min-width: 768px) {
  .p-concept-about__hero {
    width: 37.235%;
    margin-left: 45.569%;
  }
}
.p-concept-about__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-concept-about__en {
  margin: clamp(2.5rem, 1.6755rem + 3.518vw, 5rem) 0 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.5851rem + 0.7036vw, 2.25rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-concept-about__lead {
  margin: clamp(1.25rem, 1.0191rem + 0.985vw, 1.95rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-concept-about__body {
  max-width: 572px;
  margin-top: clamp(1.5rem, 1.2856rem + 0.9147vw, 2.15rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-concept-about__body p {
  margin: 0;
  line-height: 2;
}
.p-concept-about__images {
  position: relative;
  margin-top: clamp(2.5rem, 2.0877rem + 1.759vw, 3.75rem);
  aspect-ratio: 375/260;
}
@media (min-width: 768px) {
  .p-concept-about__images {
    aspect-ratio: 1512/383;
  }
}
.p-concept-about__img {
  position: absolute;
}
.p-concept-about__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-concept-about__img--02 {
  top: 0;
  left: 0;
  width: 60%;
  aspect-ratio: 428/286;
}
@media (min-width: 768px) {
  .p-concept-about__img--02 {
    left: 13.029%;
    width: 28.307%;
  }
}
.p-concept-about__img--03 {
  top: 45%;
  left: 46%;
  z-index: 1;
  width: 50%;
  aspect-ratio: 359/240;
}
@media (min-width: 768px) {
  .p-concept-about__img--03 {
    top: 37.337%;
    left: 45.172%;
    width: 23.743%;
  }
}

.p-concept-about__body + .p-concept-about__body {
  margin-top: 2em;
}

.p-concept-philosophy {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 2.5132rem + 5.277vw, 7.5rem);
}
.p-concept-philosophy__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-concept-philosophy__item {
  margin-top: clamp(3rem, 1.6024rem + 5.9631vw, 7.2375rem);
}
.p-concept-philosophy__item + .p-concept-philosophy__item {
  margin-top: clamp(3rem, 1.4746rem + 6.5084vw, 7.625rem);
}
.p-concept-philosophy__img {
  width: 80%;
  aspect-ratio: 656/378;
}
@media (min-width: 992px) {
  .p-concept-philosophy__img {
    flex: 0 0 43.386%;
    width: 43.386%;
  }
}
.p-concept-philosophy__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-concept-philosophy__body {
  padding-top: clamp(1.5rem, -0.1491rem + 7.0361vw, 6.5rem);
  padding-inline: 20px;
  color: var(--c-white);
}
@media (min-width: 992px) {
  .p-concept-philosophy__body {
    flex: 1 1 auto;
    min-width: 0;
    padding-inline: clamp(1.5rem, 0.7167rem + 3.3421vw, 3.875rem) clamp(1.25rem, -2.2955rem + 15.1275vw, 12rem);
  }
}
.p-concept-philosophy__label {
  align-items: baseline;
  -moz-column-gap: 0.35em;
       column-gap: 0.35em;
}
.p-concept-philosophy__num, .p-concept-philosophy__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.5rem, 1.1702rem + 1.4072vw, 2.5rem);
  font-weight: 400;
  line-height: 1.8;
}
.p-concept-philosophy__num {
  color: #a6a6a6;
}
.p-concept-philosophy__en {
  color: var(--c-white);
}
.p-concept-philosophy__lead {
  margin: clamp(1.25rem, 0.7759rem + 2.0229vw, 2.6875rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-concept-philosophy__text {
  max-width: 602px;
  margin-top: clamp(0.75rem, 0.6882rem + 0.2639vw, 0.9375rem);
}
.p-concept-philosophy__text p {
  margin: 0;
  line-height: 2;
}

.p-concept-philosophy__item--reverse .p-concept-philosophy__img {
  margin-left: auto;
}
@media (min-width: 992px) {
  .p-concept-philosophy__item--reverse .p-concept-philosophy__img {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .p-concept-philosophy__item--reverse .p-concept-philosophy__body {
    padding-inline: clamp(1.25rem, -2.2955rem + 15.1275vw, 12rem) clamp(1.5rem, 0.7167rem + 3.3421vw, 3.875rem);
  }
}

.p-concept-message__body + .p-concept-message__body {
  margin-top: 2em;
}

.p-concept-message {
  padding-top: clamp(3.5rem, 1.8303rem + 7.124vw, 8.5625rem);
  padding-bottom: clamp(3.5rem, 1.8303rem + 7.124vw, 8.5625rem);
}
.p-concept-message__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-concept-message__body {
  max-width: 520px;
  margin-top: clamp(1.25rem, 0.7965rem + 1.9349vw, 2.625rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-concept-message__body p {
  margin: 0;
  line-height: 2;
}
.p-concept-message__link {
  margin-top: clamp(4rem, 2.1036rem + 8.0915vw, 9.75rem);
}

.p-commitment-intro {
  padding-block: clamp(3rem, 2.0518rem + 4.0457vw, 5.875rem);
}
.p-commitment-intro__img {
  max-width: 530px;
  margin-inline: auto;
  aspect-ratio: 530/353;
}
.p-commitment-intro__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-commitment-intro__lead {
  margin: clamp(2.5rem, 1.7579rem + 3.1662vw, 4.75rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-intro__body {
  max-width: 572px;
  margin-top: clamp(1.5rem, 1.0053rem + 2.1109vw, 3rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-intro__body p {
  margin: 0;
  line-height: 2;
}

.p-commitment-intro__body + .p-commitment-intro__body {
  margin-top: 2em;
}

.p-commitment-list {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-commitment-list__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-commitment-list__item {
  --gap: clamp(1.5rem, 0.7991rem + 2.9903vw, 3.625rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
  margin-top: clamp(3rem, 2.0518rem + 4.0457vw, 5.875rem);
}
.p-commitment-list__item > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .p-commitment-list__item > [class*=col-] {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) / 2);
  }
}
.p-commitment-list__item:not(:last-child) {
  padding-bottom: clamp(2.5rem, 1.6755rem + 3.518vw, 5rem);
  border-bottom: 1px solid var(--c-white);
  margin-bottom: clamp(2.5rem, 1.6755rem + 3.518vw, 5rem);
}
.p-commitment-list__item + .p-commitment-list__item {
  margin-top: 0;
}
.p-commitment-list__img {
  aspect-ratio: 530/353;
}
.p-commitment-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-commitment-list__body {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .p-commitment-list__body {
    margin-top: 0;
  }
}
.p-commitment-list__label {
  -moz-column-gap: 0.35em;
       column-gap: 0.35em;
}
.p-commitment-list__num, .p-commitment-list__en {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.5rem, 1.1702rem + 1.4072vw, 2.5rem);
  font-weight: 400;
  line-height: 1.8;
}
.p-commitment-list__num {
  color: #a6a6a6;
}
.p-commitment-list__en {
  color: var(--c-white);
}
.p-commitment-list__lead {
  margin: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-commitment-list__text {
  margin-top: clamp(0.75rem, 0.6882rem + 0.2639vw, 0.9375rem);
  color: var(--c-white);
}
.p-commitment-list__text p {
  margin: 0;
  line-height: 2;
}

.p-commitment-care {
  padding-top: clamp(3.5rem, 1.8303rem + 7.124vw, 8.5625rem);
  padding-bottom: clamp(3.5rem, 1.8303rem + 7.124vw, 8.5625rem);
}
.p-commitment-care__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-care__body {
  max-width: 616px;
  margin-top: clamp(1.25rem, 0.7965rem + 1.9349vw, 2.625rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-care__body p {
  margin: 0;
  line-height: 2;
}
.p-commitment-care__cards {
  --gap: clamp(1.5rem, 1.0877rem + 1.759vw, 2.75rem);
  --bs-gutter-y: clamp(2rem, 1.5259rem + 2.0229vw, 3.4375rem);
  margin-inline: calc(var(--gap) / -2);
  margin-top: calc(clamp(2.5rem, 2.0053rem + 2.1108vw, 4rem) - var(--bs-gutter-y));
}
.p-commitment-care__cards > [class*=col-] {
  padding-inline: calc(var(--gap) / 2);
}
.p-commitment-care__card {
  padding: clamp(1.5rem, 1.3763rem + 0.5277vw, 1.875rem) clamp(1.25rem, 0.7759rem + 2.0229vw, 2.6875rem);
  border: 1px solid var(--c-white);
}
.p-commitment-care__icon {
  display: block;
  margin-inline: auto;
  width: 130px;
  border-radius: 500px;
  overflow: hidden;
  aspect-ratio: 1;
}
.p-commitment-care__card-title {
  margin: clamp(0.875rem, 0.7925rem + 0.3518vw, 1.125rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-care__card-text {
  margin: 9px 0 0;
  line-height: 2;
  color: var(--c-text);
  transition: color 0.6s ease;
  word-break: normal;
}
.p-commitment-care__note {
  max-width: 616px;
  margin-top: clamp(3rem, 1.6807rem + 5.6288vw, 7rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-commitment-care__note p {
  margin: 0;
  line-height: 2;
}
.p-commitment-care__links {
  margin-top: clamp(2rem, 1.7939rem + 0.8795vw, 2.625rem);
}

.c-nextlink + .c-nextlink {
  margin-top: 30px;
}

.c-intro {
  padding-top: clamp(3rem, 2.2373rem + 3.2542vw, 5.3125rem);
  padding-bottom: clamp(2.5rem, 2.1496rem + 1.4952vw, 3.5625rem);
}
.c-intro__img {
  aspect-ratio: 578/385;
}
@media (min-width: 992px) {
  .c-intro__img {
    width: 57.058%;
  }
}
.c-intro__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-intro__body {
  margin-top: clamp(2rem, 1.4641rem + 2.2867vw, 3.625rem);
}
@media (min-width: 992px) {
  .c-intro__body {
    width: 53.11%;
    margin-left: auto;
  }
}
.c-intro__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.c-intro__text {
  margin-top: clamp(1rem, 0.8475rem + 0.6508vw, 1.4625rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.c-intro__text p {
  margin: 0;
  line-height: 2;
}

.p-hair-care-compare {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-hair-care-compare__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-hair-care-compare__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-hair-care-compare__lead {
  max-width: 572px;
  margin-top: clamp(1.25rem, 0.7883rem + 1.9701vw, 2.65rem);
  color: var(--c-white);
}
.p-hair-care-compare__lead p {
  margin: 0;
  line-height: 2;
}
.p-hair-care-compare__panel {
  position: relative;
  margin-top: clamp(4rem, 2.2891rem + 7.2999vw, 9.1875rem);
  padding: clamp(2.5rem, 1.8198rem + 2.9024vw, 4.5625rem) clamp(1.25rem, 0.7759rem + 2.0229vw, 2.6875rem) clamp(2rem, 1.629rem + 1.5831vw, 3.125rem);
  border: 1px solid var(--c-white);
}
.p-hair-care-compare__panel + .p-hair-care-compare__panel {
  margin-top: clamp(3rem, 1.9487rem + 4.4855vw, 6.1875rem);
}
.p-hair-care-compare__pill {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, clamp(15rem, 12.5264rem + 10.5541vw, 22.5rem));
  height: clamp(3rem, 2.6496rem + 1.4952vw, 4.0625rem);
  margin: 0;
  transform: translate(-50%, -50%);
  border: 1px solid var(--c-white);
  border-radius: 999px;
  background-color: var(--c-dark);
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-hair-care-compare__pill--light {
  border-color: var(--c-dark);
  background-color: var(--c-white);
  color: var(--main);
}
.p-hair-care-compare__panel-text {
  color: var(--c-white);
}
.p-hair-care-compare__panel-text p {
  margin: 0;
  line-height: 2;
}
.p-hair-care-compare__panel-img {
  max-width: 300px;
  margin: 0 auto clamp(1.5rem, 1.129rem + 1.5831vw, 2.625rem);
  aspect-ratio: 300/200;
}
.p-hair-care-compare__panel-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-hair-care-compare__closing {
  margin: clamp(3.5rem, 2.0364rem + 6.2445vw, 7.9375rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-hair-care-compare__closing-text {
  max-width: 665px;
  margin-top: clamp(1.5rem, 1.0547rem + 1.8997vw, 2.85rem);
  color: var(--c-white);
}
.p-hair-care-compare__closing-text p {
  margin: 0;
  line-height: 2;
}

.c-features {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.c-features__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.c-features__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.c-features__item {
  --gap: clamp(1.5rem, 0.8198rem + 2.9024vw, 3.5625rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
  margin-top: clamp(3rem, 1.3427rem + 7.0712vw, 8.025rem);
}
.c-features__item > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .c-features__item > [class*=col-]:first-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.2927);
  }
  .c-features__item > [class*=col-]:last-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.7073);
  }
}
.c-features__item:not(:last-child) {
  padding-bottom: clamp(2.5rem, 1.2632rem + 5.277vw, 6.25rem);
  border-bottom: 1px solid var(--c-white);
  margin-bottom: clamp(2.5rem, 1.2632rem + 5.277vw, 6.25rem);
}
.c-features__item + .c-features__item {
  margin-top: 0;
}
.c-features__img {
  width: clamp(8.75rem, 6.5856rem + 9.2348vw, 15.3125rem);
  margin-inline: auto;
  overflow: hidden;
  border-radius: 500px;
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .c-features__img {
    width: 100%;
    margin-inline: 0;
  }
}
.c-features__img img {
  width: 100%;
}
.c-features--eyelash .c-features__item {
  align-items: center;
}
.c-features--eyelash .c-features__img {
  aspect-ratio: 1;
  border-radius: 50%;
}
.c-features--eyelash .c-features__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-features--eyelash .c-features__label {
  -moz-column-gap: 18px;
       column-gap: 18px;
}
.c-features__body {
  min-width: 0;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .c-features__body {
    margin-top: 0;
  }
}
.c-features__label {
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media (min-width: 768px) {
  .c-features__label {
    justify-content: flex-start;
  }
}
.c-features__num {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.5rem, 1.1702rem + 1.4072vw, 2.5rem);
  font-weight: 400;
  line-height: 1.8;
  color: #a6a6a6;
}
.c-features__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.c-features__text {
  margin-top: clamp(0.75rem, 0.5851rem + 0.7036vw, 1.25rem);
  color: var(--c-white);
  word-break: normal;
}
.c-features__text p {
  margin: 0;
  line-height: 2;
}

.c-recommend {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.c-recommend__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.c-recommend__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.c-recommend__list {
  --bs-gutter-y: clamp(1.25rem, 1.0439rem + 0.8795vw, 1.875rem);
  margin-top: calc(clamp(2.5rem, 1.7291rem + 3.2894vw, 4.8375rem) - var(--bs-gutter-y));
}
.c-recommend__item {
  -moz-column-gap: clamp(0.75rem, 0.6882rem + 0.2639vw, 0.9375rem);
       column-gap: clamp(0.75rem, 0.6882rem + 0.2639vw, 0.9375rem);
}
.c-recommend__icon {
  flex-shrink: 0;
  width: clamp(2.75rem, 2.379rem + 1.5831vw, 3.875rem);
}
.c-recommend__text {
  margin: 0;
  font-size: clamp(1rem, 0.9588rem + 0.1759vw, 1.125rem);
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}

.p-color-list {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-color-list__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-color-list__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-color-list__lead {
  max-width: 572px;
  margin: clamp(1.25rem, 0.7883rem + 1.9701vw, 2.65rem) auto 0;
  line-height: 2;
  color: var(--c-white);
}
.p-color-list__panel {
  position: relative;
  margin-top: clamp(3rem, 2.1961rem + 3.4301vw, 5.4375rem);
  padding: clamp(2.5rem, 1.7373rem + 3.2542vw, 4.8125rem) clamp(1.5rem, 0.3147rem + 5.0572vw, 5.0938rem) clamp(2rem, 1.4022rem + 2.5506vw, 3.8125rem);
  border: 1px solid var(--c-white);
}
.p-color-list__panel + .p-color-list__panel {
  margin-top: clamp(3rem, 1.722rem + 5.4529vw, 6.875rem);
}
.p-color-list__pill {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, clamp(15rem, 12.5264rem + 10.5541vw, 22.5rem));
  height: clamp(3rem, 2.6496rem + 1.4952vw, 4.0625rem);
  margin: 0;
  transform: translate(-50%, -50%);
  border: 1px solid var(--c-white);
  border-radius: 999px;
  background-color: var(--c-dark);
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-color-list__row {
  --gap: clamp(1.5rem, 1.1083rem + 1.6711vw, 2.6875rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
}
.p-color-list__row > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .p-color-list__row > [class*=col-]:first-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.3778);
  }
  .p-color-list__row > [class*=col-]:last-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.6222);
  }
}
.p-color-list__img {
  aspect-ratio: 1;
}
.p-color-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-color-list__body {
  min-width: 0;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .p-color-list__body {
    margin-top: 0;
  }
}
.p-color-list__text {
  color: var(--c-white);
  word-break: normal;
}
.p-color-list__text p {
  margin: 0;
  line-height: 2;
}
.p-color-list__note {
  margin-top: clamp(0.75rem, 0.6469rem + 0.4398vw, 1.0625rem);
  padding: clamp(0.75rem, 0.6469rem + 0.4398vw, 1.0625rem) clamp(1rem, 0.732rem + 1.1434vw, 1.8125rem);
  border: 1px solid var(--c-white);
  color: var(--c-white);
}
.p-color-list__note p {
  margin: 0;
  line-height: 2;
}
.p-color-list__boxes {
  --gap: clamp(1.5rem, 0.7373rem + 3.2542vw, 3.8125rem);
  --bs-gutter-y: clamp(2rem, 1.2167rem + 3.3421vw, 4.375rem);
  margin-inline: calc(var(--gap) / -2);
  margin-top: calc(clamp(2.5rem, 1.7373rem + 3.2542vw, 4.8125rem) - var(--bs-gutter-y));
}
.p-color-list__boxes > [class*=col-] {
  padding-inline: calc(var(--gap) / 2);
}
.p-color-list__box {
  padding: clamp(1.5rem, 1.1083rem + 1.6711vw, 2.6875rem) clamp(1.25rem, 0.8377rem + 1.759vw, 2.5rem);
  border: 1px solid var(--c-white);
}
.p-color-list__box-title {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-color-list__box-text {
  margin-top: clamp(0.75rem, 0.6181rem + 0.5629vw, 1.15rem);
  color: var(--c-white);
}
.p-color-list__box-text p {
  margin: 0;
  line-height: 2;
}

.p-menu-concern {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-menu-concern__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-menu-concern__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-menu-concern__item {
  --gap: clamp(1.5rem, 0.7579rem + 3.1662vw, 3.75rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
  margin-top: clamp(3rem, 2.0641rem + 3.993vw, 5.8375rem);
}
.p-menu-concern__item > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .p-menu-concern__item > [class*=col-]:first-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.4805);
  }
  .p-menu-concern__item > [class*=col-]:last-child {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.5195);
  }
}
.p-menu-concern__item:has(+ .p-menu-concern__item) {
  padding-bottom: clamp(2.5rem, 1.6755rem + 3.518vw, 5rem);
  border-bottom: 1px solid var(--c-white);
  margin-bottom: clamp(2.5rem, 1.6755rem + 3.518vw, 5rem);
}
.p-menu-concern__item + .p-menu-concern__item {
  margin-top: 0;
}
.p-menu-concern__img {
  aspect-ratio: 443/295;
}
.p-menu-concern__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-menu-concern__body {
  min-width: 0;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .p-menu-concern__body {
    margin-top: 0;
  }
}
.p-menu-concern__catch {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-menu-concern__label {
  margin: clamp(1rem, 0.1425rem + 3.6588vw, 3.6rem) 0 0;
  line-height: 2;
  color: var(--c-white);
}
.p-menu-concern__name {
  margin: 5px 0 0;
  font-family: var(--shippori);
  font-size: clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-menu-concern__text {
  margin-top: clamp(1rem, 0.8351rem + 0.7036vw, 1.5rem);
  color: var(--c-white);
}
.p-menu-concern__text p {
  margin: 0;
  line-height: 2;
}
.p-menu-concern__note {
  max-width: 538px;
  margin: clamp(2.5rem, 1.2838rem + 5.1891vw, 6.1875rem) auto 0;
  color: var(--c-white);
}
.p-menu-concern__note p {
  margin: 0;
  line-height: 2;
}

.c-menu-item:not(:last-child) {
  padding-bottom: clamp(1.5rem, 1.0671rem + 1.847vw, 2.8125rem);
  border-bottom: 1px solid var(--main);
  margin-bottom: clamp(1.5rem, 1.0671rem + 1.847vw, 2.8125rem);
}
.c-menu-item__label {
  margin: 0;
  font-size: clamp(0.75rem, 0.7294rem + 0.088vw, 0.8125rem);
  line-height: 2;
  color: var(--c-white);
}
.c-menu-item .list-dl {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-menu-item .list-dl {
    flex-direction: row;
    align-items: baseline;
    -moz-column-gap: clamp(1rem, 0.6083rem + 1.6711vw, 2.1875rem);
         column-gap: clamp(1rem, 0.6083rem + 1.6711vw, 2.1875rem);
  }
}
@media (min-width: 768px) {
  .c-menu-item .list-dt {
    flex: 1 1 0;
    min-width: 0;
  }
}
.c-menu-item .list-dt h4 {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1rem, 0.9175rem + 0.3518vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.c-menu-item .list-dd {
  width: 100%;
  margin-top: 10px;
  text-align: right;
}
@media (min-width: 768px) {
  .c-menu-item .list-dd {
    flex: 0 0 auto;
    width: auto;
    margin-top: 0;
  }
}
.c-menu-item .list-dd p {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1rem, 0.9175rem + 0.3518vw, 1.25rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.c-menu-item__note {
  max-width: 794px;
  margin: clamp(0.5rem, 0.4382rem + 0.2639vw, 0.6875rem) 0 0;
  font-size: clamp(0.75rem, 0.7294rem + 0.088vw, 0.8125rem);
  line-height: 1.7;
  color: var(--main);
}

.p-menu-all {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-menu-all__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--main);
}
.p-menu-all__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.p-menu-all__nav {
  --gap: clamp(0.75rem, 0.5851rem + 0.7036vw, 1.25rem);
  max-width: 724px;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  row-gap: clamp(0.75rem, 0.482rem + 1.1434vw, 1.5625rem);
  margin-inline: auto;
  margin-top: clamp(2rem, 1.7238rem + 1.1785vw, 2.8375rem);
  margin-bottom: clamp(2.5rem, 1.8199rem + 2.9024vw, 4.5625rem);
}
.p-menu-all__nav > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 576px) {
  .p-menu-all__nav > [class*=col-] {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap) * 2) / 3);
  }
}
.p-menu-all__btn {
  -moz-column-gap: 12px;
       column-gap: 12px;
  height: clamp(2.375rem, 2.3544rem + 0.088vw, 2.4375rem);
  padding-inline: clamp(1rem, 0.8145rem + 0.7916vw, 1.5625rem);
  border: 1px solid var(--main);
  border-radius: 999px;
  transition: background-color 0.3s ease;
}
.p-menu-all__btn::after {
  content: "";
  flex-shrink: 0;
  width: 11px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.7682 7.10112' fill='none'%3E%3Cpath d='M0.384111 0.320092L5.38411 6.32009L10.3841 0.320092' stroke='white'/%3E%3C/svg%3E") no-repeat center/contain;
}
.p-menu-all__btn:hover {
  background-color: var(--main);
}
.p-menu-all__btn:hover .p-menu-all__btn-text {
  color: var(--c-white);
}
.p-menu-all__btn-text {
  margin: 0 auto 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.875rem, 0.8338rem + 0.1759vw, 1rem);
  font-weight: 500;
  line-height: 1.4;
  color: var(--main);
  transition: color 0.3s ease;
}
.p-menu-all__btn-text::before {
  content: "・";
  color: var(--c-white);
}
.p-menu-all__group {
  padding-top: clamp(3rem, 2.2167rem + 3.3421vw, 5.375rem);
  padding-bottom: clamp(3rem, 2.2167rem + 3.3421vw, 5.375rem);
  scroll-margin-top: 70px;
}
@media (min-width: 768px) {
  .p-menu-all__group {
    scroll-margin-top: 100px;
  }
}
.p-menu-all__group--fill {
  background-color: var(--c-gray);
}
.p-menu-all__group-title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.3377rem + 1.759vw, 3rem);
  font-weight: 400;
  line-height: 1.45;
  color: var(--main);
}
.p-menu-all__group-sub {
  margin: 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.p-menu-all__tax {
  margin: clamp(2.5rem, 1.7579rem + 3.1662vw, 4.75rem) 0 0;
  line-height: 2;
  color: var(--main);
}
.p-menu-all__link {
  margin-top: clamp(2rem, 1.5259rem + 2.0229vw, 3.4375rem);
}

.p-eyelash-intro {
  padding-top: clamp(2.5rem, 1.5724rem + 3.9578vw, 5.3125rem);
  padding-bottom: clamp(2.5rem, 1.5724rem + 3.9578vw, 5.3125rem);
}
.p-eyelash-intro__img {
  aspect-ratio: 578/385;
}
@media (min-width: 768px) {
  .p-eyelash-intro__img {
    width: 57.058%;
  }
}
.p-eyelash-intro__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-eyelash-intro__body {
  margin-top: clamp(1.5rem, 0.7991rem + 2.9903vw, 3.625rem);
}
@media (min-width: 768px) {
  .p-eyelash-intro__body {
    width: 53.109%;
    margin-left: auto;
  }
}
.p-eyelash-intro__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-eyelash-intro__text {
  margin-top: clamp(1rem, 0.8475rem + 0.6508vw, 1.4625rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-eyelash-intro__text p {
  margin: 0;
  line-height: 2;
}
.p-eyelash-intro__text + .p-eyelash-intro__text {
  margin-top: 1.75rem;
}

.p-eyelash-service {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-eyelash-service__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-white);
}
.p-eyelash-service__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-eyelash-service__lead {
  max-width: 616px;
  margin: clamp(1.5rem, 1.1207rem + 1.6183vw, 2.65rem) auto 0;
  line-height: 2;
  color: var(--c-white);
}
.p-eyelash-service__list {
  --gap: clamp(1.5rem, 0.7373rem + 3.2542vw, 3.8125rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  row-gap: clamp(2.5rem, 1.1807rem + 5.6288vw, 6.5rem);
  margin-inline: 0;
  margin-top: clamp(3.5rem, 1.8922rem + 6.8602vw, 8.375rem);
}
.p-eyelash-service__list > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .p-eyelash-service__list > [class*=col-] {
    flex: 0 0 auto;
    max-width: none;
    width: calc((100% - var(--gap)) / 2);
  }
}
.p-eyelash-service__card {
  position: relative;
  height: 100%;
  min-height: clamp(12.5rem, 11.0983rem + 5.9807vw, 16.75rem);
  padding: clamp(2.5rem, 1.9641rem + 2.2867vw, 4.125rem) clamp(1.25rem, 0.6728rem + 2.4626vw, 3rem) clamp(1.5rem, 1.2939rem + 0.8795vw, 2.125rem);
  border: 1px solid var(--c-white);
  word-break: normal;
}
.p-eyelash-service__pill {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, clamp(15rem, 13.5158rem + 6.3325vw, 19.5rem));
  height: clamp(3rem, 2.6496rem + 1.4952vw, 4.0625rem);
  margin: 0;
  transform: translate(-50%, -50%);
  border: 1px solid var(--c-white);
  border-radius: 999px;
  background-color: var(--c-dark);
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-eyelash-service__text {
  color: var(--c-white);
}
.p-eyelash-service__text p {
  margin: 0;
  line-height: 2;
}

.p-eyelash-menu {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  background-color: var(--c-gray);
}
.p-eyelash-menu__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--main);
}
.p-eyelash-menu__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.p-eyelash-menu__panel {
  padding: clamp(1.5rem, 1.0671rem + 1.847vw, 2.8125rem) clamp(1.25rem, -0.296rem + 6.5963vw, 5.9375rem) clamp(2.5rem, 1.7373rem + 3.2542vw, 4.8125rem);
  background-color: var(--c-base);
}
.p-eyelash-menu__panel:first-of-type {
  margin-top: clamp(2.5rem, 1.7084rem + 3.3773vw, 4.9rem);
}
.p-eyelash-menu__panel + .p-eyelash-menu__panel {
  margin-top: clamp(2.5rem, 1.4693rem + 4.3975vw, 5.625rem);
}
.p-eyelash-menu__panel-title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(1.75rem, 1.3377rem + 1.759vw, 3rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--main);
}
.p-eyelash-menu__panel-sub {
  margin: -0.9625em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.p-eyelash-menu__panel-note {
  max-width: 572px;
  margin: clamp(1.25rem, 1.0356rem + 0.9147vw, 1.9rem) auto 0;
  line-height: 2;
  color: var(--main);
}
.p-eyelash-menu__panel-sub + .c-menu-item, .p-eyelash-menu__panel-note + .c-menu-item {
  margin-top: clamp(1.5rem, 1.1207rem + 1.6183vw, 2.65rem);
}
.p-eyelash-menu__panel-note + .c-menu-item {
  margin-top: clamp(2rem, 1.3198rem + 2.9024vw, 4.0625rem);
}
.p-eyelash-menu__tax {
  margin: clamp(2.5rem, 1.7167rem + 3.3421vw, 4.875rem) 0 0;
  line-height: 2;
  color: var(--main);
}
.p-eyelash-menu__tax p {
  margin: 0;
  line-height: 2;
}

.p-salon-intro {
  padding-top: clamp(2.5rem, 1.3456rem + 4.9252vw, 6rem);
  padding-bottom: clamp(3rem, 0.3615rem + 11.2577vw, 11rem);
}
.p-salon-intro__inner {
  margin-inline: 0;
}
.p-salon-intro__inner > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .p-salon-intro__inner {
    align-items: flex-start;
  }
}
.p-salon-intro__body {
  margin-top: clamp(1rem, 0.6083rem + 1.6711vw, 2.1875rem);
}
@media (min-width: 768px) {
  .p-salon-intro__body {
    flex: 0 0 auto;
    max-width: none;
    width: 57.849%;
    margin-left: auto;
  }
}
.p-salon-intro__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.0851rem + 0.7036vw, 1.75rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-intro__text {
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-intro__text p {
  margin: 0;
  line-height: 2;
}

.p-salon-block {
  --c-text: var(--main);
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  background-color: var(--c-gray);
  transition: background-color 0.6s ease;
}
.p-salon-block__title {
  margin: 0;
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-block__sub {
  margin: -0.825em 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.9375rem, 0.9169rem + 0.088vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-block__lead {
  max-width: 616px;
  margin: clamp(1.5rem, 1.1207rem + 1.6183vw, 2.65rem) auto 0;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-block__lead p {
  margin: 0;
  line-height: 2;
}

body.is-back .p-salon-block {
  background-color: transparent;
  --c-text: var(--c-white);
}

.p-salon-gallery {
  max-width: 750px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 576px) {
  .p-salon-gallery {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery {
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }
}
.p-salon-gallery__hero img, .p-salon-gallery__wide img, .p-salon-gallery__sm img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-salon-gallery__hero {
  aspect-ratio: 817/545;
  width: 88%;
}
@media (min-width: 992px) {
  .p-salon-gallery__hero {
    width: 54.034%;
  }
}
.p-salon-gallery__wide {
  aspect-ratio: 615/410;
  width: 96%;
}
.p-salon-gallery__sm {
  aspect-ratio: 467/311;
  width: 76%;
}
.p-salon-gallery__row {
  flex-direction: column;
  row-gap: clamp(1.5rem, 1.0671rem + 1.847vw, 2.8125rem);
  align-items: flex-start;
  margin-inline: 0;
  margin-top: clamp(2rem, 0.8456rem + 4.9252vw, 5.5rem);
}
.p-salon-gallery__row > [class*=col-] {
  flex: 0 1 auto;
  max-width: none;
  padding-inline: 0;
}
@media (min-width: 992px) {
  .p-salon-gallery__row {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.p-salon-gallery__row--tight {
  margin-top: clamp(1.5rem, 1.0671rem + 1.847vw, 2.8125rem);
  margin-inline: auto;
  max-width: 700px;
}
@media (min-width: 992px) {
  .p-salon-gallery__row--tight {
    max-width: 100%;
  }
}
.p-salon-gallery__row > .p-salon-gallery__body {
  width: 100%;
}
@media (min-width: 992px) {
  .p-salon-gallery__row > .p-salon-gallery__body {
    width: 38.029%;
    margin-top: 9.767%;
  }
}
.p-salon-gallery__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-gallery__text {
  margin-top: clamp(1rem, 0.6578rem + 1.46vw, 2.0375rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-salon-gallery__text p {
  margin: 0;
  line-height: 2;
}
.p-salon-gallery--1f .p-salon-gallery__hero {
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__hero {
    width: 54.034%;
    margin-right: 0;
    margin-left: 37.5%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--b {
    margin-inline: 8.399% 15.079%;
  }
}
.p-salon-gallery--1f .p-salon-gallery__row--b .p-salon-gallery__wide {
  width: 80%;
  margin-left: auto;
  margin-right: 0;
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--b .p-salon-gallery__wide {
    width: 53.155%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--b .p-salon-gallery__body {
    margin-left: 8.816%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--c {
    margin-inline: 19.114% 15.079%;
  }
}
.p-salon-gallery--1f .p-salon-gallery__row--c .p-salon-gallery__sm {
  width: 65%;
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--c .p-salon-gallery__sm {
    width: 46.935%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--c .p-salon-gallery__sm:first-child {
    margin-top: 11.156%;
  }
}
.p-salon-gallery--1f .p-salon-gallery__row--c .p-salon-gallery__sm + .p-salon-gallery__sm {
  width: 50%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--1f .p-salon-gallery__row--c .p-salon-gallery__sm + .p-salon-gallery__sm {
    width: 46.935%;
    margin-left: 6.131%;
  }
}
.p-salon-gallery--2f .p-salon-gallery__hero {
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__hero {
    width: 54.034%;
    margin-right: auto;
    margin-left: 8.399%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--b {
    margin-inline: 15.013% 8.466%;
  }
}
.p-salon-gallery--2f .p-salon-gallery__row--b .p-salon-gallery__body {
  order: 1;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--b .p-salon-gallery__body {
    order: 0;
  }
}
.p-salon-gallery--2f .p-salon-gallery__row--b .p-salon-gallery__wide {
  width: 80%;
  margin-right: auto;
  margin-left: 0;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--b .p-salon-gallery__wide {
    width: 53.155%;
    margin-right: 0;
    margin-left: 8.816%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--c {
    margin-inline: 15.013% 19.18%;
  }
}
.p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm {
  width: 65%;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm {
    width: 46.935%;
  }
}
.p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm:first-child {
  margin-left: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm:first-child {
    margin-left: 0;
  }
}
.p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm + .p-salon-gallery__sm {
  width: 50%;
}
@media (min-width: 992px) {
  .p-salon-gallery--2f .p-salon-gallery__row--c .p-salon-gallery__sm + .p-salon-gallery__sm {
    width: 46.935%;
    margin-top: 11.156%;
    margin-left: 6.131%;
  }
}
.p-salon-gallery--eyelash .p-salon-gallery__hero {
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--eyelash .p-salon-gallery__hero {
    width: 54.034%;
    margin-right: 0;
    margin-left: 37.5%;
  }
}
@media (min-width: 992px) {
  .p-salon-gallery--eyelash .p-salon-gallery__row--b {
    margin-inline: 8.399% 15.675%;
  }
}
.p-salon-gallery--eyelash .p-salon-gallery__row--b .p-salon-gallery__wide {
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}
@media (min-width: 992px) {
  .p-salon-gallery--eyelash .p-salon-gallery__row--b .p-salon-gallery__wide {
    width: 53.571%;
    margin-inline: 0;
  }
}
.p-salon-gallery--eyelash .p-salon-gallery__row--b .p-salon-gallery__sm {
  width: 60%;
  margin-right: auto;
  margin-left: 0;
}
@media (min-width: 992px) {
  .p-salon-gallery--eyelash .p-salon-gallery__row--b .p-salon-gallery__sm {
    width: 40.68%;
    margin-top: 22.126%;
    margin-right: 0;
    margin-left: 5.749%;
  }
}

.p-salon-block > .container + .p-salon-gallery {
  margin-top: clamp(2.5rem, 0.8303rem + 7.124vw, 7.5625rem);
}

.p-voice {
  padding-top: clamp(2.5rem, 1.3663rem + 4.8373vw, 5.9375rem);
  padding-bottom: clamp(3.75rem, 1.668rem + 8.883vw, 10.0625rem);
}
.p-voice__lead {
  max-width: 572px;
  margin-inline: auto;
  color: var(--main);
}
.p-voice__lead p {
  margin: 0;
  line-height: 2;
}
.p-voice__group {
  margin-top: clamp(2.5rem, 1.4487rem + 4.4855vw, 5.6875rem);
}
.p-voice__group + .p-voice__group {
  margin-top: clamp(3.75rem, 1.0703rem + 11.4336vw, 11.875rem);
}
.p-voice__group-title {
  margin: 0 0 clamp(1.5rem, 1.2939rem + 0.8795vw, 2.125rem);
  font-family: var(--bona);
  font-size: clamp(1.5rem, 1.3351rem + 0.7036vw, 2rem);
  font-weight: 400;
  line-height: 2;
  color: var(--main);
}
.p-voice__group + .p-voice__group .p-voice__group-title {
  margin-bottom: clamp(1.5rem, 1.1496rem + 1.4952vw, 2.5625rem);
}
.p-voice__list {
  --gap: clamp(0.5rem, -0.5925rem + 4.6614vw, 3.8125rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  row-gap: clamp(0.75rem, -0.1364rem + 3.7819vw, 3.4375rem);
  margin-inline: 0;
}
.p-voice__list > [class*=col-] {
  flex: 0 0 auto;
  max-width: none;
  width: calc((100% - var(--gap)) / 2);
  padding-inline: 0;
}
.p-voice__card {
  padding: clamp(0.75rem, 0.3377rem + 1.759vw, 2rem) clamp(0.625rem, 0.0891rem + 2.2867vw, 2.25rem);
  border: 1px solid var(--c-white);
}
@media (min-width: 768px) {
  .p-voice__card {
    min-height: clamp(17.5rem, 14.8821rem + 11.1697vw, 25.4375rem);
  }
}
.p-voice__avatar {
  display: block;
  width: clamp(3rem, 1.9281rem + 4.5734vw, 6.25rem);
  margin-inline: auto;
}
.p-voice__label {
  margin: clamp(0.375rem, 0.2925rem + 0.3518vw, 0.625rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.75rem, 0.6675rem + 0.3518vw, 1rem);
  font-weight: 500;
  line-height: 1.8;
  color: var(--main);
}
@media (min-width: 768px) {
  .p-voice__label {
    line-height: 2;
  }
}
.p-voice__text {
  margin-top: clamp(0.375rem, 0.2925rem + 0.3518vw, 0.625rem);
  font-size: clamp(0.6875rem, 0.6257rem + 0.2639vw, 0.875rem);
  color: var(--main);
  word-break: normal;
}
.p-voice__text p {
  margin: 0;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .p-voice__text p {
    line-height: 2;
  }
}

.p-staff {
  padding-top: clamp(3.75rem, 2.8842rem + 3.6939vw, 6.375rem);
  padding-bottom: clamp(3.75rem, 2.8842rem + 3.6939vw, 6.375rem);
}

.c-staff-card {
  --gap: clamp(1.5rem, 0.6136rem + 3.7819vw, 4.1875rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
}
.c-staff-card > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .c-staff-card > [class*=col-]:first-child {
    max-width: none;
    width: calc((100% - var(--gap)) * 0.3694);
  }
  .c-staff-card > [class*=col-]:last-child {
    flex: 1;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.6306);
  }
}
.c-staff-card:not(:last-child) {
  padding-bottom: clamp(2.5rem, 1.4693rem + 4.3975vw, 5.625rem);
  border-bottom: 1px solid var(--c-white);
  margin-bottom: clamp(2.5rem, 1.4693rem + 4.3975vw, 5.625rem);
}
.c-staff-card__photo {
  aspect-ratio: 338/507;
}
.c-staff-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-staff-card__body {
  min-width: 0;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .c-staff-card__body {
    margin-top: 0;
  }
}
.c-staff-card__role {
  margin: 0;
  font-size: clamp(0.75rem, 0.7294rem + 0.088vw, 0.8125rem);
  line-height: 1.6;
  color: var(--c-white);
}
.c-staff-card__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  -moz-column-gap: clamp(0.5rem, 0.3351rem + 0.7036vw, 1rem);
       column-gap: clamp(0.5rem, 0.3351rem + 0.7036vw, 1rem);
  margin-top: clamp(0.25rem, 0.184rem + 0.2814vw, 0.45rem);
}
.c-staff-card__name {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.c-staff-card__kana {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(0.875rem, 0.8338rem + 0.1759vw, 1rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--main);
}
.c-staff-card__list {
  margin-top: clamp(1.25rem, 0.9078rem + 1.46vw, 2.2875rem);
}
.c-staff-card__list .list-dl {
  display: flex;
  flex-direction: column;
  padding-block: clamp(0.5rem, 0.4052rem + 0.4046vw, 0.7875rem);
  border-bottom: 1px solid var(--c-white);
}
.c-staff-card__list .list-dl:first-child {
  padding-top: 0;
}
.c-staff-card__list .list-dl:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
@media (min-width: 768px) {
  .c-staff-card__list .list-dl {
    flex-direction: row;
    -moz-column-gap: 7.45%;
         column-gap: 7.45%;
  }
}
.c-staff-card__list .list-dt {
  width: 100%;
}
@media (min-width: 768px) {
  .c-staff-card__list .list-dt {
    flex: 0 0 auto;
    width: 120px;
  }
}
.c-staff-card__list .list-dt p {
  margin: 0;
  line-height: 1.8;
  color: var(--main);
}
.c-staff-card__list .list-dd {
  width: 100%;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .c-staff-card__list .list-dd {
    flex: 1 1 0;
    min-width: 0;
    margin-top: 0;
  }
}
.c-staff-card__list .list-dd p {
  margin: 0;
  line-height: 1.8;
  color: var(--main);
}

.p-products {
  padding-top: clamp(2.5rem, 1.3665rem + 4.8373vw, 5.9375rem);
  padding-bottom: clamp(2.5rem, 1.3665rem + 4.8373vw, 5.9375rem);
}
.p-products__lead {
  margin: 0 0 clamp(2.5rem, 0.2944rem + 9.4107vw, 9.1875rem);
  line-height: 2;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-products__item {
  --gap: clamp(1.5rem, 0.7579rem + 3.1662vw, 3.75rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
}
.p-products__item > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .p-products__item {
    flex-wrap: nowrap;
    align-items: center;
  }
  .p-products__item > [class*=col-]:first-child {
    flex: 0 1 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.4805);
  }
  .p-products__item > [class*=col-]:last-child {
    flex: 0 1 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.5195);
  }
}
.p-products__item + .p-products__item {
  padding-top: clamp(2.5rem, 1.2632rem + 5.277vw, 6.25rem);
  border-top: 1px solid var(--c-white);
  margin-top: clamp(2.5rem, 1.2632rem + 5.277vw, 6.25rem);
}
.p-products__img {
  aspect-ratio: 443/295;
}
.p-products__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-products__body {
  min-width: 0;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .p-products__body {
    margin-top: 0;
  }
}
.p-products__name {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-products__text {
  margin-top: clamp(0.75rem, 0.6346rem + 0.4925vw, 1.1rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-products__text p {
  margin: 0;
  line-height: 2;
}
.p-products__note {
  margin-top: clamp(2.5rem, 0.3977rem + 8.971vw, 8.875rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-products__note p {
  margin: 0;
  line-height: 2;
}

.p-recruit-intro {
  padding-top: clamp(2.5rem, 0.8509rem + 7.0361vw, 7.5rem);
  padding-bottom: clamp(2.5rem, 0.2119rem + 9.7625vw, 9.4375rem);
}
.p-recruit-intro__row {
  --gap: clamp(1.5rem, 0.4693rem + 4.3975vw, 4.625rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
}
.p-recruit-intro__row > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .p-recruit-intro__row {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .p-recruit-intro__row > [class*=col-]:first-child {
    flex: 0 1 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.4688);
  }
  .p-recruit-intro__row > [class*=col-]:last-child {
    flex: 0 1 auto;
    max-width: none;
    width: calc((100% - var(--gap)) * 0.5312);
  }
}
.p-recruit-intro__row-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: clamp(0.75rem, -0.1364rem + 3.7819vw, 3.4375rem);
       column-gap: clamp(0.75rem, -0.1364rem + 3.7819vw, 3.4375rem);
  row-gap: clamp(0.75rem, -0.1364rem + 3.7819vw, 3.4375rem);
}
@media (min-width: 992px) {
  .p-recruit-intro__row-images {
    display: block;
  }
}
.p-recruit-intro__img {
  aspect-ratio: 489/326;
}
@media (min-width: 992px) {
  .p-recruit-intro__img + .p-recruit-intro__img {
    margin-top: clamp(1rem, 0.2991rem + 2.9903vw, 3.125rem);
  }
}
.p-recruit-intro__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-intro__body {
  min-width: 0;
  margin-bottom: clamp(2rem, 1.4641rem + 2.2867vw, 3.625rem);
}
@media (min-width: 992px) {
  .p-recruit-intro__body {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    min-height: 100vh;
    margin-bottom: 0;
  }
}
.p-recruit-intro__lead {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-recruit-intro__text {
  margin-top: clamp(1.5rem, 1.1908rem + 1.3193vw, 2.4375rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-recruit-intro__text + .p-recruit-intro__text {
  margin-top: 28px;
}
.p-recruit-intro__text p {
  margin: 0;
  line-height: 2;
}

.p-recruit-merit {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-recruit-merit__list {
  max-width: 888px;
  margin: clamp(2rem, 0.9075rem + 4.6614vw, 5.3125rem) auto 0;
}
.p-recruit-merit__item {
  --gap: clamp(1rem, 0.4228rem + 2.4626vw, 2.75rem);
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  margin-inline: 0;
}
.p-recruit-merit__item > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .p-recruit-merit__item {
    flex-wrap: nowrap;
    align-items: center;
  }
  .p-recruit-merit__item > [class*=col-]:first-child {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .p-recruit-merit__item > [class*=col-]:last-child {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
  }
}
.p-recruit-merit__item + .p-recruit-merit__item {
  margin-top: clamp(1.5rem, 0.4487rem + 4.4855vw, 4.6875rem);
}
.p-recruit-merit__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(5rem, 3.8665rem + 4.8373vw, 8.4375rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--c-white);
  font-family: var(--bona);
  font-size: clamp(2rem, 1.3404rem + 2.8144vw, 4rem);
  font-weight: 400;
  line-height: 1;
  color: #a6a6a6;
  padding-bottom: 1vw;
}
.p-recruit-merit__body {
  min-width: 0;
  margin-top: clamp(1rem, 0.8351rem + 0.7036vw, 1.5rem);
}
@media (min-width: 768px) {
  .p-recruit-merit__body {
    margin-top: 0;
  }
}
.p-recruit-merit__title {
  margin: 0;
  font-family: var(--shippori);
  font-size: clamp(1.25rem, 1.1675rem + 0.3518vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-white);
}
.p-recruit-merit__text {
  margin-top: clamp(0.5rem, 0.4464rem + 0.2287vw, 0.6625rem);
  color: var(--c-white);
}
.p-recruit-merit__text p {
  margin: 0;
  line-height: 2;
}

.p-recruit-policy {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-recruit-policy__row {
  margin-top: clamp(2rem, 0.6807rem + 5.6289vw, 6rem);
  margin-inline: 0;
}
.p-recruit-policy__row > [class*=col-] {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .p-recruit-policy__row {
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-inline: 13.095% 11.442%;
  }
  .p-recruit-policy__row > [class*=col-]:first-child {
    flex: 0 1 auto;
    max-width: none;
    width: 48.115%;
  }
  .p-recruit-policy__row > [class*=col-]:last-child {
    flex: 0 1 auto;
    max-width: none;
    width: 45.925%;
    margin-top: 9.903%;
    margin-left: 5.96%;
  }
}
.p-recruit-policy__img {
  aspect-ratio: 549/366;
}
.p-recruit-policy__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-policy__text {
  min-width: 0;
  margin-top: clamp(1.5rem, 1.1207rem + 1.6183vw, 2.65rem);
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-recruit-policy__text p {
  margin: 0;
  line-height: 2;
}
.p-recruit-policy__row > .p-recruit-policy__text {
  padding-inline: 20px;
}
@media (min-width: 576px) {
  .p-recruit-policy__row > .p-recruit-policy__text {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .p-recruit-policy__row > .p-recruit-policy__text {
    padding-inline: 0;
  }
}

.p-recruit-guide {
  padding-top: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
  padding-bottom: clamp(3.75rem, 1.8948rem + 7.9156vw, 9.375rem);
}
.p-recruit-guide__list {
  margin-top: clamp(2rem, 1.2579rem + 3.1662vw, 4.25rem);
}

.p-recruit-message {
  position: relative;
  padding-top: clamp(2.5rem, 1.2632rem + 5.277vw, 6.25rem);
  padding-bottom: clamp(2.5rem, 0.7066rem + 7.6517vw, 7.9375rem);
  background: url(../images/recruit-bg-sp.jpg) center/cover no-repeat;
}
@media (min-width: 768px) {
  .p-recruit-message {
    background: url(../images/recruit-bg.jpg) center/cover no-repeat;
  }
}
.p-recruit-message::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(84, 78, 74, 0.75);
}
.p-recruit-message .container {
  position: relative;
}
.p-recruit-message .c-sechead__en,
.p-recruit-message .c-sechead__jp {
  color: var(--c-white);
}
.p-recruit-message__text {
  margin-top: clamp(0.75rem, 0.6469rem + 0.4398vw, 1.0625rem);
  color: var(--c-white);
}
.p-recruit-message__text + .p-recruit-message__text {
  margin-top: 28px;
}
.p-recruit-message__text p {
  margin: 0;
  line-height: 2;
}
.p-recruit-message__btn {
  max-width: 281px;
  margin: clamp(1.25rem, 1.1057rem + 0.6157vw, 1.6875rem) auto 0;
}

body:has(.p-recruit-message) .p-top-reservation {
  display: none;
}

.p-information {
  padding-top: clamp(2.5rem, 1.1807rem + 5.6289vw, 6.5rem);
  padding-bottom: clamp(2.5rem, 0.1088rem + 10.2023vw, 9.75rem);
}
.p-information--affiliate {
  padding-top: clamp(2.5rem, 0.5829rem + 8.1794vw, 8.3125rem);
  padding-bottom: clamp(2.5rem, 0.5829rem + 8.1794vw, 8.3125rem);
  background-color: #bcbcbc;
}
.p-information__block + .p-information__block {
  margin-top: clamp(3rem, 0.3821rem + 11.1697vw, 10.9375rem);
}
.p-information__img {
  max-width: 392px;
  margin-inline: auto;
  aspect-ratio: 392/261;
}
.p-information__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.p-information__label {
  margin: clamp(1.25rem, 1.0233rem + 0.9675vw, 1.9375rem) 0 0;
  font-family: var(--shippori);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-information__title {
  margin: clamp(1.25rem, 0.982rem + 1.1434vw, 2.0625rem) 0 0;
  font-family: var(--bona);
  font-size: clamp(1.5rem, 1.3351rem + 0.7036vw, 2rem);
  font-weight: 400;
  line-height: 2;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-information__label + .p-information__title {
  margin-top: 0;
}
.p-information__list {
  --dt: 8.034%;
  --gap: 12.482%;
  margin-top: clamp(1.25rem, 0.982rem + 1.1434vw, 2.0625rem);
}
.p-information__link {
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.6;
  color: var(--c-text);
  transition: color 0.6s ease;
}
.p-information__link img {
  display: block;
  width: 10.26px;
  height: 10.31px;
  flex-shrink: 0;
}
.p-information__map {
  width: 100%;
  max-width: 1048px;
  margin: clamp(2rem, 0.9281rem + 4.5734vw, 5.25rem) auto 0;
  aspect-ratio: 1048/486;
  min-height: 260px;
}
.p-information__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-information--affiliate .p-information__map {
  margin-top: clamp(1.5rem, 0.6342rem + 3.6939vw, 4.125rem);
}

.footer {
  background-color: var(--main);
  color: var(--c-white);
}
.footer__logo {
  width: 180px;
  max-width: 60%;
}
@media (min-width: 1200px) {
  .footer__logo {
    width: 238px;
  }
}
.footer__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 12px;
  margin-top: clamp(3rem, 2.4029rem + 2.5506vw, 6rem);
  padding-inline: 12px;
}
@media (min-width: 576px) {
  .footer__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .footer__nav {
    display: block;
    padding-inline: 0;
  }
}
.footer__nav-row {
  display: contents !important;
}
@media (min-width: 768px) {
  .footer__nav-row {
    display: flex !important;
    gap: 20px 24px;
  }
}
@media (min-width: 1200px) {
  .footer__nav-row {
    gap: 31px 42px;
  }
}
.footer__nav-item {
  min-width: 0;
}
.footer__nav-item {
  line-height: 1.5;
}
.footer__nav-item:hover {
  color: var(--c-beige);
}
.footer__nav-en {
  font-family: var(--bona);
  font-size: clamp(1.125rem, 1.0426rem + 0.3518vw, 1.375rem);
}
.footer__nav-jp {
  font-family: var(--shippori);
  font-size: clamp(0.6875rem, 0.6669rem + 0.088vw, 0.75rem);
}
.footer__copyright {
  margin: clamp(2rem, 1.6494rem + 1.4951vw, 3rem) 0 0;
  font-family: var(--shippori);
  font-size: clamp(0.6875rem, 0.6669rem + 0.088vw, 0.75rem);
  font-weight: 400;
  line-height: 1.6;
}

.footer__nav-row + .footer__nav-row {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .footer__nav-row + .footer__nav-row {
    margin-top: 31px;
  }
}