@charset "UTF-8";
/* =========================================================
* レイヤー
* reset — box-sizing、marginリセットなど
* tokens — CSS変数（色・スペース・フォントなど）
* base — html/body、見出し・段落など文書全体の基礎
* layout — ヘッダー・フッター・グリッドなど骨格系
* components — ボタン・カードなど再利用パーツ
* page — ページ固有のスタイル
* utilities — 最優先。!important の代わりに使う単機能クラス
* ====================================================== */
@layer reset, legacy, tokens, base, layout, components, page, utilities;
@layer reset {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  tt,
  var,
  u,
  center,
  dl,
  dt,
  dd,
  fieldset,
  form,
  label,
  legend,
  input,
  select,
  button,
  caption,
  tbody,
  tfoot,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  td,
  th,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video,
  main {
    font: inherit;
    font-size: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  main {
    display: block;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  ul {
    list-style: none;
  }
  button {
    background: none;
    border: none;
    outline: none;
  }
}
/* =========================================================
 * フッター
 * @ footer
 * ====================================================== */
@layer legacy {
  footer {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #e2e2e2;
    padding: 24px 0;
    color: #666;
    font-size: 14px;
  }
  .footerInner {
    max-width: 1400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 0 10px;
    display: table;
  }
  .footerInner div {
    display: table-cell;
    vertical-align: middle;
  }
  .SocialMediaHQ {
    width: 140px;
    padding-right: 15px;
  }
  @media screen and (min-width: 1460px) {
    .footerInner {
      width: 100%;
      padding: 0 10px;
    }
  }
  footer .snsArea ul {
    width: 140px;
    margin: 0;
    list-style: none;
    padding: 0;
  }
  footer .snsArea li {
    float: left;
    margin-right: 10px;
    width: 25px;
  }
  footer .snsArea li a {
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
  }
  footer .snsArea li a img {
    vertical-align: bottom;
  }
  footer .linkArea ul {
    margin: 0;
    margin-top: 5px;
    list-style: none;
    padding: 0;
  }
  footer .linkArea li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .footer-link_blank_img {
    width: 12px;
    margin-left: 5px;
    vertical-align: middle;
  }
  footer .langArea {
    width: 400px;
    padding-left: 15px;
    text-align: right;
  }
  footer .langArea p {
    color: #004386;
    float: left;
  }
  footer .langArea .lang {
    background: url(/content/dam/nttcom/cmn/img/icn-country-selector.png) no-repeat left center;
    background-size: contain;
    padding: 5px 0 5px 30px;
    margin-right: 30px;
  }
  footer .langArea .copyright {
    color: #004386;
    padding: 4px 0;
  }
  /* =========================================================
      * タブレット版
      * 768px以下に適応
      * ====================================================== */
  @media screen and (max-width: 768px) {
    footer {
      padding: 0;
      width: 100%;
      min-width: 100%;
      text-align: center;
    }
    .footerInner {
      width: 100%;
      padding: 50px 0;
    }
    footer .snsArea,
    footer .linkArea,
    footer .dArea,
    footer .langArea {
      display: block;
      width: 100%;
      text-align: center;
      margin: 0 auto;
    }
    .footer-sns-icon-img {
      width: 30px;
      height: 30px;
    }
    .footerInner div {
      display: block;
      width: 100%;
      text-align: center;
    }
    footer .snsArea ul.sns {
      float: none;
      display: table;
      table-layout: fixed;
      margin: 0 auto 50px;
      width: 40%;
    }
    footer .snsArea ul.sns li {
      float: none;
      display: table-cell;
      padding: 0 10px;
      width: 100%;
      text-align: center;
    }
    footer .linkArea ul.link {
      float: none;
      margin: 0 auto 30px;
      max-width: 100%;
    }
    footer .linkArea ul.link li {
      float: none;
      display: inline-block;
      padding: 0 20px;
      width: auto;
      text-align: center;
    }
    footer .dArea {
      margin-bottom: 20px;
    }
    footer .langArea {
      padding: 0;
    }
    footer .langArea .lang {
      float: none;
      padding-right: 0;
      margin: 0 auto 50px;
      display: inline-block;
    }
    footer .langArea .copyright {
      float: none;
    }
    footer .dArea {
      float: none;
    }
    footer .bigFooter {
      width: 100%;
      padding-left: 6.1%;
      padding-right: 6.1%;
      min-width: 100%;
      text-align: left;
    }
    footer .bigFooter .bigFooterInner {
      width: 100%;
    }
    .popupFooter {
      min-width: 100%;
    }
  }
  /* =========================================================
      * スマホ版
      * 480px以下に適応
      * ====================================================== */
  @media screen and (max-width: 480px) {
    .footerInner {
      width: 100%;
      padding: 25px 0;
    }
    footer .snsArea ul.sns {
      margin: 0 auto 25px;
      width: 60%;
    }
    footer .snsArea ul.sns li {
      padding: 0 5px;
    }
    footer .linkArea ul.link {
      display: block;
      margin: 0 auto;
    }
    footer .linkArea ul.link li {
      display: block;
      padding: 0;
      margin-right: 0;
      margin-bottom: 20px;
      width: auto;
      text-align: center;
    }
    footer .langArea .lang {
      margin: 0 auto 30px;
    }
    footer .bigFooter {
      padding-left: 3.1%;
      padding-right: 3.1%;
      text-align: center;
    }
    footer .bigFooter .bigFooterInner .linkBox {
      float: none;
      width: 100%;
      margin-bottom: 10px;
    }
  }
  .footerInner .copyright a:before,
  .footerInner .linkArea a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: url(/content/dam/nttcom/cmn/img/icon_right_arrow.png) no-repeat;
    background-size: contain;
    margin-right: 3px;
    margin-bottom: 2px;
  }
}
@layer legacy {
  @-webkit-keyframes move-underline {
    0% {
      background-position: right bottom;
      background-size: 100% var(--underline-width, 1px);
    }
    45% {
      background-position: right bottom;
      background-size: 0 var(--underline-width, 1px);
    }
    56% {
      background-position: left bottom;
      background-size: 0 var(--underline-width, 1px);
    }
    100% {
      background-position: left bottom;
      background-size: 100% var(--underline-width, 1px);
    }
  }
  @keyframes move-underline {
    0% {
      background-position: right bottom;
      background-size: 100% var(--underline-width, 1px);
    }
    45% {
      background-position: right bottom;
      background-size: 0 var(--underline-width, 1px);
    }
    56% {
      background-position: left bottom;
      background-size: 0 var(--underline-width, 1px);
    }
    100% {
      background-position: left bottom;
      background-size: 100% var(--underline-width, 1px);
    }
  }
  :root {
    --r26-color-white: #fff;
    --r26-color-black: #000;
    --r26-color-blue: #0040c9;
    --r26-color-light-black: #333;
    --r26-color-dark-gray: #ccc;
    --r26-color-light-gray: #edebeb;
    --r26-color-gray: #666;
    --r26-color-silver: #e5e5e5;
    --r26-color-gainsboro: #f5f5f5;
    --r26-color-red: #c03;
  }
  html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
         text-size-adjust: 100%;
  }
  body:has(.r2026-header, .r2026-footer) :where(.r2026-header, .r2026-main, .r2026-footer) {
    font-family: NotoSans, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", Helvetica, "Helvetica Neue", sans-serif;
    color: var(--r26-color-black);
  }
  body:has(.r2026-header, .r2026-footer) :where(.r2026-header, .r2026-main, .r2026-footer) :where(a, a:visited, a:hover) {
    color: currentcolor;
    text-decoration: none;
  }
  body:has(.r2026-header, .r2026-footer) :where(.r2026-header, .r2026-main, .r2026-footer) :focus-visible {
    outline-color: var(--r26-color-blue);
  }
  .u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border-width: 0;
    clip-path: inset(50%);
  }
  .c-close-button {
    display: grid;
    place-items: center;
    width: 3rem;
    aspect-ratio: 1;
    padding: 0;
    font: unset;
    color: unset;
    color: var(--r26-color-white);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background-color: var(--r26-color-red);
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    border-radius: 0.25rem;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .c-content-container {
    max-width: 90rem;
    padding-inline: 1.5rem;
  }
  .c-custom-accordion {
    margin: 0 auto;
    overflow: hidden;
  }
  .c-custom-accordion.-absolute {
    position: relative;
    overflow: visible;
  }
  .c-custom-accordion.-absolute > .content {
    position: absolute;
  }
  .c-custom-accordion > .content {
    overflow: hidden;
  }
  .c-icon-toggle {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    aspect-ratio: 1;
  }
  .c-icon-toggle > .plus,
  .c-icon-toggle > .minus {
    grid-area: 1/1/1/1;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  .c-icon-toggle > .plus svg,
  .c-icon-toggle > .minus svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  button[aria-expanded=true] > .c-icon-toggle > .plus,
  details.is-open > summary > .c-icon-toggle > .plus {
    opacity: 0;
  }
  .c-input-search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.375rem;
  }
  .c-input-search > .button {
    position: relative;
    display: grid;
    gap: 0.125rem;
    justify-items: center;
    padding: 0.75rem 0.75rem 0.625rem;
    color: var(--r26-color-white);
    background-color: var(--r26-color-red);
    border-radius: 0.375rem;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .c-input-search > .button > .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font: unset;
    color: unset;
    color: transparent;
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
  }
  .c-input-search > .button > .text {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .c-input-search > .button > .icon {
    width: 0.875rem;
    aspect-ratio: 1;
  }
  .c-input-search > .button > .icon svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .c-input-text {
    position: relative;
  }
  .c-input-text > .input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 3.5rem;
    padding: 1.125rem 0.75rem;
    font-size: 16px;
    background-color: var(--r26-color-white);
    border-color: var(--r26-color-black);
    border-width: 1px;
    border-radius: 0.375rem;
  }
  .c-input-text .describedby:has(+ .input:not(:-moz-placeholder)) {
    display: none;
  }
  .c-input-text .describedby:has(+ .input:not(:-ms-input-placeholder)) {
    display: none;
  }
  .c-input-text .describedby:has(+ .input:not(:placeholder-shown)) {
    display: none;
  }
  .c-input-text > .input::-webkit-input-placeholder {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--r26-color-gray);
  }
  .c-input-text > .input::-moz-placeholder {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--r26-color-gray);
  }
  .c-input-text > .input:-ms-input-placeholder {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--r26-color-gray);
  }
  .c-input-text > .input::-ms-input-placeholder {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--r26-color-gray);
  }
  .c-input-text > .input::placeholder,
  .c-input-text > .describedby {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--r26-color-gray);
  }
  .c-input-text > .describedby {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 0.75rem 1rem;
    pointer-events: none;
  }
  .c-interactive-accordion-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    display: block;
    visibility: hidden;
    width: 100dvi;
    height: 100dvb;
    pointer-events: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
  }
  .c-interactive-accordion-overlay.is-active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
  .c-lang-toggle {
    position: static;
    z-index: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-lang-toggle > .icon img {
    display: block;
    width: 100%;
    height: auto;
  }
  .c-lang-toggle > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.375rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    list-style-type: "";
  }
  .c-lang-toggle > .list > .item + .item::before {
    display: inline-block;
    width: 0.3125rem;
    height: 0.5rem;
    -webkit-margin-end: 0.375rem;
            margin-inline-end: 0.375rem;
    content: "";
    background-color: var(--r26-color-dark-gray);
    clip-path: polygon(80% 0, 100% 0, 20% 100%, 0% 100%);
  }
  .c-lang-toggle > .list > .item[aria-current=page] {
    color: var(--r26-color-gray);
    pointer-events: none;
  }
  .c-lang-toggle > .list > .item[aria-current=page] > a {
    background: none;
  }
  .c-lang-toggle > .list > .item > a {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .c-modal {
    --duration: 0.3s;
    position: fixed;
    inset: 0;
    z-index: 50;
    cursor: auto;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity var(--duration), visibility var(--duration);
    transition: opacity var(--duration), visibility var(--duration);
  }
  .c-modal:where([aria-hidden=true]) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
  .c-modal:where(:not([data-active=true])) {
    opacity: 0;
  }
  .c-modal > .content {
    position: relative;
    cursor: default;
    -webkit-transition: translate var(--duration);
    transition: translate var(--duration);
  }
  .c-modal:where(:not([data-active=true])) > .content {
    translate: 0 -0.25rem;
  }
  .c-modal.-fixed {
    padding: 0;
  }
  .c-modal.-fixed > .content {
    width: 100%;
    max-width: 100dvi;
    height: 100%;
    max-height: 100dvb;
  }
  .c-modal.is-disabled {
    display: contents;
  }
  .c-modal.is-disabled > .inner {
    display: contents;
  }
  .c-modal.is-disabled > .inner > .content {
    display: contents;
  }
  .c-square-frame {
    display: grid;
    grid-template-columns: var(--icon-width, 0.625rem);
    place-content: center;
    place-items: center;
    align-self: center;
    width: var(--frame-width, 1.25rem);
    aspect-ratio: 1;
    color: var(--r26-color-white);
    background-color: var(--background-color, var(--r26-color-red));
    border-radius: var(--border-radius, 0.25rem);
  }
  .c-square-frame svg {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: color;
    transition-property: color;
  }
  .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    line-height: 1;
    border: 1px solid var(--r26-color-gray);
    border-radius: 0.25rem;
  }
  .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .text {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--r26-color-gray);
  }
  .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img img {
    width: auto;
    height: 100%;
  }
  .l-header-global-nav-menu-contents > .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font: unset;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-global-nav-menu-contents > .toggle > .icon {
    --border-radius: 2px;
    --background-color: var(--r26-color-dark-gray);
    --icon-width: 0.625rem;
    color: var(--r26-color-black);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-global-nav-menu-contents > .toggle > .icon.-toggle::before,
  .l-header-global-nav-menu-contents > .toggle > .icon.-toggle::after {
    height: 2px;
  }
  .l-header-global-nav-menu-contents > .toggle > .icon.-arrow {
    --icon-width: 0.6875rem;
  }
  .l-header-global-nav-menu-contents > .toggle > .icon.-external {
    --icon-width: 0.75rem;
  }
  .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] {
    background-color: var(--r26-color-white);
  }
  .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] > .icon {
    --background-color: var(--r26-color-black);
    color: var(--r26-color-white);
  }
  .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] > .icon::after {
    rotate: 180deg;
  }
  .l-header-global-nav-menu-contents > .accordion > .content > .inner {
    background-color: var(--r26-color-white);
  }
  .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list {
    display: grid;
    gap: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a > .icon {
    width: 0.75rem;
  }
  .l-header-global-nav-menu-header > .title {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .l-header-global-nav-menu-header > .title > a {
    text-decoration: none;
  }
  .l-header-global-nav-menu-header > .title > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-global-nav-menu-header > .title > a > .icon {
    width: 0.75rem;
  }
  .l-header-global-nav-menu-header > .title + .desc {
    -webkit-margin-before: 0.75rem;
            margin-block-start: 0.75rem;
  }
  .l-header-global-nav-menu-header > .desc {
    font-size: 0.75rem;
    line-height: 1.7;
    color: var(--r26-color-gray);
  }
  .l-header-global-nav-menu-other > .inner > .banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
  .l-header-global-nav-menu-other > .inner > .banners > li > a {
    position: relative;
    display: block;
  }
  .l-header-global-nav-menu-other > .inner > .banners > li > a::before {
    position: absolute;
    inset: 0;
    content: "";
    -webkit-box-shadow: 0 0 0 1px rgb(220, 220, 220) inset;
            box-shadow: 0 0 0 1px rgb(220, 220, 220) inset;
    mix-blend-mode: darken;
  }
  .l-header-global-nav-menu-other > .inner > .banners > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-global-nav-menu-other > .inner > .anchor > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-global-nav-menu-other > .inner > .anchor > a > .text {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-global-nav-menu-other > .inner > .anchor > a > .icon {
    --icon-border-radius: 0.125rem;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-global-nav-menu > .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    width: 100%;
    padding-inline: 0;
    font: unset;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
  }
  .l-header-global-nav-menu > .toggle > .icon.-toggle::before,
  .l-header-global-nav-menu > .toggle > .icon.-toggle::after {
    height: 2px;
  }
  .l-header-global-nav-menu > .toggle > .icon.icon-sp {
    display: none;
  }
  .l-header-global-nav-menu > .toggle > .icon.icon-pc {
    display: none;
  }
  .l-header-global-nav-menu > .accordion > .content {
    opacity: 0;
  }
  .l-header-global-nav-menu > .accordion > .content.is-initialized {
    opacity: 1;
  }
  .l-header-misc-nav-menu > .toggle {
    width: 100%;
    font: unset;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: color, border-color;
    transition-property: color, border-color;
  }
  .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon {
    --background-color: var(--r26-color-black);
  }
  .l-header-misc-nav-menu > .toggle > .icon.-toggle::before,
  .l-header-misc-nav-menu > .toggle > .icon.-toggle::after {
    height: 0.09375rem;
  }
  .l-header-misc-nav-menu > .toggle > .icon.icon-sp {
    display: none;
  }
  .l-header-misc-nav-menu > .toggle > .icon.icon-pc {
    display: none;
  }
  .l-header-misc-nav-menu > .accordion > .content {
    width: 100%;
    opacity: 0;
  }
  .l-header-misc-nav-menu > .accordion > .content.is-initialized {
    opacity: 1;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .title {
    position: relative;
    padding-inline: 1rem;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .title:not(:first-child) {
    -webkit-padding-before: 1.25rem;
            padding-block-start: 1.25rem;
    -webkit-margin-before: 1.25rem;
            margin-block-start: 1.25rem;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .title:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    content: "";
    background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
    background-repeat: repeat-x;
    background-position: -1px 0;
    background-size: 4px 1px;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .title + * {
    -webkit-margin-before: 0.75rem;
            margin-block-start: 0.75rem;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .list {
    display: grid;
    gap: 0.75rem;
    padding: 0;
    padding-inline: 1rem;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    list-style-type: "";
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a {
    text-decoration: none;
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a > .icon {
    width: 0.625rem;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information {
    position: relative;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--r26-color-light-gray);
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a {
    display: block;
    text-decoration: none;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a > .text {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a > .icon {
    display: inline-block;
    width: 0.75rem;
    -webkit-margin-start: 0.25rem;
            margin-inline-start: 0.25rem;
    translate: 0 0.08lh;
  }
  .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-search-by-keyword {
    position: absolute;
    top: calc(var(--header-height) - 1px);
    width: 100%;
  }
  .l-header-search-by-keyword > .content {
    width: 100%;
    background-color: var(--r26-color-white);
    opacity: 0;
  }
  .l-header-search-by-keyword > .content.is-initialized {
    opacity: 1;
  }
  .l-header-search-by-keyword > .content > .inner {
    width: 100%;
  }
  .l-header-search-by-keyword > .content > .inner > .form {
    max-width: 50rem;
    padding: 2.5rem 1.5rem 3rem;
    margin-inline: auto;
  }
  .l-header-search-by-keyword > .content > .inner > .form > .title {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .l-header-search-by-keyword > .content > .inner > .form > .title + * {
    -webkit-margin-before: 1.25rem;
            margin-block-start: 1.25rem;
  }
  .l-header-sp-modal.l-header-sp-modal {
    top: var(--header-height);
  }
  .l-header a,
  .l-header a:active,
  .l-header a:visited,
  .l-header a:hover {
    color: inherit;
    opacity: 1;
  }
  .l-header > .container {
    display: grid;
    grid-template: "logo . lang-toggle search-button menu-toggle";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header > .container ul {
    padding: 0;
    margin: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    list-style-type: "";
  }
  .l-header > .container > .logo {
    grid-area: logo;
    width: 10.5rem;
    margin: 0;
  }
  .l-header > .container > .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header > .container .lang-toggle {
    grid-area: lang-toggle;
  }
  .l-header > .container .search-button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    grid-area: search-button;
    width: 3rem;
    padding: 0;
    font: unset;
    color: unset;
    color: var(--r26-color-white);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    border-radius: 0.25rem;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    --background-color: var(--r26-color-black);
  }
  .l-header > .container .search-button[aria-expanded=true] {
    --background-color: var(--r26-color-red);
  }
  .l-header > .container .search-button[aria-expanded=true] > .icon.-magnifying {
    opacity: 0;
  }
  .l-header > .container .search-button[aria-expanded=true] > .icon.-close {
    opacity: 1;
  }
  .l-header > .container .search-button > .icon {
    grid-area: 1/1/1/1;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  .l-header > .container .search-button > .icon.-magnifying {
    width: 1.125rem;
    opacity: 1;
  }
  .l-header > .container .search-button > .icon.-close {
    width: 1rem;
    opacity: 0;
  }
  .l-header > .container .search-button svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .l-header > .container .menu-toggle > .line,
  .l-header > .container .menu-toggle .close {
    display: grid;
    place-items: center;
    width: 1.125rem;
  }
  .l-header > .container .menu-toggle > .line svg,
  .l-header > .container .menu-toggle .close svg {
    -webkit-transition-property: none;
    transition-property: none;
  }
  .l-header > .container .menu-toggle img {
    width: 100%;
    height: auto;
  }
  .l-header > .container .menu-toggle .line {
    display: grid;
  }
  .l-header > .container .menu-toggle .close {
    display: none;
  }
  .l-header > .container .menu-toggle.is-open {
    --background-color: var(--r26-color-black);
    color: var(--r26-color-white);
  }
  .l-header > .container .menu-toggle.is-open .line {
    display: none;
  }
  .l-header > .container .menu-toggle.is-open .close {
    display: grid;
  }
  .l-header .AttentionWrap,
  .l-header .AttentionWrap2,
  .l-header .AttentionWrap3 {
    background-color: var(--r26-color-red);
  }
  .l-header .AttentionWrap .Attention,
  .l-header .AttentionWrap2 .Attention,
  .l-header .AttentionWrap3 .Attention {
    max-width: 1920px;
    padding: 0.375rem 0.625rem;
    margin-inline: auto;
    color: var(--r26-color-white);
    background-color: inherit;
  }
  .l-header .AttentionWrap .AttentionText,
  .l-header .AttentionWrap2 .AttentionText,
  .l-header .AttentionWrap3 .AttentionText {
    position: relative;
    -webkit-padding-start: 1.5rem;
            padding-inline-start: 1.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .l-header .AttentionWrap .AttentionText .icon,
  .l-header .AttentionWrap2 .AttentionText .icon,
  .l-header .AttentionWrap3 .AttentionText .icon {
    position: absolute;
    top: 0.05lh;
    left: 0.125rem;
    width: 1rem;
  }
  .l-header .AttentionWrap .AttentionText:not(:last-child),
  .l-header .AttentionWrap2 .AttentionText:not(:last-child),
  .l-header .AttentionWrap3 .AttentionText:not(:last-child) {
    -webkit-margin-after: 0.375rem;
            margin-block-end: 0.375rem;
  }
  .l-header .AttentionWrap .AttentionText a:not(:has(.text)),
  .l-header .AttentionWrap2 .AttentionText a:not(:has(.text)),
  .l-header .AttentionWrap3 .AttentionText a:not(:has(.text)) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header .AttentionWrap .AttentionText a .text,
  .l-header .AttentionWrap2 .AttentionText a .text,
  .l-header .AttentionWrap3 .AttentionText a .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    line-height: 1;
    border: 1px solid var(--r26-color-gray);
    border-radius: 4px;
  }
  .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .text {
    font-size: 10px;
    font-weight: 600;
    color: var(--r26-color-gray);
  }
  .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img img {
    width: auto;
    height: 100%;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font: unset;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon {
    --border-radius: 2px;
    --background-color: var(--r26-color-dark-gray);
    --frame-width: 16px;
    --icon-width: 10px;
    color: var(--r26-color-black);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon.-toggle::before,
  .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon.-toggle::after {
    height: 2px;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon.-arrow {
    --icon-width: 11px;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon.-external {
    --icon-width: 12px;
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] {
    background-color: var(--r26-color-white);
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] > .icon {
    --background-color: var(--r26-color-black);
    color: var(--r26-color-white);
  }
  .l-header-px .l-header-global-nav-menu-contents > .toggle[aria-expanded=true] > .icon::after {
    rotate: 180deg;
  }
  .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner {
    background-color: var(--r26-color-white);
  }
  .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list {
    display: grid;
    gap: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }
  .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a > .icon {
    width: 12px;
  }
  .l-header-px .l-header-global-nav-menu-header > .title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
  .l-header-px .l-header-global-nav-menu-header > .title > a {
    text-decoration: none;
  }
  .l-header-px .l-header-global-nav-menu-header > .title > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-global-nav-menu-header > .title > a > .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 12px;
  }
  .l-header-px .l-header-global-nav-menu-header > .title + .desc {
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
  }
  .l-header-px .l-header-global-nav-menu-header > .desc {
    font-size: 12px;
    line-height: 1.7;
    color: var(--r26-color-gray);
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .banners > li > a {
    position: relative;
    display: block;
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .banners > li > a::before {
    position: absolute;
    inset: 0;
    content: "";
    -webkit-box-shadow: 0 0 0 1px rgb(220, 220, 220) inset;
            box-shadow: 0 0 0 1px rgb(220, 220, 220) inset;
    mix-blend-mode: darken;
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .banners > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a > .text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a > .icon {
    --icon-border-radius: 2px;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
  .l-header-px .l-header-global-nav-menu > .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    padding-inline: 0;
    font: unset;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
  }
  .l-header-px .l-header-global-nav-menu > .toggle > .icon.-toggle::before,
  .l-header-px .l-header-global-nav-menu > .toggle > .icon.-toggle::after {
    height: 2px;
  }
  .l-header-px .l-header-global-nav-menu > .toggle > .icon.icon-sp {
    display: none;
  }
  .l-header-px .l-header-global-nav-menu > .toggle > .icon.icon-pc {
    display: none;
  }
  .l-header-px .l-header-global-nav-menu > .accordion > .content {
    opacity: 0;
  }
  .l-header-px .l-header-global-nav-menu > .accordion > .content.is-initialized {
    opacity: 1;
  }
  .l-header-px .l-header-misc-nav-menu > .toggle {
    width: 100%;
    font: unset;
    font-size: 12px;
    line-height: 1.5;
    color: var(--r26-color-black);
    text-align: unset;
    letter-spacing: unset;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: color, border-color;
    transition-property: color, border-color;
  }
  .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon {
    --background-color: var(--r26-color-black);
  }
  .l-header-px .l-header-misc-nav-menu > .toggle > .icon.-toggle::before,
  .l-header-px .l-header-misc-nav-menu > .toggle > .icon.-toggle::after {
    height: 1.5px;
  }
  .l-header-px .l-header-misc-nav-menu > .toggle > .icon.icon-sp {
    display: none;
  }
  .l-header-px .l-header-misc-nav-menu > .toggle > .icon.icon-pc {
    display: none;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content {
    width: 100%;
    opacity: 0;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content.is-initialized {
    opacity: 1;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .title {
    position: relative;
    padding-inline: 16px;
    padding-bottom: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    border-bottom: none;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .title:not(:first-child) {
    -webkit-padding-before: 20px;
            padding-block-start: 20px;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .title:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    content: "";
    background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
    background-repeat: repeat-x;
    background-position: -1px 0;
    background-size: 4px 1px;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .title + * {
    -webkit-margin-before: 12px;
            margin-block-start: 12px;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list {
    display: grid;
    gap: 12px;
    padding: 0;
    padding-inline: 16px;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    font-size: 14px;
    line-height: 1.5;
    list-style-type: "";
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a {
    text-decoration: none;
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a > .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a > .icon {
    width: 10px;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action > a > .text {
    font-size: 10px;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information {
    position: relative;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--r26-color-light-gray);
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a {
    display: block;
    text-decoration: none;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a > .text {
    font-size: 12px;
    line-height: 1.5;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a > .icon {
    display: inline-block;
    width: 12px;
    -webkit-margin-start: 4px;
            margin-inline-start: 4px;
    translate: 0 0.08lh;
  }
  .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-px.r2026-header#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 980;
    width: 100%;
    background-color: var(--r26-color-white);
  }
  .l-header-px a,
  .l-header-px a:active,
  .l-header-px a:visited,
  .l-header-px a:hover {
    color: inherit;
    text-decoration: none;
    opacity: 1;
  }
  .l-header-px > .container {
    display: grid;
    grid-template: "logo . lang-toggle search-button menu-toggle";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header-px > .container ul {
    padding: 0;
    margin: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    list-style-type: "";
  }
  .l-header-px > .container > .logo {
    grid-area: logo;
    width: 168px;
    margin: 0;
  }
  .l-header-px > .container > .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-px > .container .lang-toggle {
    grid-area: lang-toggle;
    gap: 8px;
  }
  .l-header-px > .container .lang-toggle > .list {
    gap: 6px;
  }
  .l-header-px > .container .lang-toggle > .list > .item + .item::before {
    width: 5px;
    height: 8px;
    -webkit-margin-end: 6px;
            margin-inline-end: 6px;
  }
  .l-header-px > .container .lang-toggle > .list > .item > a {
    font-size: 12px;
  }
  .l-header-px > .container .search-button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    grid-area: search-button;
    width: 48px;
    padding: 0;
    font: unset;
    color: unset;
    color: var(--r26-color-white);
    text-align: unset;
    letter-spacing: unset;
    cursor: pointer;
    border-color: unset;
    border-style: solid;
    border-width: 0;
    border-radius: unset;
    border-radius: 4px;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    --background-color: var(--r26-color-black);
  }
  .l-header-px > .container .search-button[aria-expanded=true] {
    --background-color: var(--r26-color-red);
  }
  .l-header-px > .container .search-button[aria-expanded=true] > .icon.-magnifying {
    opacity: 0;
  }
  .l-header-px > .container .search-button[aria-expanded=true] > .icon.-close {
    opacity: 1;
  }
  .l-header-px > .container .search-button > .icon {
    grid-area: 1/1/1/1;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  .l-header-px > .container .search-button > .icon.-magnifying {
    width: 18px;
    opacity: 1;
  }
  .l-header-px > .container .search-button > .icon.-close {
    width: 16px;
    opacity: 0;
  }
  .l-header-px > .container .search-button svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .l-header-px > .container .menu-toggle > .line,
  .l-header-px > .container .menu-toggle .close {
    display: grid;
    place-items: center;
    width: 18px;
  }
  .l-header-px > .container .menu-toggle > .line svg,
  .l-header-px > .container .menu-toggle .close svg {
    -webkit-transition-property: none;
    transition-property: none;
  }
  .l-header-px > .container .menu-toggle img {
    width: 100%;
    height: auto;
  }
  .l-header-px > .container .menu-toggle .line {
    display: grid;
  }
  .l-header-px > .container .menu-toggle .close {
    display: none;
  }
  .l-header-px > .container .menu-toggle.is-open {
    --background-color: var(--r26-color-black);
    color: var(--r26-color-white);
  }
  .l-header-px > .container .menu-toggle.is-open .line {
    display: none;
  }
  .l-header-px > .container .menu-toggle.is-open .close {
    display: grid;
  }
  .l-header-px .AttentionWrap,
  .l-header-px .AttentionWrap2,
  .l-header-px .AttentionWrap3 {
    background-color: var(--r26-color-red);
  }
  .l-header-px .AttentionWrap .Attention,
  .l-header-px .AttentionWrap2 .Attention,
  .l-header-px .AttentionWrap3 .Attention {
    max-width: 1920px;
    padding: 6px 10px;
    margin-inline: auto;
    color: var(--r26-color-white);
    background-color: inherit;
  }
  .l-header-px .AttentionWrap .AttentionText,
  .l-header-px .AttentionWrap2 .AttentionText,
  .l-header-px .AttentionWrap3 .AttentionText {
    position: relative;
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
  }
  .l-header-px .AttentionWrap .AttentionText .icon,
  .l-header-px .AttentionWrap2 .AttentionText .icon,
  .l-header-px .AttentionWrap3 .AttentionText .icon {
    position: absolute;
    top: 0.05lh;
    left: 2px;
    width: 16px;
  }
  .l-header-px .AttentionWrap .AttentionText:not(:last-child),
  .l-header-px .AttentionWrap2 .AttentionText:not(:last-child),
  .l-header-px .AttentionWrap3 .AttentionText:not(:last-child) {
    -webkit-margin-after: 6px;
            margin-block-end: 6px;
  }
  .l-header-px .AttentionWrap .AttentionText a:not(:has(.text)),
  .l-header-px .AttentionWrap2 .AttentionText a:not(:has(.text)),
  .l-header-px .AttentionWrap3 .AttentionText a:not(:has(.text)) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .AttentionWrap .AttentionText a .text,
  .l-header-px .AttentionWrap2 .AttentionText a .text,
  .l-header-px .AttentionWrap3 .AttentionText a .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-px .l-header-search-by-keyword {
    position: absolute;
    top: calc(var(--header-height) - 1px);
    width: 100%;
  }
  .l-header-px .l-header-search-by-keyword > .content {
    width: 100%;
    background-color: var(--r26-color-white);
    opacity: 0;
  }
  .l-header-px .l-header-search-by-keyword > .content.is-initialized {
    opacity: 1;
  }
  .l-header-px .l-header-search-by-keyword > .content > .inner {
    width: 100%;
  }
  .l-header-px .l-header-search-by-keyword > .content > .inner > .form {
    max-width: 800px;
    padding: 40px 24px 48px;
    margin-inline: auto;
  }
  .l-header-px .l-header-search-by-keyword > .content > .inner > .form > .title {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
  }
  .l-header-px .l-header-search-by-keyword > .content > .inner > .form > .title + * {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input {
    min-height: 56px;
    padding: 18px 12px;
    border-radius: 6px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input::-moz-placeholder {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input:-ms-input-placeholder {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input::-ms-input-placeholder {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .input::placeholder,
  .l-header-px .l-header-search-by-keyword .c-input-text > .describedby {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-text > .describedby {
    padding: 12px 16px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-search {
    gap: 6px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-search > .button {
    gap: 2px;
    padding: 12px 12px 10px;
    border-radius: 6px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-search > .button > .text {
    font-size: 12px;
  }
  .l-header-px .l-header-search-by-keyword .c-input-search > .button > .icon {
    width: 14px;
  }
  .l-header-px .l-header-sp-modal.l-header-sp-modal {
    top: var(--header-height);
  }
  .l-header-min > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-header-min > .container > .logo {
    width: 168px;
    margin: 0;
  }
  .l-header-min > .container > .logo img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-header-min > .container .auth-action > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    line-height: 1;
    border: 1px solid var(--r26-color-gray);
    border-radius: 4px;
  }
  .l-header-min > .container .auth-action > a > .text {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--r26-color-gray);
  }
  .l-header-min > .container .auth-action > a > .img {
    height: 20px;
  }
  .l-header-min > .container .auth-action > a > .img img {
    width: auto;
    height: 100%;
  }
  .l-header-min .AttentionWrap,
  .l-header-min .AttentionWrap2,
  .l-header-min .AttentionWrap3 {
    background-color: var(--r26-color-red);
  }
  .l-header-min .AttentionWrap .Attention,
  .l-header-min .AttentionWrap2 .Attention,
  .l-header-min .AttentionWrap3 .Attention {
    max-width: 1920px;
    padding: 6px 10px;
    margin-inline: auto;
    color: var(--r26-color-white);
    background-color: inherit;
  }
  .l-header-min .AttentionWrap .AttentionText,
  .l-header-min .AttentionWrap2 .AttentionText,
  .l-header-min .AttentionWrap3 .AttentionText {
    position: relative;
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
  }
  .l-header-min .AttentionWrap .AttentionText .icon,
  .l-header-min .AttentionWrap2 .AttentionText .icon,
  .l-header-min .AttentionWrap3 .AttentionText .icon {
    position: absolute;
    top: 0.05lh;
    left: 2px;
    width: 16px;
  }
  .l-header-min .AttentionWrap .AttentionText:not(:last-child),
  .l-header-min .AttentionWrap2 .AttentionText:not(:last-child),
  .l-header-min .AttentionWrap3 .AttentionText:not(:last-child) {
    -webkit-margin-after: 6px;
            margin-block-end: 6px;
  }
  .l-header-min .AttentionWrap .AttentionText a:not(:has(.text)),
  .l-header-min .AttentionWrap2 .AttentionText a:not(:has(.text)),
  .l-header-min .AttentionWrap3 .AttentionText a:not(:has(.text)) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-header-min .AttentionWrap .AttentionText a .text,
  .l-header-min .AttentionWrap2 .AttentionText a .text,
  .l-header-min .AttentionWrap3 .AttentionText a .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-footer-misc {
    display: grid;
    grid-template: "sns" "utility" "copyright";
    color: var(--r26-color-black);
  }
  .l-footer-misc a {
    color: inherit;
  }
  .l-footer-misc ul {
    padding: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    list-style-type: "";
  }
  .l-footer-misc > .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-area: sns;
    gap: 1.25rem;
    align-self: start;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  .l-footer-misc > .sns > li {
    -ms-flex-preferred-size: 1.625rem;
        flex-basis: 1.625rem;
  }
  .l-footer-misc > .sns > li > a {
    display: block;
  }
  .l-footer-misc > .sns > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-footer-misc > .utility {
    display: grid;
    grid-area: utility;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.625rem;
    -webkit-margin-before: 2.25rem;
            margin-block-start: 2.25rem;
  }
  .l-footer-misc > .utility > li > a > .text {
    font-size: 0.75rem;
    line-height: 1.5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-footer-misc > .utility > li > a[target=_blank] > .icon {
    width: 0.75rem;
    aspect-ratio: 1;
    -webkit-margin-start: 0.125rem;
            margin-inline-start: 0.125rem;
  }
  .l-footer-misc > .copyright {
    grid-area: copyright;
    font-size: 0.625rem;
    line-height: 1.5;
  }
  .l-footer-misc > .copyright > a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-footer {
    padding-block: 3rem 3.25rem;
    background-color: var(--r26-color-light-gray);
  }
  .l-footer-px .l-footer-misc {
    display: grid;
    grid-template: "sns" "utility" "copyright";
    color: var(--r26-color-black);
  }
  .l-footer-px .l-footer-misc a {
    color: inherit;
  }
  .l-footer-px .l-footer-misc ul {
    padding: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    list-style-type: "";
  }
  .l-footer-px .l-footer-misc > .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-area: sns;
    gap: 20px;
    align-self: start;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
  .l-footer-px .l-footer-misc > .sns > li {
    -ms-flex-preferred-size: 26px;
        flex-basis: 26px;
  }
  .l-footer-px .l-footer-misc > .sns > li > a {
    display: block;
  }
  .l-footer-px .l-footer-misc > .sns > li > a img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-footer-px .l-footer-misc > .utility {
    display: grid;
    grid-area: utility;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 10px;
    -webkit-margin-before: 36px;
            margin-block-start: 36px;
  }
  .l-footer-px .l-footer-misc > .utility > li > a > .text {
    font-size: 12px;
    line-height: 1.5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-footer-px .l-footer-misc > .utility > li > a[target=_blank] > .icon {
    width: 12px;
    aspect-ratio: 1;
    -webkit-margin-start: 2px;
            margin-inline-start: 2px;
  }
  .l-footer-px .l-footer-misc > .copyright {
    grid-area: copyright;
    font-size: 10px;
    line-height: 1.5;
  }
  .l-footer-px .l-footer-misc > .copyright > a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
    background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% var(--underline-width, 1px);
  }
  .l-footer-px {
    padding-block: 48px 52px;
    background-color: var(--r26-color-light-gray);
  }
  .l-footer-px .container {
    max-width: 1440px;
    padding-inline: 24px;
  }
  @media screen and (width <= 1260px) {
    body:has(.r2026-main) {
      min-width: auto;
    }
  }
  @media screen and (width <= 800px) {
    .u-pc {
      display: none !important;
    }
    .c-input-search > .button > .text {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .l-footer-misc {
      padding-inline: 1.375rem;
    }
    .l-footer-misc > .utility > li {
      text-align: left;
    }
    .l-footer-misc > .copyright {
      justify-self: start;
      -webkit-margin-before: 2.5rem;
              margin-block-start: 2.5rem;
    }
    .l-footer-px .l-footer-misc {
      padding-inline: 22px;
    }
    .l-footer-px .l-footer-misc > .utility > li {
      text-align: left;
    }
    .l-footer-px .l-footer-misc > .copyright {
      justify-self: start;
      -webkit-margin-before: 40px;
              margin-block-start: 40px;
    }
  }
  @media screen and (width >= 800px) {
    .u-sp {
      display: none !important;
    }
    .c-close-button {
      width: 4rem;
    }
    .c-content-container {
      padding-inline: min(6.94vw, 100px);
      margin-inline: auto;
    }
    .c-content-container.-wide {
      padding-inline: 1.25rem;
    }
    .c-input-search {
      gap: 1.25rem;
    }
    .c-input-search > .button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0.5rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 1.625rem 2.5rem;
    }
    .c-input-search > .button > .text {
      font-size: 0.875rem;
    }
    .c-input-search > .button > .icon {
      width: 1rem;
    }
    .c-input-text > .input {
      min-height: 4.5rem;
      padding: 1.5rem;
      border-radius: 0.5rem;
    }
    .c-input-text > .input::-webkit-input-placeholder {
      font-size: 1rem;
    }
    .c-input-text > .input::-moz-placeholder {
      font-size: 1rem;
    }
    .c-input-text > .input:-ms-input-placeholder {
      font-size: 1rem;
    }
    .c-input-text > .input::-ms-input-placeholder {
      font-size: 1rem;
    }
    .c-input-text > .input::placeholder,
    .c-input-text > .describedby {
      font-size: 1rem;
    }
    .c-input-text > .describedby {
      padding: 0.75rem 1.625rem;
    }
    .c-lang-toggle > .icon {
      width: 1rem;
    }
    .l-header-px > .container .lang-toggle > .icon {
      width: 16px;
    }
    .l-header-global-nav-menu > .toggle {
      font-size: 0.8125rem;
    }
    .l-header-px .l-header-global-nav-menu > .toggle {
      font-size: 13px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input {
      min-height: 72px;
      padding: 24px;
      border-radius: 8px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input::-webkit-input-placeholder {
      font-size: 16px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input::-moz-placeholder {
      font-size: 16px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input:-ms-input-placeholder {
      font-size: 16px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input::-ms-input-placeholder {
      font-size: 16px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .input::placeholder,
    .l-header-px .l-header-search-by-keyword .c-input-text > .describedby {
      font-size: 16px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-text > .describedby {
      padding: 12px 26px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-search {
      gap: 20px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-search > .button {
      gap: 8px;
      padding: 26px 40px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-search > .button > .text {
      font-size: 14px;
    }
    .l-header-px .l-header-search-by-keyword .c-input-search > .button > .icon {
      width: 16px;
    }
    .l-footer-misc {
      grid-template: "sns utility" "sns copyright";
      gap: 0.75rem 2rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-inline: 1.25rem;
    }
    .l-footer-misc > .sns {
      gap: 1rem;
    }
    .l-footer-misc > .sns > li {
      -ms-flex-preferred-size: 1.5rem;
          flex-basis: 1.5rem;
    }
    .l-footer-misc > .utility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.5rem 1rem;
      justify-self: end;
      -webkit-margin-before: 0;
              margin-block-start: 0;
    }
    .l-footer-misc > .utility > li > a {
      display: block;
    }
    .l-footer-misc > .copyright {
      justify-self: end;
    }
    .l-footer {
      padding-block: 2.5rem 2rem;
    }
    .l-footer-px .l-footer-misc {
      grid-template: "sns utility" "sns copyright";
      gap: 12px 32px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-inline: 20px;
    }
    .l-footer-px .l-footer-misc > .sns {
      gap: 16px;
    }
    .l-footer-px .l-footer-misc > .sns > li {
      -ms-flex-preferred-size: 24px;
          flex-basis: 24px;
    }
    .l-footer-px .l-footer-misc > .utility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 8px 16px;
      justify-self: end;
      -webkit-margin-before: 0;
              margin-block-start: 0;
    }
    .l-footer-px .l-footer-misc > .utility > li > a {
      display: block;
    }
    .l-footer-px .l-footer-misc > .copyright {
      justify-self: end;
    }
    .l-footer-px {
      padding-block: 40px 32px;
    }
    .l-footer-px .container {
      padding-inline: 20px;
    }
  }
  @media (any-hover: hover) and (any-pointer: fine) {
    .c-close-button:hover,
    .c-close-button:focus-visible {
      background-color: var(--r26-color-black);
    }
    .c-input-search > .button:has(:hover, :focus) {
      background-color: var(--r26-color-black);
    }
    .c-lang-toggle > .list > .item > a:hover,
    .c-lang-toggle > .list > .item > a:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-global-nav-menu-contents > .toggle:hover,
    .l-header-global-nav-menu-contents > .toggle:focus-visible {
      background-color: var(--r26-color-white);
    }
    .l-header-global-nav-menu-contents > .toggle:hover > .icon,
    .l-header-global-nav-menu-contents > .toggle:focus-visible > .icon {
      --background-color: var(--r26-color-black);
      color: var(--r26-color-white);
    }
    .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a:hover > .text,
    .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-global-nav-menu-header > .title > a > .text:hover,
    .l-header-global-nav-menu-header > .title > a > .text:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-global-nav-menu-other > .inner > .anchor > a:hover > .text,
    .l-header-global-nav-menu-other > .inner > .anchor > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-global-nav-menu-other > .inner > .anchor > a:hover > .icon,
    .l-header-global-nav-menu-other > .inner > .anchor > a:focus-visible > .icon {
      background-color: var(--r26-color-black);
    }
    .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a:hover > .text,
    .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header > .container .search-button:hover,
    .l-header > .container .search-button:focus-visible {
      --background-color: var(--r26-color-red);
    }
    .l-header .AttentionWrap .AttentionText a:not(:has(.text)):hover,
    .l-header .AttentionWrap .AttentionText a:not(:has(.text)):focus,
    .l-header .AttentionWrap2 .AttentionText a:not(:has(.text)):hover,
    .l-header .AttentionWrap2 .AttentionText a:not(:has(.text)):focus,
    .l-header .AttentionWrap3 .AttentionText a:not(:has(.text)):hover,
    .l-header .AttentionWrap3 .AttentionText a:not(:has(.text)):focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header .AttentionWrap .AttentionText a:hover .text,
    .l-header .AttentionWrap .AttentionText a:focus-visible .text,
    .l-header .AttentionWrap2 .AttentionText a:hover .text,
    .l-header .AttentionWrap2 .AttentionText a:focus-visible .text,
    .l-header .AttentionWrap3 .AttentionText a:hover .text,
    .l-header .AttentionWrap3 .AttentionText a:focus-visible .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle:hover,
    .l-header-px .l-header-global-nav-menu-contents > .toggle:focus-visible {
      background-color: var(--r26-color-white);
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle:hover > .icon,
    .l-header-px .l-header-global-nav-menu-contents > .toggle:focus-visible > .icon {
      --background-color: var(--r26-color-black);
      color: var(--r26-color-white);
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a:hover > .text,
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .l-header-global-nav-menu-header > .title > a > .text:hover,
    .l-header-px .l-header-global-nav-menu-header > .title > a > .text:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a:hover > .text,
    .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a:hover > .icon,
    .l-header-px .l-header-global-nav-menu-other > .inner > .anchor > a:focus-visible > .icon {
      background-color: var(--r26-color-black);
    }
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a:hover > .text,
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px > .container .search-button:hover,
    .l-header-px > .container .search-button:focus-visible {
      --background-color: var(--r26-color-red);
    }
    .l-header-px .AttentionWrap .AttentionText a:not(:has(.text)):hover,
    .l-header-px .AttentionWrap .AttentionText a:not(:has(.text)):focus,
    .l-header-px .AttentionWrap2 .AttentionText a:not(:has(.text)):hover,
    .l-header-px .AttentionWrap2 .AttentionText a:not(:has(.text)):focus,
    .l-header-px .AttentionWrap3 .AttentionText a:not(:has(.text)):hover,
    .l-header-px .AttentionWrap3 .AttentionText a:not(:has(.text)):focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .AttentionWrap .AttentionText a:hover .text,
    .l-header-px .AttentionWrap .AttentionText a:focus-visible .text,
    .l-header-px .AttentionWrap2 .AttentionText a:hover .text,
    .l-header-px .AttentionWrap2 .AttentionText a:focus-visible .text,
    .l-header-px .AttentionWrap3 .AttentionText a:hover .text,
    .l-header-px .AttentionWrap3 .AttentionText a:focus-visible .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-min .AttentionWrap .AttentionText a:not(:has(.text)):hover,
    .l-header-min .AttentionWrap .AttentionText a:not(:has(.text)):focus,
    .l-header-min .AttentionWrap2 .AttentionText a:not(:has(.text)):hover,
    .l-header-min .AttentionWrap2 .AttentionText a:not(:has(.text)):focus,
    .l-header-min .AttentionWrap3 .AttentionText a:not(:has(.text)):hover,
    .l-header-min .AttentionWrap3 .AttentionText a:not(:has(.text)):focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-min .AttentionWrap .AttentionText a:hover .text,
    .l-header-min .AttentionWrap .AttentionText a:focus-visible .text,
    .l-header-min .AttentionWrap2 .AttentionText a:hover .text,
    .l-header-min .AttentionWrap2 .AttentionText a:focus-visible .text,
    .l-header-min .AttentionWrap3 .AttentionText a:hover .text,
    .l-header-min .AttentionWrap3 .AttentionText a:focus-visible .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-footer-misc > .utility > li > a:hover > .text,
    .l-footer-misc > .utility > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-footer-misc > .copyright > a:hover,
    .l-footer-misc > .copyright > a:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-footer-px .l-footer-misc > .utility > li > a:hover > .text,
    .l-footer-px .l-footer-misc > .utility > li > a:focus-visible > .text {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-footer-px .l-footer-misc > .copyright > a:hover,
    .l-footer-px .l-footer-misc > .copyright > a:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
  }
  @media screen and (width >= 1440px) {
    .c-content-container {
      width: 100%;
    }
  }
  @media screen and (width <= 1169px) {
    .l-header-sp-modal[data-active=true] .c-interactive-accordion-overlay.is-active {
      visibility: hidden;
      pointer-events: none;
      opacity: 0;
    }
    .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
      gap: 0.25rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      padding-inline: 0.375rem;
    }
    .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img {
      height: 1.625rem;
    }
    .l-header-global-nav-menu-contents {
      -webkit-margin-before: 1.5rem;
              margin-block-start: 1.5rem;
    }
    .l-header-global-nav-menu-contents > .toggle {
      position: relative;
      padding-block: 1.125rem;
      padding-inline: 1.375rem;
    }
    .l-header-global-nav-menu-contents > .toggle:last-child::after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-global-nav-menu-contents > .toggle::before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-global-nav-menu-contents > .accordion {
      display: none;
    }
    .l-header-global-nav-menu-contents > .accordion:has(> .content.is-initialized) {
      display: block;
    }
    .l-header-global-nav-menu-contents > .accordion > .content > .inner {
      padding-block: 0 1.25rem;
      padding-inline: 1.875rem;
    }
    .l-header-global-nav-menu-header {
      -webkit-padding-before: 2rem;
              padding-block-start: 2rem;
      padding-inline: 1.375rem;
    }
    .l-header-global-nav-menu-other {
      -webkit-padding-before: 2.25rem;
              padding-block-start: 2.25rem;
      padding-inline: 1.25rem;
    }
    .l-header-global-nav-menu-other > .inner:has(> .anchor) {
      display: grid;
      gap: 1.25rem;
      justify-items: center;
    }
    .l-header-global-nav-menu {
      width: 100%;
    }
    .l-header-global-nav-menu > .toggle {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-block: 1.5rem;
      padding-inline: 1.5rem 2rem;
      text-decoration: none;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon {
      --background-color: var(--r26-color-black);
    }
    .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon::after {
      rotate: 180deg;
    }
    .l-header-global-nav-menu > .toggle > .icon {
      --frame-width: 1.25rem;
      --icon-width: 0.75rem;
      --border-radius: 2px;
      --background-color: var(--r26-color-red);
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color;
      transition-property: background-color;
    }
    .l-header-global-nav-menu > .toggle > .icon.icon-sp {
      display: inline-grid;
    }
    .l-header-global-nav-menu > .accordion {
      background-color: var(--r26-color-silver);
    }
    .l-header-global-nav-menu > .accordion > .content {
      padding-inline: 0.625rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner {
      -webkit-padding-after: 2.25rem;
              padding-block-end: 2.25rem;
    }
    .l-header-misc-nav-menu {
      padding-inline: 1rem;
      background-color: var(--r26-color-light-gray);
    }
    .l-header-misc-nav-menu > .toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0.5rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1.25rem 0.5rem;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.3;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-misc-nav-menu > .toggle::after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-misc-nav-menu > .toggle[aria-expanded=true] {
      position: relative;
      border-block-end-color: transparent;
    }
    .l-header-misc-nav-menu > .toggle[aria-expanded=true]::before {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon::after {
      rotate: 180deg;
    }
    .l-header-misc-nav-menu > .toggle > .icon {
      --frame-width: 1.25rem;
      --background-color: var(--r26-color-red);
      --icon-width: 0.5rem;
      --border-radius: 2px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: var(--r26-color-white);
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color;
      transition-property: background-color;
    }
    .l-header-misc-nav-menu > .toggle > .icon.icon-sp {
      display: inline-grid;
    }
    .l-header-misc-nav-menu > .accordion > .content > .inner {
      padding-block: 1.25rem;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      display: grid;
      grid-template: "auth-action onlineshop" "existing-customers existing-customers" "personal-customers personal-customers" "works-and-fault-information works-and-fault-information";
      grid-template-columns: repeat(2, 1fr);
      gap: 0 0.625rem;
      padding: 2.125rem 0.625rem 0;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li {
      width: 100%;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action,
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      width: auto;
      -webkit-padding-after: 2.125rem;
              padding-block-end: 2.125rem;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
      grid-area: auth-action;
      -webkit-padding-start: 1.5vw;
              padding-inline-start: 1.5vw;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      grid-area: onlineshop;
      -webkit-padding-end: 1.5vw;
              padding-inline-end: 1.5vw;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a {
      position: relative;
      display: grid;
      place-items: center;
      height: 1.75rem;
      padding: 0.1875rem 1.5rem 0.15625rem;
      border: 1px solid #787878;
      border-radius: 0.25rem;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text {
      background: none !important;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .icon {
      position: absolute;
      top: 50%;
      right: 0.5rem;
      width: 0.625rem;
      translate: 0 -50%;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.existing-customers {
      grid-area: existing-customers;
      overflow: hidden;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.personal-customers {
      grid-area: personal-customers;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information {
      grid-area: works-and-fault-information;
      overflow: hidden;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
    .l-header-sp-modal.l-header-sp-modal > .inner {
      height: 100%;
      overflow-y: auto;
    }
    .l-header-sp-modal.l-header-sp-modal > .inner > .content {
      padding-block: 2px 2.125rem;
      pointer-events: all;
      background-color: var(--r26-color-white);
    }
    .l-header > .container {
      grid-template-columns: auto 1fr auto auto auto;
      gap: 0.375rem;
      padding: 0.5rem;
    }
    .l-header > .container .lang-toggle {
      -webkit-margin-end: 0.875rem;
              margin-inline-end: 0.875rem;
    }
    .l-header > .container .menu-toggle {
      display: grid;
      grid-area: menu-toggle;
      width: 3rem;
      padding: 0;
      font: unset;
      color: unset;
      text-align: unset;
      letter-spacing: unset;
      cursor: pointer;
      border-color: unset;
      border-style: solid;
      border-width: 0;
      border-radius: unset;
      border-radius: 0.25rem;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color, color, opacity;
      transition-property: background-color, color, opacity;
      --background-color: var(--r26-color-light-gray);
    }
    .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
      gap: 4px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      padding-inline: 6px;
    }
    .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img {
      height: 26px;
    }
    .l-header-px .l-header-global-nav-menu-contents {
      -webkit-margin-before: 24px;
              margin-block-start: 24px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle {
      position: relative;
      padding-block: 18px;
      padding-inline: 22px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle:last-child::after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle::before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion {
      display: none;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion:has(> .content.is-initialized) {
      display: block;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner {
      padding-block: 0 20px;
      padding-inline: 30px;
    }
    .l-header-px .l-header-global-nav-menu-header {
      -webkit-padding-before: 32px;
              padding-block-start: 32px;
      padding-inline: 22px;
    }
    .l-header-px .l-header-global-nav-menu-other {
      -webkit-padding-before: 36px;
              padding-block-start: 36px;
      padding-inline: 20px;
    }
    .l-header-px .l-header-global-nav-menu-other > .inner:has(> .anchor) {
      display: grid;
      gap: 20px;
      justify-items: center;
    }
    .l-header-px .l-header-global-nav-menu {
      width: 100%;
    }
    .l-header-px .l-header-global-nav-menu > .toggle {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-block: 24px;
      padding-inline: 24px 32px;
      text-decoration: none;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-px .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon {
      --background-color: var(--r26-color-black);
    }
    .l-header-px .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon::after {
      rotate: 180deg;
    }
    .l-header-px .l-header-global-nav-menu > .toggle > .icon {
      --frame-width: 20px;
      --icon-width: 12px;
      --border-radius: 2px;
      --background-color: var(--r26-color-red);
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color;
      transition-property: background-color;
    }
    .l-header-px .l-header-global-nav-menu > .toggle > .icon.icon-sp {
      display: inline-grid;
    }
    .l-header-px .l-header-global-nav-menu > .accordion {
      background-color: var(--r26-color-silver);
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content {
      padding-inline: 10px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner {
      -webkit-padding-after: 36px;
              padding-block-end: 36px;
    }
    .l-header-px .l-header-misc-nav-menu {
      padding-inline: 16px;
      background-color: var(--r26-color-light-gray);
    }
    .l-header-px .l-header-misc-nav-menu > .toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 20px 8px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.3;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-px .l-header-misc-nav-menu > .toggle::after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true] {
      position: relative;
      border-block-end-color: transparent;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true]::before {
      position: absolute;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 1px;
      content: "";
      background-image: linear-gradient(to right, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-x;
      background-position: -1px 0;
      background-size: 4px 1px;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon::after {
      rotate: 180deg;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle > .icon {
      --frame-width: 20px;
      --background-color: var(--r26-color-red);
      --icon-width: 8px;
      --border-radius: 2px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: var(--r26-color-white);
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color;
      transition-property: background-color;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle > .icon.icon-sp {
      display: inline-grid;
    }
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner {
      padding-block: 20px;
      -webkit-border-after: 1px solid var(--r26-color-dark-gray);
              border-block-end: 1px solid var(--r26-color-dark-gray);
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      display: grid;
      grid-template: "auth-action onlineshop" "existing-customers existing-customers" "personal-customers personal-customers" "works-and-fault-information works-and-fault-information";
      grid-template-columns: repeat(2, 1fr);
      gap: 0 10px;
      padding: 34px 10px 0;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li {
      width: 100%;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action,
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      width: auto;
      -webkit-padding-after: 34px;
              padding-block-end: 34px;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
      grid-area: auth-action;
      -webkit-padding-start: 1.5vw;
              padding-inline-start: 1.5vw;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      grid-area: onlineshop;
      -webkit-padding-end: 1.5vw;
              padding-inline-end: 1.5vw;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a {
      position: relative;
      display: grid;
      place-items: center;
      height: 28px;
      padding: 3px 24px 2.5px;
      border: 1px solid #787878;
      border-radius: 4px;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text {
      background: none !important;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .icon {
      position: absolute;
      top: 50%;
      right: 8px;
      width: 10px;
      translate: 0 -50%;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.existing-customers {
      grid-area: existing-customers;
      overflow: hidden;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.personal-customers {
      grid-area: personal-customers;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.works-and-fault-information {
      grid-area: works-and-fault-information;
      overflow: hidden;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    .l-header-px > .container {
      grid-template-columns: auto 1fr auto auto auto;
      gap: 6px;
      padding: 8px;
    }
    .l-header-px > .container .lang-toggle {
      -webkit-margin-end: 14px;
              margin-inline-end: 14px;
    }
    .l-header-px > .container .menu-toggle {
      display: grid;
      grid-area: menu-toggle;
      width: 48px;
      padding: 0;
      font: unset;
      color: unset;
      text-align: unset;
      letter-spacing: unset;
      cursor: pointer;
      border-color: unset;
      border-style: solid;
      border-width: 0;
      border-radius: unset;
      border-radius: 4px;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background-color, color, opacity;
      transition-property: background-color, color, opacity;
      --background-color: var(--r26-color-light-gray);
    }
    .l-header-px .l-header-sp-modal.l-header-sp-modal > .inner {
      height: 100%;
      overflow-y: auto;
    }
    .l-header-px .l-header-sp-modal.l-header-sp-modal > .inner > .content {
      padding-block: 2px 34px;
      pointer-events: all;
      background-color: var(--r26-color-white);
    }
    .l-header-min > .container {
      padding: 8px;
    }
    .l-header-min > .container .auth-action > a {
      gap: 4px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      padding-inline: 6px;
    }
  }
  @media screen and (width >= 1170px) {
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column {
      grid-template-columns: repeat(3, 1fr);
      gap: min(6.94vw, 100px);
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li {
      grid-template-columns: 1fr;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li:has(.l-header-global-nav-menu-contents) {
      grid-template-rows: auto 1fr;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li:not(:has(.l-header-global-nav-menu-contents)) .l-header-global-nav-menu-header {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header {
      padding-inline: 0.625rem 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header::before,
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header::after {
      display: none;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-contents > .toggle {
      max-width: 100%;
      -webkit-padding-start: 0.625rem;
              padding-inline-start: 0.625rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li {
      position: relative;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li::before {
      position: absolute;
      top: 0;
      left: max(-3.47vw, -50px);
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li .l-header-global-nav-menu-header,
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
      gap: 0.375rem;
      padding-inline: 0.625rem;
    }
    .l-header .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img {
      height: 1.25rem;
    }
    .l-header-global-nav-menu-contents.-smb {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: -webkit-max-content;
      grid-auto-rows: max-content;
    }
    .l-header-global-nav-menu-contents.-smb-problem {
      grid-template-columns: 1fr;
    }
    .l-header-global-nav-menu-contents > .toggle {
      display: inline-grid;
      grid-template-columns: 1fr auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      max-width: 15.75rem;
      padding-block: 0.625rem;
      padding-inline: 2.5rem 0.625rem;
      line-height: 1.5;
      border-top-left-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
    .l-header-global-nav-menu-contents > .toggle > .text {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .l-header-global-nav-menu-contents > .accordion > .content {
      position: absolute;
      top: 0;
      left: calc(min(4.17vw, 60px) + min(24.58vw, 354px) + 0.625rem + 15.75rem);
      z-index: 1;
      width: 100%;
      max-width: 34rem;
      height: 100%;
    }
    .l-header-global-nav-menu-contents > .accordion > .content > .inner {
      height: 100%;
      padding: 2rem 2.75rem;
      overflow-y: auto;
    }
    .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list {
      gap: 0.75rem;
    }
    .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li.-top {
      -webkit-padding-after: 0.625rem;
              padding-block-end: 0.625rem;
    }
    .l-header-global-nav-menu-header {
      position: relative;
      -webkit-padding-end: 1.5rem;
              padding-inline-end: 1.5rem;
    }
    .l-header-global-nav-menu-header > .title {
      -webkit-padding-before: 0.25rem;
              padding-block-start: 0.25rem;
      font-size: 1.125rem;
    }
    .l-header-global-nav-menu-header > .title + .desc {
      -webkit-margin-before: 0.875rem;
              margin-block-start: 0.875rem;
    }
    .l-header-global-nav-menu-other {
      padding: 1.25rem 2.5rem;
      background-color: var(--r26-color-white);
    }
    .l-header-global-nav-menu-other > .inner {
      max-width: 72.5rem;
      margin-inline: auto;
    }
    .l-header-global-nav-menu-other > .inner:has(> .anchor) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 1.25rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .l-header-global-nav-menu-other > .inner > .banners {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 2.5rem;
    }
    .l-header-global-nav-menu-other > .inner > .banners > li {
      -ms-flex-preferred-size: 13.75rem;
          flex-basis: 13.75rem;
    }
    .l-header-global-nav-menu > .toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 0.25rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-padding-after: 1rem;
              padding-block-end: 1rem;
      font-weight: 600;
      -webkit-border-after: 0.1875rem solid transparent;
              border-block-end: 0.1875rem solid transparent;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: border-color;
      transition-property: border-color;
    }
    .l-header-global-nav-menu > .toggle[aria-expanded=true] {
      -webkit-border-after: 0.1875rem solid var(--r26-color-red);
              border-block-end: 0.1875rem solid var(--r26-color-red);
    }
    .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon {
      rotate: 180deg;
    }
    .l-header-global-nav-menu > .toggle > .icon {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 0.8em;
      color: var(--r26-color-red);
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: rotate;
      transition-property: rotate;
    }
    .l-header-global-nav-menu > .toggle > .icon.icon-pc {
      display: inline-grid;
    }
    .l-header-global-nav-menu > .accordion > .content {
      position: absolute;
      top: calc(var(--header-height) - 1px);
      left: 0;
      width: 100%;
      height: calc(100svh - var(--header-height));
      pointer-events: none;
    }
    .l-header-global-nav-menu > .accordion > .content.is-open {
      z-index: 2;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner {
      pointer-events: all;
      cursor: auto;
      background-color: var(--r26-color-silver);
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list {
      position: relative;
      display: grid;
      gap: 1.5rem;
      max-width: 72.5rem;
      padding-block: 2rem;
      padding-inline: min(4.17vw, 60px);
      margin-inline: auto;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column {
      grid-template-columns: repeat(3, 1fr);
      gap: 3.75rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li {
      grid-template-rows: auto 1fr;
      grid-template-columns: 1fr;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header::before,
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header::after {
      display: none;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
      translate: -0.75rem 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-contents > .toggle {
      grid-template-columns: auto auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 100%;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li {
      position: relative;
      grid-template-rows: auto 1fr;
      -webkit-padding-before: 0;
              padding-block-start: 0;
      -webkit-padding-start: 3.75rem;
              padding-inline-start: 3.75rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li::before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li .l-header-global-nav-menu-header,
    .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li {
      display: grid;
      grid-template-columns: min(24.58vw, 354px) 1fr;
      gap: 1.75rem 0.625rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li .l-header-global-nav-menu-header::after {
      position: absolute;
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header,
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 1.5rem;
              padding-block-start: 1.5rem;
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 72.5rem;
      height: 1px;
      content: "";
      background-color: var(--r26-color-dark-gray);
    }
    .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header::after {
      height: calc(100% - 1.875rem);
    }
    .l-header-global-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.125rem min(0.97vw, 14px);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    .l-header-misc-nav-menu {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
    }
    .l-header-misc-nav-menu > .toggle,
    .l-header-misc-nav-menu > .accordion {
      grid-area: 1/1/1/1;
    }
    .l-header-misc-nav-menu > .toggle[aria-expanded=true] {
      color: var(--r26-color-red);
    }
    .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon {
      rotate: 180deg;
    }
    .l-header-misc-nav-menu > .toggle > .icon {
      width: 0.75rem;
      translate: 0 0.08lh;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: rotate;
      transition-property: rotate;
    }
    .l-header-misc-nav-menu > .toggle > .icon.icon-pc {
      display: inline-grid;
    }
    .l-header-misc-nav-menu > .accordion {
      position: absolute;
      top: 1.4lh;
      left: 50%;
      z-index: 20;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      background-color: var(--r26-color-white);
      border-radius: 0.25rem;
      -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
      translate: -50% 0;
    }
    .l-header-misc-nav-menu > .accordion > .content > .inner {
      width: 100%;
      padding: 1.75rem 1.5rem;
    }
    .l-header-misc-nav-menu > .accordion > .content > .inner > .title + * {
      -webkit-margin-before: 0.5rem;
              margin-block-start: 0.5rem;
    }
    .l-header-misc-nav-menu > .accordion > .content > .inner > .list {
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 500;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.5rem min(0.97vw, 14px);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      font-weight: 500;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      position: relative;
      -webkit-padding-end: 1.5rem;
              padding-inline-end: 1.5rem;
      -webkit-margin-end: 0.5rem;
              margin-inline-end: 0.5rem;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text {
      background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
      background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 100% var(--underline-width, 1px);
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop::after {
      --line-color: var(--r26-color-dark-gray);
      position: absolute;
      top: 50%;
      right: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
      translate: 0 -50%;
    }
    .l-header-search-by-keyword > .content > .inner > .form {
      padding: 3.5rem 2rem;
    }
    .l-header > .container {
      position: static;
      grid-template: "logo misc-nav lang-toggle search-button" "logo global-nav global-nav search-button";
      grid-template-columns: auto 1fr auto;
      gap: 0.875rem 1rem;
      max-width: 1920px;
      padding-block: 0.875rem 0;
      padding-inline: 1.75rem;
    }
    .l-header > .container > .logo {
      -ms-flex-item-align: start;
          align-self: start;
      width: min(18.06vw, 260px);
      -webkit-margin-before: min(0.28vw, 4px);
              margin-block-start: min(0.28vw, 4px);
    }
    .l-header > .container .global-nav {
      grid-area: global-nav;
    }
    .l-header > .container .misc-nav {
      grid-area: misc-nav;
    }
    .l-header > .container .search-button {
      -ms-flex-item-align: start;
          align-self: start;
      width: 4rem;
    }
    .l-header > .container .search-button > .icon.-magnifying {
      width: 1.25rem;
    }
    .l-header > .container .menu-toggle {
      display: none;
    }
    .l-header .AttentionWrap .Attention,
    .l-header .AttentionWrap2 .Attention,
    .l-header .AttentionWrap3 .Attention {
      padding-inline: 2.125rem;
    }
    .l-header .AttentionWrap .AttentionText,
    .l-header .AttentionWrap2 .AttentionText,
    .l-header .AttentionWrap3 .AttentionText {
      -webkit-padding-start: 1.75rem;
              padding-inline-start: 1.75rem;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column {
      grid-template-columns: repeat(3, 1fr);
      gap: min(6.94vw, 100px);
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li {
      grid-template-columns: 1fr;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li:has(.l-header-global-nav-menu-contents) {
      grid-template-rows: auto 1fr;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li:not(:has(.l-header-global-nav-menu-contents)) .l-header-global-nav-menu-header {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header {
      padding-inline: 10px 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header::before,
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-header::after {
      display: none;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li > .l-header-global-nav-menu-contents > .toggle {
      max-width: 100%;
      -webkit-padding-start: 10px;
              padding-inline-start: 10px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li {
      position: relative;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li::before {
      position: absolute;
      top: 0;
      left: max(-3.47vw, -50px);
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li .l-header-global-nav-menu-header,
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.l-header-accordion-list-pc-column > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a {
      gap: 6px;
      padding-inline: 10px;
    }
    .l-header-px .l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor.l-header-auth-action-anchor > a > .img {
      height: 20px;
    }
    .l-header-px .l-header-global-nav-menu-contents.-smb {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: -webkit-max-content;
      grid-auto-rows: max-content;
    }
    .l-header-px .l-header-global-nav-menu-contents.-smb-problem {
      grid-template-columns: 1fr;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle {
      display: inline-grid;
      grid-template-columns: 1fr auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      max-width: 252px;
      padding-block: 10px;
      padding-inline: 40px 10px;
      line-height: 1.5;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle > .text {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    .l-header-px .l-header-global-nav-menu-contents > .toggle > .icon {
      --frame-width: 20px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content {
      position: absolute;
      top: 0;
      left: calc(min(4.17vw, 60px) + min(24.58vw, 354px) + 10px + 252px);
      z-index: 1;
      width: 100%;
      max-width: 544px;
      height: 100%;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner {
      height: 100%;
      padding: 32px 44px;
      overflow-y: auto;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list {
      gap: 12px;
    }
    .l-header-px .l-header-global-nav-menu-contents > .accordion > .content > .inner > .list > li.-top {
      -webkit-padding-after: 10px;
              padding-block-end: 10px;
    }
    .l-header-px .l-header-global-nav-menu-header {
      position: relative;
      -webkit-padding-end: 24px;
              padding-inline-end: 24px;
    }
    .l-header-px .l-header-global-nav-menu-header > .title {
      -webkit-padding-before: 4px;
              padding-block-start: 4px;
      font-size: 18px;
    }
    .l-header-px .l-header-global-nav-menu-header > .title + .desc {
      -webkit-margin-before: 14px;
              margin-block-start: 14px;
    }
    .l-header-px .l-header-global-nav-menu-other {
      padding: 20px 40px;
      background-color: var(--r26-color-white);
    }
    .l-header-px .l-header-global-nav-menu-other > .inner {
      max-width: 1160px;
      margin-inline: auto;
    }
    .l-header-px .l-header-global-nav-menu-other > .inner:has(> .anchor) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .l-header-px .l-header-global-nav-menu-other > .inner > .banners {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 40px;
    }
    .l-header-px .l-header-global-nav-menu-other > .inner > .banners > li {
      -ms-flex-preferred-size: 220px;
          flex-basis: 220px;
    }
    .l-header-px .l-header-global-nav-menu > .toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-padding-after: 16px;
              padding-block-end: 16px;
      font-weight: 600;
      -webkit-border-after: 3px solid transparent;
              border-block-end: 3px solid transparent;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: border-color;
      transition-property: border-color;
    }
    .l-header-px .l-header-global-nav-menu > .toggle[aria-expanded=true] {
      -webkit-border-after: 3px solid var(--r26-color-red);
              border-block-end: 3px solid var(--r26-color-red);
    }
    .l-header-px .l-header-global-nav-menu > .toggle[aria-expanded=true] > .icon {
      rotate: 180deg;
    }
    .l-header-px .l-header-global-nav-menu > .toggle > .icon {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 0.8em;
      color: var(--r26-color-red);
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: rotate;
      transition-property: rotate;
    }
    .l-header-px .l-header-global-nav-menu > .toggle > .icon.icon-pc {
      display: inline-grid;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content {
      position: absolute;
      top: calc(var(--header-height) - 1px);
      left: 0;
      width: 100%;
      height: calc(100svh - var(--header-height));
      pointer-events: none;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content.is-open {
      z-index: 2;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner {
      pointer-events: all;
      cursor: auto;
      background-color: var(--r26-color-silver);
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list {
      position: relative;
      display: grid;
      gap: 24px;
      max-width: 1280px;
      padding-block: 32px;
      padding-inline: min(4.17vw, 60px);
      margin-inline: auto;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column {
      grid-template-columns: repeat(3, 1fr);
      gap: 60px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li {
      grid-template-rows: auto 1fr;
      grid-template-columns: 1fr;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header::before,
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-header::after {
      display: none;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
      translate: -12px 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li > .l-header-global-nav-menu-contents > .toggle {
      grid-template-columns: auto auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 100%;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li {
      position: relative;
      grid-template-rows: auto 1fr;
      -webkit-padding-before: 0;
              padding-block-start: 0;
      -webkit-padding-start: 60px;
              padding-inline-start: 60px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li::before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li .l-header-global-nav-menu-header,
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list.-pc-column > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 0;
              padding-block-start: 0;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li {
      display: grid;
      grid-template-columns: min(24.58vw, 354px) 1fr;
      gap: 28px 10px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li .l-header-global-nav-menu-header::after {
      position: absolute;
      right: 0;
      bottom: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header,
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-contents {
      -webkit-padding-before: 24px;
              padding-block-start: 24px;
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1160px;
      height: 1px;
      content: "";
      background-color: var(--r26-color-dark-gray);
    }
    .l-header-px .l-header-global-nav-menu > .accordion > .content > .inner > .list > li + li .l-header-global-nav-menu-header::after {
      height: calc(100% - 30px);
    }
    .l-header-px .l-header-global-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 2px min(0.97vw, 14px);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    .l-header-px .l-header-misc-nav-menu {
      position: relative;
      display: grid;
      grid-template-columns: 1fr;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle,
    .l-header-px .l-header-misc-nav-menu > .accordion {
      grid-area: 1/1/1/1;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true] {
      color: var(--r26-color-red);
    }
    .l-header-px .l-header-misc-nav-menu > .toggle[aria-expanded=true] > .icon {
      rotate: 180deg;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle > .icon {
      width: 12px;
      translate: 0 0.08lh;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: rotate;
      transition-property: rotate;
    }
    .l-header-px .l-header-misc-nav-menu > .toggle > .icon.icon-pc {
      display: inline-grid;
    }
    .l-header-px .l-header-misc-nav-menu > .accordion {
      position: absolute;
      top: 1.4lh;
      left: 50%;
      z-index: 20;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      background-color: var(--r26-color-white);
      border-radius: 4px;
      -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
      translate: -50% 0;
    }
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner {
      width: 100%;
      padding: 28px 24px;
    }
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .title + * {
      -webkit-margin-before: 8px;
              margin-block-start: 8px;
    }
    .l-header-px .l-header-misc-nav-menu > .accordion > .content > .inner > .list {
      gap: 8px;
      font-size: 12px;
      font-weight: 500;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 8px min(0.97vw, 14px);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      font-weight: 500;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      position: relative;
      -webkit-padding-end: 24px;
              padding-inline-end: 24px;
      -webkit-margin-end: 8px;
              margin-inline-end: 8px;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text {
      background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color, currentcolor)), to(var(--underline-color, currentcolor)));
      background-image: linear-gradient(var(--underline-color, currentcolor), var(--underline-color, currentcolor));
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 100% var(--underline-width, 1px);
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop::after {
      --line-color: var(--r26-color-dark-gray);
      position: absolute;
      top: 50%;
      right: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: "";
      background-image: linear-gradient(to bottom, var(--line-color, #ccc) 2px, transparent 2px);
      background-repeat: repeat-y;
      background-position: 0 -1px;
      background-size: 1px 4px;
      translate: 0 -50%;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li > a > .text {
      font-size: 12px;
    }
    .l-header-px > .container {
      position: static;
      grid-template: "logo misc-nav lang-toggle search-button" "logo global-nav global-nav search-button";
      grid-template-columns: auto 1fr auto;
      gap: 14px 16px;
      max-width: 1920px;
      padding-block: 14px 0;
      padding-inline: 28px;
    }
    .l-header-px > .container > .logo {
      -ms-flex-item-align: start;
          align-self: start;
      width: min(18.06vw, 260px);
      -webkit-margin-before: min(0.28vw, 4px);
              margin-block-start: min(0.28vw, 4px);
    }
    .l-header-px > .container .global-nav {
      grid-area: global-nav;
    }
    .l-header-px > .container .misc-nav {
      grid-area: misc-nav;
    }
    .l-header-px > .container .search-button {
      -ms-flex-item-align: start;
          align-self: start;
      width: 64px;
    }
    .l-header-px > .container .search-button > .icon.-magnifying {
      width: 20px;
    }
    .l-header-px > .container .menu-toggle {
      display: none;
    }
    .l-header-px .AttentionWrap .Attention,
    .l-header-px .AttentionWrap2 .Attention,
    .l-header-px .AttentionWrap3 .Attention {
      padding-inline: 34px;
    }
    .l-header-px .AttentionWrap .AttentionText,
    .l-header-px .AttentionWrap2 .AttentionText,
    .l-header-px .AttentionWrap3 .AttentionText {
      -webkit-padding-start: 28px;
              padding-inline-start: 28px;
    }
    .l-header-px .l-header-search-by-keyword > .content > .inner > .form {
      padding: 56px 32px;
    }
    .l-header-min > .container {
      position: static;
      max-width: 1920px;
      padding-block: 2px;
      padding-inline: 28px;
    }
    .l-header-min > .container > .logo {
      width: min(18.06vw, 260px);
      -webkit-margin-before: min(0.28vw, 4px);
              margin-block-start: min(0.28vw, 4px);
    }
    .l-header-min > .container .auth-action > a {
      gap: 6px;
      padding-inline: 10px;
    }
    .l-header-min > .container .auth-action > a > .text {
      font-size: 10px;
    }
    .l-header-min .AttentionWrap .Attention,
    .l-header-min .AttentionWrap2 .Attention,
    .l-header-min .AttentionWrap3 .Attention {
      padding-inline: 34px;
    }
    .l-header-min .AttentionWrap .AttentionText,
    .l-header-min .AttentionWrap2 .AttentionText,
    .l-header-min .AttentionWrap3 .AttentionText {
      -webkit-padding-start: 28px;
              padding-inline-start: 28px;
    }
  }
  @media screen and (width >= 1390px) {
    .l-header-global-nav-menu > .toggle {
      font-size: 0.9375rem;
    }
    .l-header-global-nav {
      gap: 0.125rem 1.5rem;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      gap: 0.5rem 1.25rem;
    }
    .l-header > .container {
      gap: 0.875rem 1.5rem;
    }
    .l-header > .container .misc-nav {
      translate: 0.25rem 0;
    }
    .l-header > .container .lang-toggle {
      -webkit-margin-end: 0.125rem;
              margin-inline-end: 0.125rem;
    }
    .l-header-px .l-header-global-nav-menu > .toggle {
      font-size: 15px;
    }
    .l-header-px .l-header-global-nav {
      gap: 2px 24px;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      gap: 8px 20px;
    }
    .l-header-px > .container {
      gap: 14px 24px;
    }
    .l-header-px > .container .misc-nav {
      translate: 4px 0;
    }
    .l-header-px > .container .lang-toggle {
      -webkit-margin-end: 2px;
              margin-inline-end: 2px;
    }
  }
  @media screen and (any-hover: hover) and (any-pointer: fine) and (width >= 1170px) {
    .l-header-global-nav-menu > .toggle:hover,
    .l-header-global-nav-menu > .toggle:focus-visible {
      -webkit-border-after: 0.1875rem solid var(--r26-color-red);
              border-block-end: 0.1875rem solid var(--r26-color-red);
    }
    .l-header-px .l-header-global-nav-menu > .toggle:hover,
    .l-header-px .l-header-global-nav-menu > .toggle:focus-visible {
      -webkit-border-after: 3px solid var(--r26-color-red);
              border-block-end: 3px solid var(--r26-color-red);
    }
  }
  @media screen and (width <= 369px) {
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      grid-template: "auth-action auth-action" "onlineshop onlineshop" "existing-customers existing-customers" "personal-customers personal-customers" "works-and-fault-information works-and-fault-information";
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action,
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      width: 12.5rem;
      -webkit-padding-after: 0.625rem;
              padding-block-end: 0.625rem;
      margin-inline: auto;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
    }
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav {
      grid-template: "auth-action auth-action" "onlineshop onlineshop" "existing-customers existing-customers" "personal-customers personal-customers" "works-and-fault-information works-and-fault-information";
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action,
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      width: 200px;
      -webkit-padding-after: 10px;
              padding-block-end: 10px;
      margin-inline: auto;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.auth-action {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop {
      -webkit-padding-end: 0;
              padding-inline-end: 0;
    }
  }
  @media screen and (width >= 1170px) and (any-hover: hover) and (any-pointer: fine) {
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text:hover,
    .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text:hover,
    .l-header-px .l-header-misc-nav.l-header-misc-nav.l-header-misc-nav > li.onlineshop > a > .text:focus {
      -webkit-animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
              animation: move-underline 0.4s cubic-bezier(0, 0.4, 0.6, 1);
    }
  }
  @media screen and (width <= 350px) {
    .l-header {
      min-width: auto;
    }
    .l-header > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .l-header > .container > .logo {
      width: 6.25rem;
    }
    .l-header-px {
      min-width: auto;
    }
    .l-header-px > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .l-header-px > .container > .logo {
      width: 100px;
    }
    .l-header-min {
      min-width: auto;
    }
    .l-header-min > .container > .logo {
      width: 100px;
    }
  }
  /* breadcrumb */
  .new_breadcrumb {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1920px;
    padding: 5px 28px;
    margin: 0 auto;
    color: #666;
    list-style: none;
  }
  .new_breadcrumb li {
    display: inline;
    font-size: 12px;
  }
  .new_breadcrumb li::after {
    color: #999;
    content: "　＞　";
  }
  .new_breadcrumb li:last-child::after {
    content: "";
  }
  @media screen and (width <= 768px) {
    .new_breadcrumb li {
      display: none;
    }
    .new_breadcrumb li:nth-last-child(2) {
      display: block;
    }
    .new_breadcrumb li::after {
      color: #999;
      content: "";
    }
    .new_breadcrumb li::before {
      color: #999;
      content: "　＜　";
    }
  }
  .sp-view {
    display: none;
  }
  .global-drop {
    top: 133px;
  }
  @media screen and (max-width: 768px) {
    .global-menu {
      top: 74px;
    }
  }
  @media screen and (max-width: 480px) {
    .sp-view {
      display: block;
    }
    .global-menu {
      top: 100px;
    }
  }
  /* 20250701 header message */
  .message250701 {
    display: none;
  }
  /*
  .message250701 {
    display: none;
    margin-top: 0;
    background: #c03;
    color: #fff;
    text-align: center;
    font-weight: bold;
    transition: margin-top 0.5s ease-out;
  }

  .message250701 a {
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
  }

  .message250701 br.sp-view {
    display: none;
  }

  .message250701.hide-up {
    margin-top: -50px;
  }

  @media screen and (width <=480px) {
    .message250701 br.sp-view {
      display: block;
    }
  }
  */
}
@layer tokens {
  :root {
    --color-red-100: #fdecec;
    --color-red-400: #ed3e47;
    --color-red-500: #cc0033;
    --color-blue-100: #69a1fe;
    --color-gray-100: #fafafa;
    --color-gray-300: #bababa;
    --color-gray-400: #989898;
    --color-gray-500: #4e4e4e;
    --color-white: #fff;
    --color-black: #000;
    --color-text: var(--color-black);
    --color-bg: var(--color-white);
    --color-theme: var(--color-red-500);
    --color-link: var(--color-blue-100);
    --color-link-text: var(--color-gray-500);
    --color-hover: var(--color-red-500);
    --color-notes: var(--color-red-500);
    --color-underline: var(--color-gray-300);
    --color-checkbox-border: var(--color-black);
    --color-checkbox-bg: var(--color-white);
    --color-checkbox-checked: var(--color-black);
    --color-checkbox-icon: var(--color-white);
    --color-select-icon-bg: var(--color-black);
    --color-select-icon: var(--color-white);
    --color-disabled-text: var(--color-gray-300);
    --color-disabled-bg: var(--color-gray-100);
    --color-disabled-border: var(--color-gray-300);
    --color-heading-bg: var(--color-gray-500);
    --color-status: var(--color-white);
    --color-low: var(--color-black);
    --color-full: var(--color-red-400);
    --color-upcoming: var(--color-gray-400);
    --color-closed: var(--color-black);
    --color-placeholder: var(--color-gray-300);
    --color-focus-visible: var(--color-black);
    --gradation: linear-gradient(87.64deg, #000000 33.62%, #cc0033 110.09%);
    --button-text: var(--color-white);
    --button-bg: var(--color-black);
    --button-outline-text: var(--color-black);
    --button-outline-bg: var(--color-white);
    --button-category-text: var(--color-white);
    --button-category-bg: var(--color-black);
    --button-icon: var(--color-white);
    --button-hover: var(--color-red-500);
    --form-text: var(--color-black);
    --form-bg: var(--color-white);
    --form-border: var(--color-black);
    --form-hover: var(--color-red-500);
    --form-error: var(--color-red-500);
    --form-icon-text: var(--color-white);
    --form-required: var(--color-red-400);
    --form-error-bg: var(--color-red-100);
    --table-head-text: var(--color-white);
    --table-head-bg: var(--color-gray-500);
    --icon-text: var(--color-white);
    --icon-bg: var(--color-black);
    --modal-header-text: var(--color-white);
    --modal-header-bg: var(--color-black);
    --confirm-bg: var(--color-gray-100);
    --tag-text: var(--color-white);
    --tag-bg: var(--color-red-500);
  }
}
@layer base {
  :where(html):has(.modal[open]) {
    scrollbar-gutter: stable;
  }
  :where(body) {
    min-height: 100svh;
    display: grid;
    grid-template-rows: 1fr auto;
  }
  :where(body):has(.modal[open]) {
    overflow: clip;
  }
  :where(.e-wrapper) :where(*) {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  :where(.e-wrapper) :where(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    line-height: 1.5;
  }
  :where(.e-wrapper) :where(h2) {
    font-size: 1.25rem;
  }
  :where(.e-wrapper) :where(h3) {
    font-size: 1rem;
  }
  :where(.e-wrapper) :where(img) {
    max-inline-size: 100%;
    block-size: auto;
  }
  :where(.e-wrapper) :where(i) {
    font-style: normal;
  }
  :where(.e-wrapper) :where(a:not([class])),
  :where(.e-wrapper) :where(button:not([class])) {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--color-link-text);
  }
  :where(.e-wrapper) :where(a:not([class])):focus-visible,
  :where(.e-wrapper) :where(button:not([class])):focus-visible {
    color: var(--color-hover);
  }
  @media (any-hover: hover) {
    :where(.e-wrapper) :where(a:not([class])):hover,
    :where(.e-wrapper) :where(button:not([class])):hover {
      color: var(--color-hover);
    }
  }
  :where(.e-wrapper) :where(a, button, input, select, textarea) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    outline-offset: 0;
  }
  :where(.e-wrapper) :where(a, button, input, select, textarea):focus {
    outline: none;
  }
  :where(.e-wrapper) :where(a, button, input, select, textarea):focus-visible {
    outline: solid 1px var(--color-focus-visible);
  }
  :where(.e-wrapper) :where(a, button, input, select, textarea):-webkit-autofill, :where(.e-wrapper) :where(a, button, input, select, textarea):-webkit-autofill:hover, :where(.e-wrapper) :where(a, button, input, select, textarea):-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: inherit;
  }
  :where(.e-wrapper) :where(button:not(:disabled)) {
    cursor: pointer;
  }
  :where(.e-wrapper) :where(dialog) {
    will-change: opacity, translate;
    opacity: 0;
    translate: 0 3.125rem;
    -webkit-transition: opacity 0.4s, translate 0.4s, overlay 0.4s allow-discrete, display 0.4s allow-discrete;
    transition: opacity 0.4s, translate 0.4s, overlay 0.4s allow-discrete, display 0.4s allow-discrete;
    -webkit-transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
            transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  :where(.e-wrapper) :where(dialog)::-ms-backdrop {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    will-change: opacity;
    -ms-transition: opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1);
    transition: opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  }
  :where(.e-wrapper) :where(dialog)::backdrop {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    will-change: opacity;
    -webkit-transition: opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1);
    transition: opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  }
  :where(.e-wrapper) :where(dialog)[open] {
    translate: 0 0;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
            transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  }
  :where(.e-wrapper) :where(dialog)[open]::-ms-backdrop {
    opacity: 1;
  }
  :where(.e-wrapper) :where(dialog)[open], :where(.e-wrapper) :where(dialog)[open]::backdrop {
    opacity: 1;
  }
  @starting-style {
    :where(.e-wrapper) :where(dialog)[open] {
      translate: 0 3.125rem;
    }
    :where(.e-wrapper) :where(dialog)[open]::-ms-backdrop {
      opacity: 0;
    }
    :where(.e-wrapper) :where(dialog)[open], :where(.e-wrapper) :where(dialog)[open]::backdrop {
      opacity: 0;
    }
  }
  :where(.e-wrapper) :where(dialog):not([open]) {
    display: none;
  }
}
@layer layout {
  .e-footer {
    -webkit-margin-before: auto;
            margin-block-start: auto;
    margin-inline: calc(clamp(1.25rem, -0.07rem + 5.63vw, 5rem) * -1);
    -webkit-padding-before: clamp(4.25rem, 3.546rem + 3vw, 6.25rem);
            padding-block-start: clamp(4.25rem, 3.546rem + 3vw, 6.25rem);
    padding-inline: 2.5rem;
  }
  .e-footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-inline-size: 85rem;
    margin-inline: auto;
  }
  .e-footer-list {
    font-size: 0.875rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .e-footer-list a:not(:focus-visible):not(:hover) {
    color: var(--color-link);
  }
  .e-footer-logo {
    inline-size: 15.125rem;
  }
  .e-footer-logo img {
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    .e-footer-list {
      -webkit-column-gap: 2.5rem;
         -moz-column-gap: 2.5rem;
              column-gap: 2.5rem;
    }
  }
  @media screen and (max-width: 768px) {
    .e-footer-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      row-gap: 1.25rem;
    }
    .e-footer-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      row-gap: 0.75rem;
    }
  }
}
@layer layout {
  .e-wrapper {
    font-family: "Noto Sans JP", sans-serif;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: clamp(3.25rem, 3.074rem + 0.75vw, 3.75rem);
    letter-spacing: 0.05em;
    min-inline-size: 0;
    padding-block: clamp(6.25rem, 5.81rem + 1.88vw, 7.5rem) 2.5rem;
    padding-inline: clamp(1.25rem, -0.07rem + 5.63vw, 5rem);
  }
  .e-container {
    line-height: 1.7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 4rem;
  }
  .e-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2.5rem;
    max-inline-size: 70.5rem;
    inline-size: 100%;
    margin-inline: auto;
  }
}
@layer layout {
  .e-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  }
  .e-header-logo {
    max-inline-size: 100%;
    inline-size: clamp(20.75rem, 11.551rem + 39.25vw, 46.875rem);
  }
  .e-header-logo img {
    inline-size: 100%;
  }
  .e-header-title {
    font-size: 1.125rem;
    font-weight: 700;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  .e-header-title:has(.name) {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-column-gap: 0.2em;
       -moz-column-gap: 0.2em;
            column-gap: 0.2em;
  }
  .e-header-title:has(.name) .name {
    font-size: 1.125rem;
  }
}
@layer layout {
  .e-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2.5rem;
  }
  .e-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5rem;
  }
  .e-section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .e-section-header > * {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
  .e-section-title {
    inline-size: 100%;
    -webkit-padding-after: 1rem;
            padding-block-end: 1rem;
    -webkit-border-after: solid 1px var(--color-underline);
            border-block-end: solid 1px var(--color-underline);
    position: relative;
  }
  .e-section-title::before {
    background-color: var(--color-theme);
    display: block;
    content: "";
    inline-size: 2.5rem;
    block-size: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .e-section-back {
    font-size: 0.875rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  .e-section-footer {
    -webkit-margin-before: 2.5rem;
            margin-block-start: 2.5rem;
  }
  .e-section-buttons,
  .e-section-buttons li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    inline-size: 100%;
    row-gap: 0.5rem;
  }
  .e-section-buttons li:has(.button) + li {
    -webkit-margin-before: 0.5rem;
            margin-block-start: 0.5rem;
  }
  .e-section-buttons li:has(a:not([class])) {
    font-size: 0.875rem;
  }
  .e-section-buttons li:has(a[data-icon=back]) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
  @media (max-width: 600px) {
    .e-section-back {
      text-align: right;
      position: static;
    }
  }
}
@layer page {
  [data-page=auth] {
    -webkit-margin-before: auto;
            margin-block-start: auto;
  }
  [data-page=auth] .e-content {
    max-inline-size: 52.5rem;
  }
  [data-page=auth] .fields {
    -webkit-column-gap: clamp(1.5rem, -1.365rem + 5.96vw, 4rem);
       -moz-column-gap: clamp(1.5rem, -1.365rem + 5.96vw, 4rem);
            column-gap: clamp(1.5rem, -1.365rem + 5.96vw, 4rem);
  }
  .auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2rem;
  }
  .auth h3 {
    font-size: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);
  }
  .auth-text-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .code {
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-inline: auto;
  }
}
@layer page {
  .mypage-column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.125rem;
  }
  .mypage-column li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  @media (max-width: 1024px) {
    .mypage-column {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 768px) {
    .field-content-column:has(.button[data-size=mypage]) {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
}
@layer component {
  :where(.button) {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--button-text);
    text-decoration: none;
    background-color: var(--button-bg);
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    letter-spacing: 0.05em;
    inline-size: 100%;
    block-size: 4.5rem;
    padding-inline: 0.5rem;
    border: solid 1px transparent;
    border-radius: 4px;
  }
  :where(.button):is(:not(:disabled):not(.disabled)) {
    cursor: pointer;
  }
  :where(.button):is(:not(:disabled):not(.disabled)):focus-visible {
    color: var(--button-text);
    background: var(--button-hover);
    border-color: transparent;
  }
  @media (any-hover: hover) {
    :where(.button):is(:not(:disabled):not(.disabled)):hover {
      color: var(--button-text);
      background: var(--button-hover);
      border-color: transparent;
    }
  }
  :where(.button).disabled, :where(.button):disabled {
    color: var(--color-disabled-text);
    background-color: var(--color-disabled-bg);
    border-color: var(--color-disabled-border);
    pointer-events: none;
    cursor: default;
  }
  :where(.button).disabled .icon, :where(.button):disabled .icon {
    opacity: 0.2;
  }
  :where(.button):where([data-style=outline]) {
    color: var(--button-outline-text);
    background-color: var(--button-outline-bg);
    border-color: currentColor;
  }
  :where(.button):where([data-style=gradation]) {
    background: var(--gradation);
  }
  :where(.button):where([data-size=large]) {
    max-inline-size: 32.5rem;
  }
  :where(.button):where([data-size=middle]) {
    max-inline-size: 27.5rem;
  }
  :where(.button):where([data-size=small]) {
    max-inline-size: 23rem;
  }
  :where(.button):where([data-size=x-small]) {
    font-size: 0.875rem;
    max-inline-size: 9.5rem;
    block-size: 2.5rem;
  }
  :where(.button):where([data-size=xx-small]) {
    font-size: 0.875rem;
    max-inline-size: 4rem;
    block-size: 2rem;
  }
  :where(.button):where([data-size=xxx-small]) {
    font-size: 0.75rem;
    max-inline-size: 3.5rem;
    block-size: 1.75rem;
  }
  :where(.button):where([data-size=mypage]) {
    max-inline-size: 22.75rem;
  }
  :where(.button):where([data-icon]) {
    grid-template-columns: 1.5rem 1fr 1.5rem;
    -webkit-column-gap: 0.5em;
       -moz-column-gap: 0.5em;
            column-gap: 0.5em;
    padding-inline: min(1.5rem, 4.347826087%);
  }
  :where(.button):where([data-icon]) .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1;
  }
  :where(.button):where([data-icon]) .icon::before, :where(.button):where([data-icon]) .icon::after {
    aspect-ratio: 1;
  }
  :where(.button):where([data-icon]) .icon::before {
    background-color: var(--icon-text);
    display: block;
    content: "";
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    inline-size: 50%;
  }
  :where(.button):where([data-icon=right])::before {
    content: "";
  }
  :where(.button):where([data-icon=right]) .icon {
    background: var(--gradation);
    border-radius: 50%;
  }
  :where(.button):where([data-icon=right]) .icon::before {
    -webkit-mask-image: url("../images/ico_right.svg");
            mask-image: url("../images/ico_right.svg");
  }
  :where(.button):where([data-icon=left])::after {
    content: "";
  }
  :where(.button):where([data-icon=left]) .icon {
    background: var(--gradation);
    border-radius: 50%;
  }
  :where(.button):where([data-icon=left]) .icon::before {
    -webkit-mask-image: url("../images/ico_left.svg");
            mask-image: url("../images/ico_left.svg");
  }
  :where(.button):where([data-icon=search]) .icon::before {
    -webkit-mask-image: url("../images/ico_search.svg");
            mask-image: url("../images/ico_search.svg");
    inline-size: 1.25rem;
  }
  :where(.button):where([data-icon-only]) {
    grid-template-columns: auto;
  }
}
@layer components {
  .fields {
    container-type: inline-size;
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    row-gap: 2rem;
    -webkit-column-gap: clamp(1.5rem, -3.643rem + 10.71vw, 6rem);
       -moz-column-gap: clamp(1.5rem, -3.643rem + 10.71vw, 6rem);
            column-gap: clamp(1.5rem, -3.643rem + 10.71vw, 6rem);
    inline-size: 100%;
  }
  [data-page=confirm] .fields,
  [data-page=confirm] .fields .field-head {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-block-size: 0;
  }
  .field {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 0.5rem;
  }
  .field-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 0.25rem;
    min-block-size: 4rem;
  }
  .field-head-align-top {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-block-size: 0;
  }
  .field-label {
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.5rem;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .field-content {
    font-size: 0.875rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 0.5rem;
  }
  .field-content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column: 1/-1;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 0.5rem;
  }
  .field-space1 {
    row-gap: 1rem;
  }
  .field-space2 {
    row-gap: 1.5rem;
  }
  .field-space3 {
    row-gap: 2rem;
  }
  .field-space4 {
    row-gap: 2.5rem;
  }
  .field-space5 {
    row-gap: 4rem;
  }
  .field-notes {
    font-size: 0.75rem;
  }
  .field-notes li::before {
    content: "※";
  }
  .field-column {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 0.5rem;
  }
  .field-data {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
  }
  .field-data dt::after {
    content: ":";
  }
  .field-description {
    font-size: 0.875rem;
  }
  @media (min-width: 769px) {
    .field-head {
      max-inline-size: min(18.5rem, 18em);
    }
  }
  [data-column*=d1] {
    grid-column: span 1;
    max-inline-size: none;
  }
  [data-column*=d2] {
    grid-column: span 2;
    max-inline-size: none;
  }
  [data-column*=d3] {
    grid-column: span 3;
    max-inline-size: none;
  }
  [data-column*=d4] {
    grid-column: span 4;
    max-inline-size: none;
  }
  [data-column*=d5] {
    grid-column: span 5;
    max-inline-size: none;
  }
  [data-column*=d6] {
    grid-column: span 6;
    max-inline-size: none;
  }
  [data-column*=d7] {
    grid-column: span 7;
    max-inline-size: none;
  }
  [data-column*=d8] {
    grid-column: span 8;
    max-inline-size: none;
  }
  [data-column*=d9] {
    grid-column: span 9;
    max-inline-size: none;
  }
  [data-column*=d10] {
    grid-column: span 10;
    max-inline-size: none;
  }
  [data-column*=d11] {
    grid-column: span 11;
    max-inline-size: none;
  }
  [data-column*=d12] {
    grid-column: span 12;
    max-inline-size: none;
  }
  [data-column-start*=d1] {
    grid-column-start: 1;
  }
  [data-column-start*=d2] {
    grid-column-start: 2;
  }
  [data-column-start*=d3] {
    grid-column-start: 3;
  }
  [data-column-start*=d4] {
    grid-column-start: 4;
  }
  [data-column-start*=d5] {
    grid-column-start: 5;
  }
  [data-column-start*=d6] {
    grid-column-start: 6;
  }
  [data-column-start*=d7] {
    grid-column-start: 7;
  }
  [data-column-start*=d8] {
    grid-column-start: 8;
  }
  [data-column-start*=d9] {
    grid-column-start: 9;
  }
  [data-column-start*=d10] {
    grid-column-start: 10;
  }
  [data-column-start*=d11] {
    grid-column-start: 11;
  }
  [data-column-start*=d12] {
    grid-column-start: 12;
  }
  @media (max-width: 1024px) {
    .field-head,
    .field-content {
      -webkit-column-gap: 1rem;
         -moz-column-gap: 1rem;
              column-gap: 1rem;
    }
    [data-column*=t1] {
      grid-column: span 1;
      max-inline-size: none;
    }
    [data-column*=t2] {
      grid-column: span 2;
      max-inline-size: none;
    }
    [data-column*=t3] {
      grid-column: span 3;
      max-inline-size: none;
    }
    [data-column*=t4] {
      grid-column: span 4;
      max-inline-size: none;
    }
    [data-column*=t5] {
      grid-column: span 5;
      max-inline-size: none;
    }
    [data-column*=t6] {
      grid-column: span 6;
      max-inline-size: none;
    }
    [data-column*=t7] {
      grid-column: span 7;
      max-inline-size: none;
    }
    [data-column*=t8] {
      grid-column: span 8;
      max-inline-size: none;
    }
    [data-column*=t9] {
      grid-column: span 9;
      max-inline-size: none;
    }
    [data-column*=t10] {
      grid-column: span 10;
      max-inline-size: none;
    }
    [data-column*=t11] {
      grid-column: span 11;
      max-inline-size: none;
    }
    [data-column*=t12] {
      grid-column: span 12;
      max-inline-size: none;
    }
    [data-column-start*=t1] {
      grid-column-start: 1;
    }
    [data-column-start*=t2] {
      grid-column-start: 2;
    }
    [data-column-start*=t3] {
      grid-column-start: 3;
    }
    [data-column-start*=t4] {
      grid-column-start: 4;
    }
    [data-column-start*=t5] {
      grid-column-start: 5;
    }
    [data-column-start*=t6] {
      grid-column-start: 6;
    }
    [data-column-start*=t7] {
      grid-column-start: 7;
    }
    [data-column-start*=t8] {
      grid-column-start: 8;
    }
    [data-column-start*=t9] {
      grid-column-start: 9;
    }
    [data-column-start*=t10] {
      grid-column-start: 10;
    }
    [data-column-start*=t11] {
      grid-column-start: 11;
    }
    [data-column-start*=t12] {
      grid-column-start: 12;
    }
  }
  @media (max-width: 768px) {
    .fields {
      grid-template-columns: 1fr;
      row-gap: 1.5rem;
    }
    .field-head,
    .field-content {
      grid-column: 1/-1;
      -webkit-column-gap: 0.5rem;
         -moz-column-gap: 0.5rem;
              column-gap: 0.5rem;
    }
    .field-head {
      min-block-size: 0;
    }
    .field-content-grid {
      row-gap: 1.25rem;
    }
    .field-content-column {
      row-gap: 0.5rem;
    }
    .field-data {
      grid-template-columns: 1fr;
      row-gap: 0;
    }
    .field-data dt:nth-child(n+2) {
      -webkit-margin-before: 1rem;
              margin-block-start: 1rem;
    }
    [data-column*=m1] {
      grid-column: span 1;
      max-inline-size: none;
    }
    [data-column*=m2] {
      grid-column: span 2;
      max-inline-size: none;
    }
    [data-column*=m3] {
      grid-column: span 3;
      max-inline-size: none;
    }
    [data-column*=m4] {
      grid-column: span 4;
      max-inline-size: none;
    }
    [data-column*=m5] {
      grid-column: span 5;
      max-inline-size: none;
    }
    [data-column*=m6] {
      grid-column: span 6;
      max-inline-size: none;
    }
    [data-column*=m7] {
      grid-column: span 7;
      max-inline-size: none;
    }
    [data-column*=m8] {
      grid-column: span 8;
      max-inline-size: none;
    }
    [data-column*=m9] {
      grid-column: span 9;
      max-inline-size: none;
    }
    [data-column*=m10] {
      grid-column: span 10;
      max-inline-size: none;
    }
    [data-column*=m11] {
      grid-column: span 11;
      max-inline-size: none;
    }
    [data-column*=m12] {
      grid-column: span 12;
      max-inline-size: none;
    }
    [data-column-start*=m1] {
      grid-column-start: 1;
    }
    [data-column-start*=m2] {
      grid-column-start: 2;
    }
    [data-column-start*=m3] {
      grid-column-start: 3;
    }
    [data-column-start*=m4] {
      grid-column-start: 4;
    }
    [data-column-start*=m5] {
      grid-column-start: 5;
    }
    [data-column-start*=m6] {
      grid-column-start: 6;
    }
    [data-column-start*=m7] {
      grid-column-start: 7;
    }
    [data-column-start*=m8] {
      grid-column-start: 8;
    }
    [data-column-start*=m9] {
      grid-column-start: 9;
    }
    [data-column-start*=m10] {
      grid-column-start: 10;
    }
    [data-column-start*=m11] {
      grid-column-start: 11;
    }
    [data-column-start*=m12] {
      grid-column-start: 12;
    }
  }
}
@layer component {
  label {
    line-height: 1.5;
  }
  label:has(input, textarea, select):not(:has(*:disabled)) {
    cursor: pointer;
  }
  label *.form-label {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .form-required {
    font-size: 0.75rem;
    color: var(--form-icon-text);
    background-color: var(--form-required);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    block-size: 1.5rem;
    padding-inline: 1em;
    border-radius: 4px;
  }
  .form-error {
    font-size: 0.75rem;
    color: var(--form-error);
  }
  .field-head .form-error::before {
    content: "（";
  }
  .field-head .form-error::after {
    content: "）";
  }
  :where(.form-text) {
    font-size: 1rem;
    background-color: var(--form-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    inline-size: 100%;
    block-size: 4rem;
    padding-inline: 1.5rem;
    border-radius: 4px;
    border: solid 1px var(--form-border);
    resize: none;
  }
  :where(.form-text)::-webkit-input-placeholder {
    color: var(--color-placeholder);
  }
  :where(.form-text)::-moz-placeholder {
    color: var(--color-placeholder);
  }
  :where(.form-text):-ms-input-placeholder {
    color: var(--color-placeholder);
  }
  :where(.form-text)::-ms-input-placeholder {
    color: var(--color-placeholder);
  }
  :where(.form-text)::placeholder {
    color: var(--color-placeholder);
  }
  :where(.form-text):disabled {
    background-color: var(--color-disabled-bg);
    border-color: var(--color-disabled-border);
  }
  :where(.form-text).user-invalid, :where(.form-text):user-invalid {
    border-color: var(--form-error);
  }
  :where(.form-select) {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    inline-size: 100%;
    block-size: 4rem;
    position: relative;
  }
  :where(.form-select)::before, :where(.form-select)::after {
    display: block;
    content: "";
    inline-size: 4rem;
    block-size: 100%;
    border-radius: 0 4px 4px 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  :where(.form-select)::before {
    background-color: var(--color-select-icon-bg);
  }
  :where(.form-select)::after {
    background-color: var(--color-select-icon);
    -webkit-mask: url("../images/ico_down.svg") center/25% no-repeat;
            mask: url("../images/ico_down.svg") center/25% no-repeat;
  }
  :where(.form-select) select {
    background-color: var(--form-bg);
    inline-size: 100%;
    block-size: 100%;
    padding-inline: 1.5rem 4rem;
    border-radius: 4px;
    border: solid 1px var(--form-border);
  }
  :where(.form-select) select:required {
    color: var(--color-placeholder);
  }
  :where(.form-select) select:valid {
    color: var(--color-text);
  }
  :where(.form-select) select:not(:disabled) {
    cursor: pointer;
  }
  :where(.form-select) select:disabled {
    background-color: var(--color-disabled-bg);
    border-color: var(--color-disabled-border);
  }
  :where(.form-select) select.user-invalid, :where(.form-select) select:user-invalid {
    border-color: var(--form-error);
  }
  :where(.form-select) option {
    color: var(--color-text);
  }
  :where(.form-select)[data-size=small] {
    font-size: 0.75rem;
    block-size: 1.75rem;
  }
  :where(.form-select)[data-size=small]::before {
    display: none;
  }
  :where(.form-select)[data-size=small]::after {
    background-color: var(--form-text);
    inline-size: 2rem;
    -webkit-mask-size: 37.5%;
            mask-size: 37.5%;
  }
  :where(.form-select)[data-size=small] select {
    padding-inline: 0.5rem 2rem;
  }
  :where(.form-checkbox),
  :where(.form-radio) {
    font-size: 1rem;
    background-color: var(--color-checkbox-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1;
    inline-size: 1em;
    margin-block: calc((1lh - 1em) / 2);
    border: solid 1px var(--color-checkbox-border);
    border-radius: 2px;
    position: relative;
  }
  :where(.form-checkbox):not(:disabled),
  :where(.form-radio):not(:disabled) {
    cursor: pointer;
  }
  :where(.form-checkbox):disabled,
  :where(.form-radio):disabled {
    border-color: var(--color-disabled-border);
  }
  :where(.form-checkbox)::before,
  :where(.form-radio)::before {
    background-color: var(--color-checkbox-icon);
    display: block;
    content: "";
    aspect-ratio: 1;
    visibility: hidden;
  }
  :where(.form-checkbox):checked,
  :where(.form-radio):checked {
    background-color: var(--color-checkbox-checked);
  }
  :where(.form-checkbox):checked::before,
  :where(.form-radio):checked::before {
    visibility: visible;
  }
  :where(.form-checkbox)[type=checkbox].user-invalid, :where(.form-checkbox)[type=checkbox]:user-invalid, :where(.form-checkbox)[type=radio].user-invalid, :where(.form-checkbox)[type=radio]:user-invalid,
  :where(.form-radio)[type=checkbox].user-invalid,
  :where(.form-radio)[type=checkbox]:user-invalid,
  :where(.form-radio)[type=radio].user-invalid,
  :where(.form-radio)[type=radio]:user-invalid {
    border-color: var(--form-error);
  }
  :where(.form-checkbox)[type=checkbox]::before,
  :where(.form-radio)[type=checkbox]::before {
    -webkit-mask: url("../images/ico_checkbox.svg") center/contain no-repeat;
            mask: url("../images/ico_checkbox.svg") center/contain no-repeat;
    inline-size: 71.4285714286%;
  }
  :where(.form-checkbox)[type=radio], :where(.form-checkbox)[type=radio]::before,
  :where(.form-radio)[type=radio],
  :where(.form-radio)[type=radio]::before {
    border-radius: 50%;
  }
  :where(.form-checkbox)[type=radio]::before,
  :where(.form-radio)[type=radio]::before {
    inline-size: calc(100% - 6px);
  }
}
@layer component {
  .icon-day {
    font-size: 0.875rem;
    font-style: normal;
    color: var(--icon-text);
    background-color: var(--icon-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    inline-size: 4.0625rem;
    block-size: 1.5rem;
    border-radius: 4px;
  }
  i.icon-day {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@layer component {
  a[data-icon] {
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
    -webkit-border-after: solid 1px currentColor;
            border-block-end: solid 1px currentColor;
  }
  a[data-icon=back]::before {
    background-color: currentColor;
    content: "";
    -webkit-mask-image: url("../images/ico_back.svg");
            mask-image: url("../images/ico_back.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    aspect-ratio: 1;
    inline-size: 0.8em;
  }
}
@layer component {
  .modal {
    --close-w: clamp(2.5rem, 1.778rem + 3.08vw, 3.75rem);
    line-height: 1.7;
    inline-size: min(100% - var(--close-w) - 10px, 50rem);
    padding: 0;
    border: none;
    overflow: visible;
    container-type: inline-size;
  }
  .modal[open] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(10.6666666667vw, 2.5rem);
    max-block-size: calc(100dvh - var(--close-w) - 20px);
    padding: 3.75rem clamp(1.25rem, 0.81rem + 1.88vw, 2.5rem);
    overflow-x: clip;
    overflow-y: auto;
  }
  .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(6.4vw, 1.5rem);
  }
  .modal-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-close {
    background-color: var(--button-outline-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1;
    inline-size: var(--close-w);
    border: solid 1px currentColor;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    translate: 50% -50%;
  }
  .modal-close::before {
    background-color: currentColor;
    display: block;
    content: "";
    -webkit-mask-image: url("../images/ico_close.svg");
            mask-image: url("../images/ico_close.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    aspect-ratio: 1;
    inline-size: calc(var(--close-w) * 0.3333333333);
  }
  .modal-close:focus-visible {
    background-color: var(--button-hover);
    border-color: var(--button-hover);
  }
  .modal-close:focus-visible::before {
    background-color: var(--button-icon);
  }
  @media (any-hover: hover) {
    .modal-close:hover {
      background-color: var(--button-hover);
      border-color: var(--button-hover);
    }
    .modal-close:hover::before {
      background-color: var(--button-icon);
    }
  }
  :where([data-modal=search]) .modal-search-title {
    font-size: 1.5rem;
    text-align: center;
  }
  :where([data-modal=search]) .modal-search-description {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
  }
  :where([data-modal=search]) .modal-search-notes {
    font-size: 0.875rem;
    color: var(--color-notes);
  }
  :where([data-modal=search]) .modal-search-notes li::before {
    content: "※";
  }
  :where([data-modal=search]) .modal-search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.25rem;
  }
  :where([data-modal=search]) .modal-search-field {
    display: grid;
    grid-template-columns: 1fr 4rem;
    -webkit-column-gap: 0.25rem;
       -moz-column-gap: 0.25rem;
            column-gap: 0.25rem;
  }
  :where([data-modal=search]) .modal-search-field .button {
    block-size: auto;
  }
  :where([data-modal=search]) .modal-search-note {
    font-size: 0.75rem;
  }
  :where([data-modal=search]) .modal-search-note::before {
    content: "※";
  }
  :where([data-modal=search]) .modal-search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.5rem;
  }
  :where([data-modal=search]) .modal-search-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  :where([data-modal=search]) .modal-search-label {
    font-size: 1.125rem;
    font-weight: 700;
  }
  :where([data-modal=search]) .modal-search-hit {
    font-size: 0.875rem;
  }
  :where([data-modal=search]) .modal-search-table {
    container-type: inline-size;
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content 1fr 4.5rem;
    grid-template-columns: max-content max-content 1fr 4.5rem;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
    inline-size: 100%;
  }
  :where([data-modal=search]) .modal-search-table thead,
  :where([data-modal=search]) .modal-search-table tbody {
    display: contents;
  }
  :where([data-modal=search]) .modal-search-table thead tr {
    color: var(--table-head-text);
    background-color: var(--table-head-bg);
    border-radius: 0.125rem;
  }
  :where([data-modal=search]) .modal-search-table tbody tr {
    -webkit-border-after: solid 1px var(--color-underline);
            border-block-end: solid 1px var(--color-underline);
  }
  :where([data-modal=search]) .modal-search-table tr {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    inline-size: 100%;
    padding: 0.5rem;
  }
  :where([data-modal=search]) .modal-search-table th,
  :where([data-modal=search]) .modal-search-table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  :where([data-modal=search]) .modal-search-table th {
    font-size: 0.875rem;
    text-align: left;
  }
  :where([data-modal=search]) .modal-search-table td {
    font-size: 0.75rem;
  }
  :where([data-modal=search]) .modal-search-pagination {
    font-size: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.75rem;
       -moz-column-gap: 0.75rem;
            column-gap: 0.75rem;
  }
  :where([data-modal=search]) .modal-search-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  :where([data-modal=search]) .modal-search-total::before {
    content: "/";
    margin-inline: 0.25rem;
  }
  :where([data-modal=search]) .modal-search-register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.75rem;
  }
  :where([data-modal=search]) .modal-search-info {
    font-size: 0.875rem;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  :where([data-modal=search]) .modal-search-notfound {
    font-size: 0.875rem;
    color: var(--color-notes);
  }
  @media (min-width: 769px) {
    :where([data-modal=search]) .modal-search-table th:last-child {
      grid-column: 2/-1;
    }
    :where([data-modal=search]) .modal-search-table td:nth-child(1), :where([data-modal=search]) .modal-search-table td:nth-child(2) {
      max-inline-size: 28cqi;
    }
  }
  @media (max-width: 768px) {
    :where([data-modal=search]) .modal-search-field {
      grid-template-columns: 1fr;
      row-gap: 0.5rem;
    }
    :where([data-modal=search]) .modal-search-field .button {
      block-size: 2.5rem;
    }
    :where([data-modal=search]) .modal-search-result {
      row-gap: 1.5rem;
    }
    :where([data-modal=search]) .modal-search-table {
      grid-template-columns: 1fr 4.25rem;
    }
    :where([data-modal=search]) .modal-search-table thead tr {
      padding-block: 0.25rem;
    }
    :where([data-modal=search]) .modal-search-table tr {
      padding-inline: 0.5rem 0.25rem;
    }
    :where([data-modal=search]) .modal-search-table th {
      grid-column: 1/-1;
    }
    :where([data-modal=search]) .modal-search-table td:not(:last-child) {
      grid-column: 1/2;
    }
    :where([data-modal=search]) .modal-search-table td:last-child {
      grid-column: -1/span 1;
      grid-row: 1/4;
    }
    :where([data-modal=search]) .modal-search-pagination {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  @media (max-width: 600px) {
    :where([data-modal=search]) .modal-search-description br {
      display: none;
    }
  }
  :where([data-modal=session]) {
    font-size: 1rem;
  }
  :where([data-modal=session]) .modal-wrapper {
    padding-block: 2.5rem;
  }
  :where([data-modal=session]) .modal-header {
    color: var(--modal-header-text);
    background-color: var(--modal-header-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    block-size: 2.5rem;
    -webkit-margin-before: -2.5rem;
            margin-block-start: -2.5rem;
    margin-inline: calc(clamp(1.5rem, 1.148rem + 1.5vw, 2.5rem) * -1);
    padding-inline: 1.25rem;
  }
  :where([data-modal=session]) .modal-session-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
  }
  :where([data-modal=session]) .modal-session-title {
    font-size: 1.125rem;
  }
  :where([data-modal=session]) .modal-session-description {
    font-size: 0.875rem;
    font-weight: 400;
  }
  :where([data-modal=session]) .modal-session-tags {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.25rem;
  }
  :where([data-modal=session]) .modal-session-tags li {
    color: var(--tag-text);
    background-color: var(--tag-bg);
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    block-size: 1.5rem;
    padding-inline: 0.75rem;
    border-radius: 4px;
  }
  :where([data-modal=session]) .modal-session-speakers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(6.4vw, 1.5rem);
  }
  :where([data-modal=session]) .modal-session-speaker {
    font-size: 0.875rem;
    font-weight: 400;
    display: grid;
    grid-template: "image profile" "image bio"/min(26.6666666667vw, 6.25rem) 1fr;
    -webkit-column-gap: min(6.4vw, 1.5rem);
       -moz-column-gap: min(6.4vw, 1.5rem);
            column-gap: min(6.4vw, 1.5rem);
    row-gap: 0.5rem;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-area: image;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-photo img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1;
    inline-size: 100%;
    border-radius: 50%;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-area: profile;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-company {
    -webkit-margin-before: 0.5rem;
            margin-block-start: 0.5rem;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-name {
    font-size: 1rem;
    font-weight: 500;
    grid-area: name;
  }
  :where([data-modal=session]) .modal-session-speaker .modal-session-bio {
    grid-area: bio;
  }
  @media (max-width: 768px) {
    :where([data-modal=session]) .modal-session-speaker {
      grid-template-areas: "image profile" "bio bio";
    }
  }
  @media (max-width: 374px) {
    :where([data-modal=session]) .modal-session-speaker {
      grid-template-columns: 1fr;
      grid-template-areas: "image" "profile" "bio";
    }
    :where([data-modal=session]) .modal-session-photo img {
      max-inline-size: 6.25rem;
    }
    :where([data-modal=session]) .modal-session-profile {
      text-align: center;
    }
  }
}
@layer components {
  .schedule {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    gap: 1rem;
  }
  .schedule-controls {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.375rem;
       -moz-column-gap: 0.375rem;
            column-gap: 0.375rem;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
  .schedule-controls:not(:has(input:disabled)) {
    cursor: pointer;
  }
  .schedule-status {
    font-size: 0.625rem;
    color: var(--color-status);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    inline-size: 4.625rem;
    block-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: solid 1px transparent;
  }
  .schedule-status.schedule-status--low {
    background-color: var(--color-low);
  }
  .schedule-status.schedule-status--full {
    background-color: var(--color-full);
  }
  .schedule-status.schedule-status--upcoming {
    background-color: var(--color-upcoming);
  }
  .schedule-status.schedule-status--closed {
    color: var(--color-closed);
    border-color: currentColor;
  }
  .schedule-status > span {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
}
@layer component {
  .session {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.75rem;
  }
  .session:has(.form-checkbox) {
    row-gap: 1.5rem;
  }
  .session-item {
    font-size: 0.875rem;
  }
  .selection-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.5rem;
    padding-inline: 0.5rem;
  }
  .session-controls {
    font-size: 0.875rem;
    line-height: inherit;
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  .session-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    row-gap: 0.25rem;
  }
  .session-title {
    font-weight: 700;
    inline-size: 100%;
  }
  .session-title a:not([class]),
  .session-title button:not([class]) {
    text-align: left;
  }
  .session-title a:not([class]):not(:focus-visible):not(:hover),
  .session-title button:not([class]):not(:focus-visible):not(:hover) {
    color: var(--color-text);
  }
  .session-notes {
    font-size: 0.75rem;
    inline-size: 100%;
  }
  .session-type {
    color: var(--button-category-text);
    background-color: var(--button-category-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    block-size: 1.5rem;
    padding-inline: 0.75rem;
    border-radius: 4px;
  }
  .session-description {
    inline-size: 100%;
  }
  .session-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
    row-gap: 0.25rem;
  }
}