@charset "UTF-8";
/* ============================================================
   二和電設 簡易見積v2 フロントエンド
   既存の簡易見積（try）のデザイン言語に準拠
   - アクセント：オレンジ #f08200
   - 見出し：M PLUS Rounded 1c
   - 金額強調：波線下線 #fd0000bb
   ============================================================ */

#estimate-v2-container {
  max-width: 720px;
  margin: 0 auto;
}

/* ---------- 質問ステップ ---------- */
.ev2-question-step {
  margin-top: 30px;
}
#estimate-v2-container .ev2-step-label {
  font-size: 1.3rem;
  margin-bottom: 10px;
  text-align: center;
}
#estimate-v2-container .ev2-section {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: center !important;
}
#estimate-v2-container .ev2-section .Q-text {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 12px;
}
#estimate-v2-container .ev2-question-sub {
  font-size: 1.4rem;
  margin-bottom: 20px;
  text-align: center;
}

/* ---------- 選択肢ボタン ---------- */
.ev2-choices {
  margin-top: 20px;
}
/* tryの .btn と同様、縦に余白をとって積む */
#estimate-v2-container .ev2-choice.btn {
  display: inline-block;
  min-width: 200px;
  margin: 8px 6px !important;
  padding: 12px 20px;
  font-size: 1.5rem;
  white-space: normal;
  border-radius: 6px;
}

/* 画像つき選択肢はカード風に
.ev2-choice .ev2-choice-img {
  max-height: 90px;
  margin-bottom: 8px;
}
   */

/* 画像つき選択肢はカード風に：正方形に切り出して揃える
#estimate-v2-container .ev2-choice .ev2-choice-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 8px;
}
   */

/* 画像つき選択肢はカード風に：正方形に切り出して揃える */
#estimate-v2-container .ev2-choice .ev2-choice-img {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 8px;
}

/* スマホではひとまわり小さく */
@media (max-width: 767px) {
  #estimate-v2-container .ev2-choice .ev2-choice-img {
    width: 100px;
    height: 100px;
  }
}


.ev2-choice .ev2-choice-label {
  display: block;
  font-weight: 600;
}
.ev2-choice .ev2-choice-sub {
  display: block;
  font-size: 1.2rem;
  color: #888;
  margin-top: 3px;
}
/* 選択済みボタンは tryのbtn-primary（オレンジ）を踏襲 */
.ev2-choice.ev2-selected .ev2-choice-sub {
  color: #fff3e0;
}

/* ---------- 数値入力 ---------- */
.ev2-number-wrap {
  margin-top: 25px;
  text-align: center;
}
.ev2-number-controls {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
.ev2-minus, .ev2-plus {
  width: 56px;
  height: 56px;
  line-height: 36px;
  font-size: 2.4rem;
  border-radius: 50% !important;
  padding: 8px 0;
}
.ev2-number-display {
  min-width: 110px;
  display: inline-block;
}
.ev2-number-value {
  font-size: 3.2rem;
  font-weight: bold;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #222;
}
.ev2-number-unit {
  font-size: 1.6rem;
  margin-left: 4px;
  color: #555;
}
.ev2-number-next {
  margin-top: 25px;
}

/* ---------- 結果画面 ---------- */
.ev2-result {
  margin-top: 20px;
}
.ev2-result .tryCatch {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #555;
  margin-top: 20px;
  margin-bottom: 10px;
}
/* 合計金額：tryの result_Jishitsu と同じ波線強調 */
.ev2-total-amount {
  font-size: 4rem;
  font-weight: bold;
  color: #222222;
  text-decoration-color: #fd0000bb;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-thickness: 3px;
  text-decoration-skip-ink: none;
  margin: 10px 0 20px;
}

/* 内訳テーブル */
.ev2-breakdown-wrap {
  max-width: 560px;
  margin: 0 auto;
}
.ev2-breakdown {
  font-size: 1.4rem;
}
.ev2-breakdown thead th {
  background-color: #FFFDF2;
  border-bottom: 2px solid #f0c890;
  font-weight: 600;
}
.ev2-breakdown tfoot th {
  border-top: 2px solid #f0c890;
  font-size: 1.6rem;
}
.ev2-total-cell {
  color: #f08200;
  font-weight: bold;
}

/* 注意書き：tryの result_ExplanationText を踏襲 */
.ev2-result .result_ExplanationText {
  font-size: 1.3rem;
  color: #555;
  margin-top: 20px;
  text-align: center;
}

/* CTA */
.ev2-cta-wrap {
  margin-top: 30px;
  margin-bottom: 15px;
}
.ev2-cta.btn {
  padding: 14px 40px;
  font-size: 1.7rem;
  font-weight: 600;
}

/* 関連リンク */
.ev2-related-wrap {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dotted #ccc;
}
.ev2-related li {
  margin: 6px 0;
}
.ev2-related a {
  font-size: 1.4rem;
}

/* ---------- モバイル ---------- */
@media (max-width: 767px) {
  .ev2-choice.btn {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 8px 0;
  }
  .ev2-total-amount {
    font-size: 3rem;
  }
  .ev2-breakdown {
    font-size: 1.2rem;
  }
  .ev2-section {
    padding: 10px 5px;
  }
}