@charset "UTF-8";
/* =========================================================================
   初めての方へ（.p-first）／ご利用の流れ（.p-flow）本文の見やすさリニューアル
   ・ファーストビュー（.sub-mainvisual）と全体構成は従来のまま
   ・本文（ボディ）の余白・行間・カード/情報ボックスの視認性のみを高める
   ・サイト標準クラスを上書きするため、必ず .p-first / .p-flow で限定
   ========================================================================= */

/* === 共通 === */
/* スマホ左右余白（.inner はモバイルで画面端まで広がるため補正。ヘッダー/フッターは対象外） */
@media (max-width: 767px) {
  .p-first .main-content .inner,
  .p-flow  .main-content .inner { padding-left: 18px; padding-right: 18px; box-sizing: border-box; }
}
.p-first .main-content,
.p-flow  .main-content { color: #3a342c; }

/* セクション間の余白を少し広げて区切りを明確に */
.p-first .features,
.p-flow  .daikou-flow { padding-top: 8px; }

/* =========================================================================
   初めての方へ
   ========================================================================= */
/* リード文：読みやすい横幅・行間 */
.p-first .sub-lead__copy { max-width: 760px; margin-left: auto; margin-right: auto; }
.p-first .sub-lead__copy p { line-height: 2.05; }

/* 特徴：白カードをやわらかく（角丸・枠線・余白・影）見やすく */
.p-first .features-list .item {
  border: 1px solid #efe6da;
  border-radius: 12px;
  padding: 26px 22px 24px;
  box-shadow: 0 12px 30px -24px rgba(120, 90, 40, .55);
}
.p-first .features-list .item-ttl { line-height: 1.6; }
.p-first .features-list .item-txt { line-height: 2; margin-top: 14px; }
@media (max-width: 767px) {
  .p-first .features-list .item { padding: 22px 18px; }
}

/* =========================================================================
   ご利用の流れ
   ========================================================================= */
/* 導入文：読みやすい横幅・行間 */
.p-flow .flow-intro p { max-width: 860px; margin-left: auto; margin-right: auto; line-height: 2; }

/* 各ステップ：カードを角丸＋やわらかい影でフレッシュに */
.p-flow .daikou-flow__list .item {
  border-radius: 14px;
  box-shadow: 0 14px 34px -26px rgba(120, 90, 40, .6);
}
.p-flow .daikou-flow__list .item-txt { line-height: 2; }

/* 情報ボックス（▼お問合せ時にお伺いすること 等）を視認性の高いカードに */
.p-flow .daikou-flow__list .box-shadow01 {
  background: #fff;
  border: 1px solid #f0e2d2;
  border-left: 4px solid var(--primary-color, #f48414);
  border-radius: 10px;
  box-shadow: none;
  padding: 15px 16px;
  text-align: left;
}
.p-flow .daikou-flow__list .box-shadow01 p { line-height: 1.95; }