@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/*html body setting*/
/**
 * 注意: `_utility` ディレクトリ配下の SCSS ファイルを更新したときは、
 * 必ず `./.github/skills/rules-css/SKILL.md` の内容も更新してください。
 * 人間と AI の双方が忘れないよう、skills の内容を併せて刷新してください。
 */
/**
 * @function rclamp
 * @description 最小値 ($min) から最大値 ($max) の間で、ビューポートの幅に基づいてスケーリングされる値を生成します。出力値は rem 単位です。
 * @param {number} $min - 最小フォントサイズまたは要素サイズ (px単位)。
 * @param {number} $max - 最大フォントサイズまたは要素サイズ (px単位)。
 * @param {number} [$minViewport=1024] - スケーリングを開始する最小ビューポート幅 (px単位)。
 * @param {number} [$maxViewport=1920] - スケーリングを終了する最大ビューポート幅 (px単位)。
 * @returns {string} clamp() 関数を含むCSS文字列（例: clamp(9.91rem, 8.5rem + 0.9vw, 19.2rem)）。
 */
/**
 * @function clumnsize
 * @description コンテナ全体に対して、指定された列数と列間のギャップ（間隔）を考慮した、各列が占めるべき単一の幅（サイズ）を計算します。
 * @param {number} $columnCount - 配置したい列の総数。
 * @param {string} $gap - 列と列の間に設定するギャップ（間隔）のCSS単位値 (例: '1rem', '20px')。
 * @returns {string} calc() 関数を含むCSS文字列（列幅）。
 */
/**
 * @function fs
 * @description フォントサイズを、最小サイズ ($minSize) を下限として設定する関数。
 * @param {number} $px - フォントサイズに加算される固定ピクセル値。
 * @param {number} [$minSize=16] - フォントサイズの下限となる最小サイズ (px単位)。
 * @returns {string} max() 関数を含むCSS文字列（フォントサイズ）。
 *
 * @example
 * // 出力: max(12px, var(--vw-size24));
 * .text {
 * font-size: fs(24, 12);
 * }
 */
/*Color
------------------------------------------*/
/*Font
------------------------------------------*/
/*Space
------------------------------------------*/
/*Line height
------------------------------------------*/
/*Letter spacing
------------------------------------------*/
/*Border radius
------------------------------------------*/
/* z-index
------------------------------------------*/
/* easing
------------------------------------------*/
/**
 * 注意: `_utility` ディレクトリ配下の SCSS ファイルを更新したときは、
 * 必ず `./.github/skills/rules-css/SKILL.md` の内容も更新してください。
 * 人間と AI の双方が忘れないよう、skills の内容を併せて刷新してください。
 */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
}

body {
  position: relative;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  margin: auto;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt", "palt";
}

/*px base setting*/
#pxBase sup {
  vertical-align: super;
  font-size: 0.5em;
}
#pxBase a:link,
#pxBase a:visited,
#pxBase a:active,
#pxBase a:hover {
  text-decoration: none;
}
#pxBase figure {
  position: relative;
}
#pxBase img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
#pxBase img.object-fit {
  object-fit: cover;
  height: 100%;
}

a,
input,
textarea,
button,
select,
summary,
details {
  outline: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus,
summary:focus,
details:focus {
  outline: none;
}
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
button:focus-visible,
select:focus-visible,
summary:focus-visible,
details:focus-visible {
  outline: auto !important;
  outline-color: #000 !important;
  outline-offset: -1px !important;
  box-shadow: inset 0 0 0 3px #fff;
}

.l-header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  pointer-events: none;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}
.l-header:where(.is-modal-open *) {
  position: absolute;
  top: calc(var(--scroll-top) * 1px);
}
.l-header__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  padding-right: clamp(20.2rem, 8.3142857143rem + 11.6071428571vw, 30.6rem);
  min-height: calc(clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem) + clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem) * 2);
  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: all;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.05);
}
.l-header__inner:where(.is-modal-open *) {
  opacity: 0;
  pointer-events: none;
}
.l-header__inner:where(.--department *) {
  padding-left: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  padding-right: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
}
@media screen and (min-width: 1025px) {
  .l-header__inner {
    z-index: 1002;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__inner {
    padding: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem) !important;
    height: calc(clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem) + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * 2);
  }
}
.l-header__logo-wrap {
  display: grid;
  grid-template-columns: clamp(9.2rem, 1.4285714286rem + 7.5892857143vw, 16rem) 1fr;
  align-items: center;
  gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  height: fit-content;
}
.l-header__logo-wrap .l-header__logo {
  width: 100%;
  min-width: auto;
}
.l-header__logo-label {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
  line-height: 1.6;
  position: relative;
}
.l-header__logo-label::before {
  content: "";
  position: absolute;
  left: calc(clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * -1);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #EFEDEA;
}
@media screen and (max-width: 1280px) {
  .l-header__logo-label::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__logo-label::before {
    display: block;
  }
}
@media screen and (max-width: 450px) {
  .l-header__logo-label {
    line-height: 1.1;
  }
}
.l-header__logo {
  height: clamp(3.2rem, 2.0571428571rem + 1.1160714286vw, 4.2rem) !important;
}
.l-header__logo img {
  height: 100%;
}
.l-header__logo-sl {
  width: clamp(12.8rem, 8.2285714286rem + 4.4642857143vw, 16.8rem);
  margin-left: clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem);
}
.l-header__nav-wrap {
  display: flex;
  align-items: center;
  gap: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem);
}
@media screen and (max-width: 1100px) {
  .l-header__nav-wrap {
    flex-direction: column-reverse;
    align-items: flex-end !important;
  }
}
.l-header__nav-wrap {
  display: flex;
  align-items: center;
  gap: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem);
}
.l-header__nav-list {
  display: flex;
  align-items: center;
  gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  padding: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
}
.l-header__nav-list:where(.--department *) {
  gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
}
@media screen and (max-width: 1100px) {
  .l-header__nav-list {
    padding: clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem) 0;
  }
}
.l-header__nav-list-item {
  position: relative;
  line-height: 1.1;
}
.l-header__nav-list-link {
  display: block;
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
  line-height: 1.1;
  transition: all 0.3s ease;
  text-align: center;
}
.l-header__nav-list-link:where(.is-current *) {
  color: #E87722;
}
@media (hover: hover) {
  .l-header__nav-list-link:hover {
    color: #E87722;
  }
  .l-header__nav-list-link:hover span::after {
    background-color: #E87722 !important;
  }
}
@media (hover: none) {
  .l-header__nav-list-link:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__nav-list-link.--blank-icon span {
  display: flex;
  align-items: center;
}
.l-header__nav-list-link.--blank-icon span::after {
  content: "";
  display: inline-block;
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-external.svg");
  background-color: #222222;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .l-header__nav-list-link.--blank-icon:hover .label::after {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .l-header__nav-list-link.--blank-icon:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__nav-list-button {
  position: relative;
  display: flex;
  align-items: center;
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
  line-height: 1.1;
  transition: all 0.3s ease;
}
.l-header__nav-list-button[aria-expanded=true] {
  color: #E87722;
}
.l-header__nav-list-button[aria-expanded=true] .icon {
  background-color: #E87722;
}
.l-header__nav-list-button[aria-expanded=true] .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.l-header__nav-list-button[aria-expanded=true] + .l-header__nav-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.l-header__nav-list-button:where(.is-current *) {
  color: #E87722;
}
@media (hover: hover) {
  .l-header__nav-list-button:hover {
    color: #E87722;
  }
  .l-header__nav-list-button:hover .icon {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .l-header__nav-list-button:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__nav-list-button .icon {
  position: relative;
  display: inline-block;
  width: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
  height: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  background-color: #222222;
  border-radius: clamp(0.15rem, -0.0214285714rem + 0.1674107143vw, 0.3rem);
  transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .l-header__nav-list-button .icon {
    width: clamp(2.1rem, 2.1rem + 0vw, 2.1rem);
    height: clamp(2.1rem, 2.1rem + 0vw, 2.1rem);
  }
}
.l-header__nav-list-button .icon::before, .l-header__nav-list-button .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 50%;
  background-color: #ffffff;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
.l-header__nav-list-button .icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.l-header__nav-sub-menu {
  position: absolute;
  top: calc(100% + clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem));
  left: 0;
  background: #EFEDEA;
  width: max-content;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 0 clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  padding: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  border: 1px solid #ffffff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.l-header__nav-sub-menu:where(.--department *) {
  grid-template-columns: repeat(2, auto);
}
.l-header__nav-sub-list-item {
  padding: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) 0;
  line-height: 1;
}
.l-header__nav-sub-list-item.--sp-accordion {
  grid-column: 1/-1;
  border-bottom: 1px dashed #959597;
  padding-bottom: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem);
  margin-bottom: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
}
.l-header__nav-sub-list-link {
  display: block;
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
}
.l-header__nav-sub-list-link br {
  display: none;
}
.l-header__nav-sub-list-link:where(.--sp-accordion *) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header__nav-sub-list-link:where(.--sp-accordion *) .icon {
  display: block;
  position: relative;
  display: inline-block;
  width: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
  height: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  background-color: #222222;
  border-radius: clamp(0.15rem, -0.0214285714rem + 0.1674107143vw, 0.3rem);
  background-image: url("../images/renew_2026/icn-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  transition: all 0.5s ease;
}
@media (hover: hover) {
  .l-header__nav-sub-list-link:where(.--sp-accordion *):hover .icon {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .l-header__nav-sub-list-link:where(.--sp-accordion *):active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__floating-list-link-wrap {
  display: flex;
  gap: clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem);
  align-items: center;
}
.l-header__floating {
  position: fixed;
  display: flex;
  align-items: center;
  gap: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem);
  top: 0;
  padding: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) 0;
  right: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem);
  z-index: 1001;
  pointer-events: all;
}
@media screen and (max-width: 1100px) {
  .l-header__floating-list-link.c-button__gray {
    height: clamp(2.4rem, 1.4857142857rem + 0.8928571429vw, 3.2rem);
  }
  .l-header__floating-list-link.c-button__gray br {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .l-header__floating-list-link.c-button__gray {
    height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  }
  .l-header__floating-list-link.c-button__gray br {
    display: block !important;
  }
}
.l-header__floating-list-link.c-button__gray:where(.--department *) {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
}
.l-header__floating-list-link.c-button__gray:where(.--department *) .label {
  padding: 0 clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  min-width: auto;
  line-height: 1.1;
  text-align: center;
}
.l-header__floating-list-link.c-button__gray.--blank-icon .label::after {
  content: "";
  display: inline-block;
  width: clamp(0.5rem, -0.0714285714rem + 0.5580357143vw, 1rem);
  height: clamp(0.5rem, -0.0714285714rem + 0.5580357143vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-external.svg");
  background-color: #222222;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .l-header__floating-list-link.c-button__gray.--blank-icon:hover .label::after {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .l-header__floating-list-link.c-button__gray.--blank-icon:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__floating-list-button + .l-header__nav-sub-menu {
  top: calc(100% - clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem));
  right: 0;
  left: auto;
  display: flex;
  flex-direction: column;
}
.l-header__floating-list-button[aria-expanded=true] + .l-header__nav-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.l-header__floating-list-button.lang .img {
  mask-image: url("../images/renew_2026/icn-language.svg");
}
.l-header__menu {
  position: fixed;
  inset: 0;
  width: 100%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
}
.l-header__menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.l-header__menu-logo-wrap {
  position: fixed !important;
  top: calc(clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
  left: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  z-index: 1001;
  display: flex;
  align-items: center;
  gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  transform: translateX(25px);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: calc(var(--index-child) * 0.1s);
  opacity: 0;
}
.l-header__menu-logo-wrap:where(.is-open *) {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .l-header__menu-logo-wrap {
    display: none;
  }
}
.l-header__menu-logo {
  width: clamp(10rem, 3.1428571429rem + 6.6964285714vw, 16rem);
  height: auto;
}
@media screen and (max-width: 1024px) {
  .l-header__menu-logo {
    width: var(--vw-size168);
    min-width: auto;
  }
}
.l-header__menu-inner {
  display: grid;
  grid-template-columns: clamp(24rem, -18.9714285714rem + 41.9642857143vw, 61.6rem) 1fr;
  gap: clamp(10rem, -5.7714285714rem + 15.4017857143vw, 23.8rem);
  padding: clamp(6rem, -5.4285714286rem + 11.1607142857vw, 16rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  min-height: 100%;
  height: 100vh;
  overflow-y: scroll;
}
@media screen and (max-width: 1280px) {
  .l-header__menu-inner {
    padding-top: clamp(9.6rem, -6.8571428571rem + 16.0714285714vw, 24rem);
  }
}
@media screen and (max-width: 1024px) {
  .l-header__menu-inner {
    grid-template-columns: 1fr;
    padding: clamp(10.8rem, -7.9428571429rem + 18.3035714286vw, 27.2rem) clamp(3.2rem, -0.4571428571rem + 3.5714285714vw, 6.4rem);
  }
}
.l-header__menu-image {
  height: 100%;
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  overflow: hidden;
  transform: translateX(25px);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: calc(var(--index-child) * 0.1s);
  opacity: 0;
}
.l-header__menu-image:where(.is-open *) {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .l-header__menu-image {
    min-height: 400px;
    margin-left: auto;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu-image {
    display: none;
  }
}
.l-header__menu-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list {
    gap: 0;
  }
}
.l-header__menu-nav-list-link {
  position: relative;
  display: block;
  font-size: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem);
  font-weight: 700;
  margin-bottom: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  line-height: 1;
}
.l-header__menu-nav-list-link.--blank-icon span {
  display: flex;
  align-items: center;
}
.l-header__menu-nav-list-link.--blank-icon span::after {
  content: "";
  display: inline-block;
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-external.svg");
  background-color: #222222;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  margin-left: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .l-header__menu-nav-list-link.--blank-icon:hover .label::after {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .l-header__menu-nav-list-link.--blank-icon:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.l-header__menu-nav-list-link:where(.--bottom-item *)::before {
  display: none;
}
.l-header__menu-nav-list-link:where(.--legalest-navi *) {
  background: #EFEDEA;
  padding: clamp(1.6rem, 1.6rem + 0vw, 1.6rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) !important;
  display: flex;
  align-items: center;
  justify-content: center !important;
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
}
.l-header__menu-nav-list-link:where(.--legalest-navi *) img {
  width: clamp(13rem, 7.2857142857rem + 5.5803571429vw, 18rem);
}
@media screen and (min-width: 768px) {
  .l-header__menu-nav-list-link {
    width: fit-content;
  }
  .l-header__menu-nav-list-link::before {
    content: "";
    position: absolute;
    left: calc(clamp(1.6rem, 1.6rem + 0vw, 1.6rem) * -1);
    top: 0;
    width: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
    height: clamp(1rem, 1rem + 0vw, 1rem);
    background-image: url("../images/renew_2026/icn-title-head.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list-link {
    margin: 0;
    padding: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) 0;
    display: flex;
    justify-content: space-between;
  }
}
.l-header__menu-nav-list-link.is-hide {
  display: none;
}
.l-header__menu-nav-list-link.is-hide + .l-header__menu-nav-sub-list {
  padding-top: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
}
.l-header__menu-nav-list-link .icon {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list-link .icon {
    display: block;
    position: relative;
    display: inline-block;
    width: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
    height: clamp(1.6rem, 1.1428571429rem + 0.4464285714vw, 2rem);
    margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
    background-color: #222222;
    border-radius: clamp(0.15rem, -0.0214285714rem + 0.1674107143vw, 0.3rem);
    transition: all 0.3s ease;
  }
}
@media screen and (max-width: 767px) and (max-width: 1024px) {
  .l-header__menu-nav-list-link .icon {
    width: clamp(2.1rem, 2.1rem + 0vw, 2.1rem);
    height: clamp(2.1rem, 2.1rem + 0vw, 2.1rem);
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list-link .icon::before, .l-header__menu-nav-list-link .icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 50%;
    background-color: #ffffff;
    transition: all 0.3s ease;
    transform: translate(-50%, -50%);
  }
  .l-header__menu-nav-list-link .icon::before {
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.l-header__menu-nav-list-link:where(.is-sub-nav-open *) .icon {
  background-color: #E87722;
}
.l-header__menu-nav-list-link:where(.is-sub-nav-open *) .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.l-header__menu-nav-list-item {
  width: calc(33.3333333333% - 0.6666666667 * clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem));
  transform: translateX(25px);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: calc(var(--index-child) * 0.1s);
  opacity: 0;
}
.l-header__menu-nav-list-item:where(.is-open *) {
  transform: translateX(0);
  opacity: 1;
}
.l-header__menu-nav-list-item:where(.--column-3 *) {
  width: calc((33.3333333333% - 0.6666666667 * clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem)) * 3 + clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) * 2);
}
.l-header__menu-nav-list-item.--column-2 {
  width: calc((33.3333333333% - 0.6666666667 * clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem)) * 2 + clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem));
}
.l-header__menu-nav-list-item.--column-3 {
  width: calc((33.3333333333% - 0.6666666667 * clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem)) * 3 + clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) * 2);
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list-item {
    width: 100%;
  }
  .l-header__menu-nav-list-item.--column-2, .l-header__menu-nav-list-item.--column-3 {
    width: 100%;
  }
  .l-header__menu-nav-list-item:nth-child(n+2) {
    border-top: 1px solid #EFEDEA;
  }
}
.l-header__menu-nav-list-item.--bottom-item {
  align-self: center;
}
.l-header__menu-nav-list-item.--legalest-navi {
  border-top: none;
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-list-item.--legalest-navi {
    margin-top: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
.l-header__menu-nav-sub-list ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--row), auto);
  grid-auto-flow: column;
  gap: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem);
}
.l-header__menu-nav-sub-list ul:where(.--column-2 *) {
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) clamp(3rem, -3.8571428571rem + 6.6964285714vw, 9rem);
}
.l-header__menu-nav-sub-list ul:where(.--column-3 *) {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) clamp(3rem, -3.8571428571rem + 6.6964285714vw, 9rem);
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-sub-list ul {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 2rem + 0vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-sub-list {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
  }
  .l-header__menu-nav-sub-list:where(.is-sub-nav-open *) {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
  }
}
.l-header__menu-nav-sub-list-item {
  line-height: 1.2;
}
.l-header__menu-nav-sub-list-item.--sp-accordion {
  display: none;
}
.l-header__menu-nav-sub-list-item {
  transform: translateX(25px);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: calc(var(--index-child) * 0.1s);
  opacity: 0;
}
.l-header__menu-nav-sub-list-item:where(.is-open *) {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-sub-list-item.--sp-accordion {
    display: block;
  }
  .l-header__menu-nav-sub-list-item:first-child {
    padding-top: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  }
  .l-header__menu-nav-sub-list-item:last-child {
    padding-bottom: clamp(3.6rem, 3.6rem + 0vw, 3.6rem);
  }
}
.l-header__menu-nav-sub-list-link {
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem);
}
.l-header__menu-nav-sub-list-link.--section {
  margin-left: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem);
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-sub-list-link br {
    display: none;
  }
}
.l-header__menu-nav-lang-list {
  display: flex;
  gap: calc(clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem) + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
  margin-top: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  transform: translateX(25px);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: calc(var(--index-child) * 0.1s);
  opacity: 0;
}
.l-header__menu-nav-lang-list:where(.is-open *) {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-lang-list {
    flex-wrap: wrap;
    gap: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
.l-header__menu-nav-lang-list-item {
  display: flex;
  align-items: center;
}
.l-header__menu-nav-lang-list-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem);
  margin-left: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  background-color: #959597;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .l-header__menu-nav-lang-list-item:not(:last-child)::after {
    margin-left: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
.l-header__menu-nav-lang-list-link {
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem);
}
.l-header__menu-nav-lang-list-link:where(.is-current *) {
  color: #E87722 !important;
  font-weight: 700;
}

.l-header__menu-nav-sub-list > * {
  min-height: 0;
}

/* ============================================================
  （Floating Menu Button）
============================================================ */
.l-header__floating-menu-button {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  outline: none;
}

.l-header__floating-menu-button .img {
  display: block;
  position: absolute;
  left: 50%;
  width: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) !important;
  height: 2px !important;
  margin: -1px 0 0 calc(clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) / 2 * -1);
  background-color: #ffffff;
  transition: background-color 0.2s;
}

.l-header__floating-menu-button .img::before,
.l-header__floating-menu-button .img::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) !important;
  height: 2px !important;
  background-color: #ffffff !important;
  transition: transform 0.5s, margin-top 0.3s;
}

.l-header__floating-menu-button .img::before {
  margin-top: -6px;
}

.l-header__floating-menu-button .img::after {
  margin-top: 4px;
}

/* ------------------------------------------------------------
  活性時：[aria-expanded="true"]
------------------------------------------------------------ */
.l-header__floating-menu-button[aria-expanded=true] .img {
  background-color: transparent !important;
}

.l-header__floating-menu-button[aria-expanded=true] .img::before,
.l-header__floating-menu-button[aria-expanded=true] .img::after {
  margin-top: 0;
}

.l-header__floating-menu-button[aria-expanded=true] .img::before {
  transform: rotate(-45deg);
}

.l-header__floating-menu-button[aria-expanded=true] .img::after {
  transform: rotate(-135deg);
}

.l-footer {
  position: relative;
  z-index: 100;
  border-top: 1px solid #EFEDEA;
  background: #ffffff;
  transition: all 0.5s ease;
  padding-bottom: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
}
.l-footer:where(.is-modal-open *) {
  filter: brightness(0.7);
}
.l-footer__inner {
  display: grid;
  grid-template-columns: clamp(20rem, -21.1428571429rem + 40.1785714286vw, 56rem) 1fr;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  margin: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  padding: 0 0 0 clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
}
@media screen and (max-width: 1440px) {
  .l-footer__inner {
    grid-template-columns: 1fr;
  }
}
.l-footer__logo-link-wrap {
  display: grid;
  grid-template-columns: clamp(12rem, 5.1428571429rem + 6.6964285714vw, 18rem) 1fr;
  align-items: center;
  gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  height: fit-content;
}
.l-footer__logo-link-wrap .l-footer__logo-image {
  width: 100%;
}
.l-footer__logo-link-label {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
  line-height: 1.6;
  position: relative;
}
.l-footer__logo-link-label::before {
  content: "";
  position: absolute;
  left: calc(clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * -1);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #EFEDEA;
}
.l-footer__logo-link {
  height: fit-content;
}
.l-footer__logo-image {
  width: var(--vw-size345);
  height: auto;
}
@media screen and (max-width: 1024px) {
  .l-footer__logo-image {
    width: var(--vw-size223);
  }
}
.l-footer__nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(3.2rem, -0.4571428571rem + 3.5714285714vw, 6.4rem) clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
.l-footer__nav-item {
  width: calc(25% - 0.75 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
}
.l-footer__nav-item.--column-2 {
  width: calc((25% - 0.75 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem)) * 2 + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
}
.l-footer__nav-item.--column-3 {
  width: calc((25% - 0.75 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem)) * 3 + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * 2);
}
.l-footer__nav-item.--column-4 {
  width: calc((25% - 0.75 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem)) * 4 + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * 3);
}
.l-footer__nav-item.--column-5 {
  width: calc((25% - 0.75 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem)) * 5 + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) * 4);
}
@media screen and (max-width: 767px) {
  .l-footer__nav-item {
    width: calc(50% - 0.5 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
  }
  .l-footer__nav-item.--column-2, .l-footer__nav-item.--column-3, .l-footer__nav-item.--column-4, .l-footer__nav-item.--column-5 {
    width: calc(50% - 0.5 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
  }
  .l-footer__nav-item.--sp-column-2 {
    width: calc((50% - 0.5 * clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem)) * 2 + clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem));
  }
}
.l-footer__nav-sub-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem);
}
.l-footer__nav-sub-list:where(.--column-2 *) {
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
.l-footer__nav-sub-list:where(.--column-3 *) {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
.l-footer__nav-sub-list:where(.--column-4 *) {
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
.l-footer__nav-sub-list:where(.--column-5 *) {
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .l-footer__nav-sub-list:where(.--column-2 *), .l-footer__nav-sub-list:where(.--column-3 *), .l-footer__nav-sub-list:where(.--column-4 *), .l-footer__nav-sub-list:where(.--column-5 *) {
    grid-template-columns: repeat(1, 1fr);
  }
}
.l-footer__nav-link {
  position: relative;
  display: block;
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1;
  font-weight: 700;
  margin-bottom: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  width: fit-content;
}
.l-footer__nav-link::before {
  content: "";
  position: absolute;
  left: calc(clamp(1.6rem, 1.6rem + 0vw, 1.6rem) * -1);
  top: 0;
  width: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  background-image: url("../images/renew_2026/icn-title-head.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.l-footer__nav-link.--row-5 {
  margin-bottom: 5em;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-link.--row-5 {
    margin-bottom: 1em;
  }
}
.l-footer__nav-sub-link {
  display: block;
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1.1;
  width: fit-content;
}
.l-footer__nav-sub-link.--section {
  margin-left: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem);
}
.l-footer__bottom {
  background: #484848;
  color: #ffffff;
  display: grid;
  grid-template-columns: clamp(20rem, -24.8rem + 43.75vw, 59.2rem) 1fr;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  align-items: center;
  margin: 0 clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  padding: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
}
@media screen and (max-width: 1024px) {
  .l-footer__bottom {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
  }
}
.l-footer__copy {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  text-align: left;
}
.l-footer__bottom-body {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .l-footer__bottom-body {
    grid-template-columns: 1fr;
    gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
    width: 100%;
  }
}
.l-footer__legal {
  display: flex;
  gap: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .l-footer__legal {
    flex-direction: column;
  }
}
.l-footer__legal-link {
  display: block;
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem);
  line-height: 2;
  text-align: left;
}
.l-footer__top-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  background: #ffffff;
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  position: relative;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-left: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
}
.l-footer__top-link::after {
  content: "";
  position: absolute;
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-up.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #484848;
}
@media (hover: hover) {
  .l-footer__top-link:hover {
    background: #E87722;
  }
  .l-footer__top-link:hover::after {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .l-footer__top-link:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
@media screen and (max-width: 1024px) {
  .l-footer__top-link {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__top-link {
    margin-left: 0;
    margin-right: auto;
  }
}

.l-main-container {
  width: 100%;
  background: #ffffff;
  transition: all 0.5s ease;
}
.l-main-container:where(.is-modal-open *) {
  filter: brightness(0.7);
}

.l-main-section {
  max-width: calc(100% - clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem));
  margin: 0 auto;
  padding: clamp(6.8rem, -4.6285714286rem + 11.1607142857vw, 16.8rem) 0;
}
@media screen and (max-width: 1024px) {
  .l-main-section {
    max-width: 100%;
  }
}
.l-main-section__inner {
  padding: 0 clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
}
.l-main-section__inner.--pr-0 {
  padding-right: 0;
  margin-right: calc(clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) * -1);
}
@media screen and (max-width: 1024px) {
  .l-main-section__inner.--pr-0 {
    padding-left: 0;
    margin-right: auto;
  }
}
.l-main-section.--gradient-to-bottom {
  background: linear-gradient(0deg, #ffffff 0%, #F6F4F1 100%);
}
.l-main-section.--gradient-to-top {
  background: linear-gradient(180deg, #ffffff 0%, #F6F4F1 100%);
}

.l-lower-heading__h2 + .l-main-section {
  padding-top: 0;
}

.l-main-contents {
  padding-left: clamp(14.4rem, -11.4285714286rem + 25.2232142857vw, 37rem);
}
@media screen and (max-width: 1024px) {
  .l-main-contents {
    padding-left: 0;
  }
}

.c-heading__h3 + .l-main-contents {
  padding-top: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
}

.l-lower-heading__h2 {
  max-width: calc(100% - clamp(8rem, 8rem + 0vw, 8rem));
  margin: 0 auto;
  padding-top: clamp(6.8rem, -4.6285714286rem + 11.1607142857vw, 16.8rem);
  padding-bottom: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem);
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
}
@media screen and (max-width: 1280px) {
  .l-lower-heading__h2 {
    padding-top: clamp(9.6rem, -6.8571428571rem + 16.0714285714vw, 24rem);
  }
}
@media screen and (max-width: 767px) {
  .l-lower-heading__h2 {
    max-width: calc(100% - clamp(4rem, 4rem + 0vw, 4rem));
  }
}
.l-lower-heading__h2-inner {
  padding: 0 clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
}
.l-lower-heading__h2-inner-image {
  padding: 0 clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
}
@media screen and (max-width: 767px) {
  .l-lower-heading__h2-inner-image {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.l-lower-heading__h2-inner-lead {
  padding: 0 clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
}
.l-lower-heading__h2-inner-lead > div {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .l-lower-heading__h2-inner-lead {
    grid-template-columns: 1fr;
  }
  .l-lower-heading__h2-inner-lead > div {
    margin-left: 0;
  }
}

.l-lower-nav {
  max-width: calc(100% - clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem));
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .l-lower-nav {
    max-width: 100%;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
  }
}
.l-lower-nav__inner {
  padding: 0 clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
}
@media screen and (max-width: 1024px) {
  .l-lower-nav__inner {
    overflow: visible;
    -webkit-overflow-scrolling: touch;
  }
}

.c-button__primary {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__primary .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__primary .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__primary .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__primary .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__primary .label {
  color: #ffffff;
  background-color: #E87722;
}
.c-button__primary .icon {
  background-color: #E87722;
}
.c-button__primary .icon::after {
  background-color: #ffffff;
}
.c-button__primary .icon .img {
  background-color: #ffffff;
}
@media (hover: hover) {
  .c-button__primary:hover .label {
    background-color: #222222;
  }
  .c-button__primary:hover .icon {
    background-color: #222222;
  }
}
@media (hover: none) {
  .c-button__primary:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-button__primary--blank {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__primary--blank .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__primary--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__primary--blank .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__primary--blank .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__primary--blank .label {
  color: #ffffff;
  background-color: #E87722;
}
.c-button__primary--blank .icon {
  background-color: #E87722;
}
.c-button__primary--blank .icon::after {
  background-color: #ffffff;
}
.c-button__primary--blank .icon .img {
  background-color: #ffffff;
}
@media (hover: hover) {
  .c-button__primary--blank:hover .label {
    background-color: #222222;
  }
  .c-button__primary--blank:hover .icon {
    background-color: #222222;
  }
}
@media (hover: none) {
  .c-button__primary--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-button__primary--blank .icon::after {
  transform: rotate(-45deg);
}

.c-button__gray {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__gray .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__gray .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__gray .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__gray .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__gray .label {
  color: #222222;
  background-color: #EFEDEA;
}
.c-button__gray .icon {
  background-color: #EFEDEA;
}
.c-button__gray .icon::after {
  background-color: #222222;
}
.c-button__gray .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__gray:hover .label {
    background-color: #E87722;
    color: #ffffff;
  }
  .c-button__gray:hover .icon {
    background-color: #E87722;
  }
  .c-button__gray:hover .icon::after {
    background-color: #ffffff;
  }
  .c-button__gray:hover .icon .img {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .c-button__gray:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-button__gray--blank {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__gray--blank .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__gray--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__gray--blank .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__gray--blank .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__gray--blank .label {
  color: #222222;
  background-color: #EFEDEA;
}
.c-button__gray--blank .icon {
  background-color: #EFEDEA;
}
.c-button__gray--blank .icon::after {
  background-color: #222222;
}
.c-button__gray--blank .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__gray--blank:hover .label {
    background-color: #E87722;
    color: #ffffff;
  }
  .c-button__gray--blank:hover .icon {
    background-color: #E87722;
  }
  .c-button__gray--blank:hover .icon::after {
    background-color: #ffffff;
  }
  .c-button__gray--blank:hover .icon .img {
    background-color: #ffffff;
  }
}
@media (hover: none) {
  .c-button__gray--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-button__gray--blank .icon::after {
  transform: rotate(-45deg);
}

.c-button__black {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__black .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__black .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__black .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__black .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__black .label {
  color: #ffffff;
  background-color: #222222;
}
.c-button__black .icon {
  background-color: #222222;
}
.c-button__black .icon::after {
  background-color: #ffffff;
}
.c-button__black .icon .img {
  background-color: #ffffff;
}
@media (hover: hover) {
  .c-button__black:hover .label {
    background-color: #E87722;
  }
  .c-button__black:hover .icon {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-button__black:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-button__black--blank {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__black--blank .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__black--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__black--blank .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__black--blank .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__black--blank .label {
  color: #ffffff;
  background-color: #222222;
}
.c-button__black--blank .icon {
  background-color: #222222;
}
.c-button__black--blank .icon::after {
  background-color: #ffffff;
}
.c-button__black--blank .icon .img {
  background-color: #ffffff;
}
@media (hover: hover) {
  .c-button__black--blank:hover .label {
    background-color: #E87722;
  }
  .c-button__black--blank:hover .icon {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-button__black--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-button__black--blank .icon::after {
  transform: rotate(-45deg);
}

.c-button__white {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__white .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__white .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__white .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__white .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__white {
  border: 1px solid #EFEDEA;
  gap: 0;
}
.c-button__white .label {
  color: #222222;
  background-color: #ffffff;
  border-right: 1px solid #EFEDEA;
}
.c-button__white .icon {
  background-color: #ffffff;
}
.c-button__white .icon::after {
  background-color: #E87722;
}
.c-button__white .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__white:hover {
    border-color: #959597;
  }
  .c-button__white:hover .label {
    color: #E87722;
    border-color: #959597;
  }
}
@media (hover: none) {
  .c-button__white:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-button__white--blank {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__white--blank .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__white--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__white--blank .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__white--blank .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__white--blank {
  border: 1px solid #EFEDEA;
  gap: 0;
}
.c-button__white--blank .label {
  color: #222222;
  background-color: #ffffff;
  border-right: 1px solid #EFEDEA;
}
.c-button__white--blank .icon {
  background-color: #ffffff;
}
.c-button__white--blank .icon::after {
  background-color: #E87722;
}
.c-button__white--blank .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__white--blank:hover {
    border-color: #959597;
  }
  .c-button__white--blank:hover .label {
    color: #E87722;
    border-color: #959597;
  }
}
@media (hover: none) {
  .c-button__white--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-button__white--blank .icon::after {
  transform: rotate(-45deg);
}

.c-button__clear {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__clear .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__clear .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__clear .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__clear .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__clear {
  border: 1px solid #EFEDEA;
  gap: 0;
}
.c-button__clear .label {
  color: #222222;
  border-right: 1px solid #EFEDEA;
}
.c-button__clear .icon::after {
  background-color: #E87722;
}
.c-button__clear .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__clear:hover {
    border-color: #959597;
  }
  .c-button__clear:hover .label {
    color: #E87722;
    border-color: #959597;
  }
}
@media (hover: none) {
  .c-button__clear:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-button__clear--blank {
  display: flex;
  align-items: center;
  gap: 1px;
  width: fit-content;
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s ease;
}
.c-button__clear--blank .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(7.6rem, -2rem + 9.375vw, 16rem);
  height: 100%;
  padding: 0 clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  transition: all 0.3s ease;
}
.c-button__clear--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: 100%;
  transition: all 0.3s ease;
}
.c-button__clear--blank .icon .img {
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__clear--blank .icon:not(:has(.img))::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s ease;
}
.c-button__clear--blank {
  border: 1px solid #EFEDEA;
  gap: 0;
}
.c-button__clear--blank .label {
  color: #222222;
  border-right: 1px solid #EFEDEA;
}
.c-button__clear--blank .icon::after {
  background-color: #E87722;
}
.c-button__clear--blank .icon .img {
  background-color: #222222;
}
@media (hover: hover) {
  .c-button__clear--blank:hover {
    border-color: #959597;
  }
  .c-button__clear--blank:hover .label {
    color: #E87722;
    border-color: #959597;
  }
}
@media (hover: none) {
  .c-button__clear--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-button__clear--blank .icon::after {
  transform: rotate(-45deg);
}

@keyframes slide-in {
  0% {
    transform: translateX(25px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.c-heading__h1 {
  padding: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem);
  text-align: right;
}
.c-heading__h2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  position: relative;
}
.c-heading__h2::before {
  content: "";
  position: absolute;
  left: calc(clamp(2.4rem, 2.4rem + 0vw, 2.4rem) * -1);
  top: clamp(0.2rem, 0.2rem + 0vw, 0.2rem);
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(2rem, 2rem + 0vw, 2rem);
  background-image: url("../images/renew_2026/icn-title-head.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-heading__h2 .label-jp {
  font-size: clamp(2.8rem, -1.3142857143rem + 4.0178571429vw, 6.4rem);
  font-weight: 700;
  line-height: 1;
  transform: translateX(25px);
  opacity: 0;
}
.c-heading__h2 .label-jp:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.c-heading__h2 .label-jp-sub {
  margin-left: 0.1em;
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  font-family: YakuHanJP, "Inter", sans-serif;
  font-weight: 700;
  color: #222222;
  line-height: 1.5;
  transform: translateX(25px);
  opacity: 0;
}
.c-heading__h2 .label-jp-sub:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.c-heading__h2 .label-en {
  margin-left: 0.1em;
  font-size: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem);
  font-family: YakuHanJP, "Inter", sans-serif;
  font-weight: 700;
  color: #4A4845;
  line-height: 1;
  transform: translateX(25px);
  opacity: 0;
}
.c-heading__h2 .label-en:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.c-heading__h2 .label-en-num {
  margin-left: 0.1em;
  font-size: clamp(1.6rem, 0.2285714286rem + 1.3392857143vw, 2.8rem);
  font-family: YakuHanJP, "Inter", sans-serif;
  font-weight: 700;
  color: #222222;
  line-height: 1;
  transform: translateX(25px);
  opacity: 0;
}
.c-heading__h2 .label-en-num:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.c-heading__h2-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-heading__h2-wrap {
    margin: 0 clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
.c-heading__h2-image {
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  overflow: hidden;
  aspect-ratio: 798/480;
}
.c-heading__h2-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-heading__h3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  position: relative;
}
.c-heading__h3::before {
  content: "";
  position: absolute;
  left: calc(clamp(1.6rem, 1.6rem + 0vw, 1.6rem) * -1);
  top: clamp(0.2rem, 0.2rem + 0vw, 0.2rem);
  width: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  background-image: url("../images/renew_2026/icn-title-head.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-heading__h3 .label-jp {
  font-size: clamp(2.2rem, -0.7714285714rem + 2.9017857143vw, 4.8rem);
  font-weight: 700;
  line-height: 1;
}
.c-heading__h3 .label-en {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-family: YakuHanJP, "Inter", sans-serif;
  font-weight: 700;
  color: #4A4845;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .c-heading__h3:not(:has(.label-en)) .label-jp {
    margin-left: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-heading__h3::before {
    top: 0;
    left: 0;
  }
  .c-heading__h3 .label-en {
    margin-left: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}

.c-link {
  transition: color 0.3s ease;
  color: #222222 !important;
}
@media (hover: hover) {
  .c-link:hover {
    color: #E87722 !important;
  }
  .c-link:hover::after {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-link:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link--black {
  transition: color 0.3s ease;
  color: #222222 !important;
}
@media (hover: hover) {
  .c-link--black:hover {
    color: #E87722 !important;
  }
  .c-link--black:hover::after {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-link--black:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link--white {
  transition: color 0.3s ease;
  color: #ffffff !important;
}
@media (hover: hover) {
  .c-link--white:hover {
    color: #E87722 !important;
  }
  .c-link--white:hover::after {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-link--white:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-link__blank--black {
  transition: color 0.3s ease;
  color: #222222 !important;
}
@media (hover: hover) {
  .c-link__blank--black:hover {
    color: #E87722 !important;
  }
  .c-link__blank--black:hover::after {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-link__blank--black:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link__blank--black {
  position: relative;
}
.c-link__blank--black::after {
  content: "";
  display: inline-block;
  width: clamp(0.8rem, 0.5714285714rem + 0.2232142857vw, 1rem);
  height: clamp(0.8rem, 0.5714285714rem + 0.2232142857vw, 1rem);
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  mask-image: url("../images/renew_2026/icn-arrow-external.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #222222;
  transition: background-color 0.3s ease;
}
.c-link__blank--black::after {
  background-color: #222222;
}
.c-link__blank--white {
  transition: color 0.3s ease;
  color: #ffffff !important;
}
@media (hover: hover) {
  .c-link__blank--white:hover {
    color: #E87722 !important;
  }
  .c-link__blank--white:hover::after {
    background-color: #E87722;
  }
}
@media (hover: none) {
  .c-link__blank--white:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link__blank--white {
  position: relative;
}
.c-link__blank--white::after {
  content: "";
  display: inline-block;
  width: clamp(0.8rem, 0.5714285714rem + 0.2232142857vw, 1rem);
  height: clamp(0.8rem, 0.5714285714rem + 0.2232142857vw, 1rem);
  margin-left: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  mask-image: url("../images/renew_2026/icn-arrow-external.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #ffffff;
  transition: background-color 0.3s ease;
}
.c-link__blank--white::after {
  background-color: #ffffff;
}

.c-link__icon {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  width: fit-content;
}
.c-link__icon .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  height: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-link__icon .icon {
    width: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
    height: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
  }
}
.c-link__icon .icon::after {
  content: "";
  display: block;
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #E87722;
}
@media (hover: hover) {
  .c-link__icon:hover .icon {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (hover: none) {
  .c-link__icon:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-link__icon--blank {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  width: fit-content;
}
.c-link__icon--blank .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  height: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-link__icon--blank .icon {
    width: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
    height: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
  }
}
.c-link__icon--blank .icon::after {
  content: "";
  display: block;
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #E87722;
}
@media (hover: hover) {
  .c-link__icon--blank:hover .icon {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (hover: none) {
  .c-link__icon--blank:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link__icon--blank .icon::after {
  transform: rotate(-45deg);
}

.c-link__icon--down {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  width: fit-content;
}
.c-link__icon--down .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  height: clamp(3rem, 2.0857142857rem + 0.8928571429vw, 3.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-link__icon--down .icon {
    width: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
    height: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
  }
}
.c-link__icon--down .icon::after {
  content: "";
  display: block;
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #E87722;
}
@media (hover: hover) {
  .c-link__icon--down:hover .icon {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (hover: none) {
  .c-link__icon--down:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
.c-link__icon--down .icon::after {
  transform: rotate(90deg);
}

.c-link__icon--pdf {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  width: fit-content;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px !important;
}
.c-link__icon--pdf .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.4rem, 2.4rem + 0vw, 2.4rem);
  height: clamp(2.4rem, 2.4rem + 0vw, 2.4rem);
  position: relative;
  mask-image: url("../images/renew_2026/icn-pdf.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #CC4A4A;
}
@media (hover: hover) {
  .c-link__icon--pdf:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .c-link__icon--pdf:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-breadcrumbs {
  border-top: 1px solid #EFEDEA;
  padding: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) clamp(4rem, -4.4571428571rem + 8.2589285714vw, 11.4rem) 0;
}
@media screen and (max-width: 1024px) {
  .c-breadcrumbs {
    padding: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) 0 0;
  }
}
.c-breadcrumbs__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(2.8rem, 0.9714285714rem + 1.7857142857vw, 4.4rem);
}
@media screen and (max-width: 1024px) {
  .c-breadcrumbs__inner {
    gap: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem);
  }
}
.c-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem) clamp(2.8rem, 0.9714285714rem + 1.7857142857vw, 4.4rem);
}
.c-breadcrumbs__item, .c-breadcrumbs__link {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: 1;
}
.c-breadcrumbs__item {
  color: #222222;
  position: relative;
}
.c-breadcrumbs__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  left: calc(clamp(2.2rem, 2.2rem + 0vw, 2.2rem) * -1);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
  height: clamp(0.6rem, 0.6rem + 0vw, 0.6rem);
  background-image: url("../images/renew_2026/icn-breadcrumbs.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-breadcrumbs__link {
  color: #959597 !important;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .c-breadcrumbs__link:hover {
    color: #222222 !important;
  }
}
@media (hover: none) {
  .c-breadcrumbs__link:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}

.c-lnav__list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  background-color: #F6F4F1;
  padding: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem) clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
}
@media screen and (max-width: 1024px) {
  .c-lnav__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-gutter: stable;
    scroll-snap-type: x mandatory;
    scroll-padding-left: clamp(1.6rem, -9.6rem + 10.9375vw, 11.4rem);
    gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
    padding: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .c-lnav__item {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
.c-lnav__link {
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem);
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (hover: hover) {
  .c-lnav__link:hover .c-lnav__icon {
    border-color: rgba(0, 0, 0, 0.5);
  }
}
@media (hover: none) {
  .c-lnav__link:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
@media screen and (max-width: 1024px) {
  .c-lnav__link {
    flex: 0 0 auto;
    scroll-snap-align: start;
    padding-right: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
    white-space: nowrap;
  }
}
.c-lnav__link:where(.is-current *) {
  color: #E87722;
}
.c-lnav__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
  height: clamp(3.8rem, 3.8rem + 0vw, 3.8rem);
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.c-lnav__icon::after {
  content: "";
  display: block;
  width: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  height: clamp(1.2rem, 0.7428571429rem + 0.4464285714vw, 1.6rem);
  mask-image: url("../images/renew_2026/icn-arrow-down.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #E87722;
}
.c-lnav__icon.--icn-arrow-right::after {
  mask-image: url("../images/renew_2026/icn-arrow-right.svg");
}
.c-lnav__icon:where(.is-current *) {
  background-color: #222222;
}
.c-lnav__icon:where(.is-current *)::after {
  background-color: #ffffff;
}

.c-text__display-main {
  font-size: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
}
.c-text__main-l {
  font-size: clamp(2.4rem, -1.2571428571rem + 3.5714285714vw, 5.6rem);
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 700;
  color: #222222;
}
.c-text__main-m {
  font-size: clamp(2rem, -0.2857142857rem + 2.2321428571vw, 4rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
}
.c-text__main-m-en {
  font-size: clamp(2rem, -0.2857142857rem + 2.2321428571vw, 4rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
  font-family: YakuHanJP, "Inter", sans-serif;
}
.c-text__main-s {
  font-size: clamp(1.8rem, 0.2rem + 1.5625vw, 3.2rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
}
.c-text__main-s-en {
  font-size: clamp(1.8rem, 0.2rem + 1.5625vw, 3.2rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
  font-family: YakuHanJP, "Inter", sans-serif;
}
.c-text__main-xs {
  font-size: clamp(1.6rem, 0.2285714286rem + 1.3392857143vw, 2.8rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
}
.c-text__main-xs-en {
  font-size: clamp(1.6rem, 0.2285714286rem + 1.3392857143vw, 2.8rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
  font-family: YakuHanJP, "Inter", sans-serif;
}
.c-text__main-xxs {
  font-size: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #222222;
}
.c-text__body-l-200 {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #4A4845;
}
.c-text__body-l-200-black {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 2;
  letter-spacing: 0.04em;
  color: #4A4845;
  color: #222222;
}
.c-text__body-l-160 {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
}
.c-text__body-l-160-black {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
  color: #222222;
}
.c-text__body-m-160 {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
}
.c-text__body-m-160-black {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
  color: #222222;
}
.c-text__body-s-160 {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
}
.c-text__body-s-160-black {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
  color: #222222;
}
.c-text__body-xs-160 {
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
}
.c-text__body-xs-160-black {
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4A4845;
  color: #222222;
}
.c-text__card-hdd-jp {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
}
.c-text__card-hdd-en-l {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-family: YakuHanJP, "Inter", sans-serif;
}
.c-text__card-body-l-160 {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 500;
}
.c-text__card-body-l-b-160 {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.c-text__card-body-s-160 {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 500;
}
.c-text__navi {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1;
  font-weight: 500;
}
.c-text__menu-navi-title {
  font-size: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem);
  line-height: 1;
  font-weight: 700;
}
.c-text__menu-navi-details {
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem);
  line-height: 2;
  font-weight: 400;
}
.c-text__footer-navi-title {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 1;
  font-weight: 700;
}
.c-text__footer-navi-details {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem);
  line-height: 2;
  font-weight: 400;
}
.c-text__copyright {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem);
  line-height: 1;
  font-weight: 400;
}
.c-text__caps {
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.c-text__lnav {
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem);
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.04em;
}

/**
 * 注意: `_utility` ディレクトリ配下の SCSS ファイルを更新したときは、
 * 必ず `./.github/skills/rules-css/SKILL.md` の内容も更新してください。
 * 人間と AI の双方が忘れないよう、skills の内容を併せて刷新してください。
 */
/**
 * 注意: `_utility` ディレクトリ配下の SCSS ファイルを更新したときは、
 * 必ず `./.github/skills/rules-css/SKILL.md` の内容も更新してください。
 * 人間と AI の双方が忘れないよう、skills の内容を併せて刷新してください。
 */
.u-mt-2 {
  margin-top: clamp(0.1rem, -0.0142857143rem + 0.1116071429vw, 0.2rem) !important;
}

.u-mt-4 {
  margin-top: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem) !important;
}

.u-mt-8 {
  margin-top: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem) !important;
}

.u-mt-12 {
  margin-top: clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem) !important;
}

.u-mt-16 {
  margin-top: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) !important;
}

.u-mt-18 {
  margin-top: clamp(0.9rem, -0.1285714286rem + 1.0044642857vw, 1.8rem) !important;
}

.u-mt-20 {
  margin-top: clamp(1rem, -0.1428571429rem + 1.1160714286vw, 2rem) !important;
}

.u-mt-24 {
  margin-top: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem) !important;
}

.u-mt-32 {
  margin-top: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem) !important;
}

.u-mt-40 {
  margin-top: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) !important;
}

.u-mt-64 {
  margin-top: clamp(3.2rem, -0.4571428571rem + 3.5714285714vw, 6.4rem) !important;
}

.u-mt-80 {
  margin-top: clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) !important;
}

.u-mt-104 {
  margin-top: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem) !important;
}

.u-mt-160 {
  margin-top: clamp(6rem, -5.4285714286rem + 11.1607142857vw, 16rem) !important;
}

.u-mt-168 {
  margin-top: clamp(6.8rem, -4.6285714286rem + 11.1607142857vw, 16.8rem) !important;
}

.u-mt-240 {
  margin-top: clamp(9.6rem, -6.8571428571rem + 16.0714285714vw, 24rem) !important;
}

.u-mt-272 {
  margin-top: clamp(10.8rem, -7.9428571429rem + 18.3035714286vw, 27.2rem) !important;
}

.u-mt-440 {
  margin-top: clamp(17.6rem, -12.5714285714rem + 29.4642857143vw, 44rem) !important;
}

.u-mt-712 {
  margin-top: clamp(28.4rem, -20.5142857143rem + 47.7678571429vw, 71.2rem) !important;
}

/**
 * 注意: `_utility` ディレクトリ配下の SCSS ファイルを更新したときは、
 * 必ず `./.github/skills/rules-css/SKILL.md` の内容も更新してください。
 * 人間と AI の双方が忘れないよう、skills の内容を併せて刷新してください。
 */
@media screen and (max-width: 375px) {
  .u-hide-max-smp_xs {
    display: none !important;
  }
}
@media screen and (max-width: 450px) {
  .u-hide-max-smp_ss {
    display: none !important;
  }
}
@media screen and (max-width: 575px) {
  .u-hide-max-smp_s {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .u-hide-max-smp {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .u-hide-max-tab {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-hide-max-pc {
    display: none !important;
  }
}
@media screen and (max-width: 1280px) {
  .u-hide-max-hd {
    display: none !important;
  }
}
@media screen and (max-width: 1440px) {
  .u-hide-max-laptop {
    display: none !important;
  }
}
@media screen and (max-width: 1919px) {
  .u-hide-max-fullhd {
    display: none !important;
  }
}
@media screen and (max-width: 2560px) {
  .u-hide-max-wqhd {
    display: none !important;
  }
}
@media screen and (min-width: 376px) {
  .u-hide-min-smp_xs {
    display: none !important;
  }
}
@media screen and (min-width: 451px) {
  .u-hide-min-smp_ss {
    display: none !important;
  }
}
@media screen and (min-width: 576px) {
  .u-hide-min-smp_s {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-hide-min-smp {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .u-hide-min-tab {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .u-hide-min-pc {
    display: none !important;
  }
}
@media screen and (min-width: 1281px) {
  .u-hide-min-hd {
    display: none !important;
  }
}
@media screen and (min-width: 1441px) {
  .u-hide-min-laptop {
    display: none !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-hide-min-fullhd {
    display: none !important;
  }
}
@media screen and (min-width: 2561px) {
  .u-hide-min-wqhd {
    display: none !important;
  }
}
.u-font-10 {
  font-size: clamp(0.9rem, 0.7857142857rem + 0.1116071429vw, 1rem) !important;
}

.u-font-12 {
  font-size: clamp(1rem, 0.7714285714rem + 0.2232142857vw, 1.2rem) !important;
}

.u-font-14 {
  font-size: clamp(1.2rem, 0.9714285714rem + 0.2232142857vw, 1.4rem) !important;
}

.u-font-16 {
  font-size: clamp(1.3rem, 0.9571428571rem + 0.3348214286vw, 1.6rem) !important;
}

.u-font-18 {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem) !important;
}

.u-font-20 {
  font-size: clamp(1.5rem, 0.9285714286rem + 0.5580357143vw, 2rem) !important;
}

.u-font-24 {
  font-size: clamp(1.6rem, 0.6857142857rem + 0.8928571429vw, 2.4rem) !important;
}

.u-font-28 {
  font-size: clamp(1.6rem, 0.2285714286rem + 1.3392857143vw, 2.8rem) !important;
}

.u-font-32 {
  font-size: clamp(1.8rem, 0.2rem + 1.5625vw, 3.2rem) !important;
}

.u-font-40 {
  font-size: clamp(2rem, -0.2857142857rem + 2.2321428571vw, 4rem) !important;
}

.u-font-48 {
  font-size: clamp(2.2rem, -0.7714285714rem + 2.9017857143vw, 4.8rem) !important;
}

.u-font-56 {
  font-size: clamp(2.4rem, -1.2571428571rem + 3.5714285714vw, 5.6rem) !important;
}

.u-font-64 {
  font-size: clamp(2.8rem, -1.3142857143rem + 4.0178571429vw, 6.4rem) !important;
}

.u-font-80 {
  font-size: clamp(3.2rem, -2.2857142857rem + 5.3571428571vw, 8rem) !important;
}

.u-font-104 {
  font-size: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem) !important;
}

.u-font-jp {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}
.u-font-en {
  font-family: YakuHanJP, "Inter", sans-serif;
}

.u-border-radius-2 {
  border-radius: clamp(0.1rem, -0.0142857143rem + 0.1116071429vw, 0.2rem) !important;
}

.u-border-radius-3 {
  border-radius: clamp(0.15rem, -0.0214285714rem + 0.1674107143vw, 0.3rem) !important;
}

.u-border-radius-4 {
  border-radius: clamp(0.2rem, -0.0285714286rem + 0.2232142857vw, 0.4rem) !important;
}

.u-border-radius-6 {
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem) !important;
}

.u-border-radius-8 {
  border-radius: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem) !important;
}

.u-border-radius-10 {
  border-radius: clamp(0.5rem, -0.0714285714rem + 0.5580357143vw, 1rem) !important;
}

.u-border-radius-12 {
  border-radius: clamp(0.6rem, -0.0857142857rem + 0.6696428571vw, 1.2rem) !important;
}

.u-border-radius-16 {
  border-radius: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem) !important;
}

.u-border-radius-24 {
  border-radius: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem) !important;
}

.u-border-radius-999 {
  border-radius: clamp(99.9rem, 99.9rem + 0vw, 99.9rem) !important;
}

/* base
------------------------------------------*/
#pxBase {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #222222;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

body.is-modal-open {
  position: fixed;
  top: 0; /* スクロール位置に応じて動的に設定 */
  left: 0;
  width: 100%;
  overflow: clip;
}

#container {
  padding-top: 0 !important;
}

@keyframes slide-in {
  0% {
    transform: translateX(25px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.p-top-kv {
  position: relative;
  overflow: hidden;
}
.p-top-kv__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-top-kv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.p-top-kv__content {
  position: absolute;
  bottom: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .p-top-kv__content {
    bottom: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  }
}
.p-top-kv__content-inner {
  padding: 0 clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem) 0 clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-top-kv__content-inner {
    gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
    padding: 0 clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-top-kv__content-inner .c-text__display-main {
  width: 29.89583333vw;
  padding-bottom: clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
  color: #ffffff;
  transform: translateX(25px);
  opacity: 0;
  transition: all 1s ease 0.3s;
}
.p-top-kv__content-inner .c-text__display-main img {
  width: 100%;
}
.p-top-kv__content-inner .c-text__display-main:where(.is-inview *) {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-top-kv__content-inner .c-text__display-main {
    width: 100%;
    max-width: 74.26992365%;
    padding-bottom: 0;
    letter-spacing: 0;
  }
}
.p-top-kv__content-inner .c-link__icon--down {
  color: #ffffff;
}
.p-top-kv__content-inner .c-link__icon--down .icon {
  width: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  height: clamp(3.8rem, 1.5142857143rem + 2.2321428571vw, 5.8rem);
  border-color: rgba(255, 255, 255, 0.1);
}
.p-top-kv__content-inner .c-link__icon--down .icon::after {
  width: clamp(1rem, 0.4285714286rem + 0.5580357143vw, 1.5rem);
  height: clamp(1rem, 0.4285714286rem + 0.5580357143vw, 1.5rem);
}
.p-top-kv__content-inner .c-link__icon--down {
  opacity: 0;
  transition: all 0.5s ease 0.6s;
}
.p-top-kv__content-inner .c-link__icon--down:where(.is-inview *) {
  opacity: 1;
}
@media (hover: hover) {
  .p-top-kv__content-inner .c-link__icon--down:hover .icon {
    border-color: rgba(255, 255, 255, 0.5);
  }
}
@media (hover: none) {
  .p-top-kv__content-inner .c-link__icon--down:active {
    opacity: 0.6;
    transition: opacity 0.1s;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-kv__content-inner .c-link__icon--down {
    margin-left: auto;
    margin-right: clamp(0.4rem, -0.0571428571rem + 0.4464285714vw, 0.8rem);
  }
}

.p-department-section {
  overflow: hidden;
}
.p-department-section__inner {
  position: relative;
  padding: clamp(5.2rem, -0.7428571429rem + 5.8035714286vw, 10.4rem) clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) clamp(6.8rem, -4.6285714286rem + 11.1607142857vw, 16.8rem) clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem);
  justify-content: space-between;
  gap: clamp(0.8rem, -0.1142857143rem + 0.8928571429vw, 1.6rem);
  background: #ffffff;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .p-department-section__inner {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  }
}
.p-department-section__title {
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem);
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .p-department-section__title {
    margin: 0 clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem);
    gap: calc(clamp(4rem, -0.5714285714rem + 4.4642857143vw, 8rem) + clamp(1.2rem, -0.1714285714rem + 1.3392857143vw, 2.4rem));
  }
}
.p-department-section__title {
  position: relative;
}
.p-department-section__title::before {
  content: "";
  position: absolute;
  left: calc(clamp(1.6rem, 1.6rem + 0vw, 1.6rem) * -1);
  top: clamp(0.2rem, 0.2rem + 0vw, 0.2rem);
  width: clamp(1rem, 1rem + 0vw, 1rem);
  height: clamp(1rem, 1rem + 0vw, 1rem);
  background-image: url("../images/renew_2026/icn-title-head.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.p-department-section__title .label-jp {
  font-size: clamp(3.2rem, -2.2857142857rem + 5.3571428571vw, 8rem);
  font-weight: 700;
  line-height: 1.3;
  transform: translateX(25px);
  opacity: 0;
}
.p-department-section__title .label-jp:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
  .p-department-section__title .label-jp {
    margin-left: calc(clamp(1.6rem, -0.2285714286rem + 1.7857142857vw, 3.2rem) * -1);
  }
}
.p-department-section__title .label-en {
  font-size: clamp(1.4rem, 0.9428571429rem + 0.4464285714vw, 1.8rem);
  font-family: YakuHanJP, "Inter", sans-serif;
  font-weight: 700;
  color: #222222;
  line-height: 1;
  transform: translateX(25px);
  opacity: 0;
}
.p-department-section__title .label-en:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
.p-department-section__title .c-text__main-l {
  opacity: 0;
}
.p-department-section__title .c-text__main-l:where(.is-inview *) {
  opacity: 0;
  animation-name: slide-in;
  animation-duration: 0.7s;
  animation-timing-function: ease;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.p-department-section__content {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-department-section__content {
    text-align: left;
  }
}
.p-department-section__content p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.p-DsAward-section {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .p-DsAward-section {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-DsAward-section {
    padding: 0 4vw;
  }
}
.p-DsAward-section__inner {
  padding: 5%;
  margin-bottom: 100px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 0 110px 30px #efefef inset;
}
@media screen and (max-width: 767px) {
  .p-DsAward-section__inner {
    padding: 10% 8%;
    margin-bottom: 10vw;
  }
}
.p-DsAward-section__inner h3 {
  text-align: center;
  margin-bottom: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
}
.p-DsAward-section__innerWrap {
  display: grid;
  grid-template-columns: clamp(20rem, -8.5714285714rem + 27.9017857143vw, 45rem) 1fr;
  gap: 0 clamp(3.2rem, -0.4571428571rem + 3.5714285714vw, 6.4rem);
}
@media screen and (max-width: 1280px) {
  .p-DsAward-section__innerWrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .p-DsAward-section__innerWrap {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .p-DsAward-section__text {
    order: 1;
  }
}
.p-DsAward-section__text .Episodes__go-to-detail {
  margin-top: 2.4em;
}
.p-DsAward-section__text p {
  margin-bottom: 1.3em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-DsAward-section__text p {
    font-size: 4vw;
  }
}
.p-DsAward-section__img figure {
  overflow: hidden;
  border-radius: clamp(0.3rem, -0.0428571429rem + 0.3348214286vw, 0.6rem);
}
@media screen and (max-width: 767px) {
  .p-DsAward-section__img {
    margin-bottom: clamp(2.4rem, 0.5714285714rem + 1.7857142857vw, 4rem);
  }
}/*# sourceMappingURL=renew_2026.css.map */