@charset "UTF-8";
/* フォームページ（/contact/ /contact/thanks/ /download/）の枠。
   website-builder/docs/forms-layout.md の基本形 CSS。ブランド色 #E60013（evortform のボタン色と同じ）、
   本文色はテーマ（白）を継承。入力枠の中は https://form.evort.jp/embed.css が担当する（ここで .evf- を書かない） */

/* ページレイアウト */
.form-main { min-height: 60vh; padding: 40px 20px 80px; }
.form-page-container { max-width: 760px; margin: 0 auto; }
.form-page-container--wide { max-width: 1000px; margin: 0 auto; } /* 規約の基本形は 1200px。ユーザー指示で 1000px（2026-10-07） */
.form-page-lead { font-size: 15px; line-height: 1.9; text-align: center; margin: 0 0 40px; }
.form-section + .form-section { margin-top: 48px; }
.form-section-heading { font-size: 20px; font-weight: 500; margin: 0 0 20px; padding-left: 14px; border-left: 4px solid #E60013; line-height: 1.4; }
@media (max-width: 768px) {
  .form-main { padding: 36px 16px 56px; }
  .form-page-lead { text-align: left; margin-bottom: 28px; }
}

/* 完了ページの戻りリンク */
.form-thanks-back { margin: 40px 0 0; text-align: center; }

/* 電話問い合わせボックス（contact 型） */
.tel-box { border: 1px solid #d5d5d5; border-radius: 8px; padding: 24px 20px; text-align: center; }
.tel-box__note { font-size: 14px; margin: 0 0 12px; text-align: center; }
.tel-box__numbers { display: flex; justify-content: center; align-items: center; gap: 12px 32px; flex-wrap: wrap; }
.tel-box__item { display: inline-flex; align-items: center; gap: 10px; }
.tel-box__mark { display: inline-block; background: #E60013; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; padding: 3px 12px; border-radius: 2px; line-height: 1.4; }
.tel-box__number, a.tel-box__number { font-size: 26px; font-weight: 700; color: #E60013; letter-spacing: 1px; line-height: 1.2; }
@media (max-width: 480px) { .tel-box__number { font-size: 22px; } }

/* download 型：SPでは縦積み */
@media (max-width: 767px) { .dl-form__lead, .dl-form__body { flex-basis: 100%; } }

/* download 型 2 カラム（確定値：flex 320/440・gap 48・サムネ max-width 240px） */
.dl-form { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 48px; margin: 0 0 1rem; }
@media (max-width: 900px) { .dl-form { gap: 28px; } }
.dl-form__lead { flex: 1 1 320px; min-width: 0; }
.dl-form__title { font-size: 26px; font-weight: 500; line-height: 1.4; margin: 0 0 16px; }
@media (max-width: 767px) { .dl-form__title { font-size: 21px; } }
.dl-form__thumb { display: block; width: 100%; max-width: 240px; height: auto; border: 1px solid #e5e7eb; margin: 0 auto 60px; }
.dl-form__catch { display: block; font-size: 24px; font-weight: 500; letter-spacing: 0.08em; line-height: 1.5; margin: 0 0 12px; }
@media (max-width: 767px) { .dl-form__catch { font-size: 20px; } }
.dl-form__text { font-size: 15px; line-height: 1.9; margin: 0 0 20px; }
.dl-form__body { flex: 1 1 440px; min-width: 0; }