@charset "UTF-8";
.header__wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--zindex-header);
}

@media (max-width: 767px) {
  #header {
    height: 13.3333333333vw;
  }
}
/* ▼ -----------可変設定---------- ▼ */
.AU251001SABBIA {
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 450; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .AU251001SABBIA {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .AU251001SABBIA {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .AU251001SABBIA {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */

/* ////////////////////////////////////////////
common settings
//////////////////////////////////////////// */

.AU251001SABBIA {
  --white: #ffffff;
  --black: #000000;
  --light-gray: #c7d3d8;
  --light-gray2: #c8d4d9;
  --trajan: trajan-pro-3, serif;
  --nimbus: nimbus-sans, sans-serif;
  --hiragino: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",
    "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ",
    Meiryo, sans-serif;
  font-feature-settings: "palt";
  display: flex;
  padding-top: calc(6rem - 35px);
}

.AU251001SABBIA h2,
.AU251001SABBIA h3,
.AU251001SABBIA p,
.AU251001SABBIA li {
  margin-block: calc((1em - 1lh) / 2);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

.AU251001SABBIA img {
  display: block;
  width: 100%;
  height: auto;
}

.AU251001SABBIA .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.AU251001SABBIA .box {
  opacity: 0;
}
.AU251001SABBIA .left-area,
.AU251001SABBIA .right-area {
  flex-grow: 1;
  background-color: var(--light-gray);
}

.AU251001SABBIA .main-area {
  flex-shrink: 0;
  width: calc(450 * var(--formula_pc));
}

.AU251001SABBIA .section01 {
  position: relative;
  width: 100%;
}

.AU251001SABBIA .hero {
  margin-bottom: calc(182 * var(--formula));
}

.AU251001SABBIA .hero__text-container-wrapper {
  position: absolute;
  top: calc(610 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 3;
  pointer-events: none;
}

.AU251001SABBIA .hero__txt-container {
  display: flex;
  flex-direction: column;
  gap: calc(126 * var(--formula));
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.AU251001SABBIA .hero__title {
  font-family: var(--trajan);
  color: var(--white);
  font-size: calc(100 * var(--formula));
  line-height: 0.88;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}

.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(1) {
  margin-left: calc(-194 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(2) {
  margin-left: calc(-135 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(3) {
  margin-left: calc(-59 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(4) {
  margin-left: calc(6 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(5) {
  margin-left: calc(72 * var(--formula));
  position: absolute;
}

.AU251001SABBIA .hero__title [aria-hidden="true"] :nth-child(6) {
  margin-left: calc(122 * var(--formula));
  position: absolute;
}

.AU251001SABBIA .hero__description {
  font-family: var(--hiragino);
  color: var(--white);
  font-size: calc(26 * var(--formula));
  line-height: 1.85;
  letter-spacing: 0.045em;
  text-align: center;
  font-weight: 600;
  transform: translateX(calc(1 * var(--formula)));
}

.AU251001SABBIA .hero__img01__layout {
  position: relative;
  isolation: isolate;
  --overlay-opacity: 0;
}

.hero__img01__layout::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: var(--overlay-opacity);
  z-index: 1;
  pointer-events: none;
}

.AU251001SABBIA .section02 {
  position: relative;
  width: 100%;
}

.AU251001SABBIA .coordinate01 {
  display: flex;
  flex-direction: column;
}

.AU251001SABBIA .coordinate01_img02__container {
  position: relative;
  align-self: center;
  margin-bottom: calc(103 * var(--formula));
}

.AU251001SABBIA .coordinate01__img02__txt-wrapper {
  width: 100%;
  position: absolute;
  top: calc(122 * var(--formula));
  left: 50%;
  transform: translateX(calc(-50% + calc(2 * var(--formula))));
  text-align: center;
  margin-top: calc(-70 * var(--formula));
  margin-bottom: calc(150 * var(--formula));
  z-index: 3;
  pointer-events: none;
}

.AU251001SABBIA .coordinate01__img02__txt {
  font-family: var(--hiragino);
  color: var(--white);
  font-size: calc(26 * var(--formula));
  line-height: 1.85;
  letter-spacing: 0.09em;
  text-align: center;
  font-weight: 500;
}

.AU251001SABBIA .coordinate01__img02__layout {
  z-index: 1;
  position: relative;
}

.AU251001SABBIA .coordinate01__img03__layout {
  /* align-self: flex-end; */
  margin-bottom: calc(39 * var(--formula));
}

.AU251001SABBIA .coordinate01__img03__list {
  margin-bottom: calc(82 * var(--formula));
}

.AU251001SABBIA .item-list {
  display: flex;
  gap: calc(15 * var(--formula));
  align-self: center;
}

.AU251001SABBIA .item-list li {
  font-family: var(--nimbus);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 2.09;
  letter-spacing: 0.005em;
  text-decoration: underline;
  text-underline-offset: calc(3 * var(--formula));
  text-decoration-skip-ink: none;
}

.AU251001SABBIA .coordinate01__img03__txt {
  margin-bottom: calc(64 * var(--formula));
  text-align: justify;
  text-justify: inter-ideograph;
  align-items: center;
  padding-inline: calc(49 * var(--formula));
  font-size: calc(23 * var(--formula));
  font-family: var(--hiragino);
  color: var(--black);
  line-height: 1.87;
  letter-spacing: 0.075em;
  font-weight: 500;
}

.AU251001SABBIA .coordinate01__img04__layout {
  /* align-self: center; */
  margin-bottom: calc(150 * var(--formula));
}

.AU251001SABBIA .coordinate01__img05__container {
  width: 100%;
  position: relative;
  /* padding-top: calc(110 * var(--formula)); */
  /* padding-bottom: calc(170 * var(--formula)); */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AU251001SABBIA .coordinate01__img05__container::before {
  content: "";
  position: absolute;
  width: 100%;
  margin-top: calc(110 * var(--formula));
  height: calc(450 * var(--formula));
  background-color: var(--light-gray2);
  z-index: 1;
}

.AU251001SABBIA .coordinate01__img05__h3 {
  position: absolute;
  top: calc(26 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--trajan);
  color: var(--white);
  font-size: calc(80 * var(--formula));
  line-height: 0.91;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  z-index: 3;
  pointer-events: none;
}

.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(1) {
  margin-left: calc(-155 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(2) {
  margin-left: calc(-108 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(3) {
  margin-left: calc(-47 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(4) {
  margin-left: calc(5 * var(--formula));
  position: absolute;
}
.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(5) {
  margin-left: calc(57 * var(--formula));
  position: absolute;
}

.AU251001SABBIA .coordinate01__img05__h3 [aria-hidden="true"] :nth-child(6) {
  margin-left: calc(98 * var(--formula));
  position: absolute;
}

.AU251001SABBIA .coordinate01__img05__layout {
  position: relative;
  z-index: 2;
}

.AU251001SABBIA .coordinate01__img05__txt {
  position: relative;
  z-index: 3;
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(23 * var(--formula));
  line-height: 1.87;
  letter-spacing: 0.085em;
  text-align: justify;
  font-weight: 500;
  padding-inline: calc(74 * var(--formula));
  margin-top: calc(-82 * var(--formula));
  margin-left: calc(4 * var(--formula));
}

.AU251001SABBIA .coordinate01__img06__container {
  position: relative;
  flex-direction: column;
  display: flex;
  margin-top: calc(124 * var(--formula));
}

.AU251001SABBIA .coordinate01__img06__txt1-wrapper {
  position: absolute;
  width: calc(650 * var(--formula));
  top: calc(63 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}

.AU251001SABBIA .coordinate01__img06__txt1 {
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(26 * var(--formula));
  line-height: 1.85;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 600;
}

.AU251001SABBIA .coordinate01__img06__layout {
  margin-bottom: calc(41 * var(--formula));
  align-self: center;
  z-index: 1;
}

.AU251001SABBIA .coordinate01__img06__item-list {
  margin-bottom: calc(80 * var(--formula));
}

.AU251001SABBIA .coordinate01__img06__txt2 {
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(23 * var(--formula));
  line-height: 1.87;
  letter-spacing: 0.075em;
  text-align: justify;
  font-weight: 500;
  margin-bottom: calc(68 * var(--formula));
  margin-top: calc(72 * var(--formula));
  padding-inline: calc(52 * var(--formula));
}

/* .AU251001SABBIA .coordinate01__splide {
  width: 100%;
  overflow: hidden;
}
.AU251001SABBIA .swiper-wrapper {
  transition-timing-function: linear;
}
.AU251001SABBIA .swiper-slide {
  width: calc(445 * var(--formula)) !important;
} */

.AU251001SABBIA .coordinate01__splide {
  margin-bottom: calc(180 * var(--formula));
  width: 100%;
}

.AU251001SABBIA .splide__slide {
  width: calc(435 * var(--formula));
}
.AU251001SABBIA .section03 {
  position: relative;
  width: 100%;
}

.AU251001SABBIA .coordinate02 {
  display: flex;
  flex-direction: column;
}

.AU251001SABBIA .coordinate03__img07__container {
  align-self: center;
  margin-bottom: calc(105 * var(--formula));
}

.AU251001SABBIA .coordinate03__img07__txt-wrapper {
  position: absolute;
  top: calc(37 * var(--formula));
  left: 50%;
  width: calc(600 * var(--formula));
  transform: translateX(calc(-50% + calc(8 * var(--formula))));
  pointer-events: none;
}

.AU251001SABBIA .coordinate03__img07__txt {
  font-family: var(--hiragino);
  color: var(--white);
  font-size: calc(26 * var(--formula));
  line-height: 1.85;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 600;
}

.AU251001SABBIA .coordinate03__img08__layout {
  align-self: flex-end;
  margin-bottom: calc(39 * var(--formula));
}

.AU251001SABBIA .coordinate03__img08__item-list {
  width: calc(500 * var(--formula));
  margin-bottom: calc(83 * var(--formula));
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(26 * var(--formula)) calc(15 * var(--formula));
}

.AU251001SABBIA .coordinate03__img08__txt {
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(23 * var(--formula));
  line-height: 1.87;
  letter-spacing: 0.075em;
  text-align: justify;
  font-weight: 500;
  margin-bottom: calc(64 * var(--formula));
  padding-inline: calc(50 * var(--formula));
}

.AU251001SABBIA .coordinate03__img09__layout {
  align-self: center;
}
.AU251001SABBIA .section04__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(272 * var(--formula));
  padding-bottom: calc(288 * var(--formula));
  position: relative;
}
.AU251001SABBIA .view-all {
  text-align: center;
  font-family: var(--nimbus);
  color: var(--black);
  font-size: calc(30 * var(--formula));
  line-height: 1.2;
  letter-spacing: 0.057em;
  position: relative;
  display: inline-block;
}
.AU251001SABBIA .view-all::after {
  content: "";
  display: block;
  width: 105%;
  height: calc(3 * var(--formula));
  background-color: var(--black);
  position: absolute;
  bottom: calc(-5 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
}
/* 画像サイズ指定用クラス(__frame) */
.AU251001SABBIA .hero__img01__frame {
  width: calc(750 * var(--formula));
}

.AU251001SABBIA .coordinate01__img02__frame {
  width: calc(650 * var(--formula));
}

.AU251001SABBIA .coordinate01__img03__frame {
  width: calc(547 * var(--formula));
  align-self: flex-end;
}

.AU251001SABBIA .coordinate01__img04__frame {
  width: calc(500 * var(--formula));
  align-self: center;
}

.AU251001SABBIA .coordinate01__img05__frame {
  width: calc(630 * var(--formula));
}

.AU251001SABBIA .coordinate01__img06__frame {
  width: calc(650 * var(--formula));
}

.AU251001SABBIA .coordinate03__img07__frame {
  width: calc(650 * var(--formula));
}

.AU251001SABBIA .coordinate03__img08__frame {
  width: calc(547 * var(--formula));
}

.AU251001SABBIA .coordinate03__img09__frame {
  width: calc(500 * var(--formula));
}

@media (max-width: 767px) {
  .AU251001SABBIA {
    overflow-x: clip;
    padding-top: unset;
  }

  .AU251001SABBIA .left-area,
  .AU251001SABBIA .right-area {
    display: none;
  }

  .AU251001SABBIA .main-area {
    width: 100%;
  }

  .AU251001SABBIA .view-all {
    text-align: center;
    font-family: var(--nimbus);
    color: var(--black);
    font-size: calc(30 * var(--formula));
    line-height: 1.2;
    letter-spacing: 0.057em;
    position: relative;
    display: inline-block;
  }
  .AU251001SABBIA .view-all::after {
    content: "";
    display: block;
    width: 97%;
    height: calc(2 * var(--formula));
    background-color: var(--black);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  .AU251001SABBIA .section04__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(199 * var(--formula));
    padding-bottom: calc(88 * var(--formula));
    position: relative;
  }

  .header__wrapper {
    position: absolute !important;
    top: calc(80 * var(--formula)) !important;
    width: 100% !important;
    padding: 0 6vw 0 !important;
    margin: 8vw 0 6vw !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 2dppx) {
  .AU251001SABBIA h2,
  .AU251001SABBIA h3,
  .AU251001SABBIA p,
  .AU251001SABBIA li {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}