@charset "utf-8";
/* 「HIS海外旅行大感謝祭ページ 第3回分のみ」レスポンシブCSS */
/*mv*/
.mv {
  --mv-logo-size: min((621vw/ 7.5), 701px);
  .is-sp & {
    --mv: url("../images/03/mv_bg_sp.jpg");
  }
  .is-pc & {
    --mv: url("../images/03/mv_bg_pc.jpg");
  }
}
.is-type-03 .mv__inner {
  background-repeat: no-repeat;
  height: calc((932vw/ 7.5));
}
.is-type-03.is-sp .mv__inner {
  padding-top: calc((141vw/ 7.5));
}
.is-type-03.is-pc .mv__inner {
  background-size: 1920px;
  height: 804px;
  padding-top: 44px;
}
.is-type-03.is-pc .mv__wrapper {
  position: relative;
  overflow: hidden;
}
.is-type-03.is-pc .mv__wrapper::before {
  content: "";
  display: block;
  background: var(--mv) no-repeat center center / 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  filter: blur(6px);
}
/*donation*/
.donation {
  background: var(--bg, url("../images/03/donation_bg_sp.png")) no-repeat center center / cover;
  padding: min((100vw / 7.5), 77px) 0;
  .is-pc & {
    --bg: url("../images/03/donation_bg_pc.png");
    @media (min-width: 976px) {
      background-size: var(--default-bg-width-pc);
    }
  }
}
.donation__texts {
  width: min((650vw / 7.5), var(--default-width-pc));
  margin: auto;
  padding: min((100vw / 7.5), 100px) min((50vw / 7.5), 90px);
  background: #534a3e;
  color: #fff;
  font-size: min((22vw / 7.5), 19px);
  line-height: 1.8;
  display: grid;
  gap: 2em 0;
  .is-pc & {
    text-align: center;
  }
  small:not([class]) {
    font-size: .7em;
  }
}
.donation__text--list {
  text-align: center;
}
/*intro*/
#intro .grid {
  background: #fff var(--intro-obi) no-repeat center min((27vw/ 7.5), 27px) / 100%;
  padding-top: min((250vw/ 7.5), 220px) !important;
  :not(.is-registration-deadline) & {
    --intro-obi: url("../images/03/intro_obi_sp.png");
    .is-pc & {
      --intro-obi: url("../images/03/intro_obi_pc.png");
    }
  }
  .is-registration-deadline & {
    --intro-obi: url("../images/03/intro_obi_sp_0221.png");
    .is-pc & {
      --intro-obi: url("../images/03/intro_obi_pc_0221.png");
    }
  }
}
/*skylantern*/
.point__list--item.is-skylantern {
  .point__list--texts {
    background: #011d64 var(--bg, url("../images/03/point_02_bg_sp.png")) no-repeat 0 0 / 100%;
    color: #fff;
    border-radius: var(--grid-radius);
    padding: min((242vw/ 7.5), 257px) var(--yohaku-r, 0) min((25vw/ 7.5), 20px) 0;
    .is-pc & {
      --bg: url("../images/03/point_02_bg_pc.png");
      --yohaku-r: calc((11 / 992) * 100%);
    }
    .point__list--notes {
      display: grid;
      grid-template-columns: min((362vw/ 7.5), 280px) auto;
      align-items: baseline;
      justify-content: end;
      gap: 0 min((32vw/ 7.5), 15px);
      text-align: right;
      font-size: .8em;
      margin-top: min((18vw/ 7.5), 11px);
      padding-right: 1em;
    }
  }
  .base-button__link.is-close {
    max-width: 490px;
  }
}