/* ============================================================
   irohana account ページ固有スタイル
   メインカラー: #1976D2
============================================================ */

.page-so-account {
  --color-primary: #1976D2;
  --color-primary-light: #e3f2fd;
  --color-primary-dark: #1565C0;
  padding-top: var(--header-height, 72px);
  background: #fff;
}

/* --- セクション共通 padding --- */
.account-fv {
  margin: 0 20px;
  border-radius: 10px;
}

.account-about {
  padding: 100px 0;
  background: #fff;
}

.account-sol {
  padding: 100px 0;
  background: linear-gradient(180deg, #fff 0%, #edf3f5 31%);
}

.account-feature {
  padding: 100px 0;
  background: #fff;
}

.account-faq {
  padding: 100px 0;
  background: #fff;
}

.account-cta {
  padding: 100px 0;
  background: #f5f8fa;
}

.account-cta-mid {
  padding: 0 0 80px;
  background: #fff;
}

.account-cta-mid .svc-cta-mid__card {
  background: linear-gradient(135deg, #5da4e8 0%, #2563c4 100%);
}

/* --- FV --- */
.account-fv {
  background: linear-gradient(135deg, #5da4e8 0%, #2563c4 100%);
}

/* --- About --- */
.account-about__body {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  margin-top: 24px;
}

/* --- About --- */
.account-about .svc-about__headline-accent {
  text-decoration: underline;
  text-decoration-color: #1976D2;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

.account-about .svc-about__card {
  background: #eef6fe;
}

.account-about .svc-about__card-headline {
  color: #1976D2;
}

.account-about .svc-about__card-text {
  color: inherit;
}

/* --- Solution --- */
.account-sol .svc-sol__headline-accent {
  color: #1976D2;
}

.account-sol .svc-sol__item-title-accent {
  color: #1976D2;
}

.account-sol .svc-sol__item {
  border: 1px solid rgba(25, 118, 210, 0.1);
  border-top: 3px solid #1976D2;
}

.account-sol .svc-sol__item-img img {
  border: 1px solid rgba(25, 118, 210, 0.1);
}

.account-sol .svc-sol__badge {
  border: 1px solid rgba(25, 118, 210, 0.5);
}

/* --- Feature --- */
.account-feature .svc-feature__card-icon svg {
  color: #1976D2;
}

/* --- FAQ --- */
.account-faq .biz-faq__q-label {
  color: #1976D2;
}

/* --- CTA --- */
.account-cta .biz-cta__download,
.account-cta .biz-cta__col {
  background: linear-gradient(135deg, #5da4e8 0%, #2563c4 100%);
}

/* --- フッター --- */
.site-footer--so-account {
  background: #dce8f5;
}

.site-footer--so-account .footer__cta-btn--teal {
  background: #1976D2;
}

/* ===== タブレット ===== */
@media (max-width: 1199px) {
  .account-about__body {
    font-size: 15px;
  }
}

/* ===== スマホ ===== */
@media (max-width: 767px) {
  .account-fv {
    margin: 0 12px;
  }

  .account-about,
  .account-sol,
  .account-feature,
  .account-faq,
  .account-cta,
  .account-cta-mid {
    padding: 60px 0;
  }

  .account-about__body {
    font-size: 14px;
  }
}