@charset "UTF-8";
/*###################################################################
※※※※ 直接編集禁止 ※※※※
このCSSファイルはSassから生成されていますので直接編集しないようご注意ください。
  編集は拡張子「.scss」ファイルを編集して当ファイルにコンパイルしてください。
  もしくは別途cssファイルを作成して読み込ませてください。
###################################################################*/
:root {
  --base: #fff9f8;
  --base2: #f7f3ed;
  --main: #e86183;
  --main-l: #f2c9d0;
  --text: #333;
  --line: #06c655;
  --hpb: #9f1547;
  --ls: 0.06em;
}

/*###################################################################
  base（共通設定）
###################################################################*/
* {
  letter-spacing: var(--ls);
}

/*----------------------------------
  html
----------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--base);
  color: var(--text);
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  line-height: 1;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

img {
  width: 100%;
  height: auto;
}

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  zoom
----------------------------------*/
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*----------------------------------
  mv-title
----------------------------------*/
@-webkit-keyframes mvTitle {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
@keyframes mvTitle {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
}
/*----------------------------------
  無限ループスライダー
----------------------------------*/
@-webkit-keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: var(--base);
}
.header_sticky {
  position: fixed;
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  background-color: var(--base);
  padding-left: clamp(0.9375rem, 0.6509873323rem + 0.5961251863vw, 1.1875rem);
}
@media (max-width: 768px) {
  .header__inner {
    height: 50px;
    padding: 0 8px;
  }
}
.header__logo {
  max-width: clamp(10.75rem, -4.0770305514rem + 30.8494783905vw, 23.6875rem);
  width: 100%;
}
@media (max-width: 768px) {
  .header__logo {
    max-width: 151px;
  }
}
.header__menu {
  max-width: clamp(33.9375rem, 13.4518442623rem + 42.6229508197vw, 51.8125rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 768px) {
  .header__menu {
    max-width: 64px;
  }
}
.header__group1 {
  max-width: clamp(21.625rem, 7.299366617rem + 29.8062593145vw, 34.125rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.3125rem, -0.3321535022rem + 1.3412816692vw, 0.875rem);
}
.header__group1-top {
  max-width: clamp(15.125rem, 5.3835692996rem + 20.2682563338vw, 23.625rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-left: auto;
}
.header__insta {
  max-width: clamp(1.875rem, 1.3736028316rem + 1.043219076vw, 2.3125rem);
  width: 100%;
  aspect-ratio: 37/36;
  background: url(../images/icon-insta.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .header__insta {
    max-width: 19px;
  }
}
.header__tel {
  max-width: clamp(12.1875rem, 4.0935171386rem + 16.8405365127vw, 19.25rem);
  width: 100%;
  height: clamp(1.8125rem, 0.3083084948rem + 3.129657228vw, 3.125rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--main);
  font-size: clamp(1.1875rem, 0.2563338301rem + 1.9374068554vw, 2rem);
  font-weight: bold;
  border: 1px solid var(--main);
}
@media (max-width: 768px) {
  .header__tel {
    display: none;
  }
}
.header__tel::before {
  content: "";
  min-width: clamp(1rem, -0.0027943368rem + 2.086438152vw, 1.875rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-tel.svg) no-repeat center center/contain;
}
.header__contact {
  max-width: clamp(11.875rem, 6.8610283159rem + 10.4321907601vw, 16.25rem);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .header__contact {
    display: none;
  }
}

@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}
.header-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.header-nav__item_active {
  position: relative;
}
.header-nav__item_active::after {
  content: "";
  width: 6px;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--main);
  border-radius: 50%;
}
.header-nav__link {
  color: var(--main);
  font-size: clamp(0.8125rem, 0.5976154993rem + 0.4470938897vw, 1rem);
  font-weight: bold;
}

@media (hover: hover) and (pointer: fine) {
  .header-nav__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header-nav__link:hover, .header-nav__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  footer（module）
###################################################################*/
.footer {
  position: relative;
}
.footer__gmap {
  width: 100%;
  height: clamp(18.8125rem, 15.7113549618rem + 13.2315521628vw, 22.0625rem);
}
.footer__inner {
  max-width: 1226px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(3.5rem, 2.9632633588rem + 2.2900763359vw, 4.0625rem);
}
@media (max-width: 768px) {
  .footer__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.footer__body {
  max-width: 1123px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 27px 15px;
}
@media (max-width: 768px) {
  .footer__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer__group1 {
  max-width: clamp(18.75rem, 0.5732308585rem + 37.819025522vw, 28.9375rem);
  width: 100%;
}
@media (max-width: 768px) {
  .footer__group1 {
    max-width: 600px;
  }
}
@media (max-width: 768px) {
  .footer__logo-link {
    max-width: 300px;
    display: block;
    margin-inline: auto;
  }
}
.footer__text {
  color: #000;
  font-size: clamp(0.8125rem, 0.4779582367rem + 0.6960556845vw, 1rem);
  line-height: 1.5625;
  text-align: center;
  white-space: pre-line;
  margin-top: 18px;
}
@media (max-width: 768px) {
  .footer__text {
    font-size: 1rem;
    margin-top: 26px;
  }
}
.footer__group2 {
  max-width: 546px;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .footer__group2 {
    margin-top: 0;
  }
}
.footer__insta {
  max-width: 42px;
  width: 100%;
  aspect-ratio: 37/36;
  display: block;
  background: url(../images/icon-insta.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .footer__insta {
    margin-inline: auto;
  }
}
.footer__nav {
  margin-top: clamp(2.1875rem, -0.3773201856rem + 5.3364269142vw, 3.625rem);
}
@media (max-width: 500px) {
  .footer__nav {
    margin-top: 67px;
    margin-inline: auto;
  }
}
.footer__copy {
  height: 67px;
  display: grid;
  place-items: center;
  background-color: var(--main-l);
  color: #fff;
  margin-top: clamp(4.25rem, 4.1903625954rem + 0.2544529262vw, 4.3125rem);
}

.footer-salon {
  background-color: var(--base2);
}
.footer-salon__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 104px 30px 89px;
  position: relative;
}
@media (max-width: 1280px) {
  .footer-salon__inner {
    padding: clamp(4.4375rem, 2.4694656489rem + 8.3969465649vw, 6.5rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(3.875rem, 2.2647900763rem + 6.8702290076vw, 5.5625rem);
  }
}
.footer-salon__inner::before {
  content: "";
  max-width: clamp(8rem, 4.1320789866rem + 8.0476900149vw, 11.375rem);
  width: 100%;
  aspect-ratio: 182/121;
  position: absolute;
  top: clamp(6.25rem, 2.6685916542rem + 7.4515648286vw, 9.375rem);
  left: 30px;
  background: url(../images/footer-salon-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/footer-salon-deco-1.webp) 1x, url(../images/footer-salon-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/footer-salon-deco-1.webp) 1x, url(../images/footer-salon-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .footer-salon__inner::before {
    max-width: clamp(8rem, 7.8807251908rem + 0.5089058524vw, 8.125rem);
    top: clamp(12.0625rem, 9.8559160305rem + 9.4147582697vw, 14.375rem);
    left: 20px;
  }
}
@media (max-width: 768px) {
  .footer-salon__title {
    row-gap: clamp(0.9375rem, 0.8182251908rem + 0.5089058524vw, 1.0625rem) !important;
  }
}
.footer-salon__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(3.125rem, 1.405923994rem + 3.5767511177vw, 4.625rem);
}
@media (max-width: 768px) {
  .footer-salon__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 97px;
  }
}
.footer-salon__main {
  max-width: 593px;
  width: 100%;
  margin-left: clamp(0rem, -1.9339605067rem + 4.0238450075vw, 1.6875rem);
}
@media (max-width: 768px) {
  .footer-salon__main {
    margin-left: 0;
  }
}
.footer-salon__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  line-height: 1.5;
}
.footer-salon__info-row {
  min-height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0rem, -2.6335616438rem + 5.4794520548vw, 1.75rem);
  border-bottom: 1px dashed #888;
  padding: 6px 0;
}
@media (max-width: 768px) {
  .footer-salon__info-row {
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
    padding: 10px 0;
  }
}
.footer-salon__info-label {
  font-weight: 500;
  min-width: 78px;
}
@media (max-width: 768px) {
  .footer-salon__info-label {
    padding-left: 10px;
  }
}
@media (max-width: 768px) {
  .footer-salon__info-value {
    padding-left: 10px;
  }
}
.footer-salon__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 10px;
  margin-top: 27px;
}
@media (max-width: 1280px) {
  .footer-salon__contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .footer-salon__contact {
    gap: clamp(1.75rem, 0.7958015267rem + 4.0712468193vw, 2.75rem);
    margin-top: clamp(2.875rem, 2.6364503817rem + 1.0178117048vw, 3.125rem);
  }
}
.footer-salon__tel {
  max-width: 280px;
  width: 100%;
  height: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  color: var(--main);
  font-size: 1.875rem;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid var(--main);
}
@media (max-width: 768px) {
  .footer-salon__tel {
    max-width: 280px;
  }
}
.footer-salon__tel::before {
  content: "";
  min-width: 30px;
  aspect-ratio: 1/1;
  background: url(../images/icon-tel.svg) no-repeat center center/contain;
}
.footer-salon__line {
  max-width: 280px;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 768px) {
  .footer-salon__line {
    max-width: 280px;
  }
}
.footer-salon__more {
  margin-top: clamp(1.25rem, -13.75rem + 18.75vw, 3.125rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .footer-salon__more {
    margin-top: 44px;
  }
}
.footer-salon__img {
  max-width: clamp(17.5rem, -12.7859589041rem + 63.0136986301vw, 37.625rem);
  width: 100%;
  margin-top: 7px;
}
@media (max-width: 768px) {
  .footer-salon__img {
    max-width: clamp(20.9375rem, 8.75rem + 52vw, 25rem);
    margin-top: clamp(2.75rem, 2.3921755725rem + 1.5267175573vw, 3.125rem);
  }
}

@media (max-width: 500px) {
  .footer-nav {
    max-width: 335px;
  }
}
.footer-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 500px) {
  .footer-nav__items {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 44px 35px;
  }
}
.footer-nav__link {
  color: var(--main);
  font-size: clamp(0.8125rem, 0.4779582367rem + 0.6960556845vw, 1rem);
  font-weight: bold;
}
@media (max-width: 768px) {
  .footer-nav__link {
    font-size: 1rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer-nav__link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .footer-nav__link:hover, .footer-nav__link:focus {
    color: var(--hpb);
  }
}
.footer-page-top {
  width: clamp(2.25rem, 0.5772911833rem + 3.4802784223vw, 3.1875rem);
  aspect-ratio: 51/103;
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
  .footer-page-top {
    display: none !important;
  }
}

.sp-nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .sp-nav {
    display: none;
  }
}
.sp-nav__items {
  display: grid;
  grid-template-columns: 37.3333333333% 28.5333333333% 1fr 38px;
}
.sp-nav__link {
  height: 74px;
  display: block;
}
.sp-nav__link_tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 5px;
  background-color: var(--main);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 800;
}
.sp-nav__link_tel::before {
  content: "";
  width: 37px;
  aspect-ratio: 1/1;
  background: url(../images/icon-tel-2.svg) no-repeat center center/contain;
}
.sp-nav__link_line {
  background-color: var(--line);
}
.sp-nav__link_hpb {
  background-color: var(--hpb);
}
.sp-nav__link_plus {
  position: relative;
}
.sp-nav__link_plus::after {
  content: "";
  width: 12px;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 3px;
  right: 3px;
  background: url(../images/icon-sp-nav-arrow.svg) no-repeat center center/contain;
}
.sp-nav__link_page-top {
  background-color: #fff;
  padding: 1px;
}
.sp-nav__img {
  margin-inline: auto;
}
.sp-nav__img_line {
  max-width: 107px;
}
.sp-nav__img_hpb {
  max-width: 90px;
}

/*###################################################################
  c-link（module）
###################################################################*/
.c-link-more {
  max-width: 280px;
  width: 100%;
  height: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding-right: 29px;
  padding-left: 42px;
}
.c-link-more::after {
  content: "";
  min-width: 59px;
  aspect-ratio: 59/18;
  background: url(../images/icon-link-arrow.svg) no-repeat center center/contain;
}

@media (hover: hover) and (pointer: fine) {
  .c-link-more {
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .c-link-more:hover, .c-link-more:focus {
    background-color: var(--hpb);
  }
}
/*###################################################################
  c-text（module）
###################################################################*/
.c-t16 {
  font-size: 1rem;
  line-height: 2.125;
  white-space: pre-line;
}

.c-t16c {
  font-size: clamp(0.875rem, 0.7066549912rem + 0.350262697vw, 1rem);
  line-height: 2.125;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .c-t16c {
    font-size: 1rem;
  }
}

/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.625rem, 0.2075381679rem + 1.7811704835vw, 1.0625rem);
  line-height: 1;
}
.c-title-1__jp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 23px;
  font-size: 1.5rem;
}
.c-title-1__jp::after {
  content: "";
  width: 50px;
  height: 6px;
  background-color: var(--main);
}
.c-title-1__en {
  color: var(--main-l);
  font-family: "Poppins", sans-serif;
  font-size: clamp(3.75rem, 2.25rem + 6.4vw, 6.25rem);
  letter-spacing: 0.046em;
}

/*###################################################################
  br（module）
###################################################################*/
.br-1000-b {
  display: none;
}
@media (max-width: 1000px) {
  .br-1000-b {
    display: block;
  }
}
.br-900-b {
  display: none;
}
@media (max-width: 900px) {
  .br-900-b {
    display: block;
  }
}
.br-800-b {
  display: none;
}
@media (max-width: 800px) {
  .br-800-b {
    display: block;
  }
}
.br-sp-b {
  display: none;
}
@media (max-width: 768px) {
  .br-sp-b {
    display: block;
  }
}
.br-600-b {
  display: none;
}
@media (max-width: 600px) {
  .br-600-b {
    display: block;
  }
}
.br-500-b {
  display: none;
}
@media (max-width: 500px) {
  .br-500-b {
    display: block;
  }
}

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  min-width: 29px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 30;
}
@media (min-width: 769px) {
  .hamburger {
    display: none;
  }
}
.hamburger[aria-expanded=true] .hamburger__line {
  background-color: transparent;
}
.hamburger[aria-expanded=true] .hamburger__line::before {
  -webkit-transform: translateY(-6px) rotate(150deg);
      -ms-transform: translateY(-6px) rotate(150deg);
          transform: translateY(-6px) rotate(150deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(6px) rotate(-150deg);
      -ms-transform: translateY(6px) rotate(-150deg);
          transform: translateY(6px) rotate(-150deg);
}
.hamburger__line {
  width: 26px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 4px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: var(--main);
}
.hamburger__line::before {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--main);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--main);
}
.hamburger__menu {
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: var(--main);
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 300px;
  height: 100vh;
  -webkit-transform: translateX(300px);
      -ms-transform: translateX(300px);
          transform: translateX(300px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--base);
  z-index: 15;
  overflow: auto;
  overscroll-behavior-y: contain;
  visibility: hidden;
}
.drawer[aria-hidden=false] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.drawer_position {
  position: fixed;
  top: 0;
  right: 0;
}
.drawer__inner {
  padding-bottom: 100px;
}
.drawer__top {
  width: 100%;
  height: 50px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--base);
  z-index: 1;
}
.drawer__item {
  border-bottom: 1px solid var(--main);
}
.drawer__item:first-of-type {
  border-top: 1px solid var(--main);
}
.drawer__link {
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--main);
  font-weight: bold;
  padding-right: 20px;
  padding-left: 20px;
}
.drawer__contact {
  max-width: 280px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: 30px;
  margin-inline: auto;
}

.is-drawer-active {
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .drawer__link {
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease;
  }
  .drawer__link:hover, .drawer__link:focus {
    background-color: var(--main);
    color: var(--base);
  }
}
.drawer-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}

.is-drawer-active {
  height: 100%;
  overflow: hidden;
}
.is-drawer-active .drawer-bg {
  visibility: visible;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv_pos {
  padding-top: clamp(4.56625rem, 2.6365871833rem + 4.0149031297vw, 6.25rem);
}
@media (max-width: 768px) {
  .lower-mv_pos {
    padding-top: 50px;
  }
}
.lower-mv__bg {
  height: clamp(8.75rem, 1.9278169014rem + 29.1079812207vw, 28.125rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.lower-mv__bg_eyelash {
  background: url(../images/lower-mv-eyelash.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-eyelash.webp) 1x, url(../images/lower-mv-eyelash@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-eyelash.webp) 1x, url(../images/lower-mv-eyelash@2x.webp) 2x);
}
.lower-mv__bg_nail {
  background: url(../images/lower-mv-nail.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-nail.webp) 1x, url(../images/lower-mv-nail@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-nail.webp) 1x, url(../images/lower-mv-nail@2x.webp) 2x);
}
.lower-mv__bg_example {
  background: url(../images/lower-mv-example.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-example.webp) 1x, url(../images/lower-mv-example@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-example.webp) 1x, url(../images/lower-mv-example@2x.webp) 2x);
}
.lower-mv__bg_school {
  background: url(../images/lower-mv-school.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-school.webp) 1x, url(../images/lower-mv-school@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-school.webp) 1x, url(../images/lower-mv-school@2x.webp) 2x);
}
.lower-mv__bg_salon {
  background: url(../images/lower-mv-salon.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-salon.webp) 1x, url(../images/lower-mv-salon@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-salon.webp) 1x, url(../images/lower-mv-salon@2x.webp) 2x);
}
.lower-mv__bg_other {
  background: url(../images/lower-mv-other.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-other.webp) 1x, url(../images/lower-mv-other@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-other.webp) 1x, url(../images/lower-mv-other@2x.webp) 2x);
}
.lower-mv__title {
  height: clamp(2.25rem, 1.1716549296rem + 4.6009389671vw, 5.3125rem);
  display: grid;
  place-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--main);
  font-size: clamp(1.625rem, 0.7887323944rem + 3.5680751174vw, 4rem);
  font-weight: 600;
  margin-top: calc(clamp(0.9375rem, 0.8054577465rem + 0.5633802817vw, 1.3125rem) * -1);
}

.lower-bg {
  background-color: var(--base2);
  padding-top: 60px;
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-mv {
  container-type: inline-size;
}
.top-mv_pos {
  padding-top: clamp(5rem, 2.9227831595rem + 4.3219076006vw, 6.8125rem);
}
@media (max-width: 768px) {
  .top-mv_pos {
    padding-top: 50px;
  }
}
.top-mv__main {
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .top-mv__main {
    padding-bottom: 13.8666666667cqw;
  }
}
.top-mv__jp {
  position: absolute;
  bottom: 11.6666666667cqw;
  left: 5.2083333333cqw;
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__jp {
    bottom: 4.2666666667cqw;
    left: 2.1333333333cqw;
  }
}
.top-mv__jp-text {
  color: var(--main);
  font-size: 4.4444444444cqw;
  line-height: 1.328125;
  white-space: pre-line;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke;
}
@media (max-width: 768px) {
  .top-mv__jp-text {
    font-size: 10.6666666667cqw;
    line-height: 1.35;
  }
}
.top-mv__jp-s {
  font-size: 4.1666666667cqw;
}
@media (max-width: 768px) {
  .top-mv__jp-s {
    font-size: 9.6cqw;
  }
}
.top-mv__jp-body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.top-mv__jp-body_1 {
  -webkit-animation: mvTitle 1s ease-in 2s forwards;
          animation: mvTitle 1s ease-in 2s forwards;
}
.top-mv__jp-body_2 {
  -webkit-animation: mvTitle 1s ease-in 3s forwards;
          animation: mvTitle 1s ease-in 3s forwards;
}
.top-mv__jp-body_3 {
  -webkit-animation: mvTitle 1s ease-in 4s forwards;
          animation: mvTitle 1s ease-in 4s forwards;
}
@media (max-width: 768px) {
  .top-mv__jp-body_3 {
    display: inline-block;
  }
}
.top-mv__en {
  position: absolute;
  top: 2.5694444444cqw;
  left: 5.6944444444cqw;
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__en {
    top: 4.8cqw;
    left: 2.1333333333cqw;
  }
}
.top-mv__en-text {
  font-family: "Poppins", sans-serif;
  font-size: 2.2222222222cqw;
  line-height: 1.25;
  letter-spacing: 0.05em;
  white-space: pre-line;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke;
}
@media (max-width: 768px) {
  .top-mv__en-text {
    font-size: 4.2666666667cqw;
    line-height: 1.4375;
  }
}
.top-mv__en-body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.top-mv__en-body_1 {
  -webkit-animation: mvTitle 1s ease-in forwards;
          animation: mvTitle 1s ease-in forwards;
}
.top-mv__en-body_2 {
  -webkit-animation: mvTitle 1s ease-in 1s forwards;
          animation: mvTitle 1s ease-in 1s forwards;
}
.top-mv__bg {
  max-width: 82.0138888889cqw;
  position: relative;
  margin-left: auto;
  padding-right: 7.0138888889cqw;
  padding-bottom: 14.375cqw;
}
@media (max-width: 768px) {
  .top-mv__bg {
    max-width: 94.6666666667cqw;
    padding-right: 5.3333333333cqw;
    padding-bottom: 21.3333333333cqw;
  }
}
.top-mv__bg::after {
  content: "";
  width: 58.2638888889cqw;
  aspect-ratio: 839/760;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/top-mv-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-mv-bg.webp) 1x, url(../images/top-mv-bg@2x.webp) 2x);
  background-image: image-set(url(../images/top-mv-bg.webp) 1x, url(../images/top-mv-bg@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__bg::after {
    width: 89.3333333333cqw;
    aspect-ratio: 335/527;
    background-image: -webkit-image-set(url(../images/top-mv-bg_sp.webp) 1x, url(../images/top-mv-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/top-mv-bg_sp.webp) 1x, url(../images/top-mv-bg_sp@2x.webp) 2x);
  }
}
.top-mv__slider {
  position: relative;
}
.top-mv__slide img {
  height: 100%;
  aspect-ratio: 1080/682;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .top-mv__slide img {
    aspect-ratio: 335/527;
  }
}
.top-mv__deco {
  position: absolute;
  z-index: 1;
}
.top-mv__deco_1 {
  width: 20.1388888889cqw;
  aspect-ratio: 290/235;
  top: -0.8333333333cqw;
  left: 16.875cqw;
  background: url(../images/top-mv-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-mv-deco-1.webp) 1x, url(../images/top-mv-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/top-mv-deco-1.webp) 1x, url(../images/top-mv-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__deco_1 {
    width: 42.4cqw;
    top: 14.9333333333cqw;
    right: -6.4cqw;
    left: inherit;
  }
}
.top-mv__deco_2 {
  width: 14.4444444444cqw;
  aspect-ratio: 208/185;
  bottom: 1.25cqw;
  left: -0.4166666667cqw;
  background: url(../images/top-mv-deco-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-mv-deco-2.webp) 1x, url(../images/top-mv-deco-2@2x.webp) 2x);
  background-image: image-set(url(../images/top-mv-deco-2.webp) 1x, url(../images/top-mv-deco-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__deco_2 {
    width: 45.0666666667cqw;
    bottom: 0;
    left: -3.2cqw;
  }
}
.top-mv__deco_3 {
  width: 13.2638888889cqw;
  aspect-ratio: 191/174;
  bottom: -0.6944444444cqw;
  right: -0.1388888889cqw;
  background: url(../images/top-mv-deco-3.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/top-mv-deco-3.webp) 1x, url(../images/top-mv-deco-3@2x.webp) 2x);
  background-image: image-set(url(../images/top-mv-deco-3.webp) 1x, url(../images/top-mv-deco-3@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__deco_3 {
    width: 28.5333333333cqw;
    bottom: 10.9333333333cqw;
    right: 2.6666666667cqw;
  }
}
.top-mv .swiper-slide-active img,
.top-mv .swiper-slide-duplicate-active img,
.top-mv .swiper-slide-prev img {
  -webkit-animation: zoom 7s linear 0s normal both;
          animation: zoom 7s linear 0s normal both;
}
.top-mv__loop {
  overflow: hidden;
  margin-top: -7.6388888889cqw;
}
@media (max-width: 768px) {
  .top-mv__loop {
    margin-top: 0;
  }
}
.top-mv__loop-wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-mv__loop-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: infinity-scroll 200s linear infinite both;
          animation: infinity-scroll 200s linear infinite both;
}
.top-mv__loop-text {
  color: var(--main-l);
  font-family: "Poppins", sans-serif;
  font-size: 10.4166666667cqw;
  letter-spacing: 0;
  margin-right: 2.0833333333cqw;
}
@media (max-width: 768px) {
  .top-mv__loop-text {
    font-size: 26.6666666667cqw;
  }
}

.top-group1 {
  background-color: var(--base2);
  margin-top: calc(clamp(4.3125rem, 0.086438152rem + 8.7928464978vw, 8rem) * -1);
}
@media (max-width: 768px) {
  .top-group1 {
    margin-top: calc(clamp(5.5625rem, -0.0434160305rem + 23.9185750636vw, 11.4375rem) * -1);
  }
}

.top-news__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: clamp(7.625rem, 2.1812593145rem + 11.3263785395vw, 12.375rem);
}
@media (max-width: 768px) {
  .top-news__inner {
    padding: clamp(8.4375rem, 1.5791984733rem + 29.262086514vw, 15.625rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) 0;
  }
}
.top-news__body {
  background-color: var(--base);
  padding: clamp(2rem, 0.4494274809rem + 6.6157760814vw, 3.625rem) 16px 20px;
}
.top-news__body-inner {
  max-width: 1236px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 44px 20px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-news__body-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-news__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 14px;
  line-height: 1;
  margin-top: 9px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .top-news__title {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-news__jp {
  font-size: 1.25rem;
}
.top-news__en {
  color: var(--main-l);
  font-size: 2rem;
  letter-spacing: 0.04em;
}
.top-news__main {
  max-width: 808px;
  width: 100%;
}
.top-news__main-inner {
  max-width: 786px;
  height: 130px;
  overflow-x: auto;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .top-news__main-inner {
    height: 200px;
    padding-right: 16px;
  }
}
.top-news__main-inner::-webkit-scrollbar {
  width: 5px;
}
.top-news__main-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-news__main-inner::-webkit-scrollbar-thumb {
  background-color: var(--main);
}
.top-news__items {
  max-width: 748px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}
.top-news__post {
  border-bottom: 1px dashed var(--main-l);
  padding-bottom: 10px;
  padding-left: clamp(0rem, -1.5696684588rem + 2.5089605735vw, 0.4375rem);
}
@media (max-width: 768px) {
  .top-news__post {
    padding-bottom: 12px;
  }
}
.top-news__post-link {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: grid;
  grid-template-columns: 123px 1fr;
}
@media (max-width: 1000px) {
  .top-news__post-link {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .top-news__date {
    line-height: 2.5;
  }
}
@media (max-width: 768px) {
  .top-news__post-title {
    line-height: 2.5;
  }
}
.top-news__more {
  margin-top: 30px;
  margin-inline: auto;
}
.top-news__no-post {
  height: 100px;
  display: grid;
  place-items: center;
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
  text-align: center;
}
@media (max-width: 768px) {
  .top-news__no-post {
    height: 130px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .top-news__post-link {
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
  }
  .top-news__post-link:hover, .top-news__post-link:focus {
    color: var(--main);
  }
}
.top-eyelash {
  overflow: hidden;
  position: relative;
}
.top-eyelash_pos {
  margin-top: clamp(4.5rem, 3.9rem + 2.56vw, 5.5rem);
}
.top-eyelash__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
  padding-top: clamp(0rem, -2.0873091603rem + 8.9058524173vw, 2.1875rem);
}
.top-eyelash__outer::after {
  content: "";
  max-width: clamp(6.375rem, 3.3666169896rem + 6.259314456vw, 9rem);
  width: 100%;
  aspect-ratio: 144/162;
  position: absolute;
  top: 0;
  right: clamp(-0.1875rem, -7.6368293592rem + 15.4992548435vw, 6.3125rem);
  background: url(../images/eyelash-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/eyelash-deco-1.webp) 1x, url(../images/eyelash-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/eyelash-deco-1.webp) 1x, url(../images/eyelash-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-eyelash__outer::after {
    top: 51px;
  }
}
.top-eyelash__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .top-eyelash__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(5.3125rem, 3.2251908397rem + 8.9058524173vw, 7.5rem);
  }
}
@media (max-width: 768px) {
  .top-eyelash__title {
    row-gap: 28px;
  }
}
.top-eyelash__body {
  max-width: 1253px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(4.3125rem, 0.375rem + 16.8vw, 5.625rem) 15px;
  margin-top: clamp(3.1875rem, 2.2929389313rem + 3.8167938931vw, 4.125rem);
}
@media (max-width: 768px) {
  .top-eyelash__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-eyelash__box {
  max-width: 523px;
  width: 100%;
  margin-top: clamp(0rem, -8.5590753425rem + 17.8082191781vw, 5.6875rem);
}
.top-eyelash__text1 {
  max-width: 493px;
}
@media (max-width: 768px) {
  .top-eyelash__text1-s {
    letter-spacing: 0;
  }
}
.top-eyelash__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(1.125rem, -1.5085616438rem + 5.4794520548vw, 2.875rem);
}
.top-eyelash__item {
  min-height: clamp(4.5625rem, 4.3239503817rem + 1.0178117048vw, 4.8125rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  line-height: 1.5;
  white-space: pre-line;
  border-bottom: 1px dashed #888;
  text-indent: hanging 1em;
  padding: 10px 0;
}
.top-eyelash__note {
  font-size: 0.875rem;
  line-height: 1.3571428571;
}
@media (max-width: 768px) {
  .top-eyelash__note {
    letter-spacing: 0.05em;
  }
}
.top-eyelash__text2 {
  margin-top: 4px;
  margin-left: 18px;
}
@media (max-width: 768px) {
  .top-eyelash__text2 {
    margin-top: 6px;
  }
}
.top-eyelash__more {
  margin-top: clamp(2.25rem, 1.534351145rem + 3.0534351145vw, 3rem);
  margin-left: 16.6%;
}
@media (max-width: 768px) {
  .top-eyelash__more {
    margin-left: inherit;
    margin-inline: auto;
  }
}
.top-eyelash__img {
  max-width: clamp(17.375rem, -13.1931262231rem + 63.6007827789vw, 37.6875rem);
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-eyelash__img {
    max-width: clamp(20.9375rem, 8.75rem + 52vw, 25rem);
  }
}
.top-eyelash__img::after {
  content: "";
  max-width: 548px;
  width: 100%;
  aspect-ratio: 548/760;
  position: absolute;
  left: calc(clamp(1.875rem, -2.8277886497rem + 9.7847358121vw, 5rem) * -1);
  bottom: calc(clamp(4.25rem, -0.6409001957rem + 10.1761252446vw, 7.5rem) * -1);
  z-index: -1;
  background: url(../images/bg-ripple-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/bg-ripple-1.webp) 1x, url(../images/bg-ripple-1@2x.webp) 2x);
  background-image: image-set(url(../images/bg-ripple-1.webp) 1x, url(../images/bg-ripple-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-eyelash__img::after {
    left: calc(clamp(1.25rem, -0.625rem + 8vw, 1.875rem) * -1);
    bottom: calc(clamp(2.75rem, -1.75rem + 19.2vw, 4.25rem) * -1);
  }
}

.top-nail {
  overflow: hidden;
  position: relative;
  background-color: var(--base);
}
.top-nail__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
  padding-top: calc(clamp(-5rem, -5.975rem + 4.16vw, -3.375rem) * -1);
}
.top-nail__outer::after {
  content: "";
  max-width: clamp(8.75rem, 0.8709016393rem + 16.393442623vw, 15.625rem);
  width: 100%;
  aspect-ratio: 250/164;
  position: absolute;
  top: clamp(3.75rem, -0.9774590164rem + 9.8360655738vw, 7.875rem);
  left: clamp(1.25rem, -1.7583830104rem + 6.259314456vw, 3.875rem);
  background: url(../images/nail-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/nail-deco-1.webp) 1x, url(../images/nail-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/nail-deco-1.webp) 1x, url(../images/nail-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-nail__outer::after {
    max-width: clamp(9.5rem, 9.0229007634rem + 2.0356234097vw, 10rem);
    top: clamp(12rem, 10.3301526718rem + 7.1246819338vw, 13.75rem);
    left: clamp(1rem, 0.7614503817rem + 1.0178117048vw, 1.25rem);
  }
}
.top-nail__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 107px;
}
@media (max-width: 768px) {
  .top-nail__inner {
    padding: 0 clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(3.6875rem, 0.8249045802rem + 12.213740458vw, 6.6875rem);
  }
}
@media (max-width: 768px) {
  .top-nail__title {
    row-gap: 28px;
  }
}
.top-nail__body {
  max-width: 1193px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(4.9375rem, 2.875rem + 8.8vw, 5.625rem) 15px;
  margin-top: clamp(3.1875rem, 2.2929389313rem + 3.8167938931vw, 4.125rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .top-nail__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 102px;
  }
}
.top-nail__box {
  max-width: 493px;
  width: 100%;
  margin-top: clamp(0rem, -3.2919520548rem + 6.8493150685vw, 2.1875rem);
}
.top-nail__cat {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: clamp(1.75rem, -1.2597847358rem + 6.2622309198vw, 3.75rem);
}
@media (max-width: 768px) {
  .top-nail__cat {
    margin-top: clamp(2.3125rem, 2.1335877863rem + 0.7633587786vw, 2.5rem);
  }
}
.top-nail__cat_2 {
  margin-top: 32px;
}
.top-nail__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.top-nail__item {
  min-height: clamp(3rem, 2.7928176796rem + 0.8839779006vw, 3.5rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-size: 1.25rem;
  line-height: 1.5;
  border-bottom: 1px dashed #888;
  padding: 6px 0;
  padding-left: clamp(0rem, -0.8945610687rem + 3.8167938931vw, 0.9375rem);
}
@media (max-width: 768px) {
  .top-nail__item {
    min-height: 57px;
  }
}
@media (max-width: 768px) {
  .top-nail__item-s {
    letter-spacing: 0.03em;
  }
}
.top-nail__text2 {
  font-size: 1.25rem;
  margin-top: 14px;
  margin-left: clamp(0.125rem, -0.7099236641rem + 3.5623409669vw, 1rem);
}
@media (max-width: 768px) {
  .top-nail__text2 {
    margin-top: 19px;
  }
}
.top-nail__more {
  margin-top: clamp(1.6875rem, 0.3158396947rem + 5.8524173028vw, 3.125rem);
  margin-inline: auto;
}
.top-nail__img {
  max-width: clamp(17.375rem, -13.0990704501rem + 63.4050880626vw, 37.625rem);
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .top-nail__img {
    max-width: clamp(20.9375rem, 8.75rem + 52vw, 25rem);
  }
}
.top-nail__img::after {
  content: "";
  max-width: 548px;
  width: 100%;
  aspect-ratio: 548/760;
  position: absolute;
  right: calc(clamp(1.875rem, -2.8277886497rem + 9.7847358121vw, 5rem) * -1);
  bottom: calc(clamp(3.125rem, -2.2361790607rem + 11.1545988258vw, 6.6875rem) * -1);
  z-index: -1;
  background: url(../images/bg-ripple-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/bg-ripple-1.webp) 1x, url(../images/bg-ripple-1@2x.webp) 2x);
  background-image: image-set(url(../images/bg-ripple-1.webp) 1x, url(../images/bg-ripple-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-nail__img::after {
    right: calc(clamp(1.25rem, -0.625rem + 8vw, 1.875rem) * -1);
    bottom: -51px;
  }
}

.top-example {
  background-color: var(--base2);
}
.top-example__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 105px 30px 121px;
}
@media (max-width: 768px) {
  .top-example__inner {
    max-width: 610px;
    padding: clamp(4.3125rem, 2.1655534351rem + 9.1603053435vw, 6.5625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(4.375rem, 1.3334923664rem + 12.9770992366vw, 7.5625rem);
  }
}
.top-example__text {
  max-width: 935px;
  margin-top: clamp(2.5rem, 1.0674366617rem + 2.9806259314vw, 3.75rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-example__text {
    margin-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
  }
}
.top-example__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.9375rem, 0.2212183308rem + 1.4903129657vw, 1.5625rem);
  margin-top: clamp(2.5rem, 1.9269746647rem + 1.1922503726vw, 3rem);
}
@media (max-width: 768px) {
  .top-example__items {
    max-width: clamp(20.9375rem, 4.5372137405rem + 69.9745547074vw, 38.125rem);
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
    margin-top: 32px;
    margin-inline: auto;
  }
}
.top-example__item {
  aspect-ratio: 301/282;
  overflow: hidden;
}
.top-example__item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-example__more {
  margin-top: clamp(2.75rem, 2.4634873323rem + 0.5961251863vw, 3rem);
  margin-inline: auto;
}

.top-school {
  overflow: hidden;
  position: relative;
  background-color: var(--base);
}
.top-school__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.top-school__outer::after {
  content: "";
  max-width: clamp(10.6875rem, 8.9049295775rem + 7.6056338028vw, 15.75rem);
  width: 100%;
  aspect-ratio: 252/119;
  position: absolute;
  right: clamp(0.9375rem, -0.4929577465rem + 6.103286385vw, 5rem);
  bottom: clamp(1.625rem, 0.1725352113rem + 6.1971830986vw, 5.75rem);
  background: url(../images/school-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/school-deco-1.webp) 1x, url(../images/school-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/school-deco-1.webp) 1x, url(../images/school-deco-1@2x.webp) 2x);
}
.top-school__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 77px 30px 111px;
}
@media (max-width: 768px) {
  .top-school__inner {
    padding: clamp(2.8125rem, 0.9041030534rem + 8.1424936387vw, 4.8125rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(8.3125rem, 6.4041030534rem + 8.1424936387vw, 10.3125rem);
  }
}
@media (max-width: 768px) {
  .top-school__title {
    row-gap: clamp(1.3125rem, 0.8950381679rem + 1.7811704835vw, 1.75rem);
  }
}
.top-school__body {
  max-width: 1216px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(2.5rem, -3.4451378539rem + 12.3695976155vw, 7.6875rem) 30px;
  margin-top: clamp(2.5rem, 1.9058098592rem + 2.5352112676vw, 4.1875rem);
}
@media (max-width: 768px) {
  .top-school__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.375rem, 0.3015267176rem + 4.5801526718vw, 2.5rem);
  }
}
.top-school__img {
  max-width: clamp(20.9375rem, 1.8127794337rem + 39.7913561848vw, 37.625rem);
  width: 100%;
}
@media (max-width: 768px) {
  .top-school__img {
    max-width: clamp(20.9375rem, 12.2900763359rem + 36.8956743003vw, 30rem);
  }
}
.top-school__box {
  max-width: 491px;
  width: 100%;
  margin-top: clamp(0rem, -4.0443982387rem + 8.4148727984vw, 2.6875rem);
}
.top-school__more {
  position: relative;
  z-index: 1;
  margin-top: clamp(2.5rem, -0.5800111773rem + 6.4083457526vw, 5.1875rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-school__more {
    margin-top: clamp(1.6875rem, 0.9122137405rem + 3.3078880407vw, 2.5rem);
  }
}

/*###################################################################
  eyelash（page）
###################################################################*/
.eyelash1 {
  background-color: var(--base2);
}
.eyelash1__outer {
  max-width: 1440px;
  overflow: hidden;
  position: relative;
  margin-inline: auto;
  padding-top: 60px;
}
.eyelash1__outer::after {
  content: "";
  max-width: clamp(6.375rem, 3.3666169896rem + 6.259314456vw, 9rem);
  width: 100%;
  aspect-ratio: 144/162;
  position: absolute;
  top: 27px;
  right: clamp(-0.1875rem, -7.9233420268rem + 16.0953800298vw, 6.5625rem);
  background: url(../images/eyelash-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/eyelash-deco-1.webp) 1x, url(../images/eyelash-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/eyelash-deco-1.webp) 1x, url(../images/eyelash-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .eyelash1__outer::after {
    top: 51px;
  }
}
.eyelash1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 862px;
}
@media (max-width: 1280px) {
  .eyelash1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(6.25rem, -13.4841160221rem + 84.1988950276vw, 53.875rem);
  }
}
.eyelash1__body {
  max-width: 1213px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(4.3125rem, 0.375rem + 16.8vw, 5.625rem) 15px;
  margin-top: clamp(3.125rem, 0.5009541985rem + 11.1959287532vw, 5.875rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .eyelash1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(5.625rem, 2.643129771rem + 12.7226463104vw, 8.75rem);
  }
}
.eyelash1__box {
  max-width: 624px;
  width: 100%;
  margin-top: clamp(0rem, -3.4800636008rem + 7.240704501vw, 2.3125rem);
}
.eyelash1__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 17px;
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
}
@media (max-width: 768px) {
  .eyelash1__items {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}
.eyelash1__items_2 {
  margin-top: 26px;
}
.eyelash1__item {
  border-bottom: 1px dashed #888;
  padding-bottom: 17px;
}
.eyelash1__dl {
  display: grid;
  grid-template-columns: 1fr clamp(6.875rem, 2.0781555773rem + 9.9804305284vw, 10.0625rem);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .eyelash1__dl {
    grid-template-columns: 1fr clamp(7.5rem, 3.981741573rem + 11.2359550562vw, 9.375rem);
  }
}
@media (max-width: 500px) {
  .eyelash1__dl {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
}
.eyelash1__dt {
  font-weight: 500;
  text-indent: hanging 1em;
}
.eyelash1__dt_no-dot {
  padding-left: 1em;
}
@media (max-width: 500px) {
  .eyelash1__dd {
    margin-left: auto;
  }
}
.eyelash1__dd_empty {
  text-align: center;
}
.eyelash1__note {
  font-size: clamp(0.75rem, 0.561888454rem + 0.3913894325vw, 0.875rem);
  line-height: 1.5;
  text-indent: hanging 1em;
}
@media (max-width: 768px) {
  .eyelash1__note {
    font-size: clamp(0.75rem, 0.6307251908rem + 0.5089058524vw, 0.875rem);
  }
}
.eyelash1__note_top {
  margin-top: 10px;
}
.eyelash1__cat {
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
  font-weight: 600;
  margin-top: 30px;
}
.eyelash1__limited {
  padding-bottom: 10px;
}
.eyelash1__img {
  max-width: clamp(15.625rem, -6.3929367201rem + 45.8110516934vw, 31.6875rem);
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .eyelash1__img {
    max-width: 400px;
  }
}
.eyelash1__img::after {
  content: "";
  width: clamp(15.625rem, -7.3353386809rem + 47.7718360071vw, 32.375rem);
  aspect-ratio: 518/699;
  position: absolute;
  left: calc(clamp(1.875rem, -1.2948975045rem + 6.5953654189vw, 4.1875rem) * -1);
  bottom: calc(clamp(2.625rem, 0.3975044563rem + 4.6345811052vw, 4.25rem) * -1);
  z-index: -1;
  background: url(../images/bg-ripple-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/bg-ripple-2.webp) 1x, url(../images/bg-ripple-2@2x.webp) 2x);
  background-image: image-set(url(../images/bg-ripple-2.webp) 1x, url(../images/bg-ripple-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .eyelash1__img::after {
    width: 100%;
    left: calc(clamp(1.25rem, -0.625rem + 8vw, 1.875rem) * -1);
    bottom: calc(clamp(2.75rem, -1.75rem + 19.2vw, 4.25rem) * -1);
  }
}

/*###################################################################
  nail（page）
###################################################################*/
.nail1 {
  overflow: hidden;
}
.nail1__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.nail1__outer::after {
  content: "";
  max-width: clamp(8.75rem, -7.8677347243rem + 34.5752608048vw, 23.25rem);
  width: 100%;
  aspect-ratio: 250/164;
  position: absolute;
  top: 42px;
  left: clamp(1.25rem, 0.2472056632rem + 2.086438152vw, 2.125rem);
  background: url(../images/nail-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/nail-deco-1.webp) 1x, url(../images/nail-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/nail-deco-1.webp) 1x, url(../images/nail-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .nail1__outer::after {
    max-width: clamp(9.5rem, 9.0229007634rem + 2.0356234097vw, 10rem);
    left: clamp(0.3125rem, -0.5820610687rem + 3.8167938931vw, 1.25rem);
  }
}
.nail1__inner {
  max-width: 1100px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 78px;
}
@media (max-width: 768px) {
  .nail1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 78px;
  }
}
.nail1__img {
  max-width: clamp(37.5rem, 9.7048192771rem + 57.8313253012vw, 58.5rem);
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: clamp(3rem, 0.8530534351rem + 9.1603053435vw, 5.25rem);
  margin-left: auto;
}
@media (max-width: 768px) {
  .nail1__img {
    max-width: clamp(18.75rem, 0.858778626rem + 76.3358778626vw, 37.5rem);
    margin-inline: auto;
  }
}
.nail1__img::after {
  content: "";
  max-width: clamp(33.6875rem, 8.8703743546rem + 51.6351118761vw, 52.4375rem);
  width: 100%;
  aspect-ratio: 839/620;
  position: absolute;
  bottom: calc(clamp(2.625rem, 0.4780534351rem + 9.1603053435vw, 4.875rem) * -1);
  right: calc(clamp(1.875rem, -2.2611876076rem + 8.6058519793vw, 5rem) * -1);
  z-index: -1;
  background: url(../images/nail1-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/nail1-2.webp) 1x, url(../images/nail1-2@2x.webp) 2x);
  background-image: image-set(url(../images/nail1-2.webp) 1x, url(../images/nail1-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .nail1__img::after {
    max-width: clamp(17.5rem, 2.0539122137rem + 65.903307888vw, 33.6875rem);
  }
}

.nail2 {
  background-color: #fff9f8;
}
.nail2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 97px 30px 157px;
}
@media (max-width: 1280px) {
  .nail2__inner {
    padding: clamp(3.125rem, 0.3220419847rem + 11.9592875318vw, 6.0625rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) 157px;
  }
}
.nail2__body {
  max-width: 1262px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 15px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .nail2__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.nail2__body::after {
  content: "";
  max-width: clamp(14.375rem, 10.1936619718rem + 17.8403755869vw, 26.25rem);
  width: 100%;
  aspect-ratio: 420/279;
  position: absolute;
  bottom: -39px;
  right: -8px;
  z-index: -1;
  background: url(../images/nail-deco-2.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/nail-deco-2.webp) 1x, url(../images/nail-deco-2@2x.webp) 2x);
  background-image: image-set(url(../images/nail-deco-2.webp) 1x, url(../images/nail-deco-2@2x.webp) 2x);
}
@media (max-width: 768px) {
  .nail2__body::after {
    max-width: clamp(14.375rem, 13.5400763359rem + 3.5623409669vw, 15.25rem);
    bottom: -153px;
  }
}
.nail2__group {
  max-width: 590px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 23px;
}
@media (max-width: 768px) {
  .nail2__group {
    row-gap: 40px;
  }
}
.nail2__cat {
  font-size: clamp(1.125rem, 1.0057251908rem + 0.5089058524vw, 1.25rem);
  font-weight: 600;
}
.nail2__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 13px;
  font-size: clamp(0.875rem, 0.686888454rem + 0.3913894325vw, 1rem);
  margin-top: clamp(1.25rem, 0.7132633588rem + 2.2900763359vw, 1.8125rem);
}
@media (max-width: 768px) {
  .nail2__items {
    font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  }
}
.nail2__item {
  border-bottom: 1px dashed #888;
  padding-bottom: 13px;
}
.nail2__dl {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  line-height: 1.5;
}
.nail2__dt {
  font-weight: 500;
  text-indent: hanging 1em;
}
@media (max-width: 500px) {
  .nail2__dd {
    margin-left: auto;
  }
}
.nail2__dd_empty {
  text-align: center;
}
.nail2__note {
  font-size: clamp(0.75rem, 0.561888454rem + 0.3913894325vw, 0.875rem);
  line-height: 1.5;
  text-indent: hanging 1em;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .nail2__note {
    font-size: clamp(0.75rem, 0.6307251908rem + 0.5089058524vw, 0.875rem);
  }
}

.nail3__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 80px 30px 497px;
}
@media (max-width: 1280px) {
  .nail3__inner {
    padding: clamp(3.125rem, 1.3358778626rem + 7.6335877863vw, 5rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(6.25rem, -4.0314226519rem + 43.8674033149vw, 31.0625rem);
  }
}
@media (max-width: 768px) {
  .nail3__inner {
    max-width: clamp(21.5625rem, 6.3549618321rem + 64.8854961832vw, 37.5rem);
  }
}
.nail3__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .nail3__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*###################################################################
  example（page）
###################################################################*/
.example-main__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 383px;
}
@media (max-width: 1280px) {
  .example-main__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(6.25rem, -24.3093922652rem + 130.3867403315vw, 80rem);
  }
}
.example-main__text {
  max-width: 714px;
  white-space: pre-line;
  margin-top: clamp(2.1875rem, 1.054389313rem + 4.834605598vw, 3.375rem);
  margin-inline: auto;
}
.example-main__gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(3.75rem, -0.6785220994rem + 18.8950276243vw, 14.4375rem);
  margin-top: clamp(2.8125rem, 0.9737569061rem + 7.8453038674vw, 7.25rem);
}

.example-gallery__title {
  display: grid;
  grid-template-columns: clamp(1.25rem, 0.1104972376rem + 4.861878453vw, 4rem) 1fr;
  background-color: var(--main);
  color: #fff;
  font-size: clamp(1.25rem, 0.9910220994rem + 1.1049723757vw, 1.875rem);
  line-height: 1.8;
  padding: clamp(0.3125rem, 0.2477555249rem + 0.2762430939vw, 0.46875rem) 10px;
}
.example-gallery__title::before {
  content: "";
  width: clamp(0.625rem, 0.4178176796rem + 0.8839779006vw, 1.125rem);
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  margin-top: clamp(0.875rem, 0.7714088398rem + 0.4419889503vw, 1.125rem);
  margin-left: clamp(0rem, -0.2848756906rem + 1.2154696133vw, 0.6875rem);
}
.example-gallery__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.3125rem, -0.7752071823rem + 4.6408839779vw, 2.9375rem) clamp(0.3125rem, -0.2313535912rem + 2.320441989vw, 1.625rem);
  margin-top: clamp(1.5625rem, 0.8632596685rem + 2.9834254144vw, 3.25rem);
}
.example-gallery__item {
  overflow: hidden;
}
.example-gallery__link {
  display: block;
}
.example-gallery__link img {
  width: 100%;
  height: 100%;
  aspect-ratio: 300/280;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform ease 0.4s;
  transition: -webkit-transform ease 0.4s;
  transition: transform ease 0.4s;
  transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}

@media (hover: hover) and (pointer: fine) {
  .example-gallery__link:hover img, .example-gallery__link:focus img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
/*###################################################################
  school（page）
###################################################################*/
.school1 {
  overflow: hidden;
  position: relative;
  background-color: var(--base);
}
.school1__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.school1__outer::after {
  content: "";
  max-width: clamp(10.6875rem, 7.3204225352rem + 14.3661971831vw, 20.25rem);
  width: 100%;
  aspect-ratio: 252/119;
  position: absolute;
  bottom: clamp(1.625rem, -1.3679577465rem + 12.7699530516vw, 10.125rem);
  right: clamp(0.9375rem, -3.8820422535rem + 20.5633802817vw, 14.625rem);
  background: url(../images/school-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/school-deco-1.webp) 1x, url(../images/school-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/school-deco-1.webp) 1x, url(../images/school-deco-1@2x.webp) 2x);
}
.school1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 65px 30px 111px;
}
@media (max-width: 768px) {
  .school1__inner {
    padding: clamp(2.8125rem, 1.6197519084rem + 5.0890585242vw, 4.0625rem) clamp(1.25rem, 0.6536259542rem + 2.5445292621vw, 1.875rem) clamp(8.3125rem, 6.4041030534rem + 8.1424936387vw, 10.3125rem);
  }
}
@media (max-width: 768px) {
  .school1__title {
    row-gap: clamp(1.3125rem, 0.8950381679rem + 1.7811704835vw, 1.75rem);
  }
}
.school1__body {
  max-width: 1216px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(2.5rem, -3.4451378539rem + 12.3695976155vw, 7.6875rem) 30px;
  margin-top: clamp(2.5rem, 1.6417253521rem + 3.661971831vw, 4.9375rem);
}
@media (max-width: 768px) {
  .school1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.375rem, 0.3015267176rem + 4.5801526718vw, 2.5rem);
  }
}
.school1__img {
  max-width: clamp(20.9375rem, 1.8127794337rem + 39.7913561848vw, 37.625rem);
  width: 100%;
}
@media (max-width: 768px) {
  .school1__img {
    max-width: clamp(20.9375rem, 12.2900763359rem + 36.8956743003vw, 30rem);
  }
}
.school1__box {
  max-width: 491px;
  width: 100%;
  margin-top: clamp(0rem, -4.0443982387rem + 8.4148727984vw, 2.6875rem);
}
.school1__more {
  position: relative;
  z-index: 1;
  margin-top: clamp(2.5rem, -0.5800111773rem + 6.4083457526vw, 5.1875rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .school1__more {
    margin-top: clamp(1.6875rem, 0.9122137405rem + 3.3078880407vw, 2.5rem);
  }
}

.school-bg {
  background-color: var(--base2);
}
.school-bg__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 107px 30px 457px;
}
@media (max-width: 1280px) {
  .school-bg__inner {
    padding: clamp(2.5rem, -0.0125rem + 10.72vw, 6.6875rem) clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(6.25rem, -2.9955110497rem + 39.4475138122vw, 28.5625rem);
  }
}

.school2__title {
  row-gap: clamp(0.625rem, -0.7466603053rem + 5.8524173028vw, 2.0625rem);
}
.school2__note {
  font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1rem);
  font-weight: 600;
  line-height: 1.75;
  text-align: center;
  --ls: 0.1em;
  margin-top: 32px;
}
.school2__steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(2.5rem, 1.8784530387rem + 2.6519337017vw, 4rem);
}
.school2__step {
  --step-bg: var(--base);
  min-height: 242px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: var(--step-bg);
}
.school2__step::after {
  content: "";
  width: clamp(8.75rem, 4.3368320611rem + 18.8295165394vw, 13.375rem);
  height: clamp(1.375rem, 0.0629770992rem + 5.5979643766vw, 2.75rem);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: calc(clamp(1.3125rem, 0.0601145038rem + 5.3435114504vw, 2.625rem) * -1);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  background-color: var(--step-bg);
}
.school2__step:last-child::after {
  display: none;
}
.school2__step:nth-child(even) {
  --step-bg: #fff;
}
@media (max-width: 768px) {
  .school2__step {
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.school2__step-corner {
  width: 222px;
  height: 118px;
  position: absolute;
  pointer-events: none;
}
.school2__step-corner_tl {
  top: 26px;
  left: 26px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
.school2__step-corner_br {
  bottom: 26px;
  right: 26px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}
@media (max-width: 768px) {
  .school2__step-corner {
    width: clamp(7.5rem, 3.9217557252rem + 15.2671755725vw, 11.25rem);
    height: clamp(4.375rem, 2.5858778626rem + 7.6335877863vw, 6.25rem);
  }
  .school2__step-corner_tl {
    top: 15px;
    left: 15px;
  }
  .school2__step-corner_br {
    bottom: 15px;
    right: 15px;
  }
}
.school2__step-num {
  width: clamp(15rem, 7.5086471103rem + 15.5866900175vw, 20.5625rem);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
}
@media (max-width: 768px) {
  .school2__step-num {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding: 30px 0 0 30px;
  }
}
.school2__step-num-en {
  color: var(--main-l);
  font-size: 2rem;
  letter-spacing: 0.1em;
  position: absolute;
  top: 35px;
  left: 55px;
}
@media (max-width: 768px) {
  .school2__step-num-en {
    position: static;
    top: auto;
    left: auto;
  }
}
.school2__step-num-no {
  color: var(--main-l);
  font-size: 6.25rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  position: absolute;
  top: 52px;
  left: 49px;
}
@media (max-width: 768px) {
  .school2__step-num-no {
    font-size: 3.75rem;
    position: static;
    top: auto;
    left: auto;
  }
}
.school2__step-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-top: 55px;
  padding-right: clamp(1.875rem, -2.8277886497rem + 9.7847358121vw, 5rem);
}
@media (max-width: 768px) {
  .school2__step-main {
    width: 100%;
    padding: 10px 30px 30px;
  }
}
.school2__step-title {
  color: var(--text);
  font-size: clamp(1.25rem, 1.0816549912rem + 0.350262697vw, 1.375rem);
  font-weight: 600;
  line-height: 1.5;
  --ls: 0.1em;
  border-bottom: 2px solid var(--main-l);
  padding-left: clamp(0rem, -1.9751712329rem + 4.1095890411vw, 1.3125rem);
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .school2__step-title {
    font-size: clamp(1.09375rem, 0.9446564885rem + 0.6361323155vw, 1.25rem);
    padding-left: 0;
  }
}
.school2__step-body {
  padding-top: 48px;
  padding-left: clamp(0rem, -1.9751712329rem + 4.1095890411vw, 1.3125rem);
}
.school2__step-body:not(:empty) {
  padding-bottom: 61px;
}
@media (max-width: 768px) {
  .school2__step-body {
    padding-top: 30px;
    padding-left: 0;
  }
  .school2__step-body:not(:empty) {
    padding-bottom: 30px;
  }
}
.school2__step-body_1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, -6.2053571429rem + 11.4285714286vw, 2.9375rem);
     -moz-column-gap: clamp(0.9375rem, -6.2053571429rem + 11.4285714286vw, 2.9375rem);
          column-gap: clamp(0.9375rem, -6.2053571429rem + 11.4285714286vw, 2.9375rem);
  padding-bottom: 93px !important;
}
@media (max-width: 1000px) {
  .school2__step-body_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
@media (max-width: 768px) {
  .school2__step-body_1 {
    padding-bottom: 30px !important;
  }
}
.school2__step-tel {
  max-width: 290px;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  color: var(--main);
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid var(--main);
}
.school2__step-tel::before {
  content: "";
  min-width: 30px;
  aspect-ratio: 1/1;
  background: url(../images/icon-tel.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .school2__step-tel {
    font-size: 1.5rem;
  }
}
.school2__step-line {
  max-width: 290px;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.school3_pos {
  margin-top: clamp(4.375rem, 2.6398480663rem + 7.4033149171vw, 8.5625rem);
}
.school3__title {
  row-gap: clamp(0.625rem, -0.8659351145rem + 6.3613231552vw, 2.1875rem);
}
.school3__items {
  max-width: 950px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(2.5rem, -0.5rem + 12.8vw, 7.5rem);
  margin-top: clamp(3.125rem, 1.4rem + 7.36vw, 6rem);
  margin-inline: auto;
}
.school3__item-title {
  position: relative;
  color: #000;
  font-size: clamp(1.25rem, 1.1rem + 0.64vw, 1.5rem);
  line-height: 1.5;
  line-height: 1.4166666667;
  border-left: 6px solid var(--main-l);
  padding-left: 11px;
}
.school3__item-title::before {
  content: "";
  width: 6px;
  height: 50%;
  position: absolute;
  top: 0;
  left: -6px;
  background-color: var(--mai);
}
.school3__dl {
  display: grid;
  grid-template-columns: clamp(15rem, 10.6875rem + 18.4vw, 22.1875rem) 1fr;
  font-size: clamp(0.8125rem, 0.7rem + 0.48vw, 1rem);
  line-height: 1.75;
  border: 1px solid var(--text);
  margin-top: clamp(1.25rem, 0.9875rem + 1.12vw, 1.6875rem);
}
.school3__dt {
  min-height: clamp(4.0625rem, 3.53rem + 2.272vw, 4.95rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  font-weight: 500;
  border-right: 1px solid var(--text);
  padding: 12px 10px;
}
.school3__dt:not(:last-of-type) {
  border-bottom: 1px solid var(--text);
}
.school3__dd {
  display: grid;
  place-items: center;
  padding-block: 12px;
}
.school3__dd:not(:last-of-type) {
  border-bottom: 1px solid var(--text);
}

/*###################################################################
  salon（page）
###################################################################*/
.salon1__inner {
  max-width: 934px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .salon1__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem);
  }
}
.salon1__box {
  min-height: 262px;
  display: grid;
  place-items: center;
  background-color: #fff;
  margin-top: clamp(2.5rem, 0.7705152672rem + 7.3791348601vw, 4.3125rem);
  padding: 30px 20px;
}
.salon1__text {
  max-width: 803px;
  line-height: 2.5;
  margin-inline: auto;
}

.salon2_pos {
  margin-top: clamp(4.375rem, 1.1636740331rem + 13.7016574586vw, 12.125rem);
}
.salon2__outer {
  max-width: 1440px;
  position: relative;
  margin-inline: auto;
}
.salon2__outer::before {
  content: "";
  max-width: clamp(8rem, 4.1320789866rem + 8.0476900149vw, 11.375rem);
  width: 100%;
  aspect-ratio: 182/121;
  position: absolute;
  top: clamp(1.25rem, -0.6123323398rem + 3.8748137109vw, 2.875rem);
  left: clamp(1.25rem, -3.0476900149rem + 8.9418777943vw, 5rem);
  background: url(../images/footer-salon-deco-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/footer-salon-deco-1.webp) 1x, url(../images/footer-salon-deco-1@2x.webp) 2x);
  background-image: image-set(url(../images/footer-salon-deco-1.webp) 1x, url(../images/footer-salon-deco-1@2x.webp) 2x);
}
@media (max-width: 768px) {
  .salon2__outer::before {
    max-width: clamp(6.25rem, 4.5801526718rem + 7.1246819338vw, 8rem);
    top: 50px;
    left: clamp(0.5rem, -0.215648855rem + 3.0534351145vw, 1.25rem);
  }
}
.salon2__inner {
  max-width: 914px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 445px;
}
@media (max-width: 1280px) {
  .salon2__inner {
    padding: 0 clamp(0.9375rem, 0.0429389313rem + 3.8167938931vw, 1.875rem) clamp(6.25rem, -2.6847375691rem + 38.1215469613vw, 27.8125rem);
  }
}
.salon2__info {
  max-width: 781px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--text);
  font-size: clamp(0.8125rem, 0.6335877863rem + 0.7633587786vw, 1rem);
  line-height: 1.6;
  margin-top: clamp(2.5rem, -0.3651266766rem + 5.9612518629vw, 5rem);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .salon2__info {
    margin-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
  }
}
.salon2__info-row {
  min-height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .salon2__info-row {
    min-height: auto;
  }
}
.salon2__info-label {
  width: clamp(4.5rem, -4.028148855rem + 36.3867684478vw, 13.4375rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  border-bottom: 3px solid var(--main);
  padding-block: 19.9px;
  padding-left: clamp(1.25rem, -2.5122309198rem + 7.8277886497vw, 3.75rem);
}
@media (max-width: 768px) {
  .salon2__info-label {
    padding-block: 14px;
    padding-left: 10px;
  }
}
.salon2__info-value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 3px solid var(--main-l);
  padding-block: 19.9px;
  padding-left: clamp(1.25rem, -7.7793542074rem + 18.7866927593vw, 7.25rem);
}
@media (max-width: 768px) {
  .salon2__info-value {
    padding-block: 14px;
    padding-left: 10px;
  }
}
.salon2__map {
  margin-top: clamp(2.5rem, -0.5559392265rem + 13.0386740331vw, 9.875rem);
}
.salon2__gmap {
  width: 100%;
  height: clamp(21.875rem, 18.7142175573rem + 13.4860050891vw, 25.1875rem);
}
.salon2__access {
  max-width: 545px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 26px;
  margin-top: 41px;
  margin-inline: auto;
}
.salon2__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  color: var(--text);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
}
.salon2__item::before {
  content: "";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: no-repeat center center/contain;
}
.salon2__item_train::before {
  width: 26px;
  aspect-ratio: 26/34;
  background-image: url(../images/icon-train.svg);
}
.salon2__item_car::before {
  width: 31px;
  aspect-ratio: 31/24;
  background-image: url(../images/icon-car.svg);
}

/*###################################################################
  news（page）
###################################################################*/
.news-list__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-list__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
@media (max-width: 600px) {
  .news-list__inner {
    max-width: 400px;
  }
}
.news-list__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, -0.3571428571rem + 5.9523809524vw, 2.5rem);
}
@media (max-width: 600px) {
  .news-list__items {
    row-gap: 50px;
  }
}
.news-list__post-link {
  display: grid;
  grid-template-columns: clamp(11.25rem, -4.375rem + 41.6666666667vw, 15.625rem) 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
     -moz-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
          column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
  background-color: var(--base);
  border: 1px solid #75778d;
}
@media (max-width: 600px) {
  .news-list__post-link {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.news-list__thumbnail {
  max-width: 300px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .news-list__thumbnail {
    max-width: 100%;
  }
}
.news-list__thumbnail img {
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__text-box {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  .news-list__text-box {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
.news-list__date {
  display: block;
  color: var(--main);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
}
.news-list__post-title {
  font-size: clamp(1.125rem, 0.6785714286rem + 1.1904761905vw, 1.25rem);
  line-height: 1.75;
  text-align: start;
  word-break: break-all;
  padding-right: 15px;
}
@media (max-width: 600px) {
  .news-list__post-title {
    padding-right: 0;
  }
}
.news-list__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list__pagination {
  font-size: 1.25rem;
  margin-top: 150px;
}
@media (max-width: 768px) {
  .news-list__pagination {
    margin-top: 80px;
  }
}
.news-list__pagination ul.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.news-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.news-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .news-list__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .news-list__post-link:hover .news-list__thumbnail img, .news-list__post-link:focus .news-list__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .news-list__post-link:hover .news-list__post-title, .news-list__post-link:focus .news-list__post-title {
    color: var(--main);
    text-decoration: underline;
  }
  .news-list__thumbnail img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
  .news-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: var(--main);
            text-decoration-color: var(--main);
  }
  .news-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-list__pagination a:hover, .news-list__pagination a:focus {
    opacity: 0.7;
  }
}
.news-post_pos {
  margin-top: clamp(5rem, -0.5658284024rem + 20.7100591716vw, 9.375rem);
}
.news-post__inner {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .news-post__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.news-post__bg {
  background-color: var(--base);
  border: 1px solid #75778d;
  padding: 50px 20px 100px;
}
@media (max-width: 768px) {
  .news-post__bg {
    padding: 50px clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 100px;
  }
}
.news-post__date {
  display: block;
  color: var(--main);
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .news-post__title {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}
.news-post__thumbnail {
  margin-top: 40px;
}
.news-post__editor {
  margin-top: 40px;
}

.news-post-pager {
  background-color: var(--base);
  border: 1px solid #75778d;
}
.news-post-pager_pos {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .news-post-pager_pos {
    margin-top: 60px;
  }
}
.news-post-pager__nav {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main);
  font-size: clamp(1rem, 0.1071428571rem + 3.8095238095vw, 1.25rem);
  font-weight: 500;
  padding-right: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
  padding-left: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
}
.news-post-pager__link {
  --spacing: 0;
}
.news-post-pager__blank {
  min-width: 106px;
  min-width: clamp(5.4375rem, 0.5267857143rem + 20.9523809524vw, 6.8125rem);
}

@media (hover: hover) and (pointer: fine) {
  .news-post-pager__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-post-pager__link:hover, .news-post-pager__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  page-404（page）
###################################################################*/
.page-404__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 120px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}
.page-404__text {
  margin-top: 40px;
}
.page-404__button {
  width: 175px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border: 1px solid var(--text);
  margin: 54px auto 0;
}

@media (hover: hover) and (pointer: fine) {
  .page-404__button {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page-404__button:hover, .page-404__button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  js-（js制御用）
###################################################################*/