body {
    font-family: 'Noto Sans JP', sans-serif;
    background: #ffffff;
}
.section__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (min-width: 1025px) {
    .section__inner {
        padding: 0 80px;
    }
}
     /* =====================
       ヘッダー共通
    ===================== */
    .site-header {
      background: #ffffff;
      border-bottom: 1px solid #F5CBA7;
    }
 
    .site-header__inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 16px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
 
    @media (min-width: 769px) {
      .site-header__inner {
        padding: 0 40px;
        height: 72px;
      }
    }
 
    /* ---- 左エリア: ロゴ ---- */
    .header-logo {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
 
    .header-logo__sub {
      font-size: 10px;
      color: #555555;
      font-weight: 400;
      /* スマホでは非表示 */
      display: none;
    }
 
    @media (min-width: 769px) {
      .header-logo__sub {
        display: block;
        font-size: 12px;
      }
    }
 
    .header-logo__name {
      font-size: 18px;
      font-weight: 900;
      color: #1A3A5C;
      text-decoration: none;
      line-height: 1;
    }
 
    @media (min-width: 769px) {
      .header-logo__name {
        font-size: 26px;
      }
    }
 
    /* ---- 右エリア ---- */
    .header-right {
      display: flex;
      align-items: center;
      gap: 8px;
    }
 
    @media (min-width: 769px) {
      .header-right {
        gap: 20px;
      }
    }
 
    /* ---- 電話番号ブロック ---- */
    .header-tel {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
 
    .header-tel__hours {
      font-size: 10px;
      color: #555555;
      /* スマホでは非表示 */
      display: none;
    }
 
    @media (min-width: 769px) {
      .header-tel__hours {
        display: block;
        font-size: 12px;
      }
    }
 
    .header-tel__row {
      display: flex;
      align-items: center;
      gap: 4px;
    }
 
    .header-tel__icon {
      /* スマホでは非表示 */
      display: none;
    }
 
    @media (min-width: 769px) {
      .header-tel__icon {
        display: block;
      }
    }
 
    .header-tel__num {
      font-size: 18px;
      font-weight: 900;
      color: #1A3A5C;
      text-decoration: none;
      line-height: 1;
    }
 
    @media (min-width: 769px) {
      .header-tel__num {
        font-size: 28px;
      }
    }
 
    /* ---- LINEボタン ---- */
    .btn-line {
      display: flex;
      align-items: center;
      gap: 6px;
      background: #2DC844;
      color: #ffffff;
      border-radius: 6px;
      text-decoration: none;
 
      /* スマホ: アイコンのみ表示 */
      width: 40px;
      height: 40px;
      padding: 0;
      justify-content: center;
    }
 
    @media (min-width: 769px) {
      .btn-line {
        width: auto;
        height: 52px;
        padding: 0 16px;
        gap: 8px;
        justify-content: flex-start;
      }
    }
 
    .btn-line__icon {
      width: 40px;
      height: 40px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .btn-line__icon-text {
      font-size: 9px;
      font-weight: 900;
      color: #2DC844;
      line-height: 1;
    }
 
    .btn-line__label {
      display: none; /* スマホでは非表示 */
      flex-direction: column;
      line-height: 1.3;
    }
 
    @media (min-width: 769px) {
      .btn-line__label {
        display: flex;
      }
    }
 
    .btn-line__label span {
      font-size: 15px;
      font-weight: 700;
      color: #ffffff;
    }
 
    /* ---- メールボタン ---- */
    .btn-mail {
      display: flex;
      align-items: center;
      gap: 6px;
      background: #E8530A;
      color: #ffffff;
      border-radius: 6px;
      text-decoration: none;
 
      /* スマホ: アイコンのみ表示 */
      width: 40px;
      height: 40px;
      padding: 0;
      justify-content: center;
    }
 
    @media (min-width: 769px) {
      .btn-mail {
        width: auto;
        height: 52px;
        padding: 0 16px;
        gap: 8px;
        justify-content: flex-start;
      }
    }
 
    .btn-mail__label {
      display: none; /* スマホでは非表示 */
      flex-direction: column;
      line-height: 1.3;
    }
 
    @media (min-width: 769px) {
      .btn-mail__label {
        display: flex;
      }
    }
 
    .btn-mail__label span {
      font-size: 15px;
      font-weight: 700;
      color: #ffffff;
    }
 
 
    /* btn-tel-icon: LINEの左隣にSP時のみ表示する電話アイコンボタン */
    .btn-tel-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 6px;
      background: #1A3A5C;
      text-decoration: none;
      flex-shrink: 0;
    }
    .tel__icon {
      width: 26px;
    }
 
    @media (min-width: 769px) {
      .btn-tel-icon {
        display: none;
      }
    }
 
    /* PC専用: 電話番号テキストブロック */
    .header-tel {
      display: none;
    }
 
    @media (min-width: 769px) {
      .header-tel {
        display: flex;
      }
    }

/* =====================
       ヒーローセクション
    ===================== */
/* --- スマホ: gridで同一セルに重ねる --- */
.hero__inner {
    margin: auto;
    max-width: 1440px;
    /* スマホ: 2行グリッド（右カラムが1行目、左カラムが2行目に重なる） */
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas:
        "right"
        "left";
}
/* --- PC: 通常の2カラムflex --- */
@media (min-width: 821px) {
    .hero__inner {
        display: flex;
        flex-direction: row;
        padding: 60px 0 20px;
        justify-content: center;
        align-items: center;
    }
}
/* --- 左カラム --- */
.hero__left {
    grid-area: left;
    margin-top: -72px;
    width: 100%;
    padding: 0 20px;
    position: relative;
    /* 画像より手前に表示 */
    z-index: 1;
}
@media (min-width: 821px) {
    .hero__left {
        margin-top: 0;
        z-index: auto;
        width: 55%;
        padding-left: 80px;
        padding-right: 40px;
    }
}
/* --- 右カラム --- */
.hero__right-grid {
    grid-area: right;
}
.hero__content {
    width: 100%;
}
/* 1行目キャッチコピー */
.hero__sub-catch {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 4px;
    line-height: 1.3;
}
/* メインキャッチコピー */
.hero__main-catch {
    /* font-size: 32px; */
    font-size: clamp(2rem, 1.648rem + 1.5vw, 3rem);
    font-weight: 900;
    color: #1A3A5C;
    line-height: 1.25;
    margin-bottom: 20px;
}
@media (min-width: 769px) {
    .hero__main-catch {
        font-size: 48px;
    }
}
/* バッジエリア */
.hero__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.badge {
    background: #1A3A5C;
    color: #ffffff;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
/* 実績テキスト */
.hero__achievement {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
}
/* --- 右カラム --- */
.hero__right {
    position: relative;

    width: 100%;
    height: auto;
}
  .hero__right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;           /* 画像の下60%にかかる */
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0)   0%,   /* 上端: 透明 */
      rgba(255, 255, 255, 0.7) 50%,  /* 中間: 半透明 */
      rgba(255, 255, 255, 1)   100%  /* 下端: 完全に白 */
    );
    pointer-events: none;  /* クリックを画像に透過させる */
  }
@media (min-width: 821px) {
    .hero__right {
        width: 45%;
  }
  .hero__right::after {
    background: none;
  }


}
.hero__image {
    width: 100%;
    height: auto;
}
/* CTAボタンエリア */
.cta {
    padding-bottom: 20px;
}
.hero__cta {
    display: grid;
    gap: 12px;
}
@media (min-width: 768px) {
    .hero__cta {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 共通ボタンスタイル */
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    height: 64px;
    padding: 0 16px;
    position: relative;
}
.btn__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}
.btn__icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
/* ボタン1: 見積もり */
.btn--estimate {
    background: #E8530A;
}
.btn--estimate .btn__label {
    font-size: 17px;
    font-weight: 700;
}
.btn--estimate .btn__sub {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.92;
}
/* ボタン2: 電話 */
.btn--tel {
    background: #1A3A5C;
}
.btn--tel .btn__label {
    font-size: 15px;
    font-weight: 700;
}
.btn--tel .btn__tel-num {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.02em;
}
/* ボタン3: LINE */
.btn--line {
    background: #2DC844;
}
.btn--line .btn__label {
    font-size: 15px;
    font-weight: 700;
}
.btn--line .btn__sub {
    font-size: 11px;
    font-weight: 400;
    opacity: 0.92;
}
.btn__line-logo {
  width: 50px;
  height: 50px;
}
/* =====================
       選ばれる理由セクション
    ===================== */
.reason {
    background: #FFF8F0;
    padding: 60px 0;
}
/* セクションタイトル */
.reason__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 40px;
}
/* カードグリッド */
.reason__grid {
    display: grid;
    gap: 24px;
}
@media (min-width: 821px) {
    .reason__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 各カード */
.reason-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
/* カードヘッダー */
.reason-card__header {
    display: flex;
    align-items: center;
}
.reason-card__num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1A3A5C;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.reason-card__title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-left: 12px;
}
/* カード本文エリア */
.reason-card__body {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: 16px;
}
.reason-card__text {
    flex: 1;
    font-size: 14px;
    line-height: 1.8;
    color: #444444;
}
/* 画像 / プレースホルダー */
.reason-card__img {
    width: 140px;
    height: 110px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}
.reason-card__img-placeholder {
    width: 140px;
    height: 110px;
    border-radius: 8px;
    background: #FDEBD0;
    flex-shrink: 0;
}
/* =====================
       積み放題プランセクション
    ===================== */
.plan {
    background: #ffffff;
    padding: 60px 0;
}
.plan__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (min-width: 769px) {
    .plan__inner {
        padding: 0 80px;
    }
}
/* セクションタイトル */
.plan__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 40px;
}
/* カードグリッド */
.plan__grid {
    display: grid;
    gap: 24px;
}
@media (min-width: 821px) {
    .plan__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 各カード */
.plan-card {
    position: relative;
    background: #ffffff;
    border: 1.5px solid #F5CBA7;
    border-radius: 12px;
    padding: 28px 24px;
    text-align: center;
}
/* カード上部: バッジ行 */
.plan-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
/* 円形バッジ */
.plan-card__badge {
    position: absolute;
    width: clamp(5rem, 4.34rem + 2.82vw, 6.875rem);
    height: clamp(5rem, 4.34rem + 2.82vw, 6.875rem);
    border-radius: 50%;
    color: #ffffff;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    flex-shrink: 0;
}
.plan-card__badge--green {
    background: #2E8B57;
}
.plan-card__badge--blue {
    background: #E8530A;
}
.plan-card__badge--navy {
    background: #1A3A5C;
}
/* 対象バッジ */
.plan-card__target {
    display: block;
    margin-left: auto;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    padding: 4px 10px;
    border-width: 1.5px;
    border-style: solid;
    background: #ffffff;
}
.plan-card__target--green {
    border-color: #2E8B57;
    color: #2E8B57;
}
.plan-card__target--blue {
    border-color: #E8530A;
    color: #E8530A;
}
.plan-card__target--navy {
    border-color: #1A3A5C;
    color: #1A3A5C;
}
.plan-card__font-large {
    font-size: clamp(1.25rem, 1.074rem + 0.75vw, 1.75rem);
}
/* トラック画像 / プレースホルダー */
.plan-card__img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    display: block;
    margin-bottom: 20px;
}
.plan-card__img-placeholder {
    width: 100%;
    height: 180px;
    background: #f0f4f8;
    border-radius: 8px;
    margin-bottom: 20px;
}
/* 価格 */
.plan-card__price {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 10px;
}
.plan-card__price--green {
    color: #2E8B57;
}
.plan-card__price--blue {
    color: #E8530A;
}
.plan-card__price--navy {
    color: #1A3A5C;
}
/* サブテキスト */
.plan-card__desc {
    font-size: 14px;
    color: #444444;
    margin-bottom: 4px;
}
.plan-card__guide {
    font-size: 13px;
    color: #888888;
}
/* 注意書き */
.plan__note {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #888888;
}
/* =====================
       不用品セクション
    ===================== */
.items {
    background: #FFF8F0;
    padding: 60px 0;
}
.items__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
/* セクションタイトル */
.items__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 36px;
}
/* 品目グリッド */
.items__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}
@media (min-width: 769px) {
    .items__grid {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* 品目カード */
.item-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 12px 8px;
    text-align: center;
}
/* 画像 / プレースホルダー */
.item-card__img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px;
}
.item-card__img-placeholder {
    width: 80px;
    height: 80px;
    background: #FFF8F0;
    border-radius: 4px;
    margin: 0 auto 8px;
}
/* ラベル */
.item-card__label {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
/* タグ＋補足エリア */
.items__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}
@media (min-width: 769px) {
    .items__footer {
        flex-direction: row;
    }
}
.items__tag {
    background: #1A3A5C;
    color: #ffffff;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.items__note {
    font-size: 15px;
    color: #333333;
}
/* =====================
       回収実績セクション
    ===================== */
.cases {
    background: #ffffff;
    padding: 60px 0;
}
.cases__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
/* セクションタイトル */
.cases__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 36px;
}
/* カードグリッド */
.cases__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
@media (min-width: 769px) {
    .cases__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* before/after 画像ペア */
.case-card__images {
    position: relative;
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
}
/* 画像 / プレースホルダー共通 */
.case-card__img,
.case-card__img-placeholder {
    flex: 1;
    height: 140px;
    border-radius: 6px;
    display: block;
}
.case-card__img {
    object-fit: cover;
    width: 50%;
}
.case-card__img-placeholder {
    background: #FDEBD0;
}
/* 矢印アイコン */
.case-card__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1A3A5C;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
    flex-shrink: 0;
}
/* エリア名＋カテゴリ行 */
.case-card__meta {
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
}
@media (min-width: 769px) {
    .case-card__meta {
        flex-direction: inherit;
        align-items: center;
        margin-bottom: 6px;
    }
}
.case-card__area {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
}
.case-card__category {
    font-size: 14px;
    font-weight: 700;
    color: #1A3A5C;
}
@media (min-width: 769px) {
    .case-card__category {
        margin-left: 12px;
    }
}
/* 説明テキスト */
.case-card__desc {
    font-size: 13px;
    line-height: 1.7;
    color: #555555;
}
/* =====================
       お客様の声セクション
    ===================== */
.voice {
    background: #FFF8F0;
    padding: 60px 0;
}
.voice__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
/* セクションタイトル */
.voice__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 36px;
}
/* カードグリッド */
.voice__grid {
    display: grid;
    gap: 20px;
}
@media (min-width: 769px) {
    .voice__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}
/* 各カード */
.voice-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
/* 上部: アバター + レビュー本文 */
.voice-card__body {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
/* アバター画像 / プレースホルダー */
.voice-card__avatar {
    width: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}
/* レビュー本文エリア */
.voice-card__content {
    flex: 1;
}
/* 星評価 */
.voice-card__stars {
    color: #FF8C00;
    font-size: 20px;
    margin-bottom: 8px;
    letter-spacing: 2px;
}
/* レビューテキスト */
.voice-card__text {
    font-size: 14px;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 12px;
}
/* 投稿者情報 */
.voice-card__author {
    font-size: 13px;
    color: #888888;
}
/* =====================
       対応エリアセクション
    ===================== */
.area {
    background: #ffffff;
    padding: 60px 0;
}
.area__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
/* セクションタイトル */
.area__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 16px;
}
/* メインレイアウト */
.area__main {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    gap: 24px;
}
@media (min-width: 769px) {
    .area__main {
        flex-direction: inherit;
        justify-content: center;
        gap: 48px;
    }
}
/* 左カラム */
/* .area__left {
      flex: 1;
    } */
/* エリア情報ボックス */
.area-box {
    border: 1.5px solid #F5CBA7;
    border-radius: 10px;
    padding: 16px 20px;
}
@media (min-width: 1025px) {
    .area-box {
        padding: 24px 28px;
    }
}
/* 上部: バッジ + 市区名グリッド */
.area-box__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
/* 埼玉県全域対応！バッジ */
.area-box__badge {
    background: #1A3A5C;
    color: #ffffff;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 2px;
}
/* 市区名グリッド */
.area-box__cities {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 4px 0;
    justify-content: start;
}
@media (min-width: 1024px) {
    .area-box__cities {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(5, auto);
        gap: 4px 0;
        justify-content: start;
    }
}
.area-box__city {
    font-size: 14px;
    color: #333333;
    padding: 2px 8px;
    white-space: nowrap;
}
/* 補足テキスト */
.area-box__note {
    border-top: 1px solid #F5CBA7;
    padding-top: 14px;
    margin-top: 4px;
    font-size: 13px;
    color: #555555;
}
/* 右カラム: 地図 */
.area__right {
    width: 340px;
    flex-shrink: 0;
}
.area__map {
    width: 100%;
    max-width: 340px;
    display: block;
}
/* =====================
       よくあるご質問セクション
    ===================== */
.faq {
    background: #FFF8F0;
    padding: 60px 0;
}
.faq__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
}
/* セクションタイトル */
.faq__title {
    font-size: 32px;
    font-weight: 900;
    color: #1A3A5C;
    text-align: center;
    margin-bottom: 36px;
    letter-spacing: 0.1em;
}
/* カードグリッド */
.faq__grid {
    display: grid;
    gap: 20px;
}
@media (min-width: 769px) {
    .faq__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 各カード */
.faq-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
/* Q行 */
.faq-card__q {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
/* A行 */
.faq-card__a {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
/* Q / A バッジ共通 */
.faq-card__badge {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.faq-card__badge--q {
    background: #1A3A5C;
}
.faq-card__badge--a {
    background: #E8530A;
}
/* 質問テキスト */
.faq-card__question {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
}
/* 回答テキスト */
.faq-card__answer {
    font-size: 14px;
    line-height: 1.8;
    color: #444444;
}
/* =====================
       会社概要セクション
    ===================== */
    .company {
      background: #ffffff;
      padding: 60px 0;
    }
 
    .company__inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 20px;
    }
 
    @media (min-width: 769px) {
      .company__inner {
        padding: 0 80px;
      }
    }
 
    /* =====================
       PC: 左右2カラムレイアウト
    ===================== */
    .company__layout {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }
 
    @media (min-width: 769px) {
      .company__layout {
        flex-direction: row;
        align-items: center;
        gap: 48px;
      }
    }
 
    /* 左カラム */
    .company__left {
      flex-shrink: 0;
    }
 
    @media (min-width: 769px) {
      .company__left {
        width: 200px;
      }
    }
 
    .company__label {
      font-size: 16px;
      font-weight: 700;
      color: #1A3A5C;
      margin-bottom: 12px;
    }
 
    .company__name {
      font-size: 26px;
      font-weight: 900;
      color: #1A3A5C;
      line-height: 1.3;
    }
 
    /* 右カラム */
    .company__right {
      flex: 1;
      min-width: 0;
    }
 
    /* =====================
       PC テーブル
    ===================== */
    .company-table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #F5CBA7;
      display: none; /* スマホでは非表示 */
    }
 
    @media (min-width: 769px) {
      .company-table {
        display: table;
      }
    }
 
    .company-table tr {
      border-bottom: 1px solid #F5CBA7;
    }
 
    .company-table tr:last-child {
      border-bottom: none;
    }
 
    .company-table th {
      width: 100px;
      text-align: center;
      background: #FEF5EC;
      font-size: 14px;
      font-weight: 700;
      color: #333333;
      padding: 14px 12px;
      border-right: 1px solid #F5CBA7;
      white-space: nowrap;
    }
 
    .company-table td {
      padding: 14px 20px;
      font-size: 14px;
      color: #333333;
      width: 280px;
      border-right: 1px solid #F5CBA7;
      vertical-align: top;
    }
 
    .company-table td:last-child {
      border-right: none;
    }
 
    .company-table td.td--blue {
      color: #1A3A5C;
    }
 
    /* =====================
       スマホ: 縦積みリスト
    ===================== */
    .company-list {
      display: flex;
      flex-direction: column;
      border: 1px solid #F5CBA7;
      border-radius: 8px;
      overflow: hidden;
    }
 
    @media (min-width: 769px) {
      .company-list {
        display: none; /* PCでは非表示 */
      }
    }
 
    .company-list__item {
      display: flex;
      border-bottom: 1px solid #F5CBA7;
    }
 
    .company-list__item:last-child {
      border-bottom: none;
    }
 
    .company-list__label {
      width: 90px;
      flex-shrink: 0;
      background: #FEF5EC;
      font-size: 13px;
      font-weight: 700;
      color: #333333;
      padding: 12px 10px;
      border-right: 1px solid #F5CBA7;
      display: flex;
      align-items: flex-start;
    }
 
    .company-list__value {
      flex: 1;
      font-size: 13px;
      color: #333333;
      padding: 12px 14px;
      line-height: 1.6;
    }
 
    .company-list__value--blue {
      color: #1A3A5C;
    }