@charset "UTF-8";
.renewal-2026 *,
.renewal-2026 ::before,
.renewal-2026 ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

.renewal-2026 div,
.renewal-2026 span,
.renewal-2026 applet,
.renewal-2026 object,
.renewal-2026 iframe,
.renewal-2026 h1,
.renewal-2026 h2,
.renewal-2026 h3,
.renewal-2026 h4,
.renewal-2026 h5,
.renewal-2026 h6,
.renewal-2026 p,
.renewal-2026 blockquote,
.renewal-2026 pre,
.renewal-2026 a,
.renewal-2026 abbr,
.renewal-2026 acronym,
.renewal-2026 address,
.renewal-2026 big,
.renewal-2026 cite,
.renewal-2026 code,
.renewal-2026 del,
.renewal-2026 dfn,
.renewal-2026 em,
.renewal-2026 img,
.renewal-2026 ins,
.renewal-2026 kbd,
.renewal-2026 q,
.renewal-2026 s,
.renewal-2026 samp,
.renewal-2026 small,
.renewal-2026 strike,
.renewal-2026 strong,
.renewal-2026 sub,
.renewal-2026 sup,
.renewal-2026 tt,
.renewal-2026 var,
.renewal-2026 b,
.renewal-2026 u,
.renewal-2026 i,
.renewal-2026 center,
.renewal-2026 dl,
.renewal-2026 dt,
.renewal-2026 dd,
.renewal-2026 ol,
.renewal-2026 ul,
.renewal-2026 li,
.renewal-2026 fieldset,
.renewal-2026 form,
.renewal-2026 label,
.renewal-2026 legend,
.renewal-2026 table,
.renewal-2026 caption,
.renewal-2026 tbody,
.renewal-2026 tfoot,
.renewal-2026 thead,
.renewal-2026 tr,
.renewal-2026 th,
.renewal-2026 td,
.renewal-2026 article,
.renewal-2026 aside,
.renewal-2026 canvas,
.renewal-2026 details,
.renewal-2026 embed,
.renewal-2026 figure,
.renewal-2026 figcaption,
.renewal-2026 footer,
.renewal-2026 header,
.renewal-2026 hgroup,
.renewal-2026 menu,
.renewal-2026 nav,
.renewal-2026 output,
.renewal-2026 ruby,
.renewal-2026 section,
.renewal-2026 summary,
.renewal-2026 time,
.renewal-2026 mark,
.renewal-2026 audio,
.renewal-2026 video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
  max-width: none;
}
.renewal-2026 article,
.renewal-2026 aside,
.renewal-2026 details,
.renewal-2026 figcaption,
.renewal-2026 figure,
.renewal-2026 footer,
.renewal-2026 header,
.renewal-2026 hgroup,
.renewal-2026 menu,
.renewal-2026 nav,
.renewal-2026 section {
  display: block;
}
.renewal-2026 blockquote,
.renewal-2026 q {
  quotes: none;
}
.renewal-2026 blockquote:before,
.renewal-2026 blockquote:after,
.renewal-2026 q:before,
.renewal-2026 q:after {
  content: "";
  content: none;
}
.renewal-2026 input,
.renewal-2026 textarea {
  margin: 0;
  padding: 0;
}
.renewal-2026 ol,
.renewal-2026 ul {
  list-style: none;
}
.renewal-2026 table {
  border-collapse: collapse;
  border-spacing: 0;
}
.renewal-2026 caption,
.renewal-2026 th {
  text-align: left;
}
.renewal-2026 a:visited {
  color: inherit;
}
.renewal-2026 section {
  width: inherit;
}
.renewal-2026 section:first-of-type {
  border: inherit;
}
.renewal-2026 section:last-of-type {
  border: inherit;
}
.renewal-2026 h2,
.renewal-2026 h3,
.renewal-2026 h4 {
  color: inherit;
}

header.renewal-2026 {
  background: none;
  background-size: inherit;
}

/*

変数やmixinなど、このページでも使用するものなので
globalとしてまとめて読み込みを楽にする。

各ファイルの先頭は、以下のように記述すると変数など参照できます
@use '../global' as g;

 */
/*
旧ブレークポイント
$mobile: 375px;
$tablet: 520px;
$tablet: 768px;
$desktop: 960px;
$hd: 1280px;
$wxga: 1440px;
 */
/*

変数やmixinなど、このページでも使用するものなので
globalとしてまとめて読み込みを楽にする。

各ファイルの先頭は、以下のように記述すると変数など参照できます
@use '../global' as g;

 */
.renewal-2026 *,
.renewal-2026 *:before,
.renewal-2026 *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-inline-size: 0;
  scroll-margin-top: var(--header-height, 70px);
}
.renewal-2026 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #2e2617;
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
  line-height: 1.8;
  position: relative;
}
.renewal-2026 h1,
.renewal-2026 h2,
.renewal-2026 h3,
.renewal-2026 h4,
.renewal-2026 h5,
.renewal-2026 h6 {
  font-weight: normal;
}
.renewal-2026 a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.renewal-2026 a:focus {
  outline-color: rgb(59, 153, 252);
  outline-offset: 0px;
  outline-style: auto;
  outline-width: 5px;
}
@media (hover: hover) {
  .renewal-2026 a:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.renewal-2026 img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.renewal-2026 input {
  margin: 0;
  padding: 0;
}
.renewal-2026 textarea {
  padding: 0;
  font: inherit;
  color: inherit;
}
.renewal-2026 button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  margin: 0;
  padding: 0;
}
.renewal-2026 .pc-only {
  display: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .pc-only {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .sp-only {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .renewal-2026 .sp-only-short {
    display: none;
  }
}
.renewal-2026 .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.l-header.renewal-2026 {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.l-header.renewal-2026 .l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header__inner {
    padding-right: 20px;
  }
}
.l-header.renewal-2026 .l-header-logo {
  padding-block: clamp(13px, 9px + 1.1111111111vw, 25px) clamp(10px, 5px + 1.3888888889vw, 25px);
  padding-inline: clamp(15px, 11.6666666667px + 0.9259259259vw, 25px);
  width: clamp(140px, 90px + 13.8888888889vw, 290px);
}
.l-header.renewal-2026 .l-header-logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(70px, 65.3333333333px + 1.2962962963vw, 84px);
}
.l-header.renewal-2026 .l-header-logo__link svg {
  fill: #fffcf9;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.l-header.renewal-2026 .l-header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  gap: 0.5em;
}
@media screen and (max-width: 1279px) {
  .l-header.renewal-2026 .l-header-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.l-header.renewal-2026 .l-header-hamb {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-hamb {
    display: none;
  }
}
.l-header.renewal-2026 .l-header-hamb span {
  display: block;
  width: 18px;
  height: 2px;
  background: #fffcf9;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.l-header.renewal-2026 .l-header-hamb span:nth-of-type(1) {
  top: calc(50% - 3px - 1px);
}
.l-header.renewal-2026 .l-header-hamb span:nth-of-type(2) {
  top: calc(50% + 3px);
}
.l-header.renewal-2026 .l-header-hamb[aria-expanded=true] span {
  background: #2e2617;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.l-header.renewal-2026 .l-header-hamb[aria-expanded=true] span:nth-of-type(1) {
  top: calc(50% - 10px);
  -webkit-transform: translateX(-50%) translateY(7px) rotateZ(45deg);
          transform: translateX(-50%) translateY(7px) rotateZ(45deg);
}
.l-header.renewal-2026 .l-header-hamb[aria-expanded=true] span:nth-of-type(2) {
  top: calc(50% + 4px);
  -webkit-transform: translateX(-50%) translateY(-7px) rotate(-45deg);
          transform: translateX(-50%) translateY(-7px) rotate(-45deg);
}
.l-header.renewal-2026 .l-header-lang {
  padding-right: 1.25rem;
  position: relative;
  display: none;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-lang {
    display: block;
    margin-right: 20px;
    padding-block: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-lang.is-active .l-header-lang__list {
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 100%;
  }
}
.l-header.renewal-2026 .l-header-menu.is-open-sp {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .l-header.renewal-2026 .l-header-menu.is-open-sp .l-header-lang {
    display: block;
  }
}
.l-header.renewal-2026 .l-header-lang__current {
  font-weight: 500;
  color: #fffcf9;
  font-size: 0.875rem;
}
.l-header.renewal-2026 .l-header-menu.is-open-sp .l-header-lang__current {
  color: #2e2617;
}
.l-header.renewal-2026 .l-header-lang__icon {
  display: block;
  width: 0.8125rem;
  height: 0.4375rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-header.renewal-2026 .l-header-lang__icon::after {
  content: "";
  display: block;
  width: 0.8125rem;
  height: 0.4375rem;
  background: url("../images/common/icon_arw_down_wh.svg") no-repeat center center;
  position: absolute;
  background-size: contain;
}
.l-header.renewal-2026 #js-lang-switch-btn[aria-expanded=true] .l-header-lang__icon::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.l-header.renewal-2026 .l-header-menu.is-open-sp .l-header-lang__icon::after {
  background: url("../images/common/icon_arw_down_br.svg") no-repeat center center;
}
.l-header.renewal-2026 .l-header-lang__list {
  background: #fffcf9;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 16px rgba(107, 74, 12, 0.18);
          box-shadow: 0 4px 16px rgba(107, 74, 12, 0.18);
  padding: 0.625em 0;
  position: absolute;
  top: 2.1875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}
.l-header.renewal-2026 .l-header-lang__list[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
.l-header.renewal-2026 .l-header-lang-item {
  opacity: 1;
  padding: 2px 20px;
}
.l-header.renewal-2026 .l-header-lang-item.is-current {
  opacity: 0.4;
}
.l-header.renewal-2026 .l-header-lang-item.is-current .l-header-lang-item__link {
  pointer-events: none;
}
.l-header.renewal-2026 .l-header-lang-item.is-current .l-header-lang-item__link:hover {
  opacity: 1;
}
.l-header.renewal-2026 .l-header-lang-item__link {
  cursor: pointer;
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
  font-weight: 500;
  color: #2e2617;
  font-size: 0.8125rem;
  text-decoration: none;
}
.l-header.renewal-2026 .l-header-nav {
  display: none;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-nav {
    display: block;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-nav[aria-hidden=false] {
    background: none;
    display: block;
    height: auto;
    min-height: auto;
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
    overflow-y: visible;
    position: static;
    top: auto;
    left: auto;
    width: auto;
  }
}
.l-header.renewal-2026 .l-header-nav[aria-hidden=false] {
  background: #fffcf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100svh;
  min-height: 100vh;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
}
.l-header.renewal-2026 .l-header-nav[aria-hidden=false]::before, .l-header.renewal-2026 .l-header-nav[aria-hidden=false]::after {
  content: "";
  width: 1px;
  height: calc(100vh + 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-header.renewal-2026 .l-header-nav[aria-hidden=false]::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-nav[aria-hidden=false] {
    display: none;
  }
  .l-header.renewal-2026 .l-header-nav[aria-hidden=false]::before, .l-header.renewal-2026 .l-header-nav[aria-hidden=false]::after {
    display: none;
  }
}
.l-header.renewal-2026 .l-header-gnav {
  width: 100%;
  padding: 4.375rem 8.3333333333vw 13.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1.875rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    padding: 0;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav__item {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 1024px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav__item {
    padding-block: 10px;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav__item-internal {
  position: relative;
  padding-right: 1.375rem;
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav__item-internal::after {
  display: inline-block;
  position: absolute;
  content: "";
  right: 0.375rem;
  width: 0.625rem;
  height: 0.25rem;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  top: 46%;
  -webkit-transform: rotate(270deg) translateY(-46%);
          transform: rotate(270deg) translateY(-46%);
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav__item-internal::after {
    background: url(../images/common/icon_arw_down_wh.svg) no-repeat center center;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn {
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  color: #2e2617;
  text-decoration: none;
  position: relative;
  font-size: 0.875rem;
  text-align: left;
  display: block;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn {
    color: #fffcf9;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn.js-dropdown-btn {
  padding-right: 20px;
  cursor: inherit;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn.js-dropdown-btn {
    cursor: pointer;
    color: #fffcf9;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn__icon {
  display: none;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn__icon {
    display: block;
    width: 0.8125rem;
    height: 0.4375rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn__icon::after {
    content: "";
    display: block;
    width: 0.8125rem;
    height: 0.4375rem;
    background: url("../images/common/icon_arw_down_wh.svg") no-repeat center center;
    position: absolute;
    background-size: contain;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-primary-btn[aria-expanded=true] .l-header-gnav-primary-btn__icon::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary {
  padding: 1.5625rem 0 0 0.625rem;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary {
    padding: 0.9375rem;
  }
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary[aria-hidden=true] {
    padding: 0;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__category {
  font-size: 0.8125rem;
  color: #6d675d;
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__category:not(:first-of-type) {
  margin-top: 1.6875rem;
}
@media screen and (min-width: 1024px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__category {
    font-size: 0.75rem;
  }
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__category:not(:first-of-type) {
    margin-top: 1.5625rem;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__list {
  margin-top: 1.25rem;
  padding-left: 0.8125rem;
  border-left: 1px solid #d5d4d1;
}
@media screen and (min-width: 1024px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__list {
    margin-top: 1.125rem;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item {
  font-size: 0.875rem;
  text-decoration: underline;
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item:not(:first-of-type) {
  padding-top: 1.5625rem;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item {
    font-size: 0.8125rem;
    padding: 0.1875rem 0;
  }
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item:not(:first-of-type) {
    padding-top: 0.9375rem;
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item-internal {
  padding-right: 1.25rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item-internal::after {
  display: inline-block;
  position: absolute;
  content: "";
  right: 0.375rem;
  width: 0.625rem;
  height: 0.25rem;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  top: 46%;
  -webkit-transform: rotate(270deg) translateY(-46%);
          transform: rotate(270deg) translateY(-46%);
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item-internal:not(:first-of-type)::after {
  top: 69%;
  -webkit-transform: rotate(270deg) translateY(-69%);
          transform: rotate(270deg) translateY(-69%);
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary__item-internal:not(:first-of-type)::after {
    top: 59%;
    -webkit-transform: rotate(270deg) translateY(-59%);
            transform: rotate(270deg) translateY(-59%);
  }
}
.l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary-btn {
  font-weight: 400;
  color: #2e2617;
  text-decoration: underline;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav .l-header-gnav-secondary-btn {
    color: #2e2617;
    text-decoration: none;
  }
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-secondary-nav {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: auto;
  }
}
.l-header.renewal-2026 .l-header-secondary-nav[aria-hidden=false] {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-focustrap {
    display: none;
  }
}
.l-header.renewal-2026 .l-header-gnav__item.is-active {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-gnav__item.is-active .l-header-secondary-nav {
    top: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    background: #fffcf9;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 16px rgba(107, 74, 12, 0.18);
            box-shadow: 0 4px 16px rgba(107, 74, 12, 0.18);
    padding: 0.875em 1.25em;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.l-header.renewal-2026 .l-header-scroll-top {
  opacity: 0;
  -webkit-padding-after: clamp(10px, 8.3333333333px + 0.462962963vw, 15px);
          padding-block-end: clamp(10px, 8.3333333333px + 0.462962963vw, 15px);
  -webkit-padding-end: clamp(10px, 8.3333333333px + 0.462962963vw, 15px);
          padding-inline-end: clamp(10px, 8.3333333333px + 0.462962963vw, 15px);
  position: fixed;
  bottom: calc(var(--sp-cta-height, 50px) + 40px);
  right: 0;
  -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
  transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
  visibility: hidden;
  will-change: transform;
}
.l-header.renewal-2026 .l-header-scroll-top:is(.l-header.is-scrolled *) {
  opacity: 1;
  visibility: visible;
}
.l-header.renewal-2026 .l-header-scroll-top:is(.l-header.is-open *) {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-scroll-top {
    bottom: 0;
  }
}
.l-header.renewal-2026 .l-header-cta--sp-fixed {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: fixed;
  bottom: 20px;
  left: 0;
  padding: 0 8.3333333333vw;
  margin-inline: auto;
  z-index: 100;
  gap: clamp(10px, 3.3333333333px + 1.8518518519vw, 30px);
  -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
  transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
  visibility: hidden;
  will-change: transform;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026 .l-header-cta--sp-fixed {
    display: none;
  }
}
.l-header.renewal-2026 .l-header-cta--sp-fixed .l-header-cta_btn--login,
.l-header.renewal-2026 .l-header-cta--sp-fixed .l-header-cta_btn--register {
  cursor: none;
}

.l-header.renewal-2026.is-scrolled {
  background: #fffcf9;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  -webkit-box-shadow: 0 0 4px rgba(107, 103, 98, 0.25);
          box-shadow: 0 0 4px rgba(107, 103, 98, 0.25);
}
.l-header.renewal-2026.is-scrolled .l-header-logo__link svg {
  fill: #231815;
}
.l-header.renewal-2026.is-scrolled .l-header-hamb span {
  background: #2e2617;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026.is-scrolled .l-header-gnav .l-header-gnav-primary-btn {
    color: #2e2617;
  }
}
.l-header.renewal-2026.is-scrolled .l-header-gnav .l-header-gnav-primary-btn__icon::after {
  background: url("../images/common/icon_arw_down_br.svg") no-repeat center center;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026.is-scrolled .l-header-gnav .l-header-gnav__item-internal::after {
    background: url("../images/common/icon_arw_down_br.svg") no-repeat center center;
  }
}
.l-header.renewal-2026.is-scrolled .l-header-lang__current {
  color: #2e2617;
}
.l-header.renewal-2026.is-scrolled .l-header-lang__icon::after {
  background: url("../images/common/icon_arw_down_br.svg") no-repeat center center;
}
@media screen and (min-width: 1280px) {
  .l-header.renewal-2026.is-scrolled .l-header-cta_btn--login {
    color: #2e2617;
  }
  .l-header.renewal-2026.is-scrolled .l-header-cta_btn--login:visited {
    color: #2e2617;
  }
}
.l-header.renewal-2026.is-scrolled .l-header-cta--sp-fixed {
  opacity: 1;
  visibility: visible;
}
.l-header.renewal-2026.is-scrolled .l-header-cta--sp-fixed .l-header-cta_btn--login,
.l-header.renewal-2026.is-scrolled .l-header-cta--sp-fixed .l-header-cta_btn--register {
  cursor: pointer;
}

.l-header.renewal-2026.is-open-sp .l-header-logo {
  z-index: 102;
}
.l-header.renewal-2026.is-open-sp .l-header-logo__link svg {
  fill: #231815;
}
.l-header.renewal-2026.is-open-sp .l-header-cta--sp-fixed {
  opacity: 1;
  visibility: visible;
}
.l-header.renewal-2026.is-open-sp .l-header-cta--sp-fixed .l-header-cta_btn--login,
.l-header.renewal-2026.is-open-sp .l-header-cta--sp-fixed .l-header-cta_btn--register {
  cursor: pointer;
}

.renewal-2026 .l-header-cta {
  display: none;
}
@media screen and (min-width: 1280px) {
  .renewal-2026 .l-header-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    white-space: nowrap;
  }
}
.renewal-2026 .l-header-cta_btn--register {
  text-align: center;
  padding: 12px 20px;
  width: 50%;
  min-width: 145px;
  max-width: 290px;
  background-color: #6b4a0c;
  color: #fffcf9;
  font-weight: 500;
  -webkit-box-shadow: 0 -2px 10px rgba(107, 74, 12, 0.1);
          box-shadow: 0 -2px 10px rgba(107, 74, 12, 0.1);
  overflow: hidden;
  -webkit-transition: border-color 0.4s ease, -webkit-box-shadow 0.6s ease;
  transition: border-color 0.4s ease, -webkit-box-shadow 0.6s ease;
  transition: border-color 0.4s ease, box-shadow 0.6s ease;
  transition: border-color 0.4s ease, box-shadow 0.6s ease, -webkit-box-shadow 0.6s ease;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .renewal-2026 .l-header-cta_btn--register {
    width: auto;
    font-size: 0.875rem;
  }
  .renewal-2026 .l-header-cta_btn--register:hover {
    opacity: 1;
  }
}
.renewal-2026 .l-header-cta_btn--register span {
  z-index: 110;
  position: relative;
}
.renewal-2026 .l-header-cta_btn--register:visited {
  color: #fffcf9;
}
.renewal-2026 .l-header-cta_btn--register::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #6d675d 0%, #201c15 100%);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  z-index: 0;
}
.renewal-2026 .l-header-cta_btn--register:hover::before, .renewal-2026 .l-header-cta_btn--register:focus-visible::before {
  opacity: 1;
}
.renewal-2026 .l-header-cta_btn--register:hover::before, .renewal-2026 .l-header-cta_btn--register:focus-visible::before {
  border: 1px solid #d5d4d1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.renewal-2026 .l-header-cta_btn--login {
  text-align: center;
  padding: 12px 20px;
  min-width: 145px;
  max-width: 290px;
  width: 50%;
  border: 1px solid #6d675d;
  color: #6d675d;
  background: #fffcf9;
  font-weight: 500;
  -webkit-box-shadow: 0 -2px 10px rgba(107, 74, 12, 0.1);
          box-shadow: 0 -2px 10px rgba(107, 74, 12, 0.1);
}
.renewal-2026 .l-header-cta_btn--login:visited {
  color: #6d675d;
}
@media screen and (min-width: 1280px) {
  .renewal-2026 .l-header-cta_btn--login {
    width: auto;
    min-width: inherit;
    padding: 0;
    font-size: 0.875rem;
    border: none;
    background: none;
    color: #fffcf9;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .renewal-2026 .l-header-cta_btn--login:visited {
    color: #fffcf9;
  }
}

.l-main.renewal-2026 {
  overflow-x: clip;
  position: relative;
}
.l-main.renewal-2026 .l-main__breadcrumbs {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: var(--header-height, 80);
  z-index: 1;
}

.l-main-subpage.renewal-2026 {
  position: relative;
  background: #fffcf9;
  overflow-x: inherit;
}

.renewal-2026 .l-benefits {
  background: linear-gradient(-235deg, #7b7468 0%, #4e4d4b 60%, #4e4d4b 100%), url("../images/common/benefit-bg-noise.png");
  background-blend-mode: normal;
  background-repeat: repeat;
  background-size: auto;
  padding-block: clamp(60px, 50px + 2.7777777778vw, 90px) clamp(30px, 20px + 2.7777777778vw, 60px);
  width: 100%;
  background-blend-mode: overlay;
}
.renewal-2026 .l-benefits .l-benefits__ttl {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.3333333333rem + 0.7407407407vw, 2rem);
  color: #fffcf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.renewal-2026 .l-benefits .l-benefits__ttl .l-benefits__ttl-heading {
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
  font-weight: 500;
  color: #ead3a5;
  font-size: clamp(0.75rem, 0.7083333333rem + 0.1851851852vw, 0.875rem);
}
.renewal-2026 .l-benefits .l-benefits__contents {
  margin-top: clamp(35px, 26.6666666667px + 2.3148148148vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.renewal-2026 .l-benefits .l-benefits__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fffcf9;
  padding: clamp(15px, 10px + 1.3888888889vw, 30px) clamp(15px, 6.6666666667px + 2.3148148148vw, 40px);
  border: 1px solid #fffcf9;
  border-width: 0 1px 1px;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.renewal-2026 .l-benefits .l-benefits__content:first-of-type {
  border-top: 1px solid #fffcf9;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__content {
    width: 50%;
    padding: 30px 40px;
    gap: 30px;
    border-width: 0 0 1px 1px;
  }
  .renewal-2026 .l-benefits .l-benefits__content:nth-of-type(2) {
    border-width: 1px;
  }
  .renewal-2026 .l-benefits .l-benefits__content:nth-of-type(4) {
    border-width: 0 1px 1px;
  }
  [lang=ja] .renewal-2026 .l-benefits .l-benefits__content:nth-of-type(5) {
    border-width: 0 1px 1px;
    width: calc(50% + 1px);
  }
}
.renewal-2026 .l-benefits .l-benefits__content-icon {
  width: clamp(54px, 39.3333333333px + 4.0740740741vw, 98px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renewal-2026 .l-benefits .l-benefits__content-icon img {
  width: 100%;
}
.renewal-2026 .l-benefits .l-benefits__content-body-ttl {
  font-size: clamp(1rem, 0.875rem + 0.5555555556vw, 1.375rem);
  font-weight: 500;
}
.renewal-2026 .l-benefits .l-benefits__content-body-texts {
  padding-top: clamp(6px, 5.3333333333px + 0.1851851852vw, 8px);
  font-size: clamp(0.75rem, 0.6666666667rem + 0.3703703704vw, 1rem);
}
.renewal-2026 .l-benefits .l-benefits__content-body-texts span {
  padding-left: 1em;
}
.renewal-2026 .l-benefits .l-benefits__content-body-link {
  text-decoration: underline;
}
.renewal-2026 .l-benefits .l-benefits__cta {
  text-align: center;
  margin-top: clamp(35px, 26.6666666667px + 2.3148148148vw, 60px);
}
.renewal-2026 .l-benefits .l-benefits__app-banner {
  margin-top: clamp(35px, 16.6666666667px + 5.0925925926vw, 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body {
  background: #fffcf9;
  padding: clamp(30px, 15px + 4.1666666667vw, 75px) clamp(30px, 10px + 5.5555555556vw, 90px);
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-body {
    width: 50%;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(0.75rem, 0.625rem + 0.5555555556vw, 1.125rem);
  font-weight: 500;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  gap: clamp(8px, 5.3333333333px + 0.7407407407vw, 16px);
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-icon {
  width: clamp(17px, 11px + 1.6666666667vw, 35px);
  height: clamp(17px, 11px + 1.6666666667vw, 35px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: inherit;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-copy-text {
  text-align: left;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-title {
  font-size: clamp(1.5rem, 1.0833333333rem + 1.8518518519vw, 2.75rem);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  line-height: 1.7;
  padding-top: clamp(24px, 20px + 1.1111111111vw, 36px);
  white-space: pre-wrap;
}
[lang=ja] .renewal-2026 .l-benefits .l-benefits__app-banner-body-title {
  font-size: clamp(1.5rem, 1.25rem + 1.1111111111vw, 2.25rem);
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download {
  margin-top: clamp(25px, 18.3333333333px + 1.8518518519vw, 45px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download {
    padding-top: 25px;
    border-top: 1px solid #6d675d;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
        grid-template: "qr lead" "qr btns";
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-qr {
  grid-area: qr;
  margin-right: 15px;
  width: 100px;
  height: 100px;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-text {
  grid-area: lead;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-btns {
  grid-area: btns;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 11px;
}
@media screen and (min-width: 1024px){
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-qr {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-btns {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-btns {
    padding-top: 18px;
    gap: 0;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-btn {
  display: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-btn {
    display: block;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-ios {
  height: 45px;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-ios img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-body-download-ios {
    padding-right: 8px;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-google {
  height: 45px;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-body-download-google img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-img {
  background: url("../images/common/app-banner-bg.jpg") no-repeat center center;
  position: relative;
  aspect-ratio: 300/246;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-img {
    width: 50%;
    aspect-ratio: inherit;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-home {
  width: 28%;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}
.renewal-2026 .l-benefits .l-benefits__app-banner-home img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__app-banner-home {
    width: 160px;
  }
}
.renewal-2026 .l-benefits .l-benefits__app-banner-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #000;
  color: #fffcf9;
  font-size: clamp(0.6875rem, 0.625rem + 0.2777777778vw, 0.875rem);
  position: absolute;
  bottom: 0;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.renewal-2026 .l-benefits .l-benefits__app-banner-link span {
  position: relative;
  display: inline-block;
  padding-block: clamp(10px, 8px + 0.5555555556vw, 16px);
  padding-right: clamp(21px, 15.3333333333px + 1.5740740741vw, 38px);
  width: clamp(12px, 8px + 1.1111111111vw, 24px);
  height: clamp(3px, 1.3333333333px + 0.462962963vw, 8px);
}
.renewal-2026 .l-benefits .l-benefits__app-banner-link span::after {
  position: absolute;
  display: block;
  right: 0;
  content: "";
  width: clamp(12px, 8px + 1.1111111111vw, 24px);
  height: clamp(3px, 1.3333333333px + 0.462962963vw, 8px);
  background: url("../images/common/arrow-narrow.svg") no-repeat center center;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renewal-2026 .l-benefits .l-benefits__anchors {
  margin-top: clamp(60px, 50px + 2.7777777778vw, 90px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(10px, 3.3333333333px + 1.8518518519vw, 30px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__anchors {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026 .l-benefits .l-benefits__anchors-btn {
  display: inline-block;
  position: relative;
  background: #201c15;
  color: #fffcf9;
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 500;
  padding: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px) 40px clamp(20px, 16.6666666667px + 0.9259259259vw, 30px) 30px;
  line-height: 1.5;
  width: 100%;
}
.renewal-2026 .l-benefits .l-benefits__anchors-btn::after {
  position: absolute;
  content: "";
  display: block;
  right: 30px;
  width: 10px;
  height: 5px;
  background: url("../images/common/icon_arw_down_wh.svg") no-repeat center center;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-benefits .l-benefits__anchors-btn {
    width: 33%;
    max-width: 480px;
  }
}

.l-main-subpage.renewal-2026 .l-benefits {
  padding-block: clamp(60px, 40px + 5.5555555556vw, 120px);
}

.renewal-2026 .l-accordion-notes summary {
  display: -ms-grid;
  display: grid; /* 初期値の display: list-item 以外を指定したので、デフォルトの三角形アイコンは非表示になる */
  -ms-grid-columns: 1fr 24px;
  grid-template-columns: 1fr 24px;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: clamp(15px, 13.3333333333px + 0.462962963vw, 20px) clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  border: 1px solid #d5d4d1;
  font-weight: 500;
  color: #2e2617;
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
}
.renewal-2026 .l-accordion-notes summary::-webkit-details-marker {
  display: none;
}
.renewal-2026 .l-accordion-notes .l-accordion-notes__details.is-opened summary {
  border-bottom: none;
}
.renewal-2026 .l-accordion-notes__icon {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.renewal-2026 .l-accordion-notes__icon::before, .renewal-2026 .l-accordion-notes__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.renewal-2026 .l-accordion-notes__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.renewal-2026 .l-accordion-notes__details[open] .l-accordion-notes__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
          transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
  opacity: 0;
}
.renewal-2026 .l-accordion-notes__contens {
  padding: 0 clamp(20px, 16.6666666667px + 0.9259259259vw, 30px) clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
  border: solid #d5d4d1;
  border-width: 0 1px 1px;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
}
.renewal-2026 .l-accordion-notes__contens-item {
  margin-left: 1.5em;
  position: relative;
  list-style: disc;
}
.renewal-2026 .l-accordion-notes__contens-item::marker {
  color: #2e2617;
  font-size: 0.8em;
}
.renewal-2026 .l-accordion-notes__contens-item-link {
  color: #2e2617;
  display: inline-block;
}
.renewal-2026 .l-accordion-notes__contens-item-link:visited {
  color: #2e2617;
}

.renewal-2026 .l-sub-fv {
  position: relative;
  height: 100vh;
  height: 100dvh;
  width: 100%;
}
.renewal-2026 .l-sub-fv__img {
  position: absolute;
  height: 100vh;
  height: 100dvh;
  width: 100%;
}
.renewal-2026 .l-sub-fv__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.renewal-2026 .l-sub-fv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.renewal-2026 .l-sub-fv__head {
  position: absolute;
  bottom: 60px;
  color: #fffcf9;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .l-sub-fv__head {
    bottom: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-sub-fv__head {
    bottom: 90px;
  }
}
.renewal-2026 .l-sub-fv__ttl {
  font-size: clamp(1.5rem, 1.3333333333rem + 0.7407407407vw, 2rem);
  font-weight: 700;
}
[lang=ja] .renewal-2026 .l-sub-fv__ttl {
  font-family: "Noto Serif JP", serif;
}
[lang=en] .renewal-2026 .l-sub-fv__ttl {
  font-family: "Noto Serif", serif;
}
[lang=zh-TW] .renewal-2026 .l-sub-fv__ttl {
  font-family: "Noto Serif TC", serif;
}
[lang=zh-CN] .renewal-2026 .l-sub-fv__ttl {
  font-family: "Noto Serif SC", serif;
}
[lang=ko] .renewal-2026 .l-sub-fv__ttl {
  font-family: "Noto Serif KR", serif;
}
.renewal-2026 .l-sub-fv__lead {
  font-size: clamp(0.75rem, 0.6666666667rem + 0.3703703704vw, 1rem);
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
}
.renewal-2026 .l-sub-fv__lead_note {
  display: block;
}
.renewal-2026 .l-sub-content {
  padding-block: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .l-sub-content__ttl {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.3333333333rem + 0.7407407407vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
[lang=ja] .renewal-2026 .l-sub-content__ttl {
  font-family: "Noto Serif JP", serif;
}
[lang=en] .renewal-2026 .l-sub-content__ttl {
  font-family: "Noto Serif", serif;
}
[lang=zh-TW] .renewal-2026 .l-sub-content__ttl {
  font-family: "Noto Serif TC", serif;
}
[lang=zh-CN] .renewal-2026 .l-sub-content__ttl {
  font-family: "Noto Serif SC", serif;
}
[lang=ko] .renewal-2026 .l-sub-content__ttl {
  font-family: "Noto Serif KR", serif;
}
.renewal-2026 .l-sub-content__lead {
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
  text-align: center;
}
.renewal-2026 .l-sub-content__anchors {
  margin-top: clamp(30px, 20px + 2.7777777778vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-right: 1px solid #d5d4d1;
  border-bottom: 1px solid #d5d4d1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .l-sub-content__anchors {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026 .p-app-feature__contents {
  margin-top: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .l-sub-content__anchor {
  display: inline-block;
}

.renewal-2026.l-footer-inquiry {
  width: 100%;
  position: relative;
}
.renewal-2026.l-footer-inquiry .l-footer-inquiry__bg {
  aspect-ratio: 1/1;
  max-height: 600px;
  width: 100%;
  background: url("../images/common/bg-inquiries_sp.jpg") no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer-inquiry .l-footer-inquiry__bg {
    height: 500px;
    width: 100%;
    background: url("../images/common/bg-inquiries.jpg") no-repeat center center;
    background-size: cover;
  }
}
.renewal-2026.l-footer-inquiry .l-footer-inquiry__link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fffcf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(30px, 20px + 2.7777777778vw, 60px);
  font-weight: 500;
  width: 100%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer-inquiry .l-footer-inquiry__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026.l-footer-inquiry .l-footer-inquiry__link .l-footer-inquiry__link-item {
  border: 1px solid #fffcf9;
  width: 66%;
  max-width: 300px;
  padding: 20px 30px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer-inquiry .l-footer-inquiry__link .l-footer-inquiry__link-item {
    width: 300px;
  }
}

.renewal-2026.l-footer {
  background: #fffcf9;
  width: 100%;
  max-width: none;
  padding-top: clamp(60px, 50px + 2.7777777778vw, 90px);
  padding-inline: 0;
  padding-bottom: calc(clamp(30px, 20px + 2.7777777778vw, 60px) + var(--sp-cta-height, 50px));
}
.renewal-2026.l-footer .l-footer-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 20px 30px;
  max-width: calc(1440px + 16.6666666667vw);
  margin-inline: auto;
  padding-inline: 8.3333333333vw;
  margin-bottom: clamp(50px, 46.6666666667px + 0.9259259259vw, 60px);
}
@media screen and (min-width: 768px) {
  .renewal-2026.l-footer .l-footer-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.renewal-2026.l-footer .l-footer-banner__link {
  width: 100%;
  margin-inline: auto;
}
.renewal-2026.l-footer .l-footer-banner__link img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026.l-footer .l-footer-banner__link {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer .l-footer-banner__link {
    width: calc((100% - 90px) / 4);
  }
}
.renewal-2026.l-footer .l-footer-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer .l-footer-terms {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026.l-footer .l-footer-terms_item {
  display: inline-block;
  text-decoration: underline;
  font-weight: 500;
  line-height: 1.5;
}
.renewal-2026.l-footer .l-footer-brands {
  margin-top: clamp(30px, 20px + 2.7777777778vw, 60px);
  width: 100%;
}
.renewal-2026.l-footer .l-footer-brands__wrap {
  border: 1px solid #d5d4d1;
  padding: 20px clamp(10px, 3.3333333333px + 1.8518518519vw, 30px);
}
.renewal-2026.l-footer .l-footer-brands__ttl {
  font-weight: 500;
}
.renewal-2026.l-footer .l-footer-brands__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  max-width: 540px;
  margin-inline: auto;
}
.renewal-2026.l-footer .l-footer-brands__item {
  width: 33.3333333333%;
}
.renewal-2026.l-footer .l-footer-hotels {
  margin-top: clamp(25px, 23.3333333333px + 0.462962963vw, 30px);
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__details summary {
  -ms-grid-columns: clamp(6.875rem, 6.6666666667rem + 0.9259259259vw, 7.5rem) 24px;
  grid-template-columns: clamp(6.875rem, 6.6666666667rem + 0.9259259259vw, 7.5rem) 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__summary-ttl {
  padding-left: 20px;
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__colums {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 30px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__colums {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__colum {
    width: 33.3333333333%;
  }
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__area {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d4d1;
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__area:not(:first-of-type) {
  margin-top: 30px;
}
.renewal-2026.l-footer .l-footer-hotels .l-footer-hotels__list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 14px;
}
.renewal-2026.l-footer .l-footer-hotels .l-accordion-notes__contens-item {
  margin-left: 0;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  list-style: none;
}
.renewal-2026.l-footer .l-footer-hotels .l-accordion-notes__contens-item-note {
  display: inline-block;
  font-size: clamp(0.75rem, 0.7291666667rem + 0.0925925926vw, 0.8125rem);
}
.renewal-2026.l-footer .l-footer-mfhm {
  margin-top: clamp(30px, 23.3333333333px + 1.8518518519vw, 50px);
  display: inline-block;
}
.renewal-2026.l-footer .l-footer-mfhm__logo {
  width: 70%;
  max-width: 300px;
  margin-inline: auto;
}
.renewal-2026.l-footer .l-footer-mfhm__logo img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026.l-footer .l-footer-mfhm__logo {
    width: 300px;
  }
}
.renewal-2026.l-footer .l-footer-copyright {
  margin-top: 10px;
  font-size: clamp(0.6875rem, 0.625rem + 0.2777777778vw, 0.875rem);
}

.c-breadcrumb[data-type=default] {
  --column-gap: clamp(8px, 7.3333333333px + 0.1851851852vw, 10px);
  container: c-breadcrumb/inline-size;
}
.c-breadcrumb[data-type=default] .c-breadcrumb__inner {
  padding-block: clamp(6px, 4.6666666667px + 0.3703703704vw, 10px);
}
.c-breadcrumb[data-type=default] .c-breadcrumb__nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-align: start;
      justify-self: start;
  color: #fffcf9;
  overflow: auto hidden;
  white-space: nowrap;
  word-break: keep-all;
}
@media screen and (min-width: 1024px) {
  .c-breadcrumb[data-type=default] .c-breadcrumb__nav {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
.c-breadcrumb[data-type=default] .c-breadcrumb__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: var(--column-gap);
     -moz-column-gap: var(--column-gap);
          column-gap: var(--column-gap);
}
.c-breadcrumb[data-type=default] .c-breadcrumb__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--column-gap);
     -moz-column-gap: var(--column-gap);
          column-gap: var(--column-gap);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1.3;
  font-size: clamp(12px, 11.6666666667px + 0.0925925926vw, 13px);
}
.c-breadcrumb[data-type=default] .c-breadcrumb__link {
  color: #fffcf9;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 2px;
}
.c-breadcrumb[data-type=default] .c-breadcrumbs__separator {
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: clamp(6px, 5.3333333333px + 0.1851851852vw, 8px);
}
.c-breadcrumb[data-type=default] .c-breadcrumbs__separator svg {
  fill: #fffcf9;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.renewal-2026 .c-card-primary {
  width: 100%;
  padding: 20px;
  text-align: center;
  border-left: 1px solid #d5d4d1;
  border-top: 1px solid #d5d4d1;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-card-primary {
    width: 25%;
  }
}
.renewal-2026 .c-card-primary__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 500;
}
.renewal-2026 .c-card-primary__ttl span {
  color: #6b4a0c;
  font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
  font-weight: 700;
}
[lang=ja] .renewal-2026 .c-card-primary__ttl span {
  font-family: "Noto Serif JP", serif;
}
[lang=en] .renewal-2026 .c-card-primary__ttl span {
  font-family: "Noto Serif", serif;
}
[lang=zh-TW] .renewal-2026 .c-card-primary__ttl span {
  font-family: "Noto Serif TC", serif;
}
[lang=zh-CN] .renewal-2026 .c-card-primary__ttl span {
  font-family: "Noto Serif SC", serif;
}
[lang=ko] .renewal-2026 .c-card-primary__ttl span {
  font-family: "Noto Serif KR", serif;
}
.renewal-2026 .c-card-primary__img {
  width: 5.9375rem;
  margin-inline: auto;
  padding-top: 0.8125rem;
}
.renewal-2026 .c-card-primary__img img {
  width: 100%;
}
.renewal-2026 .c-card-primary__text {
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
  padding-top: 1.125rem;
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-card-primary__text {
    text-align: left;
  }
}
.renewal-2026 .c-card-primary__link {
  background: #d5d4d1;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  padding: 0.625rem 1.25rem 0.625rem 0.625rem;
  position: relative;
  line-height: 1.5;
  display: inline-block;
  margin-top: 0.9375rem;
}
.renewal-2026 .c-card-primary__link-arrow::after {
  display: inline-block;
  position: absolute;
  content: "";
  right: 0.375rem;
  width: 0.625rem;
  height: 0.25rem;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  top: 46%;
  -webkit-transform: rotate(270deg) translateY(-46%);
          transform: rotate(270deg) translateY(-46%);
}
.renewal-2026 .c-card-primary__link-external {
  padding: 0.625rem;
}
.renewal-2026 .c-card-primary__link-external svg {
  fill: #2e2617;
}
.renewal-2026 .c-card-primary__link-external:not(:first-of-type) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-card-primary--3clm {
    width: 33.3333333333%;
  }
}

.renewal-2026 .c-btn-primary {
  /* 各種定義 */
  --background-color: #6b4a0c;
  --hover-background-color: #201c15;
  --gap-button: 0.5rem;
  --padding-block: 1.0625em 1.25em;
  --padding-inline: 1.25em 1.5625em;
  --text-min-width: 14.3rem;
  --text-color: #fffcf9;
  --icon-color: #fff;
  --icon-size: 1em;
  /* スタイル */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--background-color);
  color: var(--text-color);
  display: -ms-inline-grid;
  display: inline-grid;
  -webkit-column-gap: var(--gap-button);
     -moz-column-gap: var(--gap-button);
          column-gap: var(--gap-button);
  -ms-grid-columns: minmax(var(--text-min-width), 1fr) var(--icon-size);
  grid-template-columns: minmax(var(--text-min-width), 1fr) var(--icon-size);
  font-weight: 500;
  line-height: 1.5;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  position: relative;
  overflow: hidden;
  -webkit-transition: border-color 0.4s ease, -webkit-box-shadow 0.6s ease;
  transition: border-color 0.4s ease, -webkit-box-shadow 0.6s ease;
  transition: border-color 0.4s ease, box-shadow 0.6s ease;
  transition: border-color 0.4s ease, box-shadow 0.6s ease, -webkit-box-shadow 0.6s ease;
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
}
.renewal-2026 .c-btn-primary .c-btn-primary__text {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
.renewal-2026 .c-btn-primary .c-btn-primary__icon {
  aspect-ratio: 1/1;
  display: -ms-grid;
  display: grid;
  place-content: center;
  fill: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
  width: 1em;
  z-index: 1;
}
.renewal-2026 .c-btn-primary:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #6d675d 0%, #201c15 100%);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  z-index: 0;
}
.renewal-2026 .c-btn-primary:hover {
  opacity: 1;
}
.renewal-2026 .c-btn-primary:hover:before, .renewal-2026 .c-btn-primary:focus-visible:before {
  opacity: 1;
}
.renewal-2026 .c-btn-primary:hover:before, .renewal-2026 .c-btn-primary:focus-visible:before {
  border: 1px solid #d5d4d1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.renewal-2026 .c-btn-primary:visited {
  color: var(--text-color);
}
.renewal-2026 .c-btn-primary--invert {
  --background-color: #fff;
  --hover-background-color: #eee;
  --text-color: #6b4a0c;
}
.renewal-2026 .c-btn-primary--outline {
  --background-color: transparent;
  --hover-background-color: #eee;
  --text-color: #6b4a0c;
  border: solid 1px currentColor;
}
.renewal-2026 .c-btn-primary--back {
  --padding-inline: 0.75em 1.875em;
  -ms-grid-columns: var(--icon-size) minmax(var(--text-min-width), 1fr);
  grid-template-columns: var(--icon-size) minmax(var(--text-min-width), 1fr);
}
.renewal-2026 .c-btn-primary--back .c-btn-primary__icon {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.renewal-2026 .c-btn-primary--back .c-btn-primary__icon svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.renewal-2026 .c-btn-secondary {
  /* 各種定義 */
  --background-color: #6b4a0c;
  --hover-background-color: #201c15;
  --gap-button: 1rem;
  --padding-block: 0.625em 0.75em;
  --padding-inline: 1.875em 0.75em;
  --text-min-width: 14.3rem;
  --text-color: #fffcf9;
  --icon-color: #fff;
  --icon-size: 2.1875em;
  /* スタイル */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--background-color);
  border-radius: calc(infinity * 1px);
  color: var(--text-color);
  -webkit-column-gap: var(--gap-button);
     -moz-column-gap: var(--gap-button);
          column-gap: var(--gap-button);
  display: -ms-inline-grid;
  display: inline-grid;
  font-size: clamp(14px, 12px + 0.5555555556vw, 20px);
  font-weight: 700;
  -ms-grid-columns: minmax(var(--text-min-width), 1fr) var(--icon-size);
  grid-template-columns: minmax(var(--text-min-width), 1fr) var(--icon-size);
  line-height: 1.5;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  position: relative;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
.renewal-2026 .c-btn-secondary .c-btn-secondary__text {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renewal-2026 .c-btn-secondary .c-btn-secondary__icon {
  aspect-ratio: 1/1;
  border: solid 1px currentColor;
  border-radius: calc(infinity * 1px);
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.renewal-2026 .c-btn-secondary .c-btn-secondary__icon svg {
  aspect-ratio: 1/1;
  fill: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.75em;
}
@media (hover: hover) {
  .renewal-2026 .c-btn-secondary {
    background-color: var(--hover-background-color);
  }
}
.renewal-2026 .c-btn-secondary:focus-visible {
  background-color: var(--hover-background-color);
}
.renewal-2026 .c-button[data-type=scroll-top] {
  aspect-ratio: 1/1;
  background-color: #6d675d;
  border-radius: calc(infinity * 1px);
  display: -ms-grid;
  display: grid;
  place-content: center;
  -webkit-padding-after: 2px;
          padding-block-end: 2px;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
  width: clamp(40px, 38.3333333333px + 0.462962963vw, 45px);
}
.renewal-2026 .c-button[data-type=scroll-top] svg {
  aspect-ratio: 18/10;
  fill: #fffcf9;
  -o-object-fit: contain;
     object-fit: contain;
  width: clamp(13px, 12.3333333333px + 0.1851851852vw, 15px);
}

/*

---
name: Button

category:
  - component
  - component/button
---

### Primary Button （デフォルト）
```html
<a href="/" class="c-btn-primary">
  <span class="c-btn-primary__text">Why Otsu</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary c-btn-primary--back">
<span class="c-btn-primary__text">Why Otsu</span>
<span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary">
  <span class="c-btn-primary__text">Why Otsu</span>
  <span class="c-btn-primary__icon" aria-label="外部リンク" role="img">
    <svg viewBox="0 -960 960 960">
      <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
    </svg>
  </span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る選ばれる理由をもっと見る選ばれる理由をもっと見る選ばれる理由をもっと見る選ばれる理由をもっと見る選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
```
### Primary Button (反転）
```html
<div style="background-color: #000; padding: 1rem;">
<a href="/" class="c-btn-primary c-btn-primary--invert">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary c-btn-primary--invert c-btn-primary--back">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
</div>
```
### Primary Button （線）
```html
<div style="background-color: #fff; padding: 1rem;">
<a href="/" class="c-btn-primary c-btn-primary--outline">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>
<a href="/" class="c-btn-primary c-btn-primary--outline c-btn-primary--back">
  <span class="c-btn-primary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-primary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
</div>
```
### Primary Button （線）
```html
<a href="/" class="c-btn-secondary">
  <span class="c-btn-secondary__text">選ばれる理由をもっと見る</span>
  <span class="c-btn-secondary__icon" aria-hidden="true" role="img"><svg><use href="#icon-arrow"></use></svg></span>
</a>
<br>
<br>

```

*/
.renewal-2026 .c-primary-ttl, .renewal-2026 .c-primary-ttl--light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-bottom: 1.875em;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-primary-ttl, .renewal-2026 .c-primary-ttl--light {
    padding-bottom: 3.75em;
  }
}
.renewal-2026 .c-primary-ttl .c-primary-ttl__main, .renewal-2026 .c-primary-ttl--light .c-primary-ttl__main {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-primary-ttl .c-primary-ttl__main, .renewal-2026 .c-primary-ttl--light .c-primary-ttl__main {
    font-size: 8rem;
  }
}
.renewal-2026 .c-primary-ttl .c-primary-ttl__sub, .renewal-2026 .c-primary-ttl--light .c-primary-ttl__sub {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  bottom: 0.1666666667em;
  padding: 0.8333333333em 0 0 2.0833333333em;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-primary-ttl .c-primary-ttl__sub, .renewal-2026 .c-primary-ttl--light .c-primary-ttl__sub {
    font-size: 2rem;
  }
}
.renewal-2026 .c-primary-ttl .c-primary-ttl__sub::before, .renewal-2026 .c-primary-ttl--light .c-primary-ttl__sub::before {
  content: "";
  display: block;
  width: 2px;
  height: 1.6666666667em;
  background: #2e2617;
  border-radius: calc(infinity * 1px);
  -webkit-transform: rotateZ(30deg);
          transform: rotateZ(30deg);
  position: absolute;
  top: 0.6666666667em;
  left: 1.1666666667em;
}
.renewal-2026 .c-secondary-ttl {
  font-size: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
  font-weight: 700;
  line-height: 1.5;
  padding-left: 1.25em;
  position: relative;
}
[lang=ja] .renewal-2026 .c-secondary-ttl {
  font-family: "Noto Serif JP", serif;
}
[lang=en] .renewal-2026 .c-secondary-ttl {
  font-family: "Noto Serif", serif;
}
[lang=zh-TW] .renewal-2026 .c-secondary-ttl {
  font-family: "Noto Serif TC", serif;
}
[lang=zh-CN] .renewal-2026 .c-secondary-ttl {
  font-family: "Noto Serif SC", serif;
}
[lang=ko] .renewal-2026 .c-secondary-ttl {
  font-family: "Noto Serif KR", serif;
}
.renewal-2026 .c-secondary-ttl::before {
  content: "";
  display: block;
  width: 0.8333333333em;
  height: clamp(2px, 1.6666666667px + 0.0925925926vw, 3px);
  background: #6b4a0c;
  position: absolute;
  top: clamp(0.875rem, 0.8125rem + 0.2777777778vw, 1.0625rem);
  left: 0;
}
.renewal-2026 .c-primary-ttl--light {
  color: #fff;
}
.renewal-2026 .c-primary-ttl--light .c-primary-ttl__sub::before {
  background-color: #fff;
}
.renewal-2026 .c-tertiary-ttl {
  margin-bottom: 1.5625em;
}
.renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__main {
  font-size: 1.4rem;
  line-height: 1.6;
  display: block;
}
.renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__main::before {
  content: "(";
  padding-right: 0.3571428571em;
}
.renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__main::after {
  content: ")";
  padding-left: 0.3571428571em;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__main {
    font-size: 2.2rem;
  }
}
.renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__sub {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0.3125em;
  display: block;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-tertiary-ttl .c-tertiary-ttl__sub {
    font-size: 3.6rem;
  }
}
.renewal-2026 .c-quaternary-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  padding-left: 1.6666666667em;
  margin-bottom: 0.8333333333em;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-quaternary-ttl {
    font-size: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.renewal-2026 .c-quaternary-ttl::before {
  content: "";
  display: block;
  width: 0.8333333333em;
  height: 2px;
  background: #2e2617;
  border-radius: calc(infinity * 1px);
  position: absolute;
  top: 0.75em;
  left: 0;
}
.renewal-2026 .c-quaternary-ttl .c-quaternary-ttl__main {
  font-size: 2.2rem;
  line-height: 1.2;
  display: block;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-quaternary-ttl .c-quaternary-ttl__main {
    font-size: 2.6rem;
    position: relative;
  }
}
.renewal-2026 .c-quaternary-ttl .c-quaternary-ttl__sub {
  font-size: 1.6rem;
  line-height: 1.2;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding-top: 0.1875em;
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-quaternary-ttl .c-quaternary-ttl__sub {
    padding: 0.625em 0 0 1.5625em;
  }
  .renewal-2026 .c-quaternary-ttl .c-quaternary-ttl__sub::before {
    content: "";
    display: block;
    width: 2px;
    height: 1.3846153846em;
    background: #2e2617;
    border-radius: calc(infinity * 1px);
    -webkit-transform: rotateZ(20deg);
            transform: rotateZ(20deg);
    position: absolute;
    top: 0.3846153846em;
    left: 0.7692307692em;
  }
}
.renewal-2026 .c-bold-ttl--1,
.renewal-2026 .c-bold-ttl--2,
.renewal-2026 .c-bold-ttl--3,
.renewal-2026 .c-bold-ttl--4 {
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.2em;
}
.renewal-2026 .c-bold-ttl--1 {
  font-size: 1.7rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-bold-ttl--1 {
    font-size: 2.2rem;
  }
}
.renewal-2026 .c-bold-ttl--2 {
  font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-bold-ttl--2 {
    font-size: 2rem;
  }
}
.renewal-2026 .c-bold-ttl--3 {
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-bold-ttl--3 {
    font-size: 1.8rem;
  }
}
.renewal-2026 .c-bold-ttl--4 {
  font-size: 1.4rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .c-bold-ttl--4 {
    font-size: 1.6rem;
  }
}
.renewal-2026 .bg--dark {
  background: #2e2617;
}

/*
---
name: Title

category:
  - component
  - component/title
---

### 英語 + 日本語
```html
<h1 class="c-primary-ttl">
  <span class="c-primary-ttl__main">PAGE TITLE</span>
  <span class="c-primary-ttl__sub">タイトル</span>
</h1>
```

### 英語 + 日本語 長いテキストのとき
```html
<h1 class="c-primary-ttl">
  <span class="c-primary-ttl__main">PAGE TITLE PAGE TITLE</span>
  <span class="c-primary-ttl__sub">タイトルタイトルタイトルタイトルタイトルタイトル</span>
</h1>
```

### 英語 + 日本語 背景が暗いとき
```html
<div class="bg--dark">
  <h1 class="c-primary-ttl--light">
    <span class="c-primary-ttl__main">PAGE TITLE PAGE TITLE</span>
    <span class="c-primary-ttl__sub">タイトルタイトルタイトルタイトルタイトルタイトル</span>
  </h1>
</div>
```

### 横線
```html
<h2 class="c-secondary-ttl">下層ページ ディスクリプション タイトル</h2>
```
*/
.c-link {
  color: #2e2617;
  text-decoration: underline;
}
.c-link svg {
  aspect-ratio: 1/1;
  margin-left: 0.2em;
  vertical-align: -2px;
  width: 1em;
  fill: currentColor;
}

.c-link-fn {
  color: #2e2617;
  display: inline-block;
  position: relative;
  padding-left: 1.2em;
  text-decoration: underline;
}
.c-link-fn::before {
  aspect-ratio: 1/1;
  background-color: currentColor;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 1em;
}
.c-link-fn {
  /* 拡張子によってアイコンを出し分ける */
}
.c-link-fn[href$=".pdf"]::before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>') no-repeat center center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>') no-repeat center center/contain;
}
.c-link-fn[href$=".xlsx"]::before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm90.9 233.3c-8.1-10.5-23.2-12.3-33.7-4.2s-12.3 23.2-4.2 33.7L161.6 320l-44.5 57.3c-8.1 10.5-6.3 25.5 4.2 33.7s25.5 6.3 33.7-4.2L192 359.1l37.1 47.6c8.1 10.5 23.2 12.3 33.7 4.2s12.3-23.2 4.2-33.7L222.4 320l44.5-57.3c8.1-10.5 6.3-25.5-4.2-33.7s-25.5-6.3-33.7 4.2L192 280.9l-37.1-47.6z"/></svg>') no-repeat center center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm90.9 233.3c-8.1-10.5-23.2-12.3-33.7-4.2s-12.3 23.2-4.2 33.7L161.6 320l-44.5 57.3c-8.1 10.5-6.3 25.5 4.2 33.7s25.5 6.3 33.7-4.2L192 359.1l37.1 47.6c8.1 10.5 23.2 12.3 33.7 4.2s12.3-23.2 4.2-33.7L222.4 320l44.5-57.3c8.1-10.5 6.3-25.5-4.2-33.7s-25.5-6.3-33.7 4.2L192 280.9l-37.1-47.6z"/></svg>') no-repeat center center/contain;
}
.c-link-fn[href$=".docx"]::before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z"/></svg>') no-repeat center center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z"/></svg>') no-repeat center center/contain;
}
.c-link-fn[href$=".zip"]::before {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l48 0c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l48 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm48 112c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm0 64c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm-6.3 71.8L82.1 335.9c-1.4 5.4-2.1 10.9-2.1 16.4c0 35.2 28.8 63.7 64 63.7s64-28.5 64-63.7c0-5.5-.7-11.1-2.1-16.4l-23.5-88.2c-3.7-14-16.4-23.8-30.9-23.8l-14.8 0c-14.5 0-27.2 9.7-30.9 23.8zM128 336l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>') no-repeat center center/contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l48 0c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l48 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm48 112c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm0 64c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm-6.3 71.8L82.1 335.9c-1.4 5.4-2.1 10.9-2.1 16.4c0 35.2 28.8 63.7 64 63.7s64-28.5 64-63.7c0-5.5-.7-11.1-2.1-16.4l-23.5-88.2c-3.7-14-16.4-23.8-30.9-23.8l-14.8 0c-14.5 0-27.2 9.7-30.9 23.8zM128 336l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>') no-repeat center center/contain;
}
.c-link-fn svg {
  aspect-ratio: 1/1;
  margin-left: 0.2em;
  vertical-align: -2px;
  width: 1em;
}
.c-link-fn svg path {
  fill: currentColor;
}

/*

---
name: link

category:
  - component
  - component/link
---

### デフォルト
```html
<a href="#" class="c-link">詳しくはこちら</a>
<br><br>
<div style="background-color: #000">
<a href="#" class="c-link c-link--invert">詳しくはこちら</a>
</div>
```

### アイコンあり（外部リンク, 別タブ）
```html
<a href="#" class="c-link">詳しくはこちら
  <svg role="img" aria-label="外部リンク" viewBox="0 -960 960 960">
    <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
  </svg>
</a>
<br><br>
<a href="#" class="c-link" target="_blank">詳しくはこちら
<svg role="img" aria-label="外部リンクを別タブで開きます" viewBox="0 -960 960 960">
<path d="M640-160v-360H160v360h480Zm80-200v-80h80v-360H320v200h-80v-200q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v360q0 33-23.5 56.5T800-360h-80ZM160-80q-33 0-56.5-23.5T80-160v-360q0-33 23.5-56.5T160-600h480q33 0 56.5 23.5T720-520v360q0 33-23.5 56.5T640-80H160Zm400-603ZM400-340Z" />
</svg>
</a>
<br><br>
<div style="background-color: #000">
<a href="#" class="c-link c-link--invert">詳しくはこちら
  <svg role="img" aria-label="外部リンク" viewBox="0 -960 960 960">
    <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z" />
  </svg>
</a>
<br><br>
<a href="#" class="c-link c-link--invert" target="_blank">詳しくはこちら
  <svg role="img" aria-label="外部リンクを別タブで開きます" viewBox="0 -960 960 960">
    <path d="M640-160v-360H160v360h480Zm80-200v-80h80v-360H320v200h-80v-200q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v360q0 33-23.5 56.5T800-360h-80ZM160-80q-33 0-56.5-23.5T80-160v-360q0-33 23.5-56.5T160-600h480q33 0 56.5 23.5T720-520v360q0 33-23.5 56.5T640-80H160Zm400-603ZM400-340Z" />
  </svg>
</a>
</div>
```

### アイコンあり（PDF,Excel,Word,ZIP)
```html
<a href="test.pdf" class="c-link-fn">
  年次報告（2023年9月から2024年8月）（PDF／2,893KB）
</a>
<br><br>
<a href="test.pdf" class="c-link-fn" target="_blank">
年次報告（2023年9月から2024年8月）（PDF／2,893KB）
<svg role="img" aria-label="別タブで開きます" viewBox="0 -960 960 960">
<path d="M640-160v-360H160v360h480Zm80-200v-80h80v-360H320v200h-80v-200q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v360q0 33-23.5 56.5T800-360h-80ZM160-80q-33 0-56.5-23.5T80-160v-360q0-33 23.5-56.5T160-600h480q33 0 56.5 23.5T720-520v360q0 33-23.5 56.5T640-80H160Zm400-603ZM400-340Z" />
</svg>
</a>
<br><br>
<a href="test.xlsx" class="c-link-fn" target="_blank">年次報告（2023年9月から2024年8月）（Excel／2,893KB）</a>
<br><br>
<a href="test.docx" class="c-link-fn" target="_blank">年次報告（2023年9月から2024年8月）（Word／2,893KB）</a>
<br><br>
<a href="test.zip" class="c-link-fn" target="_blank">年次報告（2023年9月から2024年8月）（Zip／2,893KB）</a>
<br><br>
<div style="background-color: #000">
<a href="test.pdf" class="c-link-fn c-link-fn--invert">
  年次報告（2023年9月から2024年8月）（PDF／2,893KB）
</a>
<br><br>
<a href="test.pdf" class=" c-link-fn c-link-fn--invert" target="_blank">
  年次報告（2023年9月から2024年8月）（PDF／2,893KB）
  <svg role="img" aria-label="別タブで開きます" viewBox="0 -960 960 960">
    <path d="M640-160v-360H160v360h480Zm80-200v-80h80v-360H320v200h-80v-200q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v360q0 33-23.5 56.5T800-360h-80ZM160-80q-33 0-56.5-23.5T80-160v-360q0-33 23.5-56.5T160-600h480q33 0 56.5 23.5T720-520v360q0 33-23.5 56.5T640-80H160Zm400-603ZM400-340Z" />
  </svg>
</a>
<br><br>
<a href="test.xlsx" class="c-link-fn c-link-fn--invert" target="_blank">年次報告（2023年9月から2024年8月）（Excel／2,893KB）</a>
<br><br>
<a href="test.docx" class="c-link-fn c-link-fn--invert" target="_blank">年次報告（2023年9月から2024年8月）（Word／2,893KB）</a>
<br><br>
<a href="test.zip" class="c-link-fn c-link-fn--invert" target="_blank">年次報告（2023年9月から2024年8月）（Zip／2,893KB）</a>
</div>
```



*/
.renewal-2026 .is-fade-blur {
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.renewal-2026 .is-fade {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-filter: blur(2px);
          filter: blur(2px);
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
@media (max-width: 767px) {
  .renewal-2026 .is-fade.u-no-fade-sp {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-filter: none;
            filter: none;
    -webkit-transition: none;
    transition: none;
  }
}

.renewal-2026 .p-top-fv {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.renewal-2026 .p-top-fv .p-top-fv__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.renewal-2026 .p-top-fv .p-top-fv__bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.renewal-2026 .p-top-fv .p-top-fv__content {
  color: #fffcf9;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  text-align: center;
  padding-top: var(--header-height, 80);
}
.renewal-2026 .p-top-fv .p-top-fv__content-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: clamp(1.5rem, 1.25rem + 1.1111111111vw, 2.25rem);
  font-weight: 700;
  white-space: pre-wrap;
}
[lang=ja] .renewal-2026 .p-top-fv .p-top-fv__content-ttl {
  padding-left: 0.4em;
}
.renewal-2026 .p-top-fv .p-top-fv__content-sub {
  padding-top: 1.125rem;
  padding-inline: 30px;
}
.renewal-2026 .p-top-fv .p-top-fv__content-sub-text {
  font-size: clamp(0.75rem, 0.625rem + 0.5555555556vw, 1.125rem);
}
.renewal-2026 .p-top-fv .p-top-fv__content-logo {
  width: 170px;
  margin-top: 45px;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-fv .p-top-fv__content-logo {
    width: 200px;
    padding-bottom: 0;
  }
}
.renewal-2026 .p-top-point {
  background: #fffcf9;
  width: 100%;
  padding-bottom: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-top-point .p-top-section__heading-point {
  background: url("../images/top/heading-bg_point_sp.jpg") no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point .p-top-section__heading-point {
    background: url("../images/top/heading-bg_point.jpg") no-repeat center center;
    background-size: cover;
  }
}
.renewal-2026 .p-top-point__use {
  padding-top: clamp(45px, 30px + 4.1666666667vw, 90px);
}
.renewal-2026 .p-top-point__use .p-top-point__use-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: clamp(35px, 33.3333333333px + 0.462962963vw, 40px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__use .p-top-point__use-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.renewal-2026 .p-top-point__use .c-card-primary {
  border-right: 1px solid #d5d4d1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__use .c-card-primary {
    border-right: none;
    border-bottom: 1px solid #d5d4d1;
  }
}
.renewal-2026 .p-top-point__use .c-card-primary:last-of-type {
  border-bottom: 1px solid #d5d4d1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__use .c-card-primary:last-of-type {
    border-right: 1px solid #d5d4d1;
  }
}
.renewal-2026 .p-top-point__validity {
  padding-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-top-point__validity .p-top-point__validity-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(30px, 10px + 5.5555555556vw, 90px);
  margin-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__validity .p-top-point__validity-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__validity .p-top-point__validity-body-text {
    width: 50%;
  }
}
.renewal-2026 .p-top-point__validity .p-top-point__validity-body-img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-point__validity .p-top-point__validity-body-img {
    width: clamp(385px, 346.6666666667px + 10.6481481481vw, 500px);
  }
}
.renewal-2026 .p-top-point__validity .p-top-point__validity-body-img img {
  width: 100%;
}
.renewal-2026 .p-top-point__note {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-top-point__cta {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  text-align: center;
}
.renewal-2026 .p-top-stage {
  background: #fffcf9;
  width: 100%;
  padding-bottom: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-top-stage .p-top-section__heading-stage {
  background: url("../images/top/heading-bg_stage_sp.jpg") no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage .p-top-section__heading-stage {
    background: url("../images/top/heading-bg_stage.jpg") no-repeat center center;
    background-size: cover;
  }
}
.renewal-2026 .p-top-stage .p-top-stage__about {
  margin-top: clamp(45px, 30px + 4.1666666667vw, 90px);
  text-align: center;
}
.renewal-2026 .p-top-stage .p-top-stage__img {
  width: 100%;
}
.renewal-2026 .p-top-stage .p-top-stage__img img {
  width: 100%;
}
.renewal-2026 .p-top-stage__table-wrapper {
  display: block;
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.renewal-2026 .p-top-stage__table-wrapper .p-top-stage__table {
  border-collapse: collapse;
  min-width: 100%;
  white-space: nowrap;
  line-height: 1.5;
  table-layout: fixed;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .p-top-stage__table {
    white-space: inherit;
  }
}
.renewal-2026 .p-top-stage__table-wrapper th {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper th {
    width: 20%;
  }
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_left,
.renewal-2026 .p-top-stage__table-wrapper .col-stage {
  padding: clamp(16px, 14.6666666667px + 0.3703703704vw, 20px) clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  font-weight: 700;
  font-size: clamp(0.75rem, 0.625rem + 0.5555555556vw, 1.125rem);
  white-space: normal;
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_left {
  width: 130px;
  color: #fffcf9;
  background: #6d675d;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .col-stage_left {
    width: 20%;
  }
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage {
  width: 140px;
  border-left: 1px solid #f2ebe5;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .col-stage {
    width: 20%;
  }
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage span {
  display: block;
  font-weight: 400;
  font-size: clamp(0.6875rem, 0.625rem + 0.2777777778vw, 0.875rem);
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_bronze {
  background: linear-gradient(-215deg, #b5ab97 0%, #b5ab97 40%, #8c8370 100%);
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_gold {
  background: linear-gradient(-215deg, #ebd4a6 0%, #ebd4a6 40%, #c3a470 100%);
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_platinum {
  background: linear-gradient(-215deg, #f2f1ee 0%, #f2f1ee 40%, #a8a6a1 100%);
}
.renewal-2026 .p-top-stage__table-wrapper .col-stage_diamond {
  background: linear-gradient(-215deg, #ebf7fc 0%, #ebf7fc 40%, #93c6db 100%);
}
.renewal-2026 .p-top-stage__table-wrapper .col-left {
  width: 130px;
  padding: clamp(8px, 5.6666666667px + 0.6481481481vw, 15px);
  font-size: clamp(0.75rem, 0.6666666667rem + 0.3703703704vw, 1rem);
  font-weight: 500;
  background: #d5d4d1;
  border: solid #f2ebe5;
  border-width: 1px 0 0;
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .col-left {
    width: 20%;
  }
}
.renewal-2026 .p-top-stage__table-wrapper .col {
  width: 140px;
  padding: clamp(8px, 5.6666666667px + 0.6481481481vw, 15px);
  font-size: clamp(0.6875rem, 0.5833333333rem + 0.462962963vw, 1rem);
  font-weight: 400;
  border: solid #f2ebe5;
  border-width: 1px 0 0 1px;
  -ms-flex-line-pack: center;
      align-content: center;
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .col {
    width: 20%;
  }
}
.renewal-2026 .p-top-stage__table-wrapper .col-bronze {
  background: #cfc6b2;
}
.renewal-2026 .p-top-stage__table-wrapper .col-gold {
  background: #ead3a5;
}
.renewal-2026 .p-top-stage__table-wrapper .col-platinum {
  background: #e9e8e5;
}
.renewal-2026 .p-top-stage__table-wrapper .col-diamond {
  background: #e4f3f9;
}
.renewal-2026 .p-top-stage__table-wrapper .p-top-stage__table-ja-label {
  text-align: left;
  padding: 10px 10px 10px 2em;
  color: #fffcf9;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.6666666667rem + 0.3703703704vw, 1rem);
  background: #6d675d;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__table-wrapper .p-top-stage__table-ja-label {
    text-align: center;
  }
}
.renewal-2026 .p-top-stage__table-swipe {
  text-align: left;
  margin-top: 0.625rem;
}
.renewal-2026 .p-top-stage__table-swipe::before {
  content: "←";
}
.renewal-2026 .p-top-stage__table-swipe::after {
  content: "→";
}
.renewal-2026 .p-top-stage__note {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-top-stage__note-list-ttl {
  padding-bottom: 6px;
  font-weight: 500;
}
.renewal-2026 .p-top-stage__note-list-ttl:not(:first-of-type) {
  margin-top: 20px;
}
.renewal-2026 .p-top-stage__note-link {
  color: #6b4a0c;
  text-decoration: underline;
}
.renewal-2026 .p-top-stage__note-link:visited {
  color: #6b4a0c;
}
.renewal-2026 .p-top-stage__up {
  padding-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-top-stage__up .p-top-stage__up-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(30px, 10px + 5.5555555556vw, 90px);
  margin-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__up .p-top-stage__up-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.renewal-2026 .p-top-stage__up .p-top-stage__up-body-text {
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__up .p-top-stage__up-body-text {
    width: 50%;
  }
}
.renewal-2026 .p-top-stage__up .p-top-stage__up-body-img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-stage__up .p-top-stage__up-body-img {
    width: clamp(385px, 363.3333333333px + 6.0185185185vw, 450px);
  }
}
.renewal-2026 .p-top-stage__up .p-top-stage__up-body-img img {
  width: 100%;
}
.renewal-2026 .p-top-stage__down {
  padding-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-top-stage__down .p-top-stage__down-body {
  margin-top: 2.5rem;
}
.renewal-2026 .p-top-stage__down .p-top-stage__down-body-text {
  white-space: pre-wrap;
}
.renewal-2026 .p-top-group {
  background: #fffcf9;
  width: 100%;
  padding-bottom: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-top-group .p-top-section__heading-group {
  background: url("../images/top/heading-bg_group_sp.jpg") no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-section__heading-group {
    background: url("../images/top/heading-bg_group.jpg") no-repeat center center;
    background-size: cover;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-wrap {
  padding-inline: 4.1666666667vw;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-wrap {
    padding-inline: 8.3333333333vw;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab {
  width: 100%;
  margin-top: clamp(45px, 30px + 4.1666666667vw, 90px);
}
.renewal-2026 .p-top-group .p-top-group__tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(10px, 8.3333333333px + 0.462962963vw, 15px);
  border-bottom: 1px solid #d5d4d1;
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn {
  width: 50%;
  text-align: center;
  border: solid #d5d4d1;
  border-width: 1px 1px 0;
  position: relative;
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn[aria-selected=true] {
  border-top: 3px solid #6b4a0c;
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn[aria-selected=true]::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fffcf9;
  position: absolute;
  bottom: -1px;
  width: 100%;
  left: 0;
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn-01 {
  padding: 24px clamp(17px, -27.3333333333px + 12.3148148148vw, 150px);
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn-02 {
  padding: clamp(28px, 26.3333333333px + 0.462962963vw, 33px) clamp(20px, -33.3333333333px + 14.8148148148vw, 180px);
}
.renewal-2026 .p-top-group .p-top-group__tab-menu-btn-img {
  width: 100%;
  height: auto;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-menu-btn-img {
    width: auto;
    height: 100%;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-panel {
  padding: clamp(30px, 30px + 0vw, 30px) clamp(20px, 6.6666666667px + 3.7037037037vw, 60px) clamp(45px, 40px + 1.3888888889vw, 60px);
  border: solid #d5d4d1;
  border-width: 0 1px 1px;
}
.renewal-2026 .p-top-group .p-top-group__tab-panel-02 {
  display: none;
}
.renewal-2026 .p-top-group .p-top-group__tab-lead {
  margin-bottom: clamp(30px, 20px + 2.7777777778vw, 60px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-lead {
    padding-top: 15px;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-lead span {
  display: block;
}
.renewal-2026 .p-top-group .p-top-group__tab-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 30px;
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 0;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-cards-loop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-cards-loop .p-top-group__tab-card-platinum {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-all {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-platinum {
    width: 66.6666666667%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    height: 100%;
  }
  .renewal-2026 .p-top-group .p-top-group__tab-card-content-group .p-top-group__tab-card-content {
    border-left: none;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content {
  line-height: 1.5;
  padding: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  border: 1px solid #d5d4d1;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content:not(:first-of-type) {
  border-top: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content:not(:first-of-type) {
    border-top: 1px solid #d5d4d1;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content--2clm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 45px;
    gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content--2clm .p-top-group__tab-card-content-img {
    margin-inline: 0;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content--2clm .p-top-group__tab-card-content-body {
    padding-left: 35px;
    border-left: 1px solid #d5d4d1;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content--2clm .p-top-group__tab-card-content-ttl {
  font-size: clamp(16px, 14.6666666667px + 0.3703703704vw, 20px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content--2clm .p-top-group__tab-card-content-ttl {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card--3clm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card--3clm .p-top-group__tab-card-content {
    width: 33.3333333333%;
  }
  .renewal-2026 .p-top-group .p-top-group__tab-card--3clm .p-top-group__tab-card-content:not(:first-of-type) {
    border-left: none;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-card-label {
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 500;
  padding: 10px;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-label--all {
  background: linear-gradient(-215deg, #b5ab97 0%, #b5ab97 40%, #8c8370 100%);
}
.renewal-2026 .p-top-group .p-top-group__tab-card-label--platinum {
  background: linear-gradient(-215deg, #f2f1ee 0%, #f2f1ee 40%, #a8a6a1 100%);
}
.renewal-2026 .p-top-group .p-top-group__tab-card-label--gold {
  background: linear-gradient(-215deg, #ebd4a6 0%, #ebd4a6 40%, #c3a470 100%);
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-category {
  padding-bottom: 10px;
  font-weight: 700;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-img {
  aspect-ratio: 1/1;
  width: 40%;
  max-width: 150px;
  margin-inline: auto;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-ttl {
  padding-top: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content-ttl {
    text-align: left;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-text {
  padding-top: 15px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__tab-card-content-text {
    text-align: left;
  }
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-text-br {
  display: block;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-link {
  background: #d5d4d1;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  padding: 0.625rem;
  position: relative;
  line-height: 1.5;
  display: inline-block;
  margin-top: 0.9375rem;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-link svg {
  fill: #2e2617;
}
.renewal-2026 .p-top-group .p-top-group__tab-card-content-link:not(:first-of-type) {
  margin-top: 0.5rem;
}
.renewal-2026 .p-top-group .p-top-group__note {
  margin-top: 60px;
}
.renewal-2026 .p-top-group .l-accordion-notes summary {
  padding-inline: clamp(15px, 10px + 1.3888888889vw, 30px);
  -ms-grid-columns: 1fr 18px;
  grid-template-columns: 1fr 18px;
}
.renewal-2026 .p-top-group .l-accordion-notes__contens {
  padding-inline: clamp(15px, 10px + 1.3888888889vw, 30px);
}
.renewal-2026 .p-top-group .p-top-group__note-item {
  padding: clamp(15px, 13.3333333333px + 0.462962963vw, 20px) clamp(15px, 10px + 1.3888888889vw, 30px);
  border: 1px solid #d5d4d1;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template: "num body" "img img";
  -ms-grid-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr;
  grid-template-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__note-item {
    -ms-grid-rows: ;
        grid-template: "num body img";
    -ms-grid-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr 343px;
    grid-template-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr 343px;
  }
}
.renewal-2026 .p-top-group .p-top-group__note-item:not(:first-of-type) {
  margin-top: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__note-item.p-top-group__note-item--no-img {
    -ms-grid-rows: ;
        grid-template: "num body";
    -ms-grid-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr;
    grid-template-columns: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px) 1fr;
  }
}
.renewal-2026 .p-top-group .p-top-group__note-item-num {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: inline-block;
  font-size: clamp(18px, 16px + 0.5555555556vw, 24px);
  background: #6d675d;
  color: #fffcf9;
  border-radius: 100%;
  width: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px);
  height: clamp(30px, 26.6666666667px + 0.9259259259vw, 40px);
  text-align: center;
  line-height: 1.5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: num;
}
.renewal-2026 .p-top-group .p-top-group__note-item-texts {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: body;
  padding-left: clamp(10px, 5px + 1.3888888889vw, 25px);
}
.renewal-2026 .p-top-group .p-top-group__note-item-ttl {
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
}
.renewal-2026 .p-top-group .p-top-group__note-link {
  color: #6b4a0c;
  text-decoration: underline;
}
.renewal-2026 .p-top-group .p-top-group__note-link::after {
  content: "";
}
.renewal-2026 .p-top-group .p-top-group__note-item-img {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: img;
  margin-top: 20px;
  margin-inline: auto;
}
@media screen and (min-width: 1024px){
  .renewal-2026 .p-top-group .p-top-group__note-item-num {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-top-group .p-top-group__note-item.p-top-group__note-item--no-img > .p-top-group__note-item-num {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-top-group .p-top-group__note-item-texts {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .renewal-2026 .p-top-group .p-top-group__note-item.p-top-group__note-item--no-img > .p-top-group__note-item-texts {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .renewal-2026 .p-top-group .p-top-group__note-item-img {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-group .p-top-group__note-item-img {
    margin-top: 0;
  }
}
.renewal-2026 .p-top-section__heading {
  position: relative;
  aspect-ratio: 1/1;
  max-height: 600px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-section__heading {
    height: 500px;
    width: 100%;
  }
}
.renewal-2026 .p-top-section__heading-inner {
  position: absolute;
  bottom: 45px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-section__heading-inner {
    bottom: 90px;
  }
}
.renewal-2026 .p-top-section-ttl {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.3333333333rem + 0.7407407407vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: clamp(3px, 2px + 0.2777777778vw, 6px);
  color: #fffcf9;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.renewal-2026 .p-top-section-ttl-heading {
  font-family: "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.7083333333rem + 0.1851851852vw, 0.875rem);
  color: #fffcf9;
}
.renewal-2026 .p-top-section-lead {
  color: #fffcf9;
  padding-top: 45px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-top-section-lead-inner {
    display: inline-block;
    max-width: 600px;
  }
}

/*

---
name: Index（TOPページ用）

category:
  - project
  - project/index
---

```html
<div class="p-feature-box-list">
  <div class="p-feature-box">
    <figure class="p-feature-box__img">
      <img src="https://placehold.jp/520x347.png" alt="" width="520" height="347">
    </figure>
    <div class="p-feature-box__body">
      <div class="p-feature-box-ttl">
        <h3 class="p-feature-box-ttl__main">Cowcamo</h3>
        <p class="p-feature-box-ttl__sub">カウカモ</p>
      </div>
      <p class="p-feature-box-summary">中古・リノベーション住宅の流通プラットフォーム「cowcamo（カウカモ）」の企画・開発・運営を通じて住まいの流通構造の革新に取り組んでいます。</p>
      <div class="p-feature-box-btn">
        <a href="" class="c-btn">
          <span>VIEW MORE</span>
        </a>
      </div>
    </div>
  </div>
  <div class="p-feature-box">
    <figure class="p-feature-box__img">
      <img src="https://placehold.jp/520x347.png" alt="" width="520" height="347">
    </figure>
    <div class="p-feature-box__body">
      <div class="p-feature-box-ttl">
        <h3 class="p-feature-box-ttl__main">R-home</h3>
        <p class="p-feature-box-ttl__sub">不動産企画デザイン</p>
      </div>
      <p class="p-feature-box-summary">不動産領域における​新たな価値創造を生む事をミッションとして事業に取り組んでいます。</p>
      <div class="p-feature-box-btn">
        <a href="" class="c-btn">
          <span>VIEW MORE</span>
        </a>
      </div>
    </div>
  </div>
</div>

```

*/
.renewal-2026 .p-coupon {
  background: #fffcf9;
}
.renewal-2026 .p-coupon__code-heading {
  font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
  font-weight: 700;
  margin-top: clamp(30px, 20px + 2.7777777778vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 1em;
}
.renewal-2026 .p-coupon__code-heading::before, .renewal-2026 .p-coupon__code-heading::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 6px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a69169), color-stop(0, #a69169)) top/100% 1px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #a69169), color-stop(0, #a69169)) bottom/100% 1px no-repeat;
  background: linear-gradient(#a69169 0 0, #a69169 0 0) top/100% 1px no-repeat, linear-gradient(#a69169 0 0, #a69169 0 0) bottom/100% 1px no-repeat;
}
.renewal-2026 .p-coupon__code-heading:not(:first-of-type) {
  margin-top: clamp(40px, 26.6666666667px + 3.7037037037vw, 80px);
}
.renewal-2026 .p-coupon__code-heading-inner {
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-coupon__code-heading-inner {
    width: inherit;
  }
}
.renewal-2026 .p-coupon__code-cards {
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-coupon__code-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px;
  }
}
.renewal-2026 .p-coupon__code-card {
  background: #fff;
  border: 1px solid #d5d4d1;
  padding: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-coupon__code-card {
    width: calc(33.3333333333% - 40px);
  }
}
.renewal-2026 .p-coupon__code-card-heading {
  color: #6b4a0c;
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 700;
}
.renewal-2026 .p-coupon__code-card-off {
  font-weight: 500;
  font-size: clamp(1.25rem, 1.1666666667rem + 0.3703703704vw, 1.5rem);
}
.renewal-2026 .p-coupon__code-card-btn {
  background: #2e2617;
  color: #fffcf9;
  padding: 10px 40px 10px 30px;
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
  display: inline-block;
  position: relative;
  color: #fffcf9;
}
.renewal-2026 .p-coupon__code-card-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 16px;
  background: url("../images/coupon/icon-copy.svg") no-repeat center center;
  background-size: cover;
  top: 10px;
  right: 10px;
}
.renewal-2026 .p-coupon__code-click {
  color: #fffcf9;
}
.renewal-2026 .p-coupon__code-value {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 3px;
  display: block;
}
.renewal-2026 .p-coupon__code-card-notes {
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
}
.renewal-2026 .p-coupon__code-card-note {
  display: block;
  font-size: 0.75rem;
}
.renewal-2026 .p-counpon__cta {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  text-align: center;
}
.renewal-2026 .p-counpon__ttl {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
}
.renewal-2026 .p-counpon__use-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
  border-right: 1px solid #d5d4d1;
  border-bottom: 1px solid #d5d4d1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-counpon__use-steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-counpon__use-step {
    padding: 30px 35px;
  }
}
.renewal-2026 .p-counpon__use-step-login {
  display: block;
  margin-top: 10px;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  text-decoration: underline;
}
.renewal-2026 .p-counpon__conditions-list {
  margin-top: 30px;
}
.renewal-2026 .p-counpon__conditions-item {
  margin-left: 1.5em;
  position: relative;
  list-style: disc;
}
.renewal-2026 .p-counpon__conditions-item::marker {
  color: #2e2617;
  font-size: 0.8em;
}
.renewal-2026 .p-counpon__brands-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-counpon__brands-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.renewal-2026 .p-counpon__brands-item {
  display: inline-block;
  height: clamp(75px, 65px + 2.7777777778vw, 105px);
}
.renewal-2026 .p-counpon__brands-item img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.renewal-2026 .p-app-fv {
  position: relative;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv {
    height: 100vh;
    height: 100dvh;
  }
}
.renewal-2026 .p-app-fv__img {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv__img {
    height: 100vh;
    height: 100dvh;
  }
}
.renewal-2026 .p-app-fv__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.renewal-2026 .p-app-fv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.renewal-2026 .p-app-fv_contens {
  position: relative;
  color: #fffcf9;
  width: 100%;
  padding-top: var(--breadcrumbs-height, 90);
  height: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_contens {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "p-app-fv_img p-app-fv_main-copy" "p-app-fv_img p-app-fv_sub-copy" "p-app-fv_img p-app-fv_content-download";
    place-content: center;
    -webkit-column-gap: 150px;
       -moz-column-gap: 150px;
            column-gap: 150px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: 1200px;
    margin-inline: auto;
  }
}
.renewal-2026 .p-app-fv_img {
  width: 31%;
  max-width: 213px;
  margin-inline: auto;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_img {
    width: 213px;
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    margin-top: 0;
    grid-area: p-app-fv_img;
    -ms-grid-row-align: center;
        align-self: center;
  }
}
.renewal-2026 .p-app-fv_main-copy {
  font-size: clamp(1.5rem, 1.25rem + 1.1111111111vw, 2.25rem);
  font-weight: 700;
  margin-inline: auto;
  padding-inline: 8.3333333333vw;
  padding-top: 36px;
  line-height: 1.7;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_main-copy {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    padding-top: 0;
    grid-area: p-app-fv_main-copy;
    padding-inline: 0;
    -ms-grid-row-align: center;
        align-self: center;
    width: 100%;
    text-align: left;
  }
  [lang=jp] .renewal-2026 .p-app-fv_main-copy {
    text-align: center;
  }
}
.renewal-2026 .p-app-fv_sub-copy {
  font-size: clamp(0.875rem, 0.75rem + 0.5555555556vw, 1.25rem);
  margin-inline: auto;
  padding-inline: 8.3333333333vw;
  margin-top: 15px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_sub-copy {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    grid-area: p-app-fv_sub-copy;
    padding-inline: 0;
    margin-top: 0;
    width: 100%;
    text-align: left;
  }
  [lang=jp] .renewal-2026 .p-app-fv_sub-copy {
    text-align: center;
  }
}
.renewal-2026 .p-app-fv_content-download {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "p-app-fv_app-heading p-app-fv_content-btns";
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  padding: 20px 15px;
  background-color: #201c15;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  width: 100%;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_content-download {
    background-color: inherit;
    padding: 0;
        grid-template-areas: "p-app-fv_app-heading p-app-fv_qr" "p-app-fv_content-btns p-app-fv_qr";
    margin-top: 95px;
    -ms-grid-columns: auto 30px auto;
    grid-template-columns: auto auto;
    place-content: center;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    position: inherit;
    grid-area: p-app-fv_content-download;
  }
}
@media screen and (min-width: 1024px){
  .renewal-2026 .p-app-fv_img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-fv_main-copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-app-fv_sub-copy {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-app-fv_content-download {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.renewal-2026 .p-app-fv_app-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(8px, 7.3333333333px + 0.1851851852vw, 10px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-area: p-app-fv_app-heading;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_app-heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  [lang=jp] .renewal-2026 .p-app-fv_app-heading {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.renewal-2026 .p-app-fv_app-icon {
  width: 30px;
  height: 30px;
}
.renewal-2026 .p-app-fv_app-icon img {
  width: 100%;
}
.renewal-2026 .p-app-fv_app-name {
  font-size: clamp(0.8125rem, 0.75rem + 0.2777777778vw, 1rem);
  white-space: pre-wrap;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_app-name {
    white-space: nowrap;
  }
}
.renewal-2026 .p-app-fv_content-btns {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: p-app-fv_content-btns;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_content-btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 15px;
  }
}
.renewal-2026 .p-app-fv_ios,
.renewal-2026 .p-app-fv_google {
  display: none;
  height: 40px;
  width: auto;
}
.renewal-2026 .p-app-fv_ios img,
.renewal-2026 .p-app-fv_google img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_ios,
  .renewal-2026 .p-app-fv_google {
    display: inline-block;
    height: 60px;
  }
}
.renewal-2026 .p-app-fv_ios-img,
.renewal-2026 .p-app-fv_google-img {
  height: 100%;
}
.renewal-2026 .p-app-fv_qr {
  display: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-fv_qr {
    display: block;
    grid-area: p-app-fv_qr;
    width: 120px;
    height: 120px;
  }
  .renewal-2026 .p-app-fv_qr img {
    width: 100%;
  }
}
@media screen and (min-width: 1024px){
  .renewal-2026 .p-app-fv_app-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-fv_content-btns {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-fv_qr {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
}
.renewal-2026 .p-app-feature__anchor-img {
  padding-top: 0;
}
.renewal-2026 .p-app-feature__anchor-ttl {
  margin-top: 20px;
  position: relative;
  padding-bottom: 1.5em;
}
.renewal-2026 .p-app-feature__anchor-ttl:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  width: 16px;
  height: 8px;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "p-app-feature__contents-ttl p-app-feature__contents-carousel-container" "p-app-feature__contents-main p-app-feature__contents-carousel-container" "p-app-feature__contents-sub p-app-feature__contents-carousel-container";
    -webkit-column-gap: 90px;
       -moz-column-gap: 90px;
            column-gap: 90px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: 1fr 90px auto;
    grid-template-columns: 1fr auto;
  }
}
.renewal-2026 .p-app-feature__contents-ttl {
  font-size: clamp(1.5rem, 1.4166666667rem + 0.3703703704vw, 1.75rem);
  font-weight: 700;
  position: relative;
  padding-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  grid-area: p-app-feature__contents-ttl;
  z-index: 1;
}
.renewal-2026 .p-app-feature__contents-ttl:before {
  display: inline-block;
  position: absolute;
  top: 0;
  font-size: clamp(70px, 60px + 2.7777777778vw, 100px);
  color: #eee7d9;
  line-height: 1;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-ttl:before {
    top: -5%;
  }
}
.renewal-2026 .p-app-feature__contents-ttl-01:before {
  content: "01";
}
.renewal-2026 .p-app-feature__contents-ttl-02:before {
  content: "02";
}
.renewal-2026 .p-app-feature__contents-ttl-03:before {
  content: "03";
}
.renewal-2026 .p-app-feature__contents-ttl-04:before {
  content: "04";
}
.renewal-2026 .p-app-feature__contents-carousel-container {
  position: relative;
  overflow: hidden;
  padding-block: clamp(15px, 10px + 1.3888888889vw, 30px);
  grid-area: p-app-feature__contents-carousel-container;
  margin-top: 20px;
  background: #eee7d9;
  max-width: 100%;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  cursor: -webkit-grab;
  cursor: grab;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-carousel-container {
    margin-top: 0;
    width: clamp(400px, 343.3333333333px + 15.7407407407vw, 570px);
    height: clamp(400px, 343.3333333333px + 15.7407407407vw, 570px);
  }
}
.renewal-2026 .p-app-feature__contents-carousel-container:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-no-carousel .p-app-feature__contents-carousel {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.renewal-2026 .p-app-feature__contents-carousel {
  position: relative;
  height: clamp(400px, 370px + 8.3333333333vw, 490px);
}
.renewal-2026 .p-app-feature__contents-carousel-img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: clamp(200px, 186.6666666667px + 3.7037037037vw, 240px);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 0;
}
.renewal-2026 .p-app-feature__contents-carousel-img.is-center {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  z-index: 2;
}
.renewal-2026 .p-app-feature__contents-carousel-img.is-next {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 1;
  z-index: 1;
}
.renewal-2026 .p-app-feature__contents-carousel-img.is-hidden {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
  opacity: 0;
  z-index: 0;
}
.renewal-2026 .p-app-feature__contents-carousel-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.renewal-2026 .p-app-feature__contents-carousel-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(70px, 56.6666666667px + 3.7037037037vw, 110px);
  height: clamp(70px, 56.6666666667px + 3.7037037037vw, 110px);
  z-index: 1;
}
.renewal-2026 .p-app-feature__contents-carousel-btn-inner {
  position: absolute;
  right: clamp(15px, 10px + 1.3888888889vw, 30px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  width: clamp(35px, 28.3333333333px + 1.8518518519vw, 55px);
  height: clamp(35px, 28.3333333333px + 1.8518518519vw, 55px);
  border-radius: 100px;
  background-color: #6d675d;
}
.renewal-2026 .p-app-feature__contents-carousel-btn-inner:after {
  position: absolute;
  width: clamp(12px, 9.3333333333px + 0.7407407407vw, 20px);
  height: clamp(7px, 6px + 0.2777777778vw, 10px);
  content: "";
  background: url(../images/common/icon_arw_down_wh.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
          transform: translate(-50%, -50%) rotate(270deg);
}
.renewal-2026 .p-app-feature__contents-carousel-pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 12px;
}
.renewal-2026 .carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d5d4d1;
  border: none;
  padding: 0;
  cursor: pointer;
}
.renewal-2026 .carousel__dot.is-active {
  background: #6d675d;
}
.renewal-2026 .p-app-feature__contents-main {
  margin-top: clamp(20px, 13.3333333333px + 1.8518518519vw, 40px);
  grid-area: p-app-feature__contents-main;
}
.renewal-2026 .p-app-feature__contents-text {
  white-space: pre-wrap;
}
.renewal-2026 .p-app-feature__contents-note {
  white-space: pre-wrap;
  margin-top: 10px;
}
.renewal-2026 .p-app-feature__contents-link {
  margin-top: 10px;
  text-decoration: underline;
  display: inline-block;
}
.renewal-2026 .p-app-feature__contents-sub {
  margin-top: clamp(30px, 20px + 2.7777777778vw, 60px);
  border: 1px solid #d5d4d1;
  padding: clamp(20px, 18.3333333333px + 0.462962963vw, 25px);
  grid-area: p-app-feature__contents-sub;
}
@media screen and (min-width: 1024px){
  .renewal-2026 .p-app-feature__contents-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-feature__contents-carousel-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-app-feature__contents-main {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-feature__contents-sub {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-sub {
    max-width: 590px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.renewal-2026 .p-app-feature__contents-sub-ttl {
  font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
  font-weight: 700;
  position: relative;
  padding-left: 48px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-sub-ttl {
    padding-left: 58px;
  }
}
.renewal-2026 .p-app-feature__contents-sub-ttl::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-feature__contents-sub-ttl::before {
    width: 50px;
    height: 50px;
  }
}
.renewal-2026 .p-app-feature__contents-sub-ttl-01::before {
  background: url("../images/app/app-feature__hotel.png") no-repeat center center;
  background-size: cover;
}
.renewal-2026 .p-app-feature__contents-sub-ttl-03::before {
  background: url("../images/app/app-feature__key.png") no-repeat center center;
  background-size: cover;
}
.renewal-2026 .p-app-feature__contents-sub-ttl-04::before {
  background: url("../images/app/app-feature__repeat.png") no-repeat center center;
  background-size: cover;
}
.renewal-2026 .p-app-feature__contents-sub-brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renewal-2026 .p-app-feature__contents-sub-brand {
  width: 33.3333333333%;
  min-width: 120px;
}
.renewal-2026 .p-app-feature__contents-sub-text {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 20px;
}
.renewal-2026 .p-app-feature__contents-sub-link {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 10px;
  display: inline-block;
  text-decoration: underline;
}
.renewal-2026 .p-app-all-wrap {
  background: linear-gradient(-235deg, #7b7468 0%, #4e4d4b 60%, #4e4d4b 100%), url("../images/common/benefit-bg-noise.png");
  background-blend-mode: normal;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  background-blend-mode: overlay;
  color: #fffcf9;
  text-align: center;
  padding-block: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-app-all_lead {
  margin-top: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
  white-space: pre-wrap;
}
.renewal-2026 .p-app-all_list {
  margin-top: clamp(30px, 20px + 2.7777777778vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_list {
    row-gap: 45px;
    max-width: 1200px;
    margin-inline: auto;
  }
}
.renewal-2026 .p-app-all_item {
  width: 85px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_item {
    width: 200px;
  }
}
.renewal-2026 .p-app-all_item-img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_item-img {
    width: 120px;
    margin-inline: auto;
  }
}
.renewal-2026 .p-app-all_item-text {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_item-text {
    margin-top: 15px;
  }
}
.renewal-2026 .p-app-all_download {
  margin-top: 60px;
  border: 1px solid #fffcf9;
  padding: 30px;
  max-width: 540px;
  margin-inline: auto;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_download {
    margin-top: 90px;
    padding: 30px 60px;
    max-width: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-grid;
    display: grid;
        grid-template-areas: "p-app-all_download-text p-app-all_download-qr" "p-app-all_download-btns p-app-all_download-qr";
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    place-items: center;
  }
}
.renewal-2026 .p-app-all_download-text {
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  font-weight: 500;
  grid-area: p-app-all_download-text;
  line-height: 1.5;
}
.renewal-2026 .p-app-all_download-btns {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  row-gap: 13px;
  grid-area: p-app-all_download-btns;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_download-btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-column-gap: 13px;
       -moz-column-gap: 13px;
            column-gap: 13px;
  }
}
.renewal-2026 .p-app-all_download-btn {
  display: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-app-all_download-btn {
    display: inline-block;
  }
}
.renewal-2026 .p-app-all_download-btn--ios-img,
.renewal-2026 .p-app-all_download-btn--google-img {
  height: 50px;
  width: auto;
}
.renewal-2026 .p-app-all_download-btn--ios-img img,
.renewal-2026 .p-app-all_download-btn--google-img img {
  height: 100%;
  width: auto;
}
.renewal-2026 .p-app-all_download-qr {
  grid-area: p-app-all_download-qr;
  width: 110px;
  height: 110px;
}
@media screen and (min-width: 1024px){
  .renewal-2026 .p-app-all_download-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-all_download-btns {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-app-all_download-qr {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
}

.renewal-2026 .p-vouchers-blcok {
  padding-bottom: 0;
}
.renewal-2026 .p-vouchers-blcok:last-of-type {
  padding-bottom: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-vouchers__anchor-img {
  width: 150px;
  height: 150px;
  padding-top: 0;
}
.renewal-2026 .p-vouchers__anchor-ttl {
  margin-top: 20px;
  font-weight: 700;
}
.renewal-2026 .p-vouchers__anchor-lead {
  margin-top: 4px;
  padding-bottom: 1.5em;
  position: relative;
}
.renewal-2026 .p-vouchers__anchor-lead:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  width: 16px;
  height: 8px;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.renewal-2026 .p-vouchers__gift {
  padding-top: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-vouchers__gift-lead {
  text-align: center;
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
}
.renewal-2026 .p-vouchers__gift-block-ttl {
  margin-top: clamp(45px, 35px + 2.7777777778vw, 75px);
}
.renewal-2026 .p-vouchers__card-wrap {
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
}
.renewal-2026 .p-vouchers__card-2clm-wrap {
  display: -ms-grid;
  display: grid;
  row-gap: clamp(30px, 25px + 1.3888888889vw, 45px);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__card-2clm-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: clamp(30px, 20px + 2.7777777778vw, 60px);
       -moz-column-gap: clamp(30px, 20px + 2.7777777778vw, 60px);
            column-gap: clamp(30px, 20px + 2.7777777778vw, 60px);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
}
.renewal-2026 .p-vouchers__card {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "p-vouchers__card-img" "p-vouchers__card-ttl" "p-vouchers__card-points" "p-vouchers__card-validity";
  padding: 20px 25px;
  background: #fff;
  border: 1px solid #d5d4d1;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card {
        grid-template-areas: "p-vouchers__card-img p-vouchers__card-ttl" "p-vouchers__card-img p-vouchers__card-points" "p-vouchers__card-img p-vouchers__card-validity";
    padding: 25px 25px;
    -ms-grid-columns: auto 20px 1fr;
    grid-template-columns: auto 1fr;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
  }
}
.renewal-2026 .p-vouchers__card-ttl {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-ttl;
  font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card-ttl {
    margin-top: 0;
  }
}
.renewal-2026 .p-vouchers__card-points {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-points;
  color: #6b4a0c;
  font-weight: 500;
  font-size: clamp(1rem, 0.9583333333rem + 0.1851851852vw, 1.125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
}
.renewal-2026 .p-vouchers__card-points-units {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  font-weight: 400;
  color: inherit;
  display: inline-block;
}
.renewal-2026 .p-vouchers__card-validity {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-validity;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 15px;
  white-space: pre-wrap;
}
.renewal-2026 .p-vouchers__card-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-img;
  width: 100%;
}
.renewal-2026 .p-vouchers__card-img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card-img {
    width: 220px;
    height: auto;
  }
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "p-vouchers__card-img" "p-vouchers__card-ttl" "p-vouchers__card-points" "p-vouchers__card-validity";
  padding: 20px 25px;
  background: #fff;
  border: 1px solid #d5d4d1;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card {
        grid-template-areas: "p-vouchers__card-img p-vouchers__card-ttl" "p-vouchers__card-img p-vouchers__card-points" "p-vouchers__card-img p-vouchers__card-validity";
    padding: 35px 45px;
    -ms-grid-columns: auto 35px 1fr;
    grid-template-columns: auto 1fr;
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    max-width: 960px;
    margin-inline: auto;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-validity {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-ttl {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-ttl;
  font-size: clamp(1.125rem, 1rem + 0.5555555556vw, 1.5rem);
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-ttl {
    margin-top: 0;
  }
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-points {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-points;
  color: #6b4a0c;
  font-weight: 500;
  font-size: clamp(1.125rem, 1.0833333333rem + 0.1851851852vw, 1.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: clamp(3px, 0.6666666667px + 0.6481481481vw, 10px);
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-points-units {
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
  font-weight: 400;
  color: inherit;
  display: inline-block;
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-validity {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-validity;
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
  white-space: pre-wrap;
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: p-vouchers__card-img;
  width: 100%;
}
@media screen and (min-width: 768px){
  .renewal-2026 .p-vouchers__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-validity {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-validity {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-validity {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card > .p-vouchers__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
.renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-img {
    width: 220px;
    height: auto;
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__card-1clm-wrap .p-vouchers__card-img {
    width: 380px;
  }
}
.renewal-2026 .p-vouchers__accordion-note {
  max-width: 960px;
  margin-inline: auto;
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
}
.renewal-2026 .p-vouchers__accordion-note-hotel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
}
.renewal-2026 .p-vouchers__accordion-note-hotel:not(:first-of-type) {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-hotel:not(:first-of-type) {
    margin-top: 0;
  }
}
.renewal-2026 .p-vouchers__accordion-note-hotel-img {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renewal-2026 .p-vouchers__accordion-note-hotel-img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-vouchers__accordion-note-hotel-img {
    width: 180px;
  }
}
.renewal-2026 .p-vouchers__accordion-note-hotels-text {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
  font-weight: 500;
}
.renewal-2026 .p-vouchers__accordion-note-table-wrap {
  padding-top: 20px;
}
.renewal-2026 .p-vouchers__accordion-note-table {
  border: 1px solid #d5d4d1;
  width: 100%;
}
.renewal-2026 .p-vouchers__accordion-note-table thead {
  background-color: #eee7d9;
}
.renewal-2026 .p-vouchers__accordion-note-table th,
.renewal-2026 .p-vouchers__accordion-note-table td {
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  padding: 10px clamp(15px, 10px + 1.3888888889vw, 30px);
  font-weight: 400;
  white-space: pre-wrap;
}
.renewal-2026 .p-vouchers__accordion-note-table span {
  font-size: clamp(0.6875rem, 0.6666666667rem + 0.0925925926vw, 0.75rem);
  display: block;
}
.renewal-2026 .p-vouchers__accordion-note-table--2clm tr {
  border-top: 1px solid #d5d4d1;
}
.renewal-2026 .p-vouchers__accordion-note-table--2clm th:nth-of-type(1),
.renewal-2026 .p-vouchers__accordion-note-table--2clm td:nth-of-type(1) {
  width: clamp(120px, 40px + 22.2222222222vw, 360px);
}
.renewal-2026 .p-vouchers__accordion-note-table--2clm th.is-area:nth-of-type(1),
.renewal-2026 .p-vouchers__accordion-note-table--2clm td.is-area:nth-of-type(1) {
  width: clamp(80px, 6.6666666667px + 20.3703703704vw, 300px);
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm {
  width: 100%;
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm thead {
  display: none;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm thead {
    display: table-header-group;
  }
  .renewal-2026 .p-vouchers__accordion-note-table--3clm thead th:nth-of-type(1) {
    width: 180px;
  }
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: clamp(120px, 40px + 22.2222222222vw, 360px) 1fr;
  grid-template-columns: clamp(120px, 40px + 22.2222222222vw, 360px) 1fr;
      grid-template-areas: "area area" "name type";
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm tbody tr {
    display: table-row;
    -ms-grid-columns: none;
    grid-template-columns: none;
        grid-template-areas: none;
  }
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  display: none;
  grid-area: area;
  background: #d5d4d1;
  font-size: clamp(0.875rem, 0.8333333333rem + 0.1851851852vw, 1rem);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(1) {
    grid-area: auto;
    width: 180px;
    background: none;
    display: block;
    visibility: hidden;
  }
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: name;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(2) {
    grid-area: auto;
  }
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: type;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm tbody td:nth-of-type(3) {
    grid-area: auto;
  }
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody tr.is-area-head {
  border-top: 1px solid #d5d4d1;
}
.renewal-2026 .p-vouchers__accordion-note-table--3clm tbody tr.is-area-head td:nth-of-type(1) {
  display: block;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-vouchers__accordion-note-table--3clm tbody tr.is-area-head td:nth-of-type(1) {
    visibility: visible;
  }
}
.renewal-2026 .p-vouchers__accordion-td-note {
  padding-top: clamp(5px, 3.3333333333px + 0.462962963vw, 10px);
}
.renewal-2026 .p-vouchers__gift-note-list {
  margin-top: clamp(20px, 16.6666666667px + 0.9259259259vw, 30px);
}
.renewal-2026 .p-vouchers__gift-note-item {
  margin-left: 1.5em;
  position: relative;
  list-style: disc;
}
.renewal-2026 .p-vouchers__gift-note-item::marker {
  color: #2e2617;
  font-size: 0.8em;
}
.renewal-2026 .p-vouchers__cta {
  margin-top: clamp(45px, 40px + 1.3888888889vw, 60px);
  text-align: center;
}
.renewal-2026 .p-vouchers__accordion-note-text {
  white-space: pre-wrap;
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
  margin-top: 20px;
}
.renewal-2026 .p-vouchers__card--others-note {
  white-space: pre-wrap;
  margin-top: clamp(15px, 13.3333333333px + 0.462962963vw, 20px);
  font-size: clamp(0.8125rem, 0.7916666667rem + 0.0925925926vw, 0.875rem);
}

.renewal-2026 .p-gift__anchors-wrap {
  background: #eee7d9;
}
.renewal-2026 .p-gift__anchors {
  padding-block: 18px;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-gift__anchors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.renewal-2026 .p-gift__anchor {
  width: 100%;
  display: inline-block;
  position: relative;
  padding-block: 10px;
  border-bottom: 1px solid #d5d4d1;
  font-weight: 700;
}
.renewal-2026 .p-gift__anchor:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-gift__anchor {
    padding-block: 0;
    padding-inline: clamp(10px, 3.3333333333px + 1.8518518519vw, 30px);
    border-bottom: none;
    border-right: 1px solid #d5d4d1;
  }
  .renewal-2026 .p-gift__anchor:last-of-type {
    border-right: 0;
  }
}
.renewal-2026 .p-gift__anchor:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 5px;
  background: url(../images/common/icon_arw_down_br.svg) no-repeat center center;
  background-size: cover;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .p-gift__anchor:after {
    right: clamp(10px, 3.3333333333px + 1.8518518519vw, 30px);
  }
}
.renewal-2026 .p-gift__block:not(:first-of-type) {
  margin-top: clamp(60px, 50px + 2.7777777778vw, 90px);
}
.renewal-2026 .p-gift__block.p-gift__block-1st {
  margin-top: clamp(60px, 40px + 5.5555555556vw, 120px);
}
.renewal-2026 .p-gift__block-ttl {
  text-align: left;
  font-size: clamp(1.5rem, 1.3333333333rem + 0.7407407407vw, 2rem);
  font-weight: 700;
}
.renewal-2026 .p-gift__cards-wrap {
  padding-top: 30px;
  border-bottom: 1px solid #d5d4d1;
  max-width: 1080px;
  margin-inline: auto;
}
.renewal-2026 .p-gift__card {
  background: #fff;
  padding: clamp(25px, 21.6666666667px + 0.9259259259vw, 35px) clamp(20px, 13.3333333333px + 1.8518518519vw, 40px);
  border-color: #d5d4d1;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  line-height: 1.5;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "p-gift__card-img" "p-gift__card-ttl" "p-gift__card-points" "p-gift__card-texts";
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card {
        grid-template-areas: "p-gift__card-img p-gift__card-ttl" "p-gift__card-img p-gift__card-points" "p-gift__card-img p-gift__card-texts";
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: auto 35px 1fr;
    grid-template-columns: auto 1fr;
  }
}
.renewal-2026 .p-gift__card.p-gift__card--accordion {
      grid-template-areas: "p-gift__card-img" "p-gift__card-ttl" "p-gift__card-points" "p-gift__card-texts" "p-gift__card-accordion-note";
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card.p-gift__card--accordion {
        grid-template-areas: "p-gift__card-img p-gift__card-ttl" "p-gift__card-img p-gift__card-points" "p-gift__card-img p-gift__card-texts" "p-gift__card-accordion-note p-gift__card-accordion-note";
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    -ms-grid-rows: auto auto 1fr auto;
    grid-template-rows: auto auto 1fr auto;
    -ms-grid-columns: clamp(220px, 166.6666666667px + 14.8148148148vw, 380px) 35px auto;
    grid-template-columns: clamp(220px, 166.6666666667px + 14.8148148148vw, 380px) auto;
  }
}
.renewal-2026 .p-gift__card.p-gift__card--noimage {
      grid-template-areas: "p-gift__card-ttl" "p-gift__card-points" "p-gift__card-texts";
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card.p-gift__card--noimage {
        grid-template-areas: "p-gift__card-ttl p-gift__card-texts" "p-gift__card-points p-gift__card-texts";
    -webkit-column-gap: 45px;
       -moz-column-gap: 45px;
            column-gap: 45px;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 1fr 45px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.renewal-2026 .p-gift__card.p-gift__card--noimage .p-gift__card-ttl {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card.p-gift__card--noimage .p-gift__card-texts {
    margin-top: 0;
  }
}
.renewal-2026 .p-gift__card.p-gift__card--noimage .p-gift__card-text {
  white-space: pre-wrap;
}
.renewal-2026 .p-gift__card-ttl {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: p-gift__card-ttl;
  font-size: clamp(1.125rem, 1rem + 0.5555555556vw, 1.5rem);
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card-ttl {
    margin-top: 0;
  }
}
.renewal-2026 .p-gift__card-points {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: p-gift__card-points;
  font-size: clamp(0.875rem, 0.75rem + 0.5555555556vw, 1.25rem);
  font-weight: 500;
  color: #6b4a0c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: clamp(5px, 2.3333333333px + 0.7407407407vw, 13px);
}
.renewal-2026 .p-gift__card-points-unites {
  font-size: clamp(0.6875rem, 0.5833333333rem + 0.462962963vw, 1rem);
  font-weight: 400;
  color: inherit;
}
.renewal-2026 .p-gift__card-texts {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: p-gift__card-texts;
  margin-top: clamp(20px, 11.6666666667px + 2.3148148148vw, 45px);
  line-height: 1.8;
}
.renewal-2026 .p-gift__card-items {
  font-weight: 500;
  margin-top: 10px;
  white-space: pre-wrap;
}
.renewal-2026 .p-gift__card-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: p-gift__card-img;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .renewal-2026 .p-gift__card-img {
    width: clamp(220px, 166.6666666667px + 14.8148148148vw, 380px);
  }
}
.renewal-2026 .p-gift__card-accordion-note {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: p-gift__card-accordion-note;
  margin-top: clamp(30px, 25px + 1.3888888889vw, 45px);
  line-height: 1.8;
}
@media screen and (min-width: 768px){
  .renewal-2026 .p-gift__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--accordion > .p-gift__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--noimage > .p-gift__card-ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-gift__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--accordion > .p-gift__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--noimage > .p-gift__card-points {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-gift__card-texts {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--accordion > .p-gift__card-texts {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card.p-gift__card--noimage > .p-gift__card-texts {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .renewal-2026 .p-gift__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-gift__card.p-gift__card--accordion > .p-gift__card-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .renewal-2026 .p-gift__card-accordion-note {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.renewal-2026 .p-gift__card-accordion-table {
  margin-block: 10px;
}
.renewal-2026 .p-gift__card-accordion-table td {
  padding-block: 4px;
}
.renewal-2026 .p-gift__card-accordion-table td:first-of-type {
  width: clamp(80px, 73.3333333333px + 1.8518518519vw, 100px);
}
.renewal-2026 .p-gift__card-link {
  display: inline-block;
  text-decoration: underline;
  margin-top: 10px;
}
.renewal-2026 .p-gift__cta {
  text-align: center;
  margin-top: clamp(60px, 50px + 2.7777777778vw, 90px);
  padding-bottom: clamp(60px, 40px + 5.5555555556vw, 120px);
}

.renewal-2026 .u-container-large, .renewal-2026 .u-container-small, .renewal-2026 .u-container {
  max-width: calc(1440px + 16.6666666667vw);
  margin-inline: auto;
  padding-inline: 8.3333333333vw;
}

.renewal-2026 .u-container-small {
  padding-inline: 4.1666666667vw;
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .u-container-large {
    padding-inline: 12.5vw;
  }
}
.renewal-2026 .u-container-full-width {
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .u-container-full-width-left {
    margin-left: calc(50% - 50vw);
    width: calc(100vw + 50% - 50vw);
  }
}
@media screen and (min-width: 1024px) {
  .renewal-2026 .u-container-full-width-right {
    margin-right: calc(50% - 50vw);
    width: calc(100vw + 50% - 50vw);
  }
}

.u-visually-hidden {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  inline-size: 4px !important;
  block-size: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  contain: strict !important;
  pointer-events: none !important;
  visibility: visible !important;
  border: none !important;
  opacity: 0 !important;
}

[lang=ja] .renewal-2026 .u-serif {
  font-family: "Noto Serif JP", serif;
}
[lang=en] .renewal-2026 .u-serif {
  font-family: "Noto Serif", serif;
}
[lang=zh-TW] .renewal-2026 .u-serif {
  font-family: "Noto Serif TC", serif;
}
[lang=zh-CN] .renewal-2026 .u-serif {
  font-family: "Noto Serif SC", serif;
}
[lang=ko] .renewal-2026 .u-serif {
  font-family: "Noto Serif KR", serif;
}