@charset "UTF-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 143px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 112px;
  }
}

.sup {
  color: #040a2b;
  max-width: 1366px;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .sup .lp-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sup .lp-sp {
    display: none !important;
  }
}
.sup .mincho {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  margin: 0;
}
.sup h1,
.sup h2,
.sup h3 {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  letter-spacing: 0;
}
.sup h1 {
  line-height: 1.31em;
}
@media screen and (min-width: 768px) {
  .sup h3 {
    font-size: calc(clamp(0px, 1.6105417277vw, 22px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup h3 {
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
.sup p {
  font-family: "ヒラギノ角ゴ Pro W3", "arial important", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, Tahoma;
  font-weight: 500;
  margin: 0;
  color: #040a2b;
  line-height: 1.6em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .sup p {
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.633;
  }
}
@media screen and (max-width: 767px) {
  .sup p {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.6;
  }
}
.sup sup {
  font-size: 0.7em;
  top: -0.5em;
}
.sup sup.optima {
  font-size: 0.7em;
}
.sup img,
.sup picture {
  display: block;
}
.sup .fs60p {
  font-size: 60%;
}
.sup .fs80p {
  font-size: 80%;
}
.sup .fs110p {
  font-size: 110%;
}
.sup .fs120p {
  font-size: 120%;
}
.sup img {
  width: 100%;
}
.sup ul {
  margin: 0;
}
.sup ul li {
  list-style-type: none;
}
.sup .optima {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.1em;
}
@media screen and (max-width: 767px) {
  .sup .t-slim {
    letter-spacing: -0.15em;
  }
}
.sup .tracking-wide {
  letter-spacing: 0.08em;
}
.sup .btnWrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .btnWrap {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
.sup .btnWrap .btn--navy {
  background: #040a2b;
  letter-spacing: 0.08em;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: grid;
  place-content: center;
  vertical-align: middle;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .sup .btnWrap .btn--navy {
    width: calc(clamp(0px, 16.8374816984vw, 230px) * 1);
    height: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    font-size: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .btnWrap .btn--navy {
    width: calc(clamp(0px, 49.8666666667vw, 49.8666666667vw) * 1);
    padding-left: calc(clamp(0px, 4vw, 4vw) * 1);
    padding-right: calc(clamp(0px, 4vw, 4vw) * 1);
    height: calc(clamp(0px, 8.6666666667vw, 8.6666666667vw) * 1);
    line-height: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    margin-top: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.sup .list--disctext > li {
  position: relative;
  padding-left: 1em;
}
.sup .list--disctext > li::before {
  content: "・";
  position: absolute;
  left: 0em;
}
.sup .ruby-fix {
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: center;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  .sup .ruby-fix {
    width: 1.4em; /* 親文字分 */
  }
}
@media screen and (max-width: 767px) {
  .sup .ruby-fix {
    width: 1.4em;
  }
}
.sup .ruby-fix rt {
  display: block;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0;
  width: 6.5em;
}
@media screen and (min-width: 768px) {
  .sup .ruby-fix rt {
    margin-bottom: -1em; /* ルビの位置調整 */
    margin-right: -0.1em;
    font-size: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  .sup .ruby-fix rt {
    margin-bottom: -0.7em; /* ルビの位置調整 */
    font-size: 0.32em;
  }
}
@media screen and (min-width: 768px) {
  .sup .section01 {
    border-top: 2px solid #a67e50;
    padding-top: calc(clamp(0px, 3.953147877vw, 54px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 {
    border-top: 1px solid #a67e50;
    padding-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.sup .section01 .title {
  text-align: center;
  color: #a7834f;
}
@media screen and (min-width: 768px) {
  .sup .section01 .title {
    line-height: 1.5;
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    letter-spacing: 0.15em;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 .title {
    letter-spacing: 0.1em;
    line-height: 1.2;
    font-size: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.sup .section01 .lead {
  color: #040a2b;
  text-align: center;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section01 .lead {
    font-size: calc(clamp(0px, 2.1229868228vw, 29px) * 1);
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 .lead {
    line-height: 1.4166666667;
    margin-block: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.sup .section01 .item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .sup .section01 .item {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section01.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 56.2225475842vw, 768px) * 1);
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 .item {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section01_sp.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 120vw, 120vw) * 1);
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.sup .section01 .item .item__name {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .sup .section01 .item .item__name {
    line-height: 1.1538461538;
    font-size: calc(clamp(0px, 1.9033674963vw, 26px) * 1);
    bottom: calc(clamp(0px, 13.17715959vw, 180px) * 1);
    right: calc(clamp(0px, 13.9092240117vw, 190px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 .item .item__name {
    line-height: 1.4545454545;
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    bottom: calc(clamp(0px, 40vw, 40vw) * 1);
    right: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
.sup .section01 .item .item__note {
  position: absolute;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .sup .section01 .item .item__note {
    bottom: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
    left: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section01 .item .item__note {
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    line-height: 1.5;
    bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.sup .section02 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .sup .section02 {
    height: calc(clamp(0px, 47.364568082vw, 647px) * 1);
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section02.jpg") no-repeat center/cover;
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 {
    height: calc(clamp(0px, 218.2666666667vw, 218.2666666667vw) * 1);
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section02_sp.jpg") no-repeat bottom/cover;
  }
}
@media screen and (min-width: 768px) {
  .sup .section02 .text__wrap {
    padding-top: calc(clamp(0px, 5.8565153734vw, 80px) * 1);
    width: calc(clamp(0px, 60.3953147877vw, 825px) * 1);
    margin-left: auto;
    display: grid;
    justify-items: center;
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .text__wrap {
    padding-top: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
.sup .section02 .subtitle {
  text-align: center;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section02 .subtitle {
    margin-bottom: calc(clamp(0px, 0.5856515373vw, 8px) * 1);
    font-size: calc(clamp(0px, 1.6837481698vw, 23px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .subtitle {
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    line-height: 1.5;
  }
}
.sup .section02 .title {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .sup .section02 .title {
    width: calc(clamp(0px, 37.3718887262vw, 510.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .title {
    width: calc(clamp(0px, 83.8666666667vw, 83.8666666667vw) * 1);
  }
}
.sup .section02 .lead {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section02 .lead {
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    font-size: calc(clamp(0px, 2.4890190337vw, 34px) * 1);
    line-height: 1.3647058824;
    padding-left: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .lead {
    text-align: center;
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
    line-height: 1.4;
    padding-top: calc(clamp(0px, 7.7333333333vw, 7.7333333333vw) * 1);
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) {
  .sup .section02 .img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .img {
    padding-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.sup .section02 .list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .sup .section02 .list {
    background: url(/media/export/cms_2.0/SPP/SUP_SPP/20260116/section02_frame.png) no-repeat top/contain;
    margin-top: calc(clamp(0px, 2.3792093704vw, 32.5px) * 1);
    width: calc(clamp(0px, 34.4070278184vw, 470px) * 1);
    padding: calc(clamp(0px, 1.4641288433vw, 20px) * 1) calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .list {
    background: url(/media/export/cms_2.0/SPP/SUP_SPP/20260116/section02_frame_sp.png) no-repeat top/contain;
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1) auto;
    padding: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.sup .section02 .list .list__title {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  color: #966831;
}
@media screen and (min-width: 768px) {
  .sup .section02 .list .list__title {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .list .list__title {
    text-align: center;
    font-size: calc(clamp(0px, 5.7333333333vw, 5.7333333333vw) * 1);
  }
}
.sup .section02 .list .list__text {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .sup .section02 .list .list__text {
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section02 .list .list__text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.sup .section02 .list .list__text span {
  color: #986a34;
}
@media screen and (min-width: 768px) {
  .sup .section03 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section03.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 49.0483162518vw, 670px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section03_sp.jpg") no-repeat bottom/cover;
    height: calc(clamp(0px, 210.6666666667vw, 210.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .inner {
    padding-top: calc(clamp(0px, 9.8828696925vw, 135px) * 1);
    padding-left: calc(clamp(0px, 9.2972181552vw, 127px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .inner {
    padding-top: calc(clamp(0px, 12vw, 12vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section03_check.png") no-repeat left/contain;
    margin-top: calc(clamp(0px, 2.0497803807vw, 28px) * 1);
    margin-left: calc(clamp(0px, 0.4758418741vw, 6.5px) * 1);
    padding-left: calc(clamp(0px, 3.3674963397vw, 46px) * 1);
    height: calc(clamp(0px, 16.3982430454vw, 224px) * 1);
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .check__list {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section03_check_sp.png") no-repeat left/contain;
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-left: calc(clamp(0px, 17.3333333333vw, 17.3333333333vw) * 1);
    padding-left: calc(clamp(0px, 8vw, 8vw) * 1);
    height: calc(clamp(0px, 47.2vw, 47.2vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list li + li {
    margin-top: calc(clamp(0px, 1.6837481698vw, 23px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .check__list li + li {
    margin-top: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.sup .section03 .check__list-title {
  color: #986a34;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list-title {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .check__list-title {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
  }
}
.sup .section03 .check__list-text {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list-text {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .check__list-text {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    margin-top: calc(clamp(0px, 1.0666666667vw, 1.0666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list-text.__large {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section03 .check__list-text.__large {
    font-size: calc(clamp(0px, 5.6vw, 5.6vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section03 .check__list .note {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section04 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116_v2/section04.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 43.9238653001vw, 600px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section04 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116_v2/section04_sp.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 168vw, 168vw) * 1);
  }
}
.sup .section04 .inner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section04 .inner {
    padding-top: calc(clamp(0px, 9.8828696925vw, 135px) * 1);
    padding-left: calc(clamp(0px, 18.3016105417vw, 250px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section04 .inner {
    padding-top: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section04 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section04 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.625;
    font-feature-settings: "palt";
  }
}
.sup .section04 .text {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section04 .text {
    font-size: calc(clamp(0px, 2.1229868228vw, 29px) * 1);
    margin-top: calc(clamp(0px, 2.0497803807vw, 28px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section04 .text {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    margin-top: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    font-feature-settings: "palt";
  }
}
.sup .section04 span {
  color: #986a34;
}
.sup .section05 {
  background-color: #f7e5cf;
}
@media screen and (min-width: 768px) {
  .sup .section05 .section05__top {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section05_pc.png") no-repeat center/cover;
    padding-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
    padding-bottom: calc(clamp(0px, 6.8814055637vw, 94px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .section05__top {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section05_sp.png") no-repeat top/contain;
    padding-top: calc(clamp(0px, 12vw, 12vw) * 1);
    height: calc(clamp(0px, 96.8vw, 96.8vw) * 1);
  }
}
.sup .section05 .title {
  text-align: center;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 768px) {
  .sup .section05 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.6;
  }
}
.sup .section05 .lead {
  text-align: center;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section05 .lead {
    line-height: 1.4;
    margin-top: calc(clamp(0px, 0.5856515373vw, 8px) * 1);
    font-size: calc(clamp(0px, 1.6837481698vw, 23px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .lead {
    line-height: 1.5;
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .content {
    padding-top: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
.sup .section05 .subtitle {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section05 .subtitle {
    line-height: 1.8;
    padding-top: calc(clamp(0px, 1.9033674963vw, 26px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .subtitle {
    line-height: 2;
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.sup .section05 .subtitle img {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .sup .section05 .subtitle img {
    padding: calc(clamp(0px, 0.6588579795vw, 9px) * 1);
    width: calc(clamp(0px, 29.3557833089vw, 401px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .subtitle img {
    width: calc(clamp(0px, 68.6666666667vw, 68.6666666667vw) * 1);
  }
}
.sup .section05 .text {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section05 .text {
    font-size: calc(clamp(0px, 1.6837481698vw, 23px) * 1);
    padding-top: calc(clamp(0px, 3.953147877vw, 54px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .text {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    padding-top: calc(clamp(0px, 8vw, 8vw) * 1);
    line-height: 2;
  }
  .sup .section05 .text > span {
    display: inline-block;
    line-height: 1.1;
  }
}
.sup .section05 .text .text__bold {
  font-weight: bold;
  color: #986a34;
}
@media screen and (min-width: 768px) {
  .sup .section05 .text .text__bold {
    font-size: calc(clamp(0px, 1.9033674963vw, 26px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .text .text__bold {
    font-size: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
.sup .section05 .note {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section05 .note {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    line-height: 1.5;
    padding-bottom: calc(clamp(0px, 6.9546120059vw, 95px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section05 .note {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    line-height: 1.6;
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: auto;
    padding-bottom: calc(clamp(0px, 12vw, 12vw) * 1);
  }
}
.sup .text__underline {
  background: linear-gradient(transparent 70%, #e4cbac 70%);
}
@media screen and (max-width: 767px) {
  .sup .text__underline {
    background: linear-gradient(transparent 50%, #e4cbac 50%);
  }
}
.sup .mechanism__card-list {
  background-color: #f7e5cf;
}
@media screen and (min-width: 768px) {
  .sup .mechanism__card-list {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, calc(clamp(0px, 25.6222547584vw, 350px) * 1));
    gap: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    padding-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    padding-bottom: calc(clamp(0px, 2.4158125915vw, 33px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card-list {
    display: none;
  }
}
.sup .mechanism__card {
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .sup .mechanism__card {
    width: calc(clamp(0px, 25.6222547584vw, 350px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .sup .mechanism__card .mechanism__card-body {
    padding: calc(clamp(0px, 1.1713030747vw, 16px) * 1) calc(clamp(0px, 1.1713030747vw, 16px) * 1) calc(clamp(0px, 2.196193265vw, 30px) * 1) calc(clamp(0px, 1.1713030747vw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card .mechanism__card-body {
    padding: calc(clamp(0px, 4.8vw, 4.8vw) * 1) calc(clamp(0px, 4vw, 4vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .mechanism__card .mechanism__card-body ul + ul {
    margin-top: 1em;
  }
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card .mechanism__card-body ul + ul {
    margin-top: 0.7em;
  }
}
.sup .mechanism__card .mechanism__card-body li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card .mechanism__card-body li {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
.sup .mechanism__card .mechanism__card-body li.gold {
  color: #986a34;
}
.sup .mechanism__card .mechanism__card-title {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  color: #986a34;
}
@media screen and (min-width: 768px) {
  .sup .mechanism__card .mechanism__card-title {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-bottom: calc(clamp(0px, 0.5856515373vw, 8px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .mechanism__card .mechanism__card-title {
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section06 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section06.jpg") no-repeat center/cover;
    height: calc(clamp(0px, 70.5710102489vw, 964px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section06 {
    height: calc(clamp(0px, 128.8vw, 128.8vw) * 1);
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section06_sp.jpg") no-repeat bottom/cover;
  }
}
.sup .section06 .title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section06 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    padding-top: calc(clamp(0px, 4.7584187408vw, 65px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section06 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    padding-top: calc(clamp(0px, 11.2vw, 11.2vw) * 1);
  }
}
.sup .section06 .subtitle {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section06 .subtitle {
    line-height: 1.2;
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
  }
}
.sup .section06 .text {
  text-align: center;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section06 .text {
    padding-top: calc(clamp(0px, 46.8521229868vw, 640px) * 1);
    font-size: calc(clamp(0px, 2.1229868228vw, 29px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section06 .text {
    padding-top: calc(clamp(0px, 77.8666666667vw, 77.8666666667vw) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 4.2666666667vw) * 1);
  }
}
.sup .section07 {
  background-color: #eee7de;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section07 {
    padding-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
    padding-bottom: calc(clamp(0px, 6.9546120059vw, 95px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 {
    padding-top: calc(clamp(0px, 11.3333333333vw, 11.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 12.6666666667vw, 12.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section07 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    list-style: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}
.sup .section07 .title .gold {
  color: #986a34;
}
@media screen and (min-width: 768px) {
  .sup .section07 .movie__image {
    position: relative;
    width: calc(clamp(0px, 73.3528550512vw, 1002px) * 1);
    height: calc(clamp(0px, 24.1581259151vw, 330px) * 1);
    margin: calc(clamp(0px, 2.5622254758vw, 35px) * 1) auto calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 .movie__image {
    width: calc(clamp(0px, 81.0666666667vw, 81.0666666667vw) * 1);
    margin: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1) auto calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section07 .btnWrap {
    position: absolute;
    bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
    right: calc(clamp(0px, 6.2225475842vw, 85px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 .btnWrap {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 .btnWrap .btn--navy {
    width: calc(clamp(0px, 49.8666666667vw, 49.8666666667vw) * 1);
    height: calc(clamp(0px, 8.6666666667vw, 8.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.8vw, 2.8vw) * 1);
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .sup .section07 .note {
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section07 .note {
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section08 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section08.jpg") no-repeat center/cover;
    padding-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
    padding-bottom: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 {
    background: url("/media/export/cms_2.0/SPP/SUP_SPP/20260116/section08_sp.jpg") no-repeat center/cover;
    padding-top: calc(clamp(0px, 10.9333333333vw, 10.9333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.sup .section08 .title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sup .section08 .title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.6;
  }
}
.sup .section08 .card__list {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .sup .section08 .card__list {
    grid-template-columns: repeat(2, calc(clamp(0px, 30.2342606149vw, 413px) * 1));
    gap: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
    margin-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card__list {
    grid-template-columns: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    gap: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    margin-top: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
  }
}
.sup .section08 .card {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .sup .section08 .card p + p {
    margin-top: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card p + p {
    margin-top: calc(clamp(0px, 2.1333333333vw, 2.1333333333vw) * 1);
  }
}
.sup .section08 .card .card__title {
  background: linear-gradient(80deg, #a67e50 0%, #f4d4ae 30%, #fff7ea 66%, #a67e50 100%);
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .sup .section08 .card .card__title {
    height: calc(clamp(0px, 4.39238653vw, 60px) * 1);
    font-size: calc(clamp(0px, 2.1229868228vw, 29px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card .card__title {
    height: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .sup .section08 .card .card__body {
    padding-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    padding-bottom: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card .card__body {
    padding-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
.sup .section08 .card .card__body-name {
  color: #986a34;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .sup .section08 .card .card__body-name {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card .card__body-name {
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
    line-height: 1.3157894737;
  }
}
.sup .section08 .card .card__body-list {
  color: #986a34;
  display: grid;
  justify-items: start;
  justify-content: center;
  grid-template-columns: max-content max-content;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .sup .section08 .card .card__body-list {
    -moz-column-gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    column-gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .sup .section08 .card .card__body-list {
    -moz-column-gap: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    column-gap: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}