@charset "UTF-8";
@import url(https://use.typekit.net/nry4xoc.css);
:root {
  /* --vw-unit: calc(490 / 750) * 1px; */
  --vw-unit: calc(100vw / 750 / 1400 * 490);
  --vw-unit1400: calc(1400px / 750 / 1400 * 490);
  --vh-unit: calc(100vh / 787);
}

/* =========================================================
全体
========================================================= */
* {
  -webkit-text-size-adjust: 100%;
}

.feature {
  width: calc(750 * var(--vw-unit));
  font-feature-settings: "palt";
  margin: 0 auto;
  color: #f8f3e1;
  background-color: #4c5c2d;
}
.feature * {
  box-sizing: border-box;
}
.feature img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.feature a {
  color: inherit;
}

/* =========================================================
PC
========================================================= */
.l-container {
  background-color: #dfe6d4;
}

.f-main {
  width: calc(750 * var(--vw-unit));
}

.f-side {
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 7.1428571429vw 0;
}

.f-header {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.f-container {
  margin-top: calc(200 * var(--vw-unit));
  background-color: #dfe6d4;
}

.f-footer {
  background-color: #dfe6d4;
  position: relative;
}

.pc-movie {
  width: 100%;
  height: 100%;
  position: relative;
}
.pc-movie video {
  width: 100%;
  height: 100vh;
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
}

.scroll_box {
  width: calc(70 * var(--vw-unit));
  position: absolute;
  left: 50%;
  bottom: calc(35 * var(--vw-unit));
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scroll_box .scroll_title {
  width: calc(50 * var(--vw-unit));
  margin: 0 auto;
  margin-bottom: calc(12 * var(--vw-unit));
}
.scroll_box .scroll_line {
  width: calc(2 * var(--vw-unit));
  height: calc(70 * var(--vw-unit));
  position: relative;
  overflow: hidden;
}
.scroll_box .scroll_line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f3e1;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
  animation: scrollLineAnim 2s ease-in-out infinite;
}

@keyframes scrollLineAnim {
  0% {
    transform: scaleY(0) translateZ(0);
    transform-origin: top;
  }
  45% {
    transform: scaleY(1) translateZ(0);
    transform-origin: top;
  }
  55% {
    transform: scaleY(1) translateZ(0);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0) translateZ(0);
    transform-origin: bottom;
  }
}
.pc-title {
  width: 27.2142857143vw;
}
.pc-title img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* 共通 */
.pc-view-all {
  transition: 0.3s;
  width: 19.2857142857vw;
  height: 5vw;
  margin-top: auto;
}
.pc-view-all:hover {
  opacity: 0.6;
}

/* =========================================================
アニメーション
========================================================= */
.fade-in {
  opacity: 0;
}
.fade-in.show {
  opacity: 1;
  transition: 1.5s;
}

.reveal {
  clip-path: inset(0 0 100% 0);
}
.reveal.show {
  clip-path: inset(0);
  transition: 0.8s ease-in-out;
}

/* =========================================================
ヘッダー
========================================================= */
.hdr {
  width: 100%;
  height: calc(1595 * var(--vw-unit));
  background: url(../img/bg01.png) no-repeat center bottom;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(25 * var(--vw-unit));
}

.mutebtn {
  width: 30px;
  height: 30px;
  background-image: url(../img/on.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  position: absolute;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 2;
}
.mutebtn.on {
  background-image: url(../img/off.svg);
}

.hdr-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hdr-title {
  width: calc(650 * var(--vw-unit));
  margin-top: calc(86 * var(--vw-unit));
}

.hdr-subtitle {
  font-family: "scotch-display-condensed", sans-serif;
  font-weight: 600;
  font-size: calc(60 * var(--vw-unit));
  letter-spacing: 0.05em;
  margin-top: calc(25 * var(--vw-unit));
  margin-bottom: calc(69 * var(--vw-unit));
}

.hdr-text {
  font-size: calc(24 * var(--vw-unit));
  margin: 0;
  text-align: center;
  line-height: 2;
}

.date {
  width: calc(700 * var(--vw-unit));
  border-top: 3px double rgba(248, 243, 225, 0.7);
  border-bottom: 3px double rgba(248, 243, 225, 0.7);
  margin-top: calc(107 * var(--vw-unit));
  margin-bottom: calc(121 * var(--vw-unit));
  padding-top: calc(45 * var(--vw-unit));
  padding-bottom: calc(49 * var(--vw-unit));
}
.date * {
  text-align: center;
}

.date-heading {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: calc(35 * var(--vw-unit));
  letter-spacing: 0.03em;
  font-weight: normal;
}

.date-schedule {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  letter-spacing: 0.03em;
  font-size: calc(54 * var(--vw-unit));
  margin-top: calc(27 * var(--vw-unit));
  margin-bottom: calc(34 * var(--vw-unit));
}
.date-schedule span {
  font-size: calc(34 * var(--vw-unit));
}

.date-text {
  font-size: calc(24 * var(--vw-unit));
  margin: 0;
  line-height: 2;
}

/* =========================================================
ボタンデザイン
========================================================= */
/* 共通 */
.button {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  text-decoration: none !important;
  border: 1px solid rgba(248, 243, 225, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background-image: url(../img/arrow.svg);
  background-position: center right calc(16 * var(--vw-unit));
  background-repeat: no-repeat;
  background-size: calc(14 * var(--vw-unit));
  transition: 0.3s;
}
.button:hover {
  opacity: 0.6;
}

/* ヘッダー内 */
.hdr-view-all {
  width: calc(450 * var(--vw-unit));
  height: calc(100 * var(--vw-unit));
  font-size: calc(42 * var(--vw-unit));
}

/* フッター内 */
.category-link-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: calc(10 * var(--vw-unit));
}
.category-link-list .button {
  font-size: calc(32 * var(--vw-unit));
  letter-spacing: 0.01em;
  height: calc(92 * var(--vw-unit));
  width: 100%;
  grid-column: span 2;
  background-position: center right calc(10 * var(--vw-unit));
}
.category-link-list .button:nth-child(4), .category-link-list .button:nth-child(5) {
  grid-column: span 3;
}
.category-link-list .button:nth-child(n+6) {
  grid-column: span 6;
}

/* =========================================================
サムネ画像
========================================================= */
.imgs {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.imgs .img {
  width: 50%;
  cursor: pointer;
}
.imgs .img img {
  position: relative;
  transition: 0.3s;
}
.imgs .img img:hover {
  opacity: 0.6;
}

.img12,
.img24,
.img36 {
  position: relative;
  z-index: 2;
}
.img12::before, .img12::after,
.img24::before,
.img24::after,
.img36::before,
.img36::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 2;
}
.img12::before,
.img24::before,
.img36::before {
  width: calc(744 * var(--vw-unit));
  height: calc(86 * var(--vw-unit));
  background-image: url(../img/title_transparent.svg);
}
.img12::after,
.img24::after,
.img36::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.img12::before {
  top: calc(-3 * var(--vw-unit));
  right: calc(21 * var(--vw-unit));
}

.img24::before {
  bottom: calc(-24 * var(--vw-unit));
  left: calc(34 * var(--vw-unit));
}

.img36::before {
  bottom: calc(-4 * var(--vw-unit));
  left: calc(-4 * var(--vw-unit));
}

.img12::after {
  background-image: url(../img/img12.png);
}

.img24::after {
  background-image: url(../img/img24.png);
}

.img36::after {
  background-image: url(../img/img36.png);
}

/* =========================================================
フッター
========================================================= */
.ftr {
  width: 100%;
  height: calc(1847 * var(--vw-unit));
  background: url(../img/bg02.png) no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(105 * var(--vw-unit));
  padding-bottom: calc(21 * var(--vw-unit));
}

.category-link {
  width: calc(710 * var(--vw-unit));
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(121 * var(--vw-unit));
}

.category-link-heading {
  font-family: "scotch-display-condensed", sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-size: calc(60 * var(--vw-unit));
  margin-bottom: calc(10 * var(--vw-unit));
}

.pointup-link {
  margin-bottom: calc(60 * var(--vw-unit));
  transition: 0.3s;
}
.pointup-link:hover {
  opacity: 0.6;
}

.about {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.line {
  width: 1px;
  height: calc(120 * var(--vw-unit));
  background-color: #f8f3e1;
  margin-bottom: calc(35 * var(--vw-unit));
}

.about-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nybg {
  width: calc(252 * var(--vw-unit));
  margin-bottom: calc(40 * var(--vw-unit));
}

.about-heading {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: calc(30 * var(--vw-unit));
  margin-bottom: calc(14 * var(--vw-unit));
}

.about-title {
  font-family: "scotch-display-condensed", sans-serif;
  font-weight: 500;
  font-size: calc(35 * var(--vw-unit));
  letter-spacing: 0.075em;
  margin-bottom: calc(44 * var(--vw-unit));
}

.about-text {
  font-size: calc(21 * var(--vw-unit));
  width: calc(640 * var(--vw-unit));
  line-height: 2;
  letter-spacing: 0.08em;
  margin: 0;
}

.copy {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: calc(24 * var(--vw-unit));
  letter-spacing: 0.03em;
  margin: auto 0 0 0;
}

/* =========================================================
下部コンテンツ
========================================================= */
.bottom-content {
  width: calc(750 * var(--vw-unit));
  background-color: #f0eeea;
  color: black;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(100 * var(--vw-unit));
  padding-bottom: calc(150 * var(--vw-unit));
  margin: 0 auto;
}

.wellness {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(12 * var(--vw-unit)) 0;
  margin-bottom: calc(128 * var(--vw-unit));
}

.wellness-icon {
  width: calc(154 * var(--vw-unit));
}

.wellness-text {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: calc(30 * var(--vw-unit));
  letter-spacing: 0.02em;
  margin: 0;
}

.insta-live {
  width: calc(690 * var(--vw-unit));
  margin-bottom: calc(129 * var(--vw-unit));
}
.insta-live img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.insta-live-heading {
  font-family: "scotch-display-condensed", sans-serif;
  font-weight: 600;
  font-size: calc(42 * var(--vw-unit));
  font-weight: normal;
  letter-spacing: 0.03em;
  margin-bottom: calc(34 * var(--vw-unit));
}

.insta-live-content {
  display: flex;
  justify-content: center;
}

.staff-list {
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(22 * var(--vw-unit));
  line-height: 2.18;
  letter-spacing: 0.05em;
  margin: 0;
}

/* =========================================================
モーダルスライダー
========================================================= */
.modal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(212, 222, 197, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal.active {
  opacity: 1;
  pointer-events: initial;
}

.modal-content {
  width: calc(636 * var(--vw-unit));
  position: relative;
}

.close-btn {
  width: calc(54 * var(--vw-unit));
  height: calc(54 * var(--vw-unit));
  position: absolute;
  top: calc(-38 * var(--vw-unit));
  right: calc(-181 * var(--vw-unit));
  background: url(../img/close.svg) no-repeat;
  background-size: contain;
  z-index: 101;
  cursor: pointer;
}

.slider .slick-slide img {
  width: calc(636 * var(--vw-unit));
  transition: 0.3s;
}
.slider .slick-prev,
.slider .slick-next {
  border: none;
  width: calc(42 * var(--vw-unit));
  height: calc(92 * var(--vw-unit));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 101;
  text-indent: -9999px;
  position: absolute;
  top: 42.6%;
  transform: translateY(-50%);
}
.slider .slick-prev {
  background-image: url(../img/prev.svg);
  right: calc(100% + 86 * var(--vw-unit));
}
.slider .slick-next {
  background-image: url(../img/next.svg);
  left: calc(100% + 86 * var(--vw-unit));
}

/* =========================================================
クレジット
========================================================= */
.credit {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(12 * var(--vw-unit)) calc(5 * var(--vw-unit));
  margin-top: calc(43 * var(--vw-unit));
}
.credit li {
  font-family: "pragmatica", sans-serif;
  font-size: calc(20 * var(--vw-unit));
  color: #41431b;
  list-style: none;
  letter-spacing: 0.03em;
  margin: 0;
  display: flex;
  white-space: nowrap;
}
.credit li::after {
  content: "/";
  display: block;
  margin-left: calc(3 * var(--vh-unit));
}
.credit li.break::after, .credit li:last-child::after {
  display: none;
}
.credit li a {
  color: inherit;
  text-decoration: none;
}

.modal_img04 .credit li::after {
  display: none;
}
.modal_img04 .credit li:nth-child(2) {
  display: none;
}

.modal_img13 .credit {
  width: calc(400 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img17 .credit {
  width: calc(400 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img21 .credit {
  width: calc(400 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}
.modal_img21 .credit li:nth-child(2)::after {
  display: none;
}
.modal_img21 .credit li:nth-child(3) {
  display: none;
}

.modal_img23 .credit li::after {
  display: none;
}
.modal_img23 .credit li:nth-child(2) {
  display: none;
}
.modal_img23 .credit li:nth-child(3) {
  display: none;
}

.modal_img31 .credit {
  width: calc(400 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img32 .credit {
  width: calc(450 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img33 .credit {
  width: calc(450 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img38 .credit {
  width: calc(400 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img39 .credit {
  width: calc(550 * var(--vw-unit));
  margin: calc(38 * var(--vw-unit)) auto 0;
}

.modal_img40 .credit li:nth-child(2)::after {
  display: none;
}
.modal_img40 .credit li:nth-child(3) {
  display: none;
}
.modal_img40 .credit li:nth-child(4) {
  display: none;
}
.modal_img40 .credit li:nth-child(5) {
  display: none;
}

@media screen and (min-width: 1400px) {
  .f-main {
    width: calc(750 * var(--vw-unit1400));
  }
  .f-container {
    margin-top: calc(200 * var(--vw-unit1400));
    background-color: #dfe6d4;
  }
  .feature {
    width: calc(750 * var(--vw-unit1400));
  }
  /* =========================================================
  ヘッダー
  ========================================================= */
  .hdr {
    width: 100%;
    height: calc(1595 * var(--vw-unit1400));
    background: url(../img/bg01.png) no-repeat center bottom;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(25 * var(--vw-unit1400));
  }
  .mutebtn {
    width: 30px;
    height: 30px;
    background-image: url(../img/on.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
  }
  .mutebtn.on {
    background-image: url(../img/off.svg);
  }
  .hdr-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hdr-title {
    width: calc(650 * var(--vw-unit1400));
    margin-top: calc(86 * var(--vw-unit1400));
  }
  .hdr-subtitle {
    font-family: "scotch-display-condensed", sans-serif;
    font-weight: 600;
    font-size: calc(60 * var(--vw-unit1400));
    letter-spacing: 0.05em;
    margin-top: calc(25 * var(--vw-unit1400));
    margin-bottom: calc(69 * var(--vw-unit1400));
  }
  .hdr-text {
    font-size: calc(24 * var(--vw-unit1400));
    margin: 0;
    text-align: center;
    line-height: 2;
  }
  .date {
    width: calc(700 * var(--vw-unit1400));
    border-top: 3px double rgba(248, 243, 225, 0.7);
    border-bottom: 3px double rgba(248, 243, 225, 0.7);
    margin-top: calc(107 * var(--vw-unit1400));
    margin-bottom: calc(121 * var(--vw-unit1400));
    padding-top: calc(45 * var(--vw-unit1400));
    padding-bottom: calc(49 * var(--vw-unit1400));
  }
  .date * {
    text-align: center;
  }
  .date-heading {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-size: calc(35 * var(--vw-unit1400));
    letter-spacing: 0.03em;
    font-weight: normal;
  }
  .date-schedule {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    letter-spacing: 0.03em;
    font-size: calc(54 * var(--vw-unit1400));
    margin-top: calc(27 * var(--vw-unit1400));
    margin-bottom: calc(34 * var(--vw-unit1400));
  }
  .date-schedule span {
    font-size: calc(34 * var(--vw-unit1400));
  }
  .date-text {
    font-size: calc(24 * var(--vw-unit1400));
    margin: 0;
    line-height: 2;
  }
  /* =========================================================
  ボタンデザイン
  ========================================================= */
  /* 共通 */
  .button {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    text-decoration: none !important;
    border: 1px solid rgba(248, 243, 225, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background-image: url(../img/arrow.svg);
    background-position: center right calc(16 * var(--vw-unit1400));
    background-repeat: no-repeat;
    background-size: calc(14 * var(--vw-unit1400));
    transition: 0.3s;
  }
  .button:hover {
    opacity: 0.6;
  }
  /* ヘッダー内 */
  .hdr-view-all {
    width: calc(450 * var(--vw-unit1400));
    height: calc(100 * var(--vw-unit1400));
    font-size: calc(42 * var(--vw-unit1400));
  }
  /* フッター内 */
  .category-link-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: calc(10 * var(--vw-unit1400));
  }
  .category-link-list .button {
    font-size: calc(32 * var(--vw-unit1400));
    letter-spacing: 0.01em;
    height: calc(92 * var(--vw-unit1400));
    width: 100%;
    grid-column: span 2;
    background-position: center right calc(10 * var(--vw-unit1400));
  }
  .category-link-list .button:nth-child(4), .category-link-list .button:nth-child(5) {
    grid-column: span 3;
  }
  .category-link-list .button:nth-child(n+6) {
    grid-column: span 6;
  }
  /* =========================================================
  サムネ画像
  ========================================================= */
  .imgs {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .imgs .img {
    width: 50%;
    cursor: pointer;
  }
  .imgs .img img {
    position: relative;
    transition: 0.3s;
  }
  .imgs .img img:hover {
    opacity: 0.6;
  }
  .img12,
  .img24,
  .img36 {
    position: relative;
    z-index: 2;
  }
  .img12::before, .img12::after,
  .img24::before,
  .img24::after,
  .img36::before,
  .img36::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 2;
  }
  .img12::before,
  .img24::before,
  .img36::before {
    width: calc(744 * var(--vw-unit1400));
    height: calc(86 * var(--vw-unit1400));
    background-image: url(../img/title_transparent.svg);
  }
  .img12::after,
  .img24::after,
  .img36::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .img12::before {
    top: calc(-3 * var(--vw-unit1400));
    right: calc(21 * var(--vw-unit1400));
  }
  .img24::before {
    bottom: calc(-24 * var(--vw-unit1400));
    left: calc(34 * var(--vw-unit1400));
  }
  .img36::before {
    bottom: calc(-4 * var(--vw-unit1400));
    left: calc(-4 * var(--vw-unit1400));
  }
  .img12::after {
    background-image: url(../img/img12.png);
  }
  .img24::after {
    background-image: url(../img/img24.png);
  }
  .img36::after {
    background-image: url(../img/img36.png);
  }
  /* =========================================================
  フッター
  ========================================================= */
  .ftr {
    width: 100%;
    height: calc(1847 * var(--vw-unit1400));
    background: url(../img/bg02.png) no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(105 * var(--vw-unit1400));
    padding-bottom: calc(21 * var(--vw-unit1400));
  }
  .category-link {
    width: calc(710 * var(--vw-unit1400));
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(121 * var(--vw-unit1400));
  }
  .category-link-heading {
    font-family: "scotch-display-condensed", sans-serif;
    font-weight: 600;
    letter-spacing: 0.04em;
    font-size: calc(60 * var(--vw-unit1400));
    margin-bottom: calc(10 * var(--vw-unit1400));
  }
  .pointup-link {
    margin-bottom: calc(60 * var(--vw-unit1400));
    transition: 0.3s;
  }
  .pointup-link:hover {
    opacity: 0.6;
  }
  .about {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .line {
    width: 1px;
    height: calc(120 * var(--vw-unit1400));
    background-color: #f8f3e1;
    margin-bottom: calc(35 * var(--vw-unit1400));
  }
  .about-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .nybg {
    width: calc(252 * var(--vw-unit1400));
    margin-bottom: calc(40 * var(--vw-unit1400));
  }
  .about-heading {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-size: calc(30 * var(--vw-unit1400));
    margin-bottom: calc(14 * var(--vw-unit1400));
  }
  .about-title {
    font-family: "scotch-display-condensed", sans-serif;
    font-weight: 500;
    font-size: calc(35 * var(--vw-unit1400));
    letter-spacing: 0.075em;
    margin-bottom: calc(44 * var(--vw-unit1400));
  }
  .about-text {
    font-size: calc(21 * var(--vw-unit1400));
    width: calc(640 * var(--vw-unit1400));
    line-height: 2;
    letter-spacing: 0.08em;
    margin: 0;
  }
  .copy {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-size: calc(24 * var(--vw-unit1400));
    letter-spacing: 0.03em;
    margin: auto 0 0 0;
  }
  /* =========================================================
  下部コンテンツ
  ========================================================= */
  .bottom-content {
    width: calc(750 * var(--vw-unit1400));
    background-color: #f0eeea;
    color: black;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(100 * var(--vw-unit1400));
    padding-bottom: calc(150 * var(--vw-unit1400));
    margin: 0 auto;
  }
  .wellness {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(12 * var(--vw-unit1400)) 0;
    margin-bottom: calc(128 * var(--vw-unit1400));
  }
  .wellness-icon {
    width: calc(154 * var(--vw-unit1400));
  }
  .wellness-text {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-size: calc(30 * var(--vw-unit1400));
    letter-spacing: 0.02em;
    margin: 0;
  }
  .insta-live {
    width: calc(690 * var(--vw-unit1400));
    margin-bottom: calc(129 * var(--vw-unit1400));
  }
  .insta-live img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .insta-live-heading {
    font-family: "scotch-display-condensed", sans-serif;
    font-weight: 600;
    font-size: calc(42 * var(--vw-unit1400));
    font-weight: normal;
    letter-spacing: 0.03em;
    margin-bottom: calc(34 * var(--vw-unit1400));
  }
  .insta-live-content {
    display: flex;
    justify-content: center;
  }
  .staff-list {
    font-family: "pragmatica", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: calc(22 * var(--vw-unit1400));
    line-height: 2.18;
    letter-spacing: 0.05em;
    margin: 0;
  }
  /* =========================================================
  モーダルスライダー
  ========================================================= */
  .modal {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(212, 222, 197, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal.active {
    opacity: 1;
    pointer-events: initial;
  }
  .modal-content {
    width: calc(636 * var(--vw-unit1400));
    position: relative;
  }
  .close-btn {
    width: calc(54 * var(--vw-unit1400));
    height: calc(54 * var(--vw-unit1400));
    position: absolute;
    top: calc(-38 * var(--vw-unit1400));
    right: calc(-181 * var(--vw-unit1400));
    background: url(../img/close.svg) no-repeat;
    background-size: contain;
    z-index: 101;
    cursor: pointer;
  }
  .slider .slick-slide img {
    width: calc(636 * var(--vw-unit1400));
    transition: 0.3s;
  }
  .slider .slick-prev,
  .slider .slick-next {
    border: none;
    width: calc(42 * var(--vw-unit1400));
    height: calc(92 * var(--vw-unit1400));
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 101;
    text-indent: -9999px;
    position: absolute;
    top: 42.6%;
    transform: translateY(-50%);
  }
  .slider .slick-prev {
    background-image: url(../img/prev.svg);
    right: calc(100% + 86 * var(--vw-unit1400));
  }
  .slider .slick-next {
    background-image: url(../img/next.svg);
    left: calc(100% + 86 * var(--vw-unit1400));
  }
  /* =========================================================
  クレジット
  ========================================================= */
  .credit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(12 * var(--vw-unit1400)) calc(5 * var(--vw-unit1400));
    margin-top: calc(43 * var(--vw-unit1400));
  }
  .credit li {
    font-family: "pragmatica", sans-serif;
    font-size: calc(20 * var(--vw-unit1400));
    color: #41431b;
    list-style: none;
    letter-spacing: 0.03em;
    margin: 0;
    display: flex;
    white-space: nowrap;
  }
  .credit li::after {
    content: "/";
    display: block;
    margin-left: calc(3 * var(--vh-unit1400));
  }
  .credit li.break::after, .credit li:last-child::after {
    display: none;
  }
  .credit li a {
    color: inherit;
    text-decoration: none;
  }
  .modal_img04 .credit li::after {
    display: none;
  }
  .modal_img04 .credit li:nth-child(2) {
    display: none;
  }
  .modal_img13 .credit {
    width: calc(400 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img17 .credit {
    width: calc(400 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img21 .credit {
    width: calc(400 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img21 .credit li:nth-child(2)::after {
    display: none;
  }
  .modal_img21 .credit li:nth-child(3) {
    display: none;
  }
  .modal_img23 .credit li::after {
    display: none;
  }
  .modal_img23 .credit li:nth-child(2) {
    display: none;
  }
  .modal_img23 .credit li:nth-child(3) {
    display: none;
  }
  .modal_img31 .credit {
    width: calc(400 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img32 .credit {
    width: calc(450 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img33 .credit {
    width: calc(450 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img38 .credit {
    width: calc(400 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img39 .credit {
    width: calc(550 * var(--vw-unit1400));
    margin: calc(38 * var(--vw-unit1400)) auto 0;
  }
  .modal_img40 .credit li:nth-child(2)::after {
    display: none;
  }
  .modal_img40 .credit li:nth-child(3) {
    display: none;
  }
  .modal_img40 .credit li:nth-child(4) {
    display: none;
  }
  .modal_img40 .credit li:nth-child(5) {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */