@charset "UTF-8";
/* =========================================================================
   U005 (見積内容入力 / 見積シミュレータ 2025年度以降) スマホ対応（SP 専用）
   -------------------------------------------------------------------------
   ・デスクトップは「見積書プレビュー(data-stamp 580px)＋入力フォーム(calc(100%-630px))」の
     2カラム(1600px推奨)。daku_simulator.css は他シミュレータ(U001/U112等)と共用のため無編集。
   ・SP では 見積書プレビュー・赤帯(1600px推奨)を隠し、フォームを全幅で縦に流す。
   ・全ルールを @media(≤768px) 内・#u005 スコープに閉じるため PC/他ページに無影響。
   ・スキャフォールド(header/section/body font)は common.css の共通SPブロックが担当。
   ========================================================================= */
@media screen and (max-width: 768px) {

  /* 赤帯「1600px推奨」は SP では不要 */
  #u005 [data-fullsize] {
    display: none !important;
  }

  /* 画面見出し「見積内容入力」を 20px→14px */
  body#u005 [data-inner_header] > div > div:nth-of-type(1) h1 {
    font-size: 14px;
  }

  /* main の 2カラムflex・固定高さを解除して縦に流す（main は section>form>main なので個別に解除） */
  #u005 main {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 20px 15px 60px !important;
    box-sizing: border-box;
  }
  /* 見積書プレビュー(data-stamp)は SP 非表示 */
  #u005 main > div[data-stamp] {
    display: none !important;
  }
  /* フォーム側を全幅に */
  #u005 main > div:not([data-stamp]) {
    width: 100% !important;
    min-height: 0 !important;
  }

  /* 入力カード全幅 */
  #u005 [data-card] {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* dl(dt/dd 横並び)を縦積みに */
  #u005 [data-card] dl {
    display: block !important;
    margin-top: 20px;
  }
  #u005 [data-card] dl dt,
  #u005 [data-card] dl dd {
    width: 100% !important;
  }
  #u005 [data-card] dl dt {
    margin-bottom: 8px;
  }

  /* ラジオカード/チェックボックスのグリッド(colTwo/colFour/type/digitalOption)を1列に、要素は全幅 */
  #u005 [data-colTwo],
  #u005 [data-colFour],
  #u005 [data-type],
  #u005 [data-digitalOption] {
    display: block !important;
  }
  #u005 [data-colTwo] > li,
  #u005 [data-colFour] > li,
  #u005 [data-type] > li,
  #u005 [data-digitalOption] > li {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
  }
  #u005 [data-type] > li:first-child {
    margin-right: 0 !important;
  }

  /* 固定幅クラス(w170/w200等)・入力/セレクト/テキストエリアを全幅 */
  #u005 [data-card] input[data-text],
  #u005 [data-card] select[data-select],
  #u005 [data-card] textarea[data-textarea],
  #u005 [data-card] [class*="w1"],
  #u005 [data-card] [class*="w2"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* 全従業員数など単位付き(input + 人)は input を伸ばして単位を右に残す */
  #u005 [data-card] dd[data-unit] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 6px;
  }
  #u005 [data-card] dd[data-unit] input[data-text] {
    -ms-flex: 1;
        flex: 1;
    width: auto !important;
  }
  #u005 [data-card] dd[data-unit] > p {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  /* 見積書宛名(ol: 会社名 + 敬称)を縦積みに */
  #u005 [data-card] dd > ol {
    display: block;
  }
  #u005 [data-card] dd > ol > li {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
  }

  /* 遷移ボタン(data-btns) 縦積み・全幅（DL=上 / 戻る=下） */
  #u005 [data-btns] {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    margin-top: 30px;
  }
  #u005 [data-btns] li {
    width: 100% !important;
    margin: 0 !important;
  }
  #u005 [data-btns] li a {
    width: 100% !important;
    max-width: none !important;
  }
}