/* メルティア 顧客情報提出システム 専用CSS（intake系3ページ限定enqueue・専用クラススコープ）
   ブランド: メルティア赤 #EB2A2A / 淡ピンク入力 #FFEBEE（既存お問い合わせと統一）
   SWELLのデフォルト見出し装飾（h2のborder-left赤バー / h3の点線）は本スコープ内で打ち消す */

:root{
  --mt-red:#EB2A2A;
  --mt-red-dark:#c81f1f;
  --mt-pink:#FFEBEE;
  --mt-pink-soft:#FFF5F7;
}

/* ページ共通 */
.meltia-intake-page{max-width:760px;margin:0 auto;}

/* ページタイトル（SWELLのh2赤バーを打ち消して中央＋赤アンダーラインに）*/
.meltia-intake-page .mip-title{
  border:none !important;
  padding:0 0 .5em !important;
  margin:1.2em 0 .8em !important;
  text-align:center;
  font-size:1.6em;
  color:#333;
  position:relative;
  background:none !important;
}
.meltia-intake-page .mip-title::before{display:none !important;}
.meltia-intake-page .mip-title::after{
  content:"";
  display:block;
  width:56px;height:3px;
  background:var(--mt-red);
  border-radius:2px;
  margin:.55em auto 0;
}
.mip-desc{line-height:1.9;margin-bottom:1.6em;text-align:center;color:#555;}
.mip-back a{font-size:.9em;color:#999;text-decoration:none;}
.mip-back a:hover{text-decoration:underline;color:var(--mt-red);}
.mip-back--bottom{margin-top:2.2em;text-align:center;}

/* ハブ カード */
.mih-cards{display:flex;gap:20px;flex-wrap:wrap;margin:1.8em 0;}
/* ①②③はPCで横並び3カラム（モバイルは縦積み） */
@media (min-width:781px){
  .meltia-intake-hub .mih-cards{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;}
  .meltia-intake-hub .mih-card{display:flex;flex-direction:column;}
  .meltia-intake-hub .mih-card__btn{margin-top:auto;}
}
.mih-card{flex:1 1 300px;border:1px solid #f3d3d6;border-radius:14px;padding:26px 24px;background:var(--mt-pink-soft);position:relative;}
.mih-card__num{position:absolute;top:-15px;left:22px;width:32px;height:32px;border-radius:50%;background:var(--mt-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;box-shadow:0 2px 6px rgba(235,42,42,.3);}
.meltia-intake-page .mih-card__title{
  border:none !important;
  border-bottom:2px solid var(--mt-pink) !important;
  padding:0 0 .5em !important;
  margin:.5em 0 .7em !important;
  font-size:1.15em;color:#333;background:none !important;
}
.meltia-intake-page .mih-card__title::before,
.meltia-intake-page .mih-card__title::after{display:none !important;}
.mih-card__text{font-size:.9em;line-height:1.85;color:#666;min-height:6.5em;}
.mih-card__btn{margin:0;}
.mih-btn{display:block;text-align:center;white-space:nowrap;background:var(--mt-red);color:#fff !important;padding:15px 10px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:.95em;transition:background .2s,transform .1s;box-shadow:0 3px 10px rgba(235,42,42,.25);}
.mih-btn:hover{background:var(--mt-red-dark);transform:translateY(-1px);}
.mih-note{font-size:.85em;color:#999;margin-top:1.8em;text-align:center;}

/* フォーム共通 */
.meltia-intake .mi-lead{line-height:1.9;background:var(--mt-pink-soft);border:1px solid #f6dde0;border-radius:10px;padding:16px 18px;margin-bottom:1.8em;color:#444;}
.meltia-intake .mi-field{margin:0 0 1.4em;padding:0 0 1.2em;border-bottom:1px dashed #f0e0e2;}
.meltia-intake .mi-field>label{display:block;font-weight:bold;margin-bottom:.5em;color:#333;}

/* セクション見出し（既存お問い合わせの「赤い全幅バー」に寄せる・SWELL装飾を打ち消し）*/
.meltia-intake .mi-sec{
  border:none !important;
  background:var(--mt-red) !important;
  color:#fff !important;
  font-size:1.12em;
  font-weight:bold;
  padding:.65em 1em !important;
  border-radius:7px;
  margin:2em 0 1.1em !important;
  box-shadow:0 2px 8px rgba(235,42,42,.2);
}
.meltia-intake .mi-sec::before,
.meltia-intake .mi-sec::after{display:none !important;}

.meltia-intake .mi-hint{display:block;font-size:.82em;color:#999;margin:.2em 0 .5em;}
.meltia-intake .mi-badge{display:inline-block;font-size:.7em;background:var(--mt-red);color:#fff;border-radius:4px;padding:2px 8px;margin-left:8px;vertical-align:middle;font-weight:bold;}
.meltia-intake .mi-badge--opt{background:#b9b9b9;}

/* 入力欄（淡ピンク・既存お問い合わせと統一）*/
.meltia-intake input[type=text],
.meltia-intake input[type=email],
.meltia-intake input[type=tel],
.meltia-intake input[type=number],
.meltia-intake input[type=date],
.meltia-intake textarea,
.meltia-intake select{
  max-width:100%;
  background:var(--mt-pink);
  border:1px solid #f0c4c8;
  border-radius:5px;
  padding:9px 12px;
}
.meltia-intake input:focus,
.meltia-intake textarea:focus,
.meltia-intake select:focus{outline:2px solid rgba(235,42,42,.35);outline-offset:1px;}
.meltia-intake textarea{min-height:7em;width:100%;}
.meltia-intake .wpcf7-list-item{display:inline-block;margin:.2em 1.1em .2em 0;}
.meltia-intake .wpcf7-list-item.first{margin-left:0;}
.meltia-intake input[type=file]{display:block;margin:.25em 0;background:none;border:none;padding:0;}

/* 送信ボタン */
.meltia-intake .mi-submit{margin-top:2em;text-align:center;}
.meltia-intake .mi-submit input{background:var(--mt-red);color:#fff;border:none;padding:15px 48px;border-radius:8px;font-size:1.05em;font-weight:bold;cursor:pointer;transition:background .2s;box-shadow:0 3px 10px rgba(235,42,42,.25);}
.meltia-intake .mi-submit input:hover{background:var(--mt-red-dark);}

/* 条件分岐は初期非表示（チラ見え防止／JSが条件成立時に block 表示）*/
.meltia-intake .mi-cond{display:none;}

/* 容量メーター */
.mi-capacity{margin:1.4em 0;padding:14px 16px;border:1px solid #f3d3d6;border-radius:10px;background:#fff;}
.mi-capacity__label{font-size:.85em;color:#777;margin-right:6px;}
.mi-capacity__now{font-weight:bold;font-size:1.2em;color:#333;}
.mi-capacity__bar{height:8px;background:#f1e3e4;border-radius:4px;overflow:hidden;margin:.5em 0;}
.mi-capacity__fill{height:100%;width:0;background:#5cb85c;transition:width .25s;}
.mi-capacity.is-warn .mi-capacity__fill{background:#f0ad4e;}
.mi-capacity.is-over .mi-capacity__fill{background:var(--mt-red);}
.mi-capacity__warn{font-size:.85em;color:var(--mt-red);margin:.3em 0 0;line-height:1.6;}

/* PC: 右下フロート常時表示 */
@media (min-width:769px){
  .meltia-intake--docs .mi-capacity{position:fixed;right:20px;bottom:20px;width:280px;z-index:9999;box-shadow:0 4px 18px rgba(0,0,0,.15);background:#fff;}
}
/* SP: 下部固定バー */
@media (max-width:768px){
  .meltia-intake--docs .mi-capacity{position:fixed;left:0;right:0;bottom:0;border-radius:0;z-index:9999;box-shadow:0 -2px 12px rgba(0,0,0,.12);background:#fff;margin:0;}
  .meltia-intake--docs{padding-bottom:130px;}
  .mih-card__text{min-height:0;}
  .mih-cards{gap:28px;}
}

/* 送信成功演出 */
.mi-success{background:#eaf7ea;border:1px solid #5cb85c;color:#2e7d32;padding:16px 20px;border-radius:10px;margin:1em 0;font-weight:bold;animation:miFade .4s ease;}
.mi-success__check{display:inline-block;background:#5cb85c;color:#fff;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;margin-right:8px;}
@keyframes miFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* 電子交付同意ページ */
.mip-desc ul{margin:.6em 0 1em;padding-left:1.3em;}
.mip-desc li{margin:.4em 0;}
.mip-note{background:var(--mt-pink-soft);border:2px solid #f3d3d6;border-radius:14px;padding:18px 22px;margin:1.6em 0;}
.mip-note p{margin:0 0 .7em;font-weight:bold;color:var(--mt-red);}
.mip-note ul{margin:0;padding-left:1.2em;}
.mip-note li{margin:.55em 0;font-size:.95em;line-height:1.75;color:#444;}
.meltia-intake .mi-accept{background:#fff;border:2px solid var(--mt-pink);border-radius:12px;padding:18px 20px;margin:1.6em 0;line-height:1.8;font-size:.95em;color:#333;}
.meltia-intake .mi-accept .wpcf7-list-item{margin:0;display:flex;gap:10px;align-items:flex-start;}
.meltia-intake .mi-accept input[type=checkbox]{margin-top:.25em;width:20px;height:20px;accent-color:var(--mt-red);flex-shrink:0;}

/* 電子交付同意ページ個別調整（2026-06-29 前田社長指示）：説明文は左寄せ・送信ボタン下に余白 */
body.page-denshi-koufu-doui .mip-desc{text-align:left;}
body.page-denshi-koufu-doui .meltia-intake-page{padding-bottom:96px;}