/* index-devided.html 限定: ヘッダー直下～ヒーローの余白を最小化 */
      .index-devided-page {
        margin: 0;
        padding: 0;
      }

      /* 本番トップに合わせ、お知らせ〜フッター前は白ベース（style.css の body #fff8f4 を上書き） */
      body.index-devided-page {
        background-color: #ffffff !important;
        /* 説明文共通: 12pt を基準にビューポートでわずかに可変 */
        --index-description-font-size: clamp(12pt, 0.45rem + 0.95vw, 14pt);
      }

      .index-devided-page .newsbox {
        background-color: #ffffff;
      }

      .index-devided-page account-open {
        display: block;
        background-color: #ffffff;
      }

      .index-devided-page .button-group {
        background-color: #ffffff;
        padding-bottom: clamp(2rem, 5vw, 4rem);
      }

      .index-devided-page .mt5-benefits-more {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        margin-top: clamp(1.5rem, 3vw, 2.5rem);
        padding: 0;
        background: none;
      }

      /* 「詳しく見る」は .mt5-intro-cta ベースの色＋角丸・中央・やや大きい文字 */
      .index-devided-page .mt5-benefits-more .mt5-intro-cta {
        margin-top: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        font-size: 1.2rem;
        padding: 1rem 2.25rem;
      }

      /* ヘッダーの表示切替は mt5/home/css/base-style.css に任せる
         （display を上書きすると PC でもモバイルヘッダーが残るため margin のみ指定） */
      /* ヘッダー WebComponents 直下のすき間を詰める */
      .index-devided-page header-global-nav,
      .index-devided-page header-global-nav-mob {
        margin: 0;
      }
      .index-devided-page .mt5-hero-band {
        background-color: transparent;
        /* hidden だと内部の MT5 導入ブロックまで横方向にクリップされる */
        overflow-x: visible;
        width: 100%;
        box-sizing: border-box;
        margin-top: 0;
      }

      @media (max-width: 767px) {
        .index-devided-page .mt5-hero-band {
          padding-top: max(56px, env(safe-area-inset-top, 0px));
        }
      }

      /* PC: ナビ直下と MT5 導入ブロックの間の余白 */
      @media (min-width: 768px) {
        .index-devided-page .mt5-hero-band {
          padding-top: 0;
        }
      }

      /* 超ワイド: 余白は margin ではなくスタック内 padding（白抜け・相殺防止） */
      @media (min-width: 1400px) {
        .index-devided-page .index-mt5-shine-stack {
          padding-top: calc(
            clamp(1.5rem, 3vh, 3rem) + clamp(1rem, 2vh, 1.75rem)
          );
        }

        .index-devided-page .mt5-hero-band {
          padding-top: 0 !important;
          margin-top: 0 !important;
        }
      }

      /* ヒーロー直後の MT5 導入（コメントノードで + セレクタが効かない場合があるため子セレクタで指定） */
      .index-devided-page
        .mt5-hero-band
        > section.section-tools.mt5-intro-section {
        margin-top: 0 !important;
      }

      @media (min-width: 1400px) {
        .index-devided-page
          .mt5-hero-band
          > section.section-tools.mt5-intro-section {
          margin-top: 0 !important;
        }
      }

      /* MT5導入〜SERVICE〜豪ドル帯を一枚の動くグラデーションに（区切りなし） */
      .index-devided-page .index-mt5-shine-stack {
        position: relative;
        background-color: #0b0d12;
        isolation: isolate;
        display: flow-root;
        margin-top: 0;
      }

      .index-devided-page .index-mt5-shine-stack > .mt5-hero-band,
      .index-devided-page .index-mt5-shine-stack > .mt5-benefits-section,
      .index-devided-page .index-mt5-shine-stack > .index-audusd-promo-band {
        position: relative;
        z-index: 1;
        background-color: transparent;
      }

      /* MT5ページ（mt5/index.html）body::before と同系の動くグラデーション（スタック全体に1枚） */
      @keyframes index-mt5-shine-bg {
        0% {
          background-position:
            0% 50%,
            200% 50%;
        }
        100% {
          background-position:
            -200% 50%,
            0% 50%;
        }
      }

      .index-devided-page .index-mt5-shine-stack::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-image:
          linear-gradient(
            120deg,
            rgba(10, 6, 20, 0.9) 0%,
            rgba(10, 6, 20, 0.9) 20%,
            rgba(255, 80, 180, 0.18) 32%,
            rgba(255, 180, 120, 0.26) 45%,
            rgba(255, 80, 140, 0.2) 58%,
            rgba(10, 6, 20, 0.9) 70%,
            rgba(10, 6, 20, 0.9) 100%
          ),
          linear-gradient(
            120deg,
            rgba(10, 6, 20, 0.9) 0%,
            rgba(10, 6, 20, 0.9) 20%,
            rgba(255, 80, 180, 0.18) 32%,
            rgba(255, 180, 120, 0.26) 45%,
            rgba(255, 80, 140, 0.2) 58%,
            rgba(10, 6, 20, 0.9) 70%,
            rgba(10, 6, 20, 0.9) 100%
          );
        background-size:
          200% 100%,
          200% 100%;
        background-position:
          0% 50%,
          200% 50%;
        background-repeat: no-repeat;
        animation: index-mt5-shine-bg 14s linear infinite;
      }

      @media (max-width: 768px) {
        .index-devided-page .index-mt5-shine-stack::before {
          background-image:
            radial-gradient(
              circle at top,
              rgba(255, 160, 200, 0.25),
              transparent 55%
            ),
            radial-gradient(
              circle at bottom,
              rgba(255, 200, 120, 0.18),
              transparent 55%
            );
          background-size: 140% 140%;
          background-position: center;
          animation: none;
        }
      }

      /* MT5ページ（mt5/index.html）ヒーロー周りのトンマナに合わせた導入ブロック */
      .index-devided-page section.section-tools.mt5-intro-section {
        display: block !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        position: relative !important;
        padding: clamp(2.75rem, 5.5vh, 4.5rem) clamp(1rem, 4vw, 3rem)
          clamp(2.5rem, 4.5vh, 4rem) !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        overflow-x: visible !important;
        overflow: visible !important;
        color: #ffffff !important;
        background-color: transparent !important;
        background-image: none !important;
      }

      .index-devided-page section.section-tools.mt5-intro-section > * {
        position: relative;
        z-index: 1;
      }

      .index-devided-page .mt5-intro-inner {
        width: 100%;
        max-width: 90rem;
        margin: 0 auto;
        padding: 0 clamp(0.5rem, 2vw, 1.5rem);
        display: grid;
        gap: 2rem;
        align-items: center;
        box-sizing: border-box;
      }

      @media (min-width: 1024px) {
        .index-devided-page .mt5-intro-inner {
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          gap: clamp(1.5rem, 3vw, 3rem);
        }
      }

      .index-devided-page .mt5-intro-copy,
      .index-devided-page .mt5-intro-panel {
        min-width: 0;
      }

      .index-devided-page .mt5-intro-eyebrow {
        font-size: 0.875rem;
        font-weight: 600;
        letter-spacing: 0.2em;
        color: #d4af37;
        margin: 0;
        overflow-wrap: break-word;
      }

      .index-devided-page .mt5-intro-title {
        margin: 1rem 0 0;
        font-size: clamp(1.75rem, 3.2vw, 3.25rem);
        font-weight: 800;
        line-height: 1.25;
        font-family: "Noto Sans JP", sans-serif;
        color: #ffffff;
        overflow-wrap: break-word;
        word-break: keep-all;
      }

      .index-devided-page .mt5-intro-title-line {
        display: block;
      }

      .index-devided-page .mt5-intro-lead {
        margin: 1.25rem 0 0;
        font-size: var(--index-description-font-size);
        line-height: 1.75;
        color: #ffffff;
        max-width: 42rem;
        overflow-wrap: break-word;
        word-break: keep-all;
      }

      @media (max-width: 767px) {
        .index-devided-page .mt5-intro-lead {
          word-break: normal;
        }
      }

      .index-devided-page .mt5-intro-cta,
      .index-devided-page .mt5-intro-cta:visited,
      .index-devided-page .mt5-intro-cta:active {
        display: inline-block;
        margin-top: 1.75rem;
        padding: 0.85rem 1.75rem;
        border-radius: 0.5rem;
        border: 1px solid #d4af37;
        background: linear-gradient(135deg, #f0cd5d 0%, #d4af37 100%);
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
        color: #1f2430 !important;
        text-decoration: none;
        transition:
          transform 0.15s ease,
          box-shadow 0.15s ease,
          filter 0.15s ease;
      }

      .index-devided-page .mt5-intro-cta:hover {
        transform: translateY(-2px);
        filter: brightness(1.05);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
        color: #1f2430 !important;
        text-decoration: none;
      }

      .index-devided-page .mt5-intro-panel {
        border-radius: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: linear-gradient(
          90deg,
          #3b3f4c 0%,
          #272f3e 50%,
          #171f2f 100%
        );
        padding: 1.5rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
      }

      .index-devided-page .mt5-intro-panel-label {
        margin: 0;
        font-size: clamp(1rem, 1.6vw, 1.25rem);
        font-weight: 600;
        letter-spacing: 0.2em;
        color: #d4af37;
      }

      .index-devided-page .mt5-intro-cards {
        margin-top: 1.25rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
      }

      @media (min-width: 768px) {
        .index-devided-page .mt5-intro-cards {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      .index-devided-page .mt5-intro-card {
        display: flex;
        align-items: center;
        gap: 1rem;
        border-radius: 0.5rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        padding: 1rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
      }

      .index-devided-page .mt5-intro-card--blue {
        background: linear-gradient(to bottom, #354e78, #1f2e4a);
      }

      .index-devided-page .mt5-intro-card--purple {
        background: linear-gradient(to bottom, #4c3f68, #2d2446);
      }

      .index-devided-page .mt5-intro-card--rose {
        background: linear-gradient(to bottom, #6b3e55, #3f2332);
      }

      .index-devided-page .mt5-intro-card--red {
        background: linear-gradient(to bottom, #7a4040, #472626);
      }

      .index-devided-page .mt5-intro-card svg {
        flex-shrink: 0;
        width: 2.5rem;
        height: 2.5rem;
        color: #e5e7eb;
      }

      @media (min-width: 768px) {
        .index-devided-page .mt5-intro-card svg {
          width: 3rem;
          height: 3rem;
        }
      }

      .index-devided-page .mt5-intro-card-text {
        margin: 0;
        min-width: 0;
        font-size: var(--index-description-font-size);
        font-weight: 600;
        line-height: 1.35;
        color: #f3f4f6;
      }

      @media (max-width: 767px) {
        .index-devided-page .mt5-intro-card-text br {
          display: none;
        }
      }

      /* MT5「ADDITIONAL FEATURES / ABOUT」系 — 背景は親スタックの一枚グラデーション */
      .index-devided-page .mt5-benefits-section {
        position: relative;
        border-top: none;
        background-color: transparent;
        color: #ffffff;
        padding: 4rem 1rem;
      }

      .index-devided-page .mt5-benefits-inner {
        position: relative;
        z-index: 1;
        max-width: 80rem;
        margin: 0 auto;
        padding: 0 0.5rem;
      }

      @media (min-width: 1024px) {
        .index-devided-page .mt5-benefits-inner {
          padding: 0 1.5rem;
        }
      }

      .index-devided-page .mt5-benefits-eyebrow {
        margin: 0;
        font-size: clamp(1.125rem, 2vw, 1.5rem);
        font-weight: 600;
        letter-spacing: 0.2em;
        text-align: center;
        color: #d4af37;
      }

      .index-devided-page .mt5-benefits-h2 {
        margin: 0.75rem 0 0;
        font-size: clamp(1.5rem, 3vw, 1.875rem);
        font-weight: 700;
        line-height: 1.25;
        font-family: "Noto Sans JP", sans-serif;
        color: #ffffff;
      }

      .index-devided-page .mt5-benefits-lead {
        margin: 1.25rem 0 0;
        max-width: 48rem;
        font-size: var(--index-description-font-size);
        line-height: 1.75;
        color: rgba(255, 255, 255, 0.92);
      }

      .index-devided-page .mt5-benefits-grid {
        margin-top: 2rem;
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
      }

      @media (min-width: 640px) {
        .index-devided-page .mt5-benefits-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        /* カードがちょうど3枚のときのみ：3枚目を下段いっぱいに（4枚以上では 2×2 にしたいため last-child は使わない） */
        .index-devided-page
          .mt5-benefits-grid
          .mt5-benefits-card:nth-child(3):nth-last-child(1) {
          grid-column: 1 / -1;
        }
      }

      @media (min-width: 960px) {
        .index-devided-page .mt5-benefits-grid {
          /* PC版は 2×2 列（4枚カード想定） */
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 1.25rem;
        }
      }

      /* アイコン＋見出しを1行目、本文は見出し下（右カラム） */
      .index-devided-page .mt5-benefits-card {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        column-gap: 0.75rem;
        row-gap: 0.45rem;
        align-items: start;
        text-align: left;
        margin: 0;
        border-radius: 0.75rem;
        border: 1px solid rgba(15, 23, 42, 0.1);
        background: linear-gradient(
          180deg,
          #f5f6f8 0%,
          #eceef2 45%,
          #dfe2e8 100%
        );
        padding: 1.25rem;
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
      }

      .index-devided-page .mt5-benefits-card-icon {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        align-self: start;
        margin: 0.15rem 0 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        color: #d4af37;
      }

      .index-devided-page .mt5-benefits-card-icon .fas {
        font-size: clamp(1.35rem, 3.2vw, 1.75rem);
        line-height: 1;
      }

      .index-devided-page .mt5-benefits-card-title {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        min-width: 0;
        font-size: clamp(1.22rem, 2.2vw, 1.65rem);
        font-weight: 700;
        line-height: 1.35;
        color: #0f172a;
      }

      .index-devided-page .mt5-benefits-card-body {
        grid-column: 2;
        grid-row: 2;
        margin: 0;
        font-size: var(--index-description-font-size);
        line-height: 1.75;
        color: #334155;
      }

      .index-devided-page .mt5-benefits-accent {
        color: #92400e;
        font-weight: 700;
      }

      /* 豪ドル/米ドル強化 — 帯（背景は親スタックと同一トーン） */
      .index-devided-page .index-audusd-promo-band {
        --index-audusd-promo-max-h: none;
        --index-audusd-promo-radius: 0.75rem;
        background-color: transparent;
        border-top: none;
        border-bottom: none;
        line-height: normal;
        padding-right: 0.5rem;
        padding-bottom: clamp(1.25rem, 3vw, 2.25rem);
        padding-left: 0.5rem;
      }

      @media (min-width: 1024px) {
        .index-devided-page .index-audusd-promo-band {
          padding-right: 1.5rem;
          padding-left: 1.5rem;
        }
      }

      .index-devided-page .index-audusd-promo-band__inner {
        display: block;
        width: 100%;
        max-width: 80rem;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        border-radius: var(--index-audusd-promo-radius);
        overflow: hidden;
        background: transparent;
        box-shadow: none;
        border: none;
        outline: none;
      }

      .index-devided-page .index-audusd-promo-band__rate-wrap {
        width: 100%;
        background: linear-gradient(
          to right,
          #3b3f4c,
          #272f3e,
          #171f2f
        );
        border-radius: var(--index-audusd-promo-radius)
          var(--index-audusd-promo-radius) 0 0;
        overflow: hidden;
      }

      .index-devided-page .index-audusd-promo-band .rate-card {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.75rem 1rem;
        width: 100%;
        box-sizing: border-box;
        background: linear-gradient(135deg, #0f141d 0%, #1a2235 100%);
        border: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding: 1.25rem clamp(1rem, 3vw, 1.5rem);
        box-shadow: none;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
      }

      .index-devided-page .index-audusd-promo-band .rate-symbol {
        font-size: 1.05rem;
        font-weight: 700;
        color: #d4af37;
        letter-spacing: 0.08em;
      }

      .index-devided-page .index-audusd-promo-band .rate-group {
        display: flex;
        align-items: center;
        gap: clamp(1.5rem, 8vw, 9.5rem);
        flex-wrap: wrap;
      }

      .index-devided-page .index-audusd-promo-band .rate-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 100px;
      }

      .index-devided-page .index-audusd-promo-band .rate-label {
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        margin-bottom: 0.25rem;
      }

      .index-devided-page .index-audusd-promo-band .rate-label.sell {
        color: #f87171;
        font-size: 1rem;
      }

      .index-devided-page .index-audusd-promo-band .rate-label.buy {
        color: #4ade80;
        font-size: 1rem;
      }

      .index-devided-page .index-audusd-promo-band .rate-value {
        font-size: clamp(1.25rem, 3.5vw, 1.65rem);
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.02em;
        transition: color 0.35s ease;
      }

      .index-devided-page .index-audusd-promo-band .rate-value.sell {
        color: #fca5a5;
      }

      .index-devided-page .index-audusd-promo-band .rate-value.buy {
        color: #86efac;
      }

      @keyframes index-audusd-flash-up {
        0%,
        100% {
          color: inherit;
        }
        30% {
          color: #4ade80;
        }
      }

      @keyframes index-audusd-flash-down {
        0%,
        100% {
          color: inherit;
        }
        30% {
          color: #f87171;
        }
      }

      .index-devided-page .index-audusd-promo-band .price-up {
        animation: index-audusd-flash-up 0.6s ease;
      }

      .index-devided-page .index-audusd-promo-band .price-down {
        animation: index-audusd-flash-down 0.6s ease;
      }

      .index-devided-page .index-audusd-promo-band .spread-tag {
        font-size: 0.63rem;
        color: #6b7280;
        margin-top: 0.2rem;
        min-height: 1em;
      }

      .index-devided-page .index-audusd-promo-band .live-badge {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.7rem;
        color: #9ca3af;
        letter-spacing: 0.07em;
        white-space: nowrap;
      }

      .index-devided-page .index-audusd-promo-band .live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #4ade80;
        animation: index-audusd-pulse-dot 1.5s ease-in-out infinite;
        flex-shrink: 0;
      }

      .index-devided-page .index-audusd-promo-band .live-dot.off {
        background: #f87171;
        animation: none;
      }

      .index-devided-page .index-audusd-promo-band .live-dot.loading {
        background: #facc15;
        animation: none;
      }

      @keyframes index-audusd-pulse-dot {
        0%,
        100% {
          opacity: 1;
          transform: scale(1);
        }
        50% {
          opacity: 0.3;
          transform: scale(0.65);
        }
      }

      @media (min-width: 768px) {
        .index-devided-page .index-audusd-promo-band .rate-card {
          padding: 1.5rem 2rem;
        }
      }

      @media (max-width: 600px) {
        .index-devided-page .index-audusd-promo-band .rate-card {
          flex-direction: column;
          align-items: flex-start;
        }

        .index-devided-page .index-audusd-promo-band .rate-label.sell,
        .index-devided-page .index-audusd-promo-band .rate-label.buy {
          font-size: 0.75rem;
        }
      }

      .index-devided-page .index-audusd-promo-band__link {
        display: block;
        width: 100%;
        line-height: 0;
        overflow: hidden;
        background: #171f2f;
        box-shadow: none;
        border: none;
        border-radius: 0 0 var(--index-audusd-promo-radius)
          var(--index-audusd-promo-radius);
      }

      .index-devided-page .index-audusd-promo-band__img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: var(--index-audusd-promo-max-h);
        display: block;
        vertical-align: top;
        border-radius: 0 0 var(--index-audusd-promo-radius)
          var(--index-audusd-promo-radius);
      }

      /* 口座開設の流れ — 信託保全ページ（market-content-page）と同系の白＋右側パターン */
      .index-devided-page section.account-flow.img-background {
        font-family: "Noto Sans JP", sans-serif;
        background-color: #ffffff !important;
        background-image:
          linear-gradient(
            to right,
            #ffffff 0%,
            #ffffff 74%,
            rgba(255, 255, 255, 0.88) 82%,
            rgba(255, 255, 255, 0.35) 92%,
            rgba(255, 255, 255, 0) 100%
          ),
          url("/markets/img/page-pattern-bg.png");
        background-repeat: no-repeat, repeat-y;
        background-position:
          0 0,
          right top;
        background-size:
          100% 100%,
          clamp(480px, 28vw, 1100px) auto;
      }

      .index-devided-page .account-flow .section-title {
        font-family: "Noto Sans JP", sans-serif;
      }

      /* 口座開設の流れ — 1列グリッド＆カードのドロップシャドウ */
      .index-devided-page .account-flow .step-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.25rem;
        max-width: 38rem;
        margin: 0 auto;
        padding: 0 0.5rem;
      }

      .index-devided-page .account-flow .step {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 2.15rem;
        align-items: start;
        text-align: left;
        flex: unset;
        max-width: none;
        width: auto;
        margin: 0;
        background: #ffffff;
        border-radius: 12px;
        padding: 1.25rem 1.15rem 1.4rem;
        border: 1px solid rgba(42, 28, 15, 0.08);
        box-shadow:
          0 4px 6px -1px rgba(0, 0, 0, 0.07),
          0 12px 24px -6px rgba(0, 0, 0, 0.12);
      }

      .index-devided-page .account-flow .step-visual {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0.2rem;
      }

      .index-devided-page .account-flow .step-content {
        min-width: 0;
      }

      .index-devided-page .account-flow .step-heading-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.65rem;
        margin: 0 0 0.55rem;
        flex-wrap: nowrap;
      }

      .index-devided-page .account-flow .step-heading-row .circle {
        margin: 0;
        flex-shrink: 0;
      }

      .index-devided-page .account-flow .step-heading-row h4 {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
        color: #2a1c0f;
        line-height: 1.35;
        flex: 1;
        min-width: 0;
      }

      .index-devided-page .account-flow .step-icon {
        width: 72px;
        height: auto;
        max-height: 92px;
        object-fit: contain;
        margin: 0;
        display: block;
      }

      /* 5番（取引開始）のノートPC系アイコンは視認性のため一段大きく */
      .index-devided-page .account-flow .step-icon[src*="web-icon"] {
        width: 96px;
        max-height: 120px;
      }

      .index-devided-page .account-flow .subtitle {
        font-size: var(--index-description-font-size);
      }

      .index-devided-page .account-flow .step-text {
        text-align: left;
        font-size: var(--index-description-font-size);
        line-height: 1.65;
        color: #333;
        margin: 0;
      }

      .index-devided-page .account-flow .step-text ul {
        margin: 0.5rem 0 0;
        padding-left: 1.25rem;
      }

      .index-devided-page .account-flow .doc-link {
        width: auto;
        max-width: 100%;
        margin-top: 0.75rem;
        box-sizing: border-box;
      }

      .index-devided-page #top5-news .announcement-box,
      .index-devided-page #top5-news .date {
        font-size: var(--index-description-font-size) !important;
      }

      /* 口座開設の流れ：全幅で1列（PCでも縦並びでステップが追いやすい） */