.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EFFCFE;
  z-index: 20000;
  transition: opacity 0.6s 0.4s ease-out,visibility 0.6s 0.4s ease-out,filter 0.6s 0.4s ease-out; }
  .loading.active {
    filter: blur(10px);
    opacity: 0;
    visibility: hidden; }
  .loading .loading-box {
    width: 150px;
    text-align: center;
    font-family: "Roboto", "Noto Sans JP", sans-serif; }
    @media (max-width: 480px) {
      .loading .loading-box {
        width: 25.641025641vw; } }
  .loading .icon {
    animation: loading  6s ease-in-out backwards infinite; }
@keyframes loading {
  0%,100% {
    filter: grayscale(1); }
  33%,66% {
    filter: grayscale(0); } }
.mv {
  height: fit-content;
  z-index: 1;
  display: grid;
  position: relative; }
  .mv .mv__bg, .mv .mv__ttl {
    grid-row: 1/2;
    grid-column: 1/2; }
  .mv .mv__ttl {
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    color: #fff;
    text-shadow: 0 0 5px #333;
    letter-spacing: 0.2em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px; }
    @media (max-width: 480px) {
      .mv .mv__ttl {
        width: 100%;
        padding: 0 3.8461538462vw;
        letter-spacing: 0.1em;
        margin-top: 17.9487179487vw; } }
    .mv .mv__ttl .main {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-size: 3.6rem;
      font-feature-settings: "palt"; }
      @media (max-width: 480px) {
        .mv .mv__ttl .main {
          font-size: 6.1538461538vw; } }
      .mv .mv__ttl .main .fs-min {
        font-size: 0.7em; }
      .mv .mv__ttl .main .fs-big {
        font-size: 1.4em;
        letter-spacing: 0.01em;
        line-height: 1; }
        @media (max-width: 480px) {
          .mv .mv__ttl .main .fs-big {
            font-size: 1.2em; } }
    .mv .mv__ttl .sub {
      font-size: 1.8rem;
      font-weight: 500; }
      @media (max-width: 480px) {
        .mv .mv__ttl .sub {
          font-size: 3.0769230769vw;
          letter-spacing: 0.2em; } }
  .mv .mv__time {
    width: 100%;
    height: fit-content;
    position: absolute;
    bottom: 0;
    z-index: 1; }
    .mv .mv__time .txt {
      display: block;
      width: 1100px;
      max-width: 100%;
      margin: 0 auto;
      font-size: 2rem;
      font-weight: 500;
      padding: 0.4em;
      color: #fff; }
      @media (max-width: 480px) {
        .mv .mv__time .txt {
          font-size: 3.5897435897vw;
          padding: 0.2em 3.8461538462vw; } }
      .mv .mv__time .txt::before {
        content: "";
        width: 1.3em;
        height: auto;
        aspect-ratio: 1/1;
        background: url(../img/icon-moon.svg) no-repeat center/100%;
        display: inline-block;
        vertical-align: text-top; }
        @media (max-width: 480px) {
          .mv .mv__time .txt::before {
            vertical-align: sub; } }
    .mv .mv__time::before {
      content: "";
      position: absolute;
      width: calc(50%  - 300px);
      height: 100%;
      background: linear-gradient(90deg, #00A1CC, #005166);
      z-index: -1; }
      @media (max-width: 480px) {
        .mv .mv__time::before {
          width: 45%; } }

section {
  padding: 100px 0 50px; }
  @media (max-width: 480px) {
    section {
      padding: 12.8205128205vw 0 6.4102564103vw; } }

.sec-top-about {
  overflow: hidden; }
  .sec-top-about .top-about__set01 .top-about-ttl {
    background: linear-gradient(90deg, #EFFCFE, #fff 50%);
    margin-bottom: 100px;
    padding: 0.4em 0; }
    @media (max-width: 480px) {
      .sec-top-about .top-about__set01 .top-about-ttl {
        margin-bottom: 5.1282051282vw; } }
    .sec-top-about .top-about__set01 .top-about-ttl .txt {
      font-size: 2.4rem;
      font-weight: 400;
      display: block;
      width: 1100px;
      max-width: 100%;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .sec-top-about .top-about__set01 .top-about-ttl .txt {
          font-size: 4.1025641026vw;
          padding: 0 3.8461538462vw;
          width: fit-content; } }
      .sec-top-about .top-about__set01 .top-about-ttl .txt .fs-min {
        font-size: 0.9em; }
  .sec-top-about .top-about__set01 .top-about-block01 {
    display: flex; }
    @media (max-width: 480px) {
      .sec-top-about .top-about__set01 .top-about-block01 {
        flex-direction: column;
        gap: 9.6153846154vw; } }
    .sec-top-about .top-about__set01 .top-about-block01.reverse {
      flex-direction: row-reverse; }
      @media (max-width: 480px) {
        .sec-top-about .top-about__set01 .top-about-block01.reverse {
          flex-direction: column; } }
      .sec-top-about .top-about__set01 .top-about-block01.reverse .top-about-block01__txt .msg {
        left: auto;
        right: -3em; }
      .sec-top-about .top-about__set01 .top-about-block01.reverse .top-about-block01__txt::after {
        left: auto;
        right: 50%; }
    .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__img {
      width: 50%; }
      @media (max-width: 480px) {
        .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__img {
          width: 100%;
          height: auto; } }
    .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt {
      flex: 1;
      position: relative; }
      .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt::after {
        content: "";
        width: 50vw;
        height: 455px;
        background-color: #A7E1F0;
        position: absolute;
        top: -50px;
        left: 50%;
        z-index: -1; }
        @media (max-width: 480px) {
          .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt::after {
            height: 76.9230769231vw;
            top: -33.3333333333vw; } }
      .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .label {
        font-family: "Noto Serif JP", serif;
        font-size: 2.4rem;
        width: fit-content;
        margin: 105px auto; }
        @media (max-width: 480px) {
          .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .label {
            font-size: 4.6153846154vw;
            line-height: 1.2;
            margin-top: 0;
            margin-bottom: 7.6923076923vw;
            text-align: center; } }
      .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .msg {
        line-height: 2;
        background-color: #fff;
        padding: 3em;
        position: relative;
        left: -3em; }
        @media (max-width: 480px) {
          .sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .msg {
            position: static;
            padding: 1em;
            line-height: 1.6;
            font-size: 3.3333333333vw; } }

/*============================
#profile
============================*/
#profile.sec-top-profile .top-profile__set01 .unit-ttl01 {
  justify-items: start; }
  #profile.sec-top-profile .top-profile__set01 .unit-ttl01::after {
    content: none; }
#profile.sec-top-profile .top-profile__set01 .top-profile-block01 {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  gap: 40px;
  position: relative; }
  @media (max-width: 480px) {
    #profile.sec-top-profile .top-profile__set01 .top-profile-block01 {
      flex-direction: column;
      gap: 0; } }
  #profile.sec-top-profile .top-profile__set01 .top-profile-block01::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #EFFCFE, #fff);
    position: absolute;
    top: -130px;
    left: -50px;
    z-index: -1; }
    @media (max-width: 480px) {
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01::before {
        top: -20.5128205128vw;
        left: -3.8461538462vw; } }
  #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt {
    flex: 1; }
    #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .label {
      margin-bottom: 3.5em; }
      @media (max-width: 480px) {
        #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .label {
          margin-bottom: 2em; } }
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .label .em {
        font-size: 1.5em;
        font-family: "Noto Serif JP", serif; }
    #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .msg {
      margin-bottom: 3.5em; }
      @media (max-width: 480px) {
        #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .msg {
          font-size: 3.3333333333vw;
          margin-bottom: 2.5em; } }
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .msg p.strong {
        font-size: 1.1em;
        font-family: "Noto Serif JP", serif;
        font-weight: 500; }
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .msg p:not(:last-child) {
        margin-bottom: 2em; }
        @media (max-width: 480px) {
          #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .msg p:not(:last-child) {
            margin-bottom: 1em; } }
    #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .detail {
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 480px) {
        #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .detail {
          font-size: 3.3333333333vw; } }
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .detail dt {
        width: 3.5em; }
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__txt .detail dd {
        width: calc(100% - 3.5em); }
  #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__img {
    width: 431px;
    margin-top: 6em;
    box-shadow: 10px 10px 0 #A7E1F0; }
    @media (max-width: 480px) {
      #profile.sec-top-profile .top-profile__set01 .top-profile-block01 .top-profile-block01__img {
        width: 57.8205128205vw;
        margin-top: -0.5em;
        margin-left: auto;
        box-shadow: 1.2820512821vw 1.2820512821vw 0 #A7E1F0; } }

/*============================
#menu
============================*/
.sec-top-menu {
  background-color: #EFFCFE; }
  .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item {
    background-color: #fff;
    padding: 50px;
    box-shadow: 10px 10px 0 #A7E1F0;
    text-align: center; }
    @media (max-width: 480px) {
      .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item {
        padding: 5.1282051282vw 3.8461538462vw;
        box-shadow: 1.2820512821vw 1.2820512821vw 0 #A7E1F0; } }
    .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item:not(:last-child) {
      margin-bottom: 40px; }
      @media (max-width: 480px) {
        .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item:not(:last-child) {
          margin-bottom: 5.1282051282vw; } }
    .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__label {
      font-size: 2rem;
      color: #00A1CC; }
      @media (max-width: 480px) {
        .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__label {
          font-size: 4.6153846154vw; } }
    @media (max-width: 480px) {
      .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__sub {
        font-size: 2.8205128205vw; } }
    .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail {
      width: 500px;
      max-width: 100%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px 40px;
      font-family: "Roboto", "Noto Sans JP", sans-serif;
      margin-top: 1em;
      padding-top: 1em;
      border-top: 1px solid #ccc; }
      @media (max-width: 480px) {
        .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail {
          gap: 0.2564102564vw 2.5641025641vw; } }
      .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail .unit {
        width: calc(50% - 40px/2); }
        @media (max-width: 480px) {
          .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail .unit {
            width: 100%; } }
        .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail .unit .price {
          color: #005166;
          letter-spacing: 0; }
          .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail .unit .price .price-num {
            font-size: 2em; }
          .sec-top-menu .top-menu__set01 .top-menu-block01 .top-menu-block01__item .top-menu-block01__detail .unit .price .price-en {
            font-size: 0.88em; }

/*============================
#contact
============================*/
#contact.sec-top-contact {
  background: linear-gradient(180deg, #EFFCFE, #fff);
  padding-bottom: 200px; }
  @media (max-width: 480px) {
    #contact.sec-top-contact {
      padding-bottom: 25.641025641vw; } }
  #contact.sec-top-contact .top-contact__set01 .top-contact-block01 {
    display: flex;
    justify-content: center;
    gap: 60px; }
    @media (max-width: 480px) {
      #contact.sec-top-contact .top-contact__set01 .top-contact-block01 {
        flex-direction: column;
        align-items: center;
        gap: 7.6923076923vw; } }
    #contact.sec-top-contact .top-contact__set01 .top-contact-block01 .unit-btn01 {
      margin: 0; }

/*============================
#information
============================*/
#information.sec-top-information {
  overflow: hidden;
  position: relative; }
  #information.sec-top-information::before {
    content: "";
    width: 26%;
    height: 230px;
    background-color: #A7E1F0;
    position: absolute;
    top: 0;
    right: calc(50% + 450px); }
    @media (max-width: 480px) {
      #information.sec-top-information::before {
        height: 29.4871794872vw;
        right: auto;
        left: 0; } }
  #information.sec-top-information .top-information__set01 .unit-ttl01 {
    justify-items: start;
    margin-bottom: 100px; }
    @media (max-width: 480px) {
      #information.sec-top-information .top-information__set01 .unit-ttl01 {
        margin-bottom: 7.6923076923vw; } }
    #information.sec-top-information .top-information__set01 .unit-ttl01::after {
      content: none; }
  #information.sec-top-information .top-information__set01 .top-information-block01 {
    display: flex;
    gap: 30px; }
    @media (max-width: 480px) {
      #information.sec-top-information .top-information__set01 .top-information-block01 {
        flex-direction: column;
        gap: 7.6923076923vw; } }
    #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt {
      flex: 1; }
      #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .logo {
        width: 317px;
        margin: 0 auto 60px; }
        @media (max-width: 480px) {
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .logo {
            width: 40.641025641vw;
            margin-bottom: 3.8461538462vw; } }
      #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable {
        margin-bottom: 15px; }
        @media (max-width: 480px) {
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable {
            margin-bottom: 2.5641025641vw;
            font-size: 3.0769230769vw; } }
        #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table {
          border-collapse: collapse; }
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table th, #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table td {
            text-align: center;
            padding: 1em;
            font-weight: 400;
            border-bottom: 1px solid #00A1CC; }
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table tbody th {
            font-family: "Roboto", "Noto Sans JP", sans-serif;
            font-size: 1.4rem; }
            @media (max-width: 480px) {
              #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table tbody th {
                font-size: 3.0769230769vw; } }
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table tbody td {
            color: #005166; }
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table tbody tr:last-child th, #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .timetable table tbody tr:last-child td {
            border-bottom: 0; }
      @media (max-width: 480px) {
        #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__txt .note .unit-note {
          font-size: 2.8205128205vw; } }
    #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__access {
      width: 50%; }
      @media (max-width: 480px) {
        #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__access {
          width: 100%; } }
      #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__access .map {
        width: 50vw;
        min-width: 100%;
        height: calc(100% - 4em);
        margin-bottom: 1em; }
        @media (max-width: 480px) {
          #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__access .map {
            width: 100vw;
            margin-left: -3.8461538462vw;
            height: 64.1025641026vw; } }
      @media (max-width: 480px) {
        #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__access .detail {
          font-size: 3.3333333333vw; } }

.top-salon-slide .swiper-wrapper {
  transition-timing-function: linear;
  height: 300px; }
  @media (max-width: 480px) {
    .top-salon-slide .swiper-wrapper {
      height: 25.641025641vw; } }
.top-salon-slide .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.sec-top-instagram .top-instagram__set01 #sb_instagram #sbi_images .sbi_item {
  border: 1px solid #ccc;
  border-radius: 3px; }
  @media (max-width: 480px) {
    .sec-top-instagram .top-instagram__set01 #sb_instagram #sbi_images .sbi_item {
      border-radius: 0.7692307692vw; } }
.sec-top-instagram .top-instagram__set01 #sb_instagram .sbi_follow_btn a {
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0.01em; }

/*# sourceMappingURL=top.css.map */