@charset "UTF-8";
/* 初期設定
================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-gutter: stable;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
}

/* モーダル等開いた時に後ろが動いてしまうのを防ぐ設定 */
html.is-hidden {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

body {
  background-color: #fff;
  color: #000;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #000;
  text-decoration: none;
}

img {
  border: 0;
  vertical-align: bottom;
  width: 100%;
}

:where(table) {
  border-collapse: collapse;
  width: 100%;
}

:where(.wrapper) {
  background-color: #fff;
  margin: 0 auto;
}

/* レスポンシブ消去
-------------------------------------------------- */
.pcB {
  display: none;
}

@media screen and (min-width: 769px) {
  .pcB {
    display: block;
  }
}
.spB {
  display: block;
}

@media screen and (min-width: 769px) {
  .spB {
    display: none;
  }
}
.pcI {
  display: none;
}

@media screen and (min-width: 769px) {
  .pcI {
    display: inline;
  }
}
.spI {
  display: inline;
}

@media screen and (min-width: 769px) {
  .spI {
    display: none;
  }
}
/* ページごとの設定
================================================== */
@media screen and (min-width: 1920px) {
  .bp {
    display: none;
  }
}
/* 共通
-------------------------------------------------- */
.main {
  background-color: #ECF8FC;
}

/* みんなの想いと自分の想い
-------------------------------------------------- */
@media screen and (min-width: 769px) {
  .about {
    background-image: url("../img/bg_about_01.jpg"), url("../img/bg_about_02.jpg"), url("../img/bg_about_03.jpg");
    background-position: top 4.375vw left 12.29167vw, top 12.08334vw right, top 31.35417vw left 1.09375vw;
    background-repeat: no-repeat;
    background-size: 13.80209vw 8.02084vw, 21.35417vw 11.61459vw, 20.26042vw 11.82292vw;
  }
}

.about__inner {
  margin: 0 auto;
  padding: 16vw 0 0;
  width: 89.33334vw;
}
@media screen and (min-width: 769px) {
  .about__inner {
    padding: 7.08334vw 0 0;
    width: auto;
  }
}

.about__ttl {
  color: #05A8A9;
  font-size: 6.66667vw;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
  margin: 0 auto 8vw;
}
@media screen and (min-width: 769px) {
  .about__ttl {
    font-size: 2.60417vw;
    font-weight: 600;
    line-height: 1.44;
    margin: 0 auto 3.64584vw;
  }
}

.about__txt {
  color: #323232;
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  margin: 0 auto;
  width: 78.4vw;
}
@media screen and (min-width: 769px) {
  .about__txt {
    font-size: 1.82292vw;
    line-height: 2;
    width: 57.29167vw;
  }
}
.about__txt + .about__txt {
  margin-top: 7.46667vw;
}
@media screen and (min-width: 769px) {
  .about__txt + .about__txt {
    margin-top: 3.64584vw;
  }
}
.about__txt > span {
  color: #05A8A9;
  font-weight: 700;
}

.about__img {
  margin-top: 5.86667vw;
}
@media screen and (min-width: 769px) {
  .about__img {
    margin: 1.45834vw auto 0;
    width: 33.28125vw;
  }
}
.about__img + .about__txt {
  margin-top: 5.86667vw;
}
@media screen and (min-width: 769px) {
  .about__img + .about__txt {
    margin-top: 1.5625vw;
  }
}

/* 「食と農業」の未来に向けてチャレンジする人の想い
-------------------------------------------------- */
.challenge {
  position: relative;
  margin-top: 10.13334vw;
}
@media screen and (min-width: 769px) {
  .challenge {
    margin-top: 2.60417vw;
  }
}

.challenge__bgWrap {
  background-color: #fff;
  height: calc(100% - 64vw);
  margin: 32vw 0;
  width: 100%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .challenge__bgWrap {
    height: calc(100% - 36.875vw);
    margin: 18.4375vw 0;
  }
}
.challenge__bgWrap::before {
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  display: block;
  height: 32vw;
  width: 100%;
  transform: translateY(-100%);
  position: absolute;
  top: 0.26667vw;
}
@media screen and (min-width: 769px) {
  .challenge__bgWrap::before {
    height: 18.4375vw;
    top: 0.05209vw;
  }
}
.challenge__bgWrap::after {
  content: "";
  display: block;
  background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
  height: 32vw;
  width: 100%;
  transform: translateY(100%);
  position: absolute;
  bottom: 0.26667vw;
}
@media screen and (min-width: 769px) {
  .challenge__bgWrap::after {
    height: 18.4375vw;
    bottom: 0.05209vw;
  }
}

.challenge__inner {
  padding: 10.66667vw 0 43.46667vw;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .challenge__inner {
    padding: 9.11459vw 0 22.65625vw;
  }
}

.challenge__ttl {
  margin: 0 auto 16vw;
  width: 80vw;
}
@media screen and (min-width: 769px) {
  .challenge__ttl {
    margin: 0 auto 7.91667vw;
    width: 41.29844vw;
  }
}

.challenge__txt {
  font-weight: 500;
  line-height: 1.75;
  text-align: center;
  margin: 15.46667vw auto 0;
  width: 78.4vw;
}
@media screen and (min-width: 769px) {
  .challenge__txt {
    font-size: 1.82292vw;
    line-height: 2;
    margin: 6.30209vw auto 0;
    width: 57.29167vw;
  }
}

/* カルーセル */
.carousel .card {
  padding: 1.86667vw;
  width: 45.33334vw;
}
@media screen and (min-width: 769px) {
  .carousel .card {
    padding: 0.26042vw 1.30209vw;
    width: 28.64584vw;
  }
}
.carousel .card:nth-child(even) {
  padding-top: 9.6vw;
}
@media screen and (min-width: 769px) {
  .carousel .card:nth-child(even) {
    padding-top: 6.77084vw;
  }
}
.carousel .card > a {
  display: block;
}
@media screen and (min-width: 769px) {
  .carousel .card > a:hover {
    opacity: 0.6;
  }
}
.carousel .carousel__btnWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 2.66667vw;
  margin: 1.06667vw auto 0;
  width: 89.33334vw;
}
@media screen and (min-width: 769px) {
  .carousel .carousel__btnWrap {
    gap: 0 1.71875vw;
    margin: 2.08334vw auto 0;
    width: 78.64584vw;
  }
}
.carousel .stop-btn {
  background-color: initial;
  border: none;
  width: 11.46667vw;
}
@media screen and (min-width: 769px) {
  .carousel .stop-btn {
    width: 2.60417vw;
  }
}
.carousel .btn_start {
  display: none;
}
.carousel .btn > a {
  display: flex;
  align-items: center;
  gap: 0 9.06667vw;
}
@media screen and (min-width: 769px) {
  .carousel .btn > a {
    gap: 0 1.875vw;
  }
}
.carousel .btn .btn__txt {
  font-size: 3.73334vw;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .carousel .btn .btn__txt {
    font-size: 1.04167vw;
    line-height: 1.5;
  }
}
.carousel .btn .btn__icon {
  display: block;
  flex-shrink: 0;
  position: relative;
}
.carousel .btn .btn__icon > span {
  display: block;
  background-image: url("../img/icon_circle.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 6.4vw;
  width: 6.4vw;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .carousel .btn .btn__icon > span {
    height: 1.40625vw;
    width: 1.40625vw;
  }
}
.carousel .btn .btn__icon > span::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  border-top: 0.26667vw solid #323232;
  border-radius: 0.13334vw;
  width: 10.13334vw;
}
@media screen and (min-width: 769px) {
  .carousel .btn .btn__icon > span::before {
    border-top: 0.05209vw solid #323232;
    border-radius: 0.02605vw;
    width: 2.23959vw;
  }
}
@media screen and (min-width: 769px) {
  .carousel .btn .btn__icon::after {
    content: "";
    background-color: #05A8A9;
    border-radius: 50%;
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: 0.3s;
  }
}
@media screen and (min-width: 769px) {
  .carousel .btn:hover .btn__icon::after {
    height: 2.34375vw;
    width: 2.34375vw;
  }
}

/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}

/* 未来をつくるみんなの想い
-------------------------------------------------- */
.thought {
  margin-top: 15.46667vw;
}
@media screen and (min-width: 769px) {
  .thought {
    margin-top: 7.29167vw;
  }
}

.thought__inner {
  margin: 0 auto;
  width: 78.4vw;
}
@media screen and (min-width: 769px) {
  .thought__inner {
    width: 57.29167vw;
  }
}

.thought__ttl {
  margin: 0 auto 8.53334vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .thought__ttl {
    margin: 0 auto 5vw;
    width: 42.8125vw;
  }
}

.thought__list {
  display: flex;
  flex-direction: column;
  gap: 5.33334vw 0;
}
@media screen and (min-width: 769px) {
  .thought__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.70834vw 1.66667vw;
  }
}
.thought__list li {
  background-image: url("../img/bg_card_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 92vw;
  width: 100%;
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (min-width: 769px) {
  .thought__list li {
    background-image: url("../img/bg_card_pc.png");
    min-height: 23.1099vw;
    width: 17.96875vw;
  }
}
.thought__list li.is-hidden {
  display: none;
}
.thought__list li.is-animating {
  opacity: 0;
  transform: translateY(8px);
}

.thought__list__ttl {
  color: #666666;
  font-size: 3.73334vw;
  font-weight: 500;
  line-height: 1.4286;
  text-align: right;
  margin: 0 0 1.33334vw auto;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  .thought__list__ttl {
    color: #333333;
    font-size: 1.04167vw;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    margin: 0 0 0.41667vw auto;
    width: 9.47917vw;
  }
}

.thought__list__age {
  color: #333333;
  font-size: 3.73334vw;
  font-weight: 700;
  line-height: 1.4286;
  max-width: 34.66667vw;
  padding-left: 1.33334vw;
  position: absolute;
  top: -5.6vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .thought__list__age {
    font-size: 1.25vw;
    line-height: 1.4584;
    text-align: center;
    max-width: initial;
    padding-left: 0;
    white-space: nowrap;
    width: 6.77084vw;
    top: -1.5625vw;
  }
}

.thought__list__txtWrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 85.33334vw;
  padding: 3.73334vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .thought__list__txtWrap {
    height: 21.25vw;
    padding: 0.52084vw 1.25vw 0.52084vw 1.875vw;
  }
}

.thought__list__txt {
  color: #666666;
  font-weight: 600;
  line-height: 1.5625;
}
@media screen and (min-width: 769px) {
  .thought__list__txt {
    font-size: 0.9375vw;
    line-height: 1.9445;
  }
}
.thought__list__txt + .thought__list__txt {
  margin-top: 6.66667vw;
}
@media screen and (min-width: 769px) {
  .thought__list__txt + .thought__list__txt {
    margin-top: 1.82292vw;
  }
}

.moreBtn {
  margin-top: 16vw;
}
@media screen and (min-width: 769px) {
  .moreBtn {
    margin-top: 7.03125vw;
  }
}
.moreBtn > a {
  background-image: url("../img/btn_more_01.png");
  background-position: top 1.06667vw right;
  background-repeat: no-repeat;
  background-size: 4.8vw;
  display: block;
  font-size: 4.26667vw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  padding: 0 5.86667vw 0 0;
}
@media screen and (min-width: 769px) {
  .moreBtn > a {
    background-position: center right;
    background-size: 1.40625vw;
    font-size: 1.04167vw;
    line-height: 1.45;
    padding: 0 2.29167vw 0;
  }
}
.moreBtn > a.close {
  background-image: url("../img/btn_more_02.png");
}

/* 集まったみんなの想い
-------------------------------------------------- */
.gathered {
  position: relative;
}
@media screen and (min-width: 769px) {
  .gathered {
    margin-top: -2.96875vw;
  }
}

.gathered__inner {
  margin: 0 auto;
  padding: 0 0 16vw;
  width: 77.86667vw;
}
@media screen and (min-width: 769px) {
  .gathered__inner {
    padding: 0 0 2.5vw;
    width: 57.29167vw;
  }
}

.gathered__ttl {
  margin: 0 auto 2.4vw;
  width: 64.63467vw;
}
@media screen and (min-width: 769px) {
  .gathered__ttl {
    margin: 0 auto 3.125vw;
    width: 33.94532vw;
  }
}

.gathered__movie {
  margin: 0 auto;
  width: 77.86667vw;
}
@media screen and (min-width: 769px) {
  .gathered__movie {
    width: auto;
  }
}
.gathered__movie video {
  width: 100%;
}

.gathered__txt {
  color: #666666;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  margin-top: 6.4vw;
}
@media screen and (min-width: 769px) {
  .gathered__txt {
    font-size: 1.5625vw;
    line-height: 1.4667;
    margin-top: 6.35417vw;
  }
}

/* 想いをいただいたみなさんの年代
-------------------------------------------------- */
.age {
  position: relative;
}
.age::before {
  content: "";
  display: block;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 30%, #fff 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
}

.age__inner {
  margin: 0 auto;
  width: 89.33334vw;
  padding: 20.26667vw 0 12vw;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .age__inner {
    padding: 13.85417vw 0 3.22917vw;
    margin: initial;
    width: auto;
  }
}

.age__ttlWrap {
  background-color: #E9F6FB;
  border-radius: 0 6.66667vw 6.66667vw 0;
  margin-left: -5.33333vw;
  margin-bottom: 6.66667vw;
  padding: 11.2vw 3.73334vw 7.46667vw 10.66667vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .age__ttlWrap {
    border-radius: 0 1.30209vw 1.30209vw 0;
    margin: 0;
    padding: 5.98959vw 5.52084vw 9.11459vw 21.35417vw;
    width: 62.03125vw;
  }
}
.age__ttlWrap::before {
  content: "";
  display: block;
  background-image: url("../img/ttl_age.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 14.13334vw;
  width: 30.13334vw;
  position: absolute;
  inset: -6.13333vw 0 0 5.33334vw;
}
@media screen and (min-width: 769px) {
  .age__ttlWrap::before {
    height: 7.29167vw;
    width: 15.52084vw;
    inset: -3.02083vw 0 0 21.40625vw;
  }
}

.age__ttl {
  color: #008486;
  display: flex;
  align-items: center;
  gap: 0 3.2vw;
  font-size: 5.33334vw;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 4.8vw -10.66666vw;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .age__ttl {
    gap: 0 1.82292vw;
    font-size: 2.34375vw;
    list-style: 1.4445;
    margin: 0 0 2.60417vw -21.35416vw;
  }
}
.age__ttl::before {
  content: "";
  border-top: 0.53334vw solid #00A8A9;
  width: 7.46667vw;
}
@media screen and (min-width: 769px) {
  .age__ttl::before {
    border-top: 0.10417vw solid #00A8A9;
    width: 19.47917vw;
  }
}

.age__lead {
  color: #666666;
  font-size: 4.53334vw;
  font-weight: 500;
  line-height: 1.7648;
}
@media screen and (min-width: 769px) {
  .age__lead {
    font-size: 1.5625vw;
    line-height: 1.4667;
  }
}

@media screen and (min-width: 769px) {
  .age__imgWrap {
    background-color: #fff;
    border-radius: 1.30209vw 0 0 1.30209vw;
    padding: 3.64584vw 0 3.64584vw 4.94792vw;
    margin-top: -5.3125vw;
    margin-left: auto;
    width: 78.64584vw;
    position: relative;
    z-index: 10;
  }
}

@media screen and (min-width: 769px) {
  .age__img {
    width: 46.35417vw;
  }
}

/* 
-------------------------------------------------- */
.cardButton {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* フォーカス可視化（消さない） */
.cardButton:focus-visible {
  outline-offset: 1.06667vw;
}
@media screen and (min-width: 769px) {
  .cardButton:focus-visible {
    outline-offset: 0.20834vw;
  }
}

/* ===== モーダル ===== */
.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  background: #fff;
  cursor: pointer;
  inset: 0;
  position: absolute;
}

.modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 95%;
  height: fit-content;
  width: 89.33334vw;
  position: absolute;
  inset: 50% 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .modal__content {
    max-height: 95%;
    height: fit-content;
    width: 57.29167vw;
  }
}

.modal__content__inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 5.33334vw 0 0;
}
@media screen and (min-width: 769px) {
  .modal__content__inner {
    padding: 2.08334vw 3.125vw 1.5625vw 3.125vw;
  }
}

.type_a .modal__content__inner {
  background-color: #00A8A9;
  color: #fff;
}

.type_b .modal__content__inner {
  background-color: #FFF4E4;
  color: #323232;
}

.modal__content__ttl {
  background-color: #fff;
  border-radius: 4vw;
  color: #008486;
  padding: 4.26667vw 5.86667vw 6.66667vw;
  margin: 0 auto 5.06667vw;
  width: 78.4vw;
}
@media screen and (min-width: 769px) {
  .modal__content__ttl {
    border-radius: 1.04167vw;
    padding: 0.78125vw 1.5625vw 1.82292vw 2.1875vw;
    margin: 0 auto 1.5625vw 0;
    min-width: 28.64584vw;
    width: fit-content;
  }
}
.modal__content__ttl .jp, .modal__content__ttl .en {
  font-weight: 700;
  display: block;
}
.modal__content__ttl .jp {
  font-size: 6.93334vw;
  line-height: 1.1539;
}
@media screen and (min-width: 769px) {
  .modal__content__ttl .jp {
    font-size: 3.07292vw;
    line-height: 1.4407;
  }
}
.modal__content__ttl .jp .f_small {
  font-size: 5.86667vw;
  line-height: 1.3637;
}
@media screen and (min-width: 769px) {
  .modal__content__ttl .jp .f_small {
    font-size: 2.60417vw;
    line-height: 1.7;
  }
}
.modal__content__ttl .en {
  font-size: 4.26667vw;
  line-height: 1.375;
}
@media screen and (min-width: 769px) {
  .modal__content__ttl .en {
    font-size: 1.45834vw;
    line-height: 1.4286;
  }
}

.modal__content__wrap {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
@media screen and (min-width: 769px) {
  .modal__content__wrap {
    flex-direction: row;
    height: auto;
    width: 28.64584vw;
  }
}

.modal__content__slide {
  padding: 0 5.33334vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide {
    padding: 0;
  }
}
.modal__content__slide .post {
  margin-bottom: 3.73334vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .post {
    margin-bottom: 0.36459vw;
  }
}
.modal__content__slide .post .jp {
  font-size: 4.26667vw;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .post .jp {
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
  }
}
.modal__content__slide .post .en {
  font-size: 3.73334vw;
  font-weight: 500;
  line-height: 1.7143;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .post .en {
    font-size: 0.83334vw;
    line-height: 2.1429;
  }
}
.modal__content__slide .ttl {
  margin-bottom: 3.2vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl {
    margin-bottom: 0.52084vw;
  }
}
.modal__content__slide .ttl .jp,
.modal__content__slide .ttl .en {
  display: block;
}
.modal__content__slide .ttl .jp {
  font-size: 6.66667vw;
  font-weight: 700;
  line-height: 1.44;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl .jp {
    font-size: 2.1875vw;
    line-height: 1;
  }
}
.modal__content__slide .ttl .jp .f_small {
  font-size: 4.26667vw;
  line-height: 2.25;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl .jp .f_small {
    font-size: 1.45834vw;
    font-weight: 500;
    line-height: 1.5;
  }
}
.modal__content__slide .ttl .en {
  font-size: 3.73334vw;
  font-weight: 500;
  line-height: 1.7143;
  margin-top: -1.6vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl .en {
    font-size: 1.14584vw;
    font-weight: 600;
    line-height: 1.6364;
    margin: initial;
  }
}
.modal__content__slide .lead.jp {
  font-size: 4.26667vw;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .lead.jp {
    font-size: 1.14584vw;
    line-height: 1.6364;
  }
}
.modal__content__slide .lead.en {
  font-size: 3.73334vw;
  font-weight: 500;
  line-height: 1.7143;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .lead.en {
    font-size: 0.83334vw;
    font-weight: 400;
    line-height: 1.625;
    margin-top: -0.26041vw;
  }
}
.modal__content__slide > section {
  margin-top: 6.4vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide > section {
    margin-top: 1.09375vw;
  }
}
.modal__content__slide .ttl--action {
  display: flex;
  align-items: center;
  gap: 0 1.33334vw;
  font-size: 4.26667vw;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.06667vw;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl--action {
    gap: 0 0.72917vw;
    font-size: 1.14584vw;
    font-weight: 600;
    line-height: 1.4546;
    margin-bottom: 0.52084vw;
  }
}
.modal__content__slide .ttl--action::after {
  content: "";
  border-top: 0.26667vw solid #fff;
  display: block;
  margin-top: 0.8vw;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .ttl--action::after {
    border-top: 0.10417vw solid #fff;
    margin-top: 0.20834vw;
  }
}
.modal__content__slide .txt {
  font-size: 3.2vw;
  line-height: 1.9167;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .txt {
    font-size: 0.9375vw;
    line-height: 1.8889;
  }
}
.modal__content__slide .txt.jp {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .txt.jp {
    font-weight: 400;
  }
}
.modal__content__slide .txt.en {
  line-height: 1.6667;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .txt.en {
    font-size: 0.72917vw;
    font-weight: 400;
    line-height: 1.7143;
  }
}
.modal__content__slide .txt + .txt {
  margin-top: 6.13334vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .txt + .txt {
    margin-top: 1.77084vw;
  }
}
.modal__content__slide .txt.jp + .en {
  margin-top: 3.2vw;
}
@media screen and (min-width: 769px) {
  .modal__content__slide .txt.jp + .en {
    margin-top: 0.72917vw;
  }
}

.type_b .modal__content__slide .ttl--action::after {
  border-color: #323232;
}

@media screen and (min-width: 769px) {
  #modal-01 .modal__content__inner {
    background-image: url("../img/cmn/modal_01_pc.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 24.32292vw 27.23959vw;
  }
}
#modal-01 .modal__content__slide {
  background-image: url("../img/cmn/modal_01_sp.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 80.53334vw 98.66667vw;
  padding-bottom: 106.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-01 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-02 .modal__content__inner {
    background-image: url("../img/cmn/modal_02_pc.png");
    background-position: bottom 6.77084vw right;
    background-repeat: no-repeat;
    background-size: 28.64584vw 19.47917vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-02 .modal__content__wrap {
    width: 24.21875vw;
  }
}
#modal-02 .modal__content__slide {
  background-image: url("../img/cmn/modal_02_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% 67.46667vw;
  padding-bottom: 81.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-02 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-03 .modal__content__inner {
    background-image: url("../img/cmn/modal_03_pc.png");
    background-position: bottom 6.45834vw right 3.64584vw;
    background-repeat: no-repeat;
    background-size: 19.7474vw 12.39688vw;
  }
}
#modal-03 .modal__content__slide {
  background-image: url("../img/cmn/modal_03_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 78.4vw 49.216vw;
  padding-bottom: 50.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-03 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-04 .modal__content__inner {
    background-image: url("../img/cmn/modal_04_pc.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 24.73959vw 22.86459vw;
  }
}
#modal-04 .modal__content__slide {
  background-image: url("../img/cmn/modal_04_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 87.46667vw 80.80001vw;
  padding-bottom: 66.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-04 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-05 .modal__content__inner {
    background-image: url("../img/cmn/modal_05_pc.png");
    background-position: bottom 4.32292vw right;
    background-repeat: no-repeat;
    background-size: 24.73959vw 19.16667vw;
  }
}
#modal-05 .modal__content__slide {
  background-image: url("../img/cmn/modal_05_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 71.46667vw;
  padding-bottom: 53.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-05 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-06 .modal__content__inner {
    background-image: url("../img/cmn/modal_06_pc.png");
    background-position: bottom 6.09375vw right 2.8125vw;
    background-repeat: no-repeat;
    background-size: 21.03646vw 18.66667vw;
  }
}
#modal-06 .modal__content__slide {
  background-image: url("../img/cmn/modal_06_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 72.8vw 65.32vw;
  padding-bottom: 72vw;
}
@media screen and (min-width: 769px) {
  #modal-06 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-07 .modal__content__inner {
    background-image: url("../img/cmn/modal_07_pc.png");
    background-position: bottom right 1.04167vw;
    background-repeat: no-repeat;
    background-size: 23.38542vw 21.19792vw;
  }
}
#modal-07 .modal__content__slide {
  background-image: url("../img/cmn/modal_07_sp.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 87.91734vw 101.12267vw;
  padding-bottom: 90.93334vw;
}
@media screen and (min-width: 769px) {
  #modal-07 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-08 .modal__content__inner {
    background-image: url("../img/cmn/modal_08_pc.png");
    background-position: bottom 8.4375vw right 2.1875vw;
    background-repeat: no-repeat;
    background-size: 19.50782vw 13.56563vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-08 .modal__content__wrap {
    width: 30.46875vw;
  }
}
#modal-08 .modal__content__slide {
  background-image: url("../img/cmn/modal_08_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 67.60267vw 52.344vw;
  padding-bottom: 65.6vw;
}
@media screen and (min-width: 769px) {
  #modal-08 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-09 .modal__content__inner {
    background-image: url("../img/cmn/modal_09_pc.png");
    background-position: bottom 6.40625vw right 1.82292vw;
    background-repeat: no-repeat;
    background-size: 22.59063vw 17.28438vw;
  }
}
#modal-09 .modal__content__slide {
  background-image: url("../img/cmn/modal_09_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 80.80001vw 61.82134vw;
  padding-bottom: 62.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-09 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-10 .modal__content__inner {
    background-image: url("../img/cmn/modal_10_pc.png");
    background-position: bottom 5.52084vw right 2.23959vw;
    background-repeat: no-repeat;
    background-size: 22.1875vw 23.54167vw;
  }
}
#modal-10 .modal__content__slide {
  background-image: url("../img/cmn/modal_10_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 78.4vw 70.62667vw;
  padding-bottom: 77.86667vw;
}
@media screen and (min-width: 769px) {
  #modal-10 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-11 .modal__content__inner {
    background-image: url("../img/cmn/modal_11_pc.png");
    background-position: bottom 2.39584vw right 1.35417vw;
    background-repeat: no-repeat;
    background-size: 23.47084vw 23.18021vw;
  }
}
#modal-11 .modal__content__slide {
  background-image: url("../img/cmn/modal_11_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 72.26667vw;
  padding-bottom: 76vw;
}
@media screen and (min-width: 769px) {
  #modal-11 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-12 .modal__content__inner {
    background-image: url("../img/cmn/modal_12_pc.png");
    background-position: bottom 7.08334vw right 3.75vw;
    background-repeat: no-repeat;
    background-size: 19.4323vw 14.25105vw;
  }
}
#modal-12 .modal__content__slide {
  background-image: url("../img/cmn/modal_12_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 69.6vw 53.6vw;
  padding-bottom: 57.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-12 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-13 .modal__content__inner {
    background-image: url("../img/cmn/modal_13_pc.png");
    background-position: bottom 4.94792vw right;
    background-repeat: no-repeat;
    background-size: 24.73959vw 18.33334vw;
  }
}
#modal-13 .modal__content__slide {
  background-image: url("../img/cmn/modal_13_sp.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 89.33334vw 73.86667vw;
  padding-bottom: 74.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-13 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-14 .modal__content__inner {
    background-image: url("../img/cmn/modal_14_pc.png");
    background-position: bottom 4.375vw right 1.61459vw;
    background-repeat: no-repeat;
    background-size: 22.1875vw 23.48959vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-14 .modal__content__wrap {
    width: 33.69792vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-14 .modal__content__wrap section {
    width: 28.64584vw;
  }
}
#modal-14 .modal__content__slide {
  background-image: url("../img/cmn/modal_14_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 78.4vw 83.2vw;
  padding-bottom: 88vw;
}
@media screen and (min-width: 769px) {
  #modal-14 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-15 .modal__content__inner {
    background-image: url("../img/cmn/modal_15_pc.png");
    background-position: bottom 3.75vw right 2.29167vw;
    background-repeat: no-repeat;
    background-size: 20.56823vw 15.36146vw;
  }
}
#modal-15 .modal__content__slide {
  background-image: url("../img/cmn/modal_15_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 75.16vw 55.98667vw;
  padding-bottom: 64vw;
}
@media screen and (min-width: 769px) {
  #modal-15 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-16 .modal__content__inner {
    background-image: url("../img/cmn/modal_16_pc.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 31.40625vw 17.13542vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-16 .modal__content__wrap {
    width: 23.95834vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-16 .modal__content__wrap section {
    width: 21.97917vw;
  }
}
#modal-16 .modal__content__slide {
  background-image: url("../img/cmn/modal_16_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 52.53334vw;
  padding-bottom: 62.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-16 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-17 .modal__content__inner {
    background-image: url("../img/cmn/modal_17_pc.png");
    background-position: bottom 5.625vw right 1.61459vw;
    background-repeat: no-repeat;
    background-size: 21.75938vw 19.43386vw;
  }
}
#modal-17 .modal__content__slide {
  background-image: url("../img/cmn/modal_17_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 93.06667vw 79.4vw;
  padding-bottom: 83.2vw;
}
@media screen and (min-width: 769px) {
  #modal-17 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-18 .modal__content__inner {
    background-image: url("../img/cmn/modal_18_pc.png");
    background-position: bottom 6.51042vw right 3.38542vw;
    background-repeat: no-repeat;
    background-size: 18.57136vw 13.87813vw;
  }
}
#modal-18 .modal__content__slide {
  background-image: url("../img/cmn/modal_18_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 68.25067vw 53.43734vw;
  padding-bottom: 56.53334vw;
}
@media screen and (min-width: 769px) {
  #modal-18 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-19 .modal__content__inner {
    background-image: url("../img/cmn/modal_19_pc.png");
    background-position: bottom 6.25vw right 3.125vw;
    background-repeat: no-repeat;
    background-size: 19.17448vw 18.73125vw;
  }
}
#modal-19 .modal__content__slide {
  background-image: url("../img/cmn/modal_19_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 60.12267vw 58.73334vw;
  padding-bottom: 64.26667vw;
}
@media screen and (min-width: 769px) {
  #modal-19 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-20 .modal__content__inner {
    background-image: url("../img/cmn/modal_20_pc.png");
    background-position: bottom 4.6875vw right 2.8125vw;
    background-repeat: no-repeat;
    background-size: 19.61928vw 14.40417vw;
  }
}
#modal-20 .modal__content__slide {
  background-image: url("../img/cmn/modal_20_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 53.16vw;
  padding-bottom: 61.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-20 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-21 .modal__content__inner {
    background-image: url("../img/cmn/modal_21_pc.png");
    background-position: bottom 7.1875vw right 3.17709vw;
    background-repeat: no-repeat;
    background-size: 19.62553vw 18.95vw;
  }
}
#modal-21 .modal__content__slide {
  background-image: url("../img/cmn/modal_21_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 67.464vw 65.14134vw;
  padding-bottom: 77.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-21 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-22 .modal__content__inner {
    background-image: url("../img/cmn/modal_22_pc.png");
    background-position: bottom 4.16667vw right;
    background-repeat: no-repeat;
    background-size: 22.8125vw 15.57292vw;
  }
}
#modal-22 .modal__content__slide {
  background-image: url("../img/cmn/modal_22_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 74.66134vw;
  padding-bottom: 70.13334vw;
}
@media screen and (min-width: 769px) {
  #modal-22 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-23 .modal__content__inner {
    background-image: url("../img/cmn/modal_23_pc.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 23.48959vw 26.82292vw;
  }
}
#modal-23 .modal__content__slide {
  background-image: url("../img/cmn/modal_23_sp.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 70.93334vw 106.66667vw;
  padding-bottom: 88vw;
}
@media screen and (min-width: 769px) {
  #modal-23 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-24 .modal__content__inner {
    background-image: url("../img/cmn/modal_24_pc.png");
    background-position: bottom 4.0625vw right 3.22917vw;
    background-repeat: no-repeat;
    background-size: 19.42709vw 19.53125vw;
  }
}
#modal-24 .modal__content__slide {
  background-image: url("../img/cmn/modal_24_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 73.86667vw 74.93334vw;
  padding-bottom: 84.53334vw;
}
@media screen and (min-width: 769px) {
  #modal-24 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-25 .modal__content__inner {
    background-image: url("../img/cmn/modal_25_pc.png");
    background-position: bottom right 1.45834vw;
    background-repeat: no-repeat;
    background-size: 22.44792vw 21.19792vw;
  }
}
#modal-25 .modal__content__slide {
  background-image: url("../img/cmn/modal_25_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 79.73334vw 75.46667vw;
  padding-bottom: 82.13334vw;
}
@media screen and (min-width: 769px) {
  #modal-25 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-26 .modal__content__inner {
    background-image: url("../img/cmn/modal_26_pc.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 30.13125vw 17.15886vw;
  }
}
@media screen and (min-width: 769px) {
  #modal-26 .modal__content__wrap {
    width: 22.13542vw;
  }
}
#modal-26 .modal__content__slide {
  background-image: url("../img/cmn/modal_26_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 74.45867vw;
  padding-bottom: 58.66667vw;
}
@media screen and (min-width: 769px) {
  #modal-26 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-27 .modal__content__inner {
    background-image: url("../img/cmn/modal_27_pc.png");
    background-position: bottom right 2.44792vw;
    background-repeat: no-repeat;
    background-size: 23.74896vw 19.10886vw;
  }
}
#modal-27 .modal__content__slide {
  background-image: url("../img/cmn/modal_27_sp.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 84vw 64.76267vw;
  padding-bottom: 69.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-27 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-28 .modal__content__inner {
    background-image: url("../img/cmn/modal_28_pc.png");
    background-position: bottom 4.53125vw right 4.11459vw;
    background-repeat: no-repeat;
    background-size: 15.1625vw 20.94219vw;
  }
}
#modal-28 .modal__content__slide {
  background-image: url("../img/cmn/modal_28_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 53.86667vw 73.33334vw;
  padding-bottom: 80vw;
}
@media screen and (min-width: 769px) {
  #modal-28 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-29 .modal__content__inner {
    background-image: url("../img/cmn/modal_29_pc.png");
    background-position: bottom 7.91667vw right;
    background-repeat: no-repeat;
    background-size: 24.1323vw 17.96875vw;
  }
}
#modal-29 .modal__content__slide {
  background-image: url("../img/cmn/modal_29_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 80.168vw;
  padding-bottom: 76vw;
}
@media screen and (min-width: 769px) {
  #modal-29 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-30 .modal__content__inner {
    background-image: url("../img/cmn/modal_30_pc.png");
    background-position: bottom 6.5625vw right 2.5vw;
    background-repeat: no-repeat;
    background-size: 19.1099vw 22.98438vw;
  }
}
#modal-30 .modal__content__slide {
  background-image: url("../img/cmn/modal_30_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 66.01334vw 79.39734vw;
  padding-bottom: 87.2vw;
}
@media screen and (min-width: 769px) {
  #modal-30 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-31 .modal__content__inner {
    background-image: url("../img/cmn/modal_31_pc.png");
    background-position: bottom 5.83334vw right;
    background-repeat: no-repeat;
    background-size: 22.14219vw 17.00417vw;
  }
}
#modal-31 .modal__content__slide {
  background-image: url("../img/cmn/modal_31_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 70.91734vw;
  padding-bottom: 64vw;
}
@media screen and (min-width: 769px) {
  #modal-31 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

@media screen and (min-width: 769px) {
  #modal-32 .modal__content__inner {
    background-image: url("../img/cmn/modal_32_pc.png");
    background-position: bottom 12.76042vw right;
    background-repeat: no-repeat;
    background-size: 24.16667vw 11.66667vw;
  }
}
#modal-32 .modal__content__slide {
  background-image: url("../img/cmn/modal_32_sp.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 89.33334vw 48.43734vw;
  padding-bottom: 53.33334vw;
}
@media screen and (min-width: 769px) {
  #modal-32 .modal__content__slide {
    background: initial;
    padding: initial;
  }
}

/* モーダル閉じるボタン */
.modal__close {
  background-color: initial;
  border: none;
  display: block;
  margin: 6.93334vw auto 0;
  height: auto;
  width: 17.38934vw;
}
@media screen and (min-width: 769px) {
  .modal__close {
    margin: 1.5625vw auto 0;
    width: 4.85938vw;
  }
}

/* ===== 背景スクロール停止 ===== */
body.is-fixed {
  position: fixed;
  width: 100%;
}