/*! Y!mobile LP stylesheet
 * policy: original order and content kept byte-for-byte
 * layer NN: id comments mark the original <style> blocks
 */
/* ===== layer 10: bu-plan-carousel-css ===== */
/* --- (1) PLAN: S/M/Lタブ＋左右矢印で切り替えるカルーセル --- */
body #plan .cmp3__row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:0!important}
body #plan .cmp3__row .h3{align-self:flex-start!important}
body #plan .cmp3 .tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;max-width:none!important;margin:2px 0 0!important;padding:5px!important;background:var(--ym-soft,#F7F7F8)!important;border-radius:999px!important}
body #plan .cmp3 .tab{-webkit-appearance:none;appearance:none;border:0!important;background:transparent!important;font-family:inherit!important;font-size:15px!important;font-weight:800!important;color:var(--ym-sub,#5F5F66)!important;padding:12px 4px!important;border-radius:999px!important;cursor:pointer!important;line-height:1.2!important;text-align:center!important;transition:background .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
body #plan .cmp3 .tab[aria-selected="true"]{background:var(--ym-red,#FF0033)!important;color:#fff!important;box-shadow:0 4px 12px rgba(255,0,51,.22)!important}
body #plan .cmp3 .tab:focus-visible{outline:2px solid var(--ym-red,#FF0033);outline-offset:2px}

body #plan .pcmp{position:relative!important}
/* sp/ym/a: 実機で横スワイプを妨げないよう、ブラウザ標準のタッチ操作を許可 */
body #plan .pl2{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:0!important;margin:14px 0 0!important;padding:0!important;touch-action:auto}
body #plan .pl2__card{display:flex!important;grid-area:1 / 1 / 2 / 2!important;width:calc(100% - 92px)!important;margin-left:auto!important;margin-right:auto!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease-out!important}
body #plan .pl2__card.is-on{visibility:visible!important;opacity:1!important;pointer-events:auto!important;animation:buPlanIn .2s ease-out!important}
@keyframes buPlanIn{from{transform:translateX(var(--bu-from,6px))}to{transform:none}}

/* 左右矢印（PC/SP共通） */
body #plan .plancar__nav{position:absolute!important;top:0!important;bottom:0!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100%!important;max-width:100%!important;pointer-events:none!important;z-index:6!important}
body #plan .plancar__ar{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:auto!important;-webkit-appearance:none;appearance:none;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#0C2447!important;color:#fff!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(6,20,45,.24)!important;transition:background .15s,opacity .15s,transform .15s;-webkit-tap-highlight-color:transparent}
body #plan .plancar__ar:hover{background:#16386B!important}
body #plan .plancar__ar:active{transform:translateY(-50%) scale(.94)!important}
body #plan .plancar__ar:focus-visible{outline:2px solid var(--ym-red,#FF0033);outline-offset:3px}
body #plan .plancar__ar--prev{left:1px!important}
body #plan .plancar__ar--next{right:1px!important}
body #plan .plancar__ar svg{width:18px!important;height:18px!important;display:block!important}
body #plan .plancar__cue{margin:10px 0 0!important;text-align:center!important;font-size:11.5px!important;line-height:1.6!important;color:#8E8E96!important}
@media(min-width:900px){
  body #plan .cmp3__row{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important}
  body #plan .cmp3__row .h3{align-self:center!important;text-align:center!important}
  body #plan .cmp3 .tabs{width:420px!important;max-width:100%!important;min-width:0!important;margin:0 auto!important}
  body #plan .dband{margin-left:auto!important;margin-right:auto!important}
  body #plan .pl2__card{width:100%!important;max-width:560px!important}
  body #plan .plancar__nav{width:560px!important;max-width:100%!important}
  body #plan .plancar__ar{width:52px!important;height:52px!important}
  body #plan .plancar__ar--prev{left:-74px!important}
  body #plan .plancar__ar--next{right:-74px!important}
  body #plan .plancar__ar svg{width:20px!important;height:20px!important}
  body #plan .plancar__cue{display:none!important}
}
@media(max-width:359px){
  body #plan .plancar__ar{width:38px!important;height:38px!important}
  body #plan .pl2__card{width:calc(100% - 80px)!important}
}


/* --- プラン周りの注釈：●ごとに改行し、不自然な折り返しを解消 --- */
body #plan .notes li.note{max-width:none!important;padding-left:0!important;text-indent:0!important;word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:pretty!important}
body #plan .notes li.note .nt{display:block!important;padding-left:1.1em!important;text-indent:-1.1em!important;margin:0 0 2px!important;word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:pretty!important}
body #plan .notes li.note .nt:last-child{margin-bottom:0!important}
body #plan .notes li.note .nt .nw,body #plan .notes li.note .nt span{text-indent:0!important}
body #plan .notes li.note .nt .nw{white-space:nowrap!important;display:inline!important}
@media(min-width:900px){
  body #plan .notes li.note,body #plan .notes li.note .nt{font-size:12px!important;line-height:1.9!important}
}

/* --- (2) ひとりでも超！おトク割：プランカードより低強度だが、立体感のあるシャープなカード --- */
body #plan .dband{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:15px 16px 14px!important;background:#fff!important;background-image:none!important;border:1px solid #ECECEF!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(18,35,63,.06)!important;color:#0C2447!important;overflow:hidden!important}
body #plan .dband::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:#16386B!important;border-radius:12px 0 0 12px!important;z-index:0!important}
body #plan .dband::after{content:none!important;display:none!important}
body #plan .dband>*{position:relative!important;z-index:1!important}
body #plan .dband .dband__l,body #plan .dband .dband__r{grid-column:1!important;grid-row:auto!important;width:auto!important;max-width:100%!important;min-width:0!important;align-self:start!important;text-align:left!important}
body #plan .dband .dband__badges{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin:0 0 8px!important}
body #plan .dband .dband__badge{display:inline-flex!important;align-items:center!important;padding:4px 10px!important;border:0!important;border-radius:999px!important;background:#F8D849!important;box-shadow:none!important;color:#12233F!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.03em!important;line-height:1!important}
body #plan .dband .dband__badge--out{background:#fff!important;background-image:none!important;border:1px solid #C9D5E6!important;box-shadow:none!important;color:#16386B!important;font-weight:700!important}
body #plan .dband .dband__t{margin:0 0 4px!important;font-size:16.5px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important;color:#0C2447!important}
body #plan .dband .dband__target{margin:0!important;font-size:11.5px!important;line-height:1.6!important;color:#6B7280!important}
body #plan .dband .dband__amt{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-start!important;gap:0 7px!important;margin:11px 0 0!important;padding:12px 14px!important;background:#F7F8FB!important;border:1px solid #ECECEF!important;border-radius:12px!important;box-shadow:none!important;width:auto!important;white-space:nowrap!important}
body #plan .dband .dband__amt .dband__pre{flex:0 0 auto!important;font-size:11px!important;font-weight:700!important;line-height:1.5!important;color:#6B7280!important;white-space:normal!important}
body #plan .dband .dband__amt .dband__num{font-size:25px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.015em!important;color:#16386B!important;text-shadow:none!important}
body #plan .dband .dband__amt .dband__unit{font-size:13px!important;font-weight:800!important;color:#16386B!important}
body #plan .dband .dband__amt .dband__break{flex:0 0 100%!important;width:100%!important;margin:10px 0 0!important;padding-top:10px!important;border-top:1px solid #E7E9EE!important;font-size:11px!important;line-height:1.6!important;color:#6B7280!important;white-space:normal!important;text-align:left!important}
body #plan .dband .dband__break{margin:7px 0 0!important;padding-top:0!important;border-top:0!important;font-size:11px!important;line-height:1.6!important;color:#6B7280!important}
body #plan .dband .dband__cta{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:none!important;min-height:0!important;margin:11px 0 0!important;padding:8px 15px!important;background:#F8D849!important;border:1px solid #E4C23A!important;border-radius:999px!important;box-shadow:none!important;color:#12233F!important;font-size:12.5px!important;font-weight:800!important;text-decoration:none!important;justify-content:center!important;gap:7px!important;transition:box-shadow .15s,transform .15s}
body #plan .dband .dband__cta:hover{background:#FBE58A!important;border-color:#E4C23A!important}
body #plan .dband .dband__cta::after{width:6px!important;height:6px!important;margin-top:-3px!important;border-right-width:1.5px!important;border-bottom-width:1.5px!important}
body #plan .dband{cursor:pointer!important;transition:box-shadow .18s ease,transform .18s ease!important}
body #plan .dband:hover{box-shadow:0 6px 18px rgba(18,35,63,.12)!important;transform:translateY(-1px)!important}
body #plan .dband:focus-visible{outline:2px solid #16386B!important;outline-offset:2px!important}
body #plan .dband .dband__notes{margin:10px 0 0!important;padding-top:9px!important;border-top:1px solid #F0F0F3!important;width:auto!important;max-width:100%!important}
body #plan .dband .dband__notes p{font-size:10.5px!important;line-height:1.65!important;color:#8E96A3!important}
@media(min-width:900px){
  body #plan .dband{grid-template-columns:minmax(0,auto) minmax(0,auto)!important;justify-content:start!important;gap:0 44px!important;align-items:start!important;padding:20px 28px 20px 26px!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important}
  body #plan .dband .dband__l{grid-column:1!important;grid-row:1!important;align-self:start!important;padding-top:2px!important}
  body #plan .dband .dband__r{grid-column:2!important;grid-row:1!important;align-self:start!important;text-align:left!important}
  body #plan .dband .dband__amt{margin:0!important;padding:13px 18px!important}
  body #plan .dband .dband__t{font-size:18px!important}
  body #plan .dband .dband__amt .dband__num{font-size:28px!important}
  body #plan .dband .dband__notes{grid-column:2!important;grid-row:auto!important;margin:12px 0 0!important;padding-top:10px!important}
}
/* ===== BU rev8: イエロー統一・注釈整備・FAQ改行 ===== */
/* (a) LP全体のイエローをキャプチャのソフトイエローに統一 */
:root,html,body{--ym-yellow:#F8D849!important}

/* (b) ※1注釈の上にある薄い罫線を削除 */
html body .pick__notes,html body .pick__card ul.pick__notes{border-top:0!important;padding-top:0!important;margin-top:12px!important}

/* (c) 注釈マークを全て揃える（行頭揃え＋ぶら下がりインデント） */
html body .pick__notes li,html body .pick__card ul.pick__notes li{padding-left:0!important;text-indent:0!important;margin-left:0!important;text-align:left!important}
html body #plan .dband .dband__notes p{padding-left:1.1em!important;text-indent:-1.1em!important;text-align:left!important}
html body #faq .acc__bd p.note,html body .acc__bd p.note{padding-left:1.1em!important;text-indent:-1.1em!important;text-align:left!important}

/* (d) よくある質問：不自然な改行（単語途中切れ・auto-phraseの短い行）を解消 */
html body #faq .acc summary,
html body #faq .acc>details>.acc__bd>p,
html body #faq .acc__bd p,
html body #faq .acc__bd li,
html body #faq .acc__bd p.note{
  word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;
  text-wrap:pretty!important;hyphens:none!important;max-width:none!important;text-align:left!important}
html body #faq .acc__bd p{margin:0 0 10px!important;line-height:1.9!important}
html body #faq .acc__bd p:last-child{margin-bottom:0!important}
html body #faq .acc summary{line-height:1.6!important}


/* ===== BU rev9: イエロー確定・枠線調整・見出し化 ===== */
/* (a) 新トクするサポート図解：枠線をやわらかく */
html body .tsdiag{border:1px solid #D7DBE3!important;border-radius:12px!important;box-shadow:none!important}
html body .tsdiag .tsdiag__col--pay{border-right:1px solid #E3E6EC!important}
/* (b) 対面サポート：リード文を見出しスタイルに（カード/CTAライクな装飾を排除） */
html body .bu-mnulead{display:block!important;margin:26px 0 2px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#12233F!important;text-align:left!important;text-decoration:none!important}
html body .acc__fig--mnu .h3{margin-top:8px!important}

/* ===== BU rev10: 図解トーン・透過・見出し・注釈・プランカードのレイアウト ===== */
/* (a) 新トクするサポート図解：浮かないトーンに */
html body .tsdiag{border:1px solid #E9EBEF!important;border-radius:10px!important;background:#FCFCFD!important;box-shadow:none!important}
html body .tsdiag .tsdiag__col--pay{background:#F5F6F9!important;border-right:1px solid #EDEEF2!important}
html body .tsdiag .tsdiag__col--free{background:#fff!important}

/* (b) 図解イラスト：背景を透過で統一 */
html body .accimg,html body .accimg img,html body .accimg--carry,html body .accimg--carry img{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}

/* (c) 対面サポート：見出しを帯にして文字だけに見えないように */
html body .bu-mnulead{display:block!important;margin:26px 0 10px!important;padding:12px 14px 12px 16px!important;background:linear-gradient(180deg,#FAFBFD 0%,#F2F4F8 100%)!important;border:0!important;border-left:3px solid #FF0033!important;border-radius:8px!important;box-shadow:none!important;color:#12233F!important;font-size:15px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:.01em!important;text-align:left!important;text-decoration:none!important}
@media(min-width:768px){html body .bu-mnulead{font-size:17px!important;padding:14px 16px 14px 18px!important}}
html body .acc__fig--mnu .h3{margin-top:6px!important}

/* (d) 注釈：マークの太字・分断を解消して自然な見え方に */
html body sup,html body .pick__amt sup,html body .pick__d sup,html body .pl2__cond sup,html body .fvp__pr sup{
  display:inline-block!important;font-weight:400!important;font-size:10px!important;line-height:1!important;
  vertical-align:super!important;white-space:nowrap!important;letter-spacing:0!important;margin:0 .1em 0 .12em!important;color:inherit!important}
html body .pick__t,html body .pick__amt,html body .pick__d,html body .pick__notes li,html body .pl2__cond{
  word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:pretty!important;hyphens:none!important;max-width:none!important}
html body .pick__d{font-weight:400!important;line-height:1.85!important}
html body .pick__notes li{font-weight:400!important;line-height:1.8!important}

/* (e) プランカード：SP=全幅スワイプ / PC=3面同時表示 */
html body #plan .plancar__nav{display:none!important}
html body #plan .cmp3 .tabs{display:none!important}
html body #plan .cmp3__row{align-items:flex-start!important}
html body #plan .cmp3__row .h3{align-self:flex-start!important;text-align:left!important}
html body #plan .pl2{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;
  overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
  margin:14px -16px 0!important;padding:2px 16px 12px!important;scrollbar-width:none!important;cursor:auto!important}
html body #plan .pl2::-webkit-scrollbar{height:0!important;display:none!important}
html body #plan .pl2__card{display:flex!important;flex-direction:column!important;grid-area:auto!important;flex:0 0 calc(100% - 40px)!important;width:calc(100% - 40px)!important;max-width:none!important;
  margin:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;animation:none!important;transition:none!important;
  scroll-snap-align:center!important;scroll-snap-stop:always!important}
html body #plan .plancar__cue{display:block!important;margin:6px 0 0!important;text-align:center!important;font-size:11.5px!important;line-height:1.6!important;color:#8E8E96!important}
html body #plan .plandots{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:4px 0 0!important;padding:0!important;list-style:none!important}
html body #plan .plandots__d{-webkit-appearance:none;appearance:none;width:8px!important;height:8px!important;min-width:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;background:#16386B!important;opacity:.22!important;cursor:pointer!important;transition:opacity .15s,transform .15s;-webkit-tap-highlight-color:transparent}
html body #plan .plandots__d[aria-current="true"]{opacity:1!important;transform:scale(1.3)!important}
@media(min-width:768px){
  html body #plan .pl2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;
    margin:16px 0 0!important;padding:0!important;scroll-snap-type:none!important}
  html body #plan .pl2__card{flex:none!important;width:auto!important;max-width:none!important;scroll-snap-align:none!important}
  html body #plan .plandots,html body #plan .plancar__cue{display:none!important}
  html body #plan .dband{margin-left:0!important;margin-right:auto!important}
}
@media(max-width:359px){html body #plan .pl2__card{flex:0 0 calc(100% - 40px)!important;width:calc(100% - 40px)!important}}

/* ===== BU rev11: 初期S表示・SP/PC共通スクロール・見出しキッカー ===== */
/* (a) 対面サポート見出し：キャプチヤ2型の「＼ ／」キッカー（CTAとは見えない） */
html body .bu-mnulead{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  margin:26px 0 10px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#E60033!important;font-size:15px!important;font-weight:800!important;line-height:1.5!important;letter-spacing:.01em!important;text-align:center!important;text-decoration:none!important}
html body .bu-mnulead::before,html body .bu-mnulead::after{content:""!important;display:block!important;flex:0 0 auto!important;width:2px!important;height:1.45em!important;background:#E60033!important;border-radius:2px!important}
html body .bu-mnulead::before{transform:rotate(-22deg)!important}
html body .bu-mnulead::after{transform:rotate(22deg)!important}
@media(min-width:768px){html body .bu-mnulead{font-size:17px!important;margin-top:30px!important}}

/* (b) カード内の使い方ボックスをS/M/L共通で中央揃え */
html body #plan .pl2__use,html body #plan .pl2__use b,html body #plan .pl2__use span,html body #plan .pl2__use .pl2__tel{text-align:center!important}
html body #plan .pl2__use b{display:block!important}

/* (c) SP・PC共通：矢印なしの横スクロール（スナップはstart＝左揃え） */
html body #plan .pl2__card{scroll-snap-align:start!important}
html body #plan .pl2{scroll-padding-left:16px!important}
@media(min-width:768px){
  html body #plan .pl2{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;align-items:stretch!important;
    overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;gap:16px!important;
    margin:16px 0 0!important;padding:2px 0 14px!important;scroll-padding-left:0!important}
  html body #plan .pl2__card{flex:0 0 520px!important;width:520px!important;max-width:520px!important;scroll-snap-align:start!important}
  html body #plan .pl2::after{content:""!important;display:block!important;flex:0 0 calc(100% - 536px)!important;min-width:0!important;height:1px!important}
  html body #plan .plandots{display:flex!important;justify-content:flex-start!important;margin:2px 0 0!important}
  html body #plan .plancar__cue{display:block!important;text-align:left!important;margin:6px 0 0!important}
}

/* ===== BU rev12: 端末CTAを中央1本に・SIM詳細リンク ===== */
html body .ctas--solo{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;justify-content:center!important;
  gap:12px!important;max-width:none!important;margin:22px auto 0!important}
html body .ctas--solo .btn{width:100%!important;max-width:420px!important;margin:0 auto!important}
@media(min-width:768px){html body .ctas--solo .btn{max-width:460px!important}}
html body .pick__card a.tlink{display:inline-block!important;margin-top:14px!important}

/* ===== BU rev13 ===== */
/* (a) 「シンプル3（スマートフォン/SIM）」を見出しとして強調 */
html body #plan .cmp3__row .h3{display:block!important;position:relative!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  margin:8px 0 2px!important;padding:0 0 0 13px!important;
  font-size:20px!important;font-weight:800!important;line-height:1.4!important;color:#12233F!important;letter-spacing:.01em!important;text-align:left!important}
html body #plan .cmp3__row .h3::before{content:""!important;position:absolute!important;left:0!important;top:.16em!important;bottom:.16em!important;
  width:4px!important;border-radius:2px!important;background:#FF0033!important}
@media(min-width:768px){html body #plan .cmp3__row .h3{font-size:24px!important;margin-top:12px!important}}

/* (b) S/M/L チップ（全部同じ配色、現在位置は下線と太さで表現） */
html body #plan .plandots{display:flex!important;justify-content:center!important;align-items:stretch!important;gap:8px!important;margin:12px 0 0!important}
html body #plan .plandots__d{-webkit-appearance:none;appearance:none;width:auto!important;height:auto!important;
  min-width:56px!important;padding:7px 12px 6px!important;border:1px solid #C9CFDA!important;border-bottom:3px solid #C9CFDA!important;border-radius:6px!important;
  background:#fff!important;color:#16386B!important;opacity:1!important;transform:none!important;
  font-size:13px!important;font-weight:800!important;line-height:1!important;letter-spacing:.04em!important;cursor:pointer!important;
  transition:border-color .18s ease,color .18s ease!important}
html body #plan .plandots__d[aria-current="true"]{opacity:1!important;transform:none!important;
  border-color:#C9CFDA!important;border-bottom-color:#16386B!important;color:#12233F!important;font-weight:800!important;background:#F4F6FA!important}
@media(min-width:768px){
  html body #plan .plandots{justify-content:flex-start!important;margin:12px 0 0!important}
  html body #plan .plandots__d{min-width:64px!important;font-size:14px!important;padding:8px 14px 7px!important}
}

/* (c) 対面サポート見出し：左揃え・スラッシュ廃止・下線アクセント */
html body .bu-mnulead{display:block!important;width:auto!important;
  margin:26px 0 12px!important;padding:0 0 8px!important;
  background:none!important;border:0!important;border-bottom:2px solid #EDEFF3!important;border-radius:0!important;box-shadow:none!important;
  color:#12233F!important;font-size:16px!important;font-weight:800!important;line-height:1.55!important;text-align:left!important;
  position:relative!important}
html body .bu-mnulead::before{content:""!important;display:block!important;position:absolute!important;left:0!important;bottom:-2px!important;
  width:64px!important;height:2px!important;background:#FF0033!important;transform:none!important;border-radius:0!important}
html body .bu-mnulead::after{content:none!important;display:none!important}
@media(min-width:768px){html body .bu-mnulead{font-size:18px!important;margin-top:30px!important}}

/* (d) あなたの割引をチェック：改行を自然に */
html body .disc .disc__nm,html body .disc .disc__cd,html body .disc .disc__vl,
html body .disc .simhd__t,html body .disc .simhd__k,
html body .disc .dsc2__on,html body .disc .dsc2__od,html body .disc .dsc2__ov,html body .disc .dsc2__subt{
  word-break:normal!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:pretty!important;hyphens:none!important;max-width:none!important}
html body .disc .disc__cd{line-height:1.75!important}
html body .disc .disc__nm{line-height:1.5!important}
html body .disc .disc__vl{white-space:nowrap!important}
html body .disc .simhd__k{display:block!important;margin-top:4px!important;line-height:1.6!important}
html body .disc .dsc2__od{line-height:1.7!important}

/* ===== BU rev14: 見出しをページ標準の .h3 に統一 ===== */
html body #plan .cmp3__row{margin-bottom:10px!important}
html body #plan .cmp3__row .h3{display:block!important;position:static!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  margin:0!important;padding:0!important;color:#12233F!important;
  font-size:16px!important;font-weight:800!important;line-height:1.45!important;letter-spacing:0!important;
  white-space:normal!important;text-align:left!important;word-break:auto-phrase!important;text-wrap:pretty!important}
html body #plan .cmp3__row .h3::before,html body #plan .cmp3__row .h3::after{content:none!important;display:none!important}
@media(min-width:768px){html body #plan .cmp3__row .h3{font-size:20px!important}}

html body .bu-mnulead{display:block!important;position:static!important;width:auto!important;
  margin:22px 0 6px!important;padding:0!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#12233F!important;font-size:16px!important;font-weight:800!important;line-height:1.45!important;
  letter-spacing:0!important;text-align:left!important;word-break:auto-phrase!important;text-wrap:pretty!important}
html body .bu-mnulead::before,html body .bu-mnulead::after{content:none!important;display:none!important}
@media(min-width:768px){html body .bu-mnulead{font-size:20px!important;margin-top:26px!important}}

/* ===== BU rev14: 割引チェッカーの改行 ===== */
html body .disc .disc__cd,html body .disc .disc__nm,html body .disc .disc__vl,
html body .disc .dsc2__on,html body .disc .dsc2__od,html body .disc .dsc2__subt,
html body .disc .simhd__t,html body .disc .simhd__k{
  word-break:auto-phrase!important;overflow-wrap:normal!important;line-break:strict!important;text-wrap:pretty!important;hyphens:none!important;max-width:none!important}
html body .disc .dcd-l{display:block!important}
html body .disc .dcd-l+.dcd-l{margin-top:3px!important}
html body .disc .disc__cd .nw,html body .disc .disc__cd .qa-nw{white-space:nowrap!important}
html body .disc .disc__cd{line-height:1.7!important}

/* ===== BU rev15: ガイド文を既存 .swipehint に統一、S/M/Lチップは廃止 ===== */
html body #plan .plandots{display:none!important}
html body #plan .plancar__cue{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  margin:10px 0 2px!important;padding:0!important;
  font-size:11px!important;font-weight:700!important;color:var(--ym-sub,#6B7280)!important;text-align:center!important;line-height:1.5!important}
@media(min-width:768px){html body #plan .plancar__cue{display:flex!important;font-size:12px!important;margin:12px 0 2px!important}}

/* ===== BU rev16: ＋5％バッジのオレンジを廃止し、ページ既存のネイビーに統一 ===== */
html body .pc2--org{border-color:#D9DEE8!important}
html body .pc2--org .pc2__n{background:var(--ym-navy,#12233F)!important}

/* ===== BU rev17 ===== */
/* (1) ガイド文を端末セクションの .swipehint と完全同デザイン（ピル型・左寄せ・赤矢印）に */
html body #plan .plancar__cue{display:inline-flex!important;width:auto!important;max-width:100%!important;align-self:flex-start!important;
  align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  margin:14px 0 10px!important;padding:6px 12px 6px 10px!important;
  border:1px solid var(--ym-line,#E4E4E4)!important;border-radius:999px!important;background:var(--ym-soft,#F7F7F8)!important;
  color:var(--ym-sub,#5F5F66)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;
  letter-spacing:.01em!important;text-align:left!important}
html body #plan .plancar__cue::before{content:none!important}
html body #plan .plancar__cue::after{content:"→"!important;font-size:12px!important;font-weight:800!important;color:var(--ym-red,#FF0033)!important;line-height:1!important}
@media(min-width:900px){html body #plan .plancar__cue{display:inline-flex!important;font-size:12px!important;margin:14px 0 10px!important}}

/* (2) 「こんなお悩み」と「店頭サポートメニュー」の見せ方を分ける */
/* お悩み：ネイビー淡のベタ塗り（相談前の声） */
html body #features .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain){background:#F2F5FA!important;border:0!important}
/* メニュー：白カード＋タグ（一覧として読ませる） */
html body #features .qlist--mnu{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
html body #features .qlist--mnu li{list-style:none!important;position:static!important;padding:8px 13px!important;
  border:1px solid #E4E7EE!important;border-radius:999px!important;background:#F9FAFC!important;
  font-size:13px!important;font-weight:700!important;line-height:1.2!important;color:#12233F!important}
html body #features .qlist--mnu li::before{content:none!important;display:none!important}
@media(min-width:900px){html body #features .qlist--mnu li{font-size:13.5px!important;padding:9px 15px!important}}

/* ===== BU rev18 ===== */
/* (1) 見出し→ガイド→カードの余白を揃える（10px / 12px） */
html body #plan .cmp3__row{margin-bottom:0!important}
html body #plan .plancar__cue{display:flex!important;width:-moz-fit-content!important;width:fit-content!important;margin:10px 0 0!important}
@media(min-width:900px){html body #plan .plancar__cue{display:flex!important;width:fit-content!important;margin:-8px 0 0!important}}
html body #plan .pl2{margin-top:12px!important}

/* (2) 店頭サポートメニュー：タグをやめ、既存 .simhd と同じ「ネイビー見出し帯＋白地」のカードに */
html body #features .acc__bd .acc__fig--mnu,html body #network .acc__bd .acc__fig--mnu{
  background:#fff!important;border:1px solid #D9DEE8!important;border-radius:12px!important;
  padding:0!important;margin-top:10px!important;overflow:hidden!important}
html body #features .acc__bd .acc__fig--mnu>.h3:first-child,html body #network .acc__bd .acc__fig--mnu>.h3:first-child{
  display:block!important;margin:0!important;padding:11px 14px!important;
  background:var(--ym-navy,#12233F)!important;color:#fff!important;
  font-size:14px!important;font-weight:800!important;line-height:1.4!important;border-radius:0!important;text-align:left!important}
html body #features .qlist--mnu,html body #network .qlist--mnu{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:14px!important}
html body #features .qlist--mnu li,html body #network .qlist--mnu li{
  list-style:none!important;position:relative!important;
  padding:0 0 0 15px!important;border:0!important;border-radius:0!important;background:none!important;
  font-size:14px!important;font-weight:700!important;line-height:1.6!important;color:#12233F!important}
html body #features .qlist--mnu li::before,html body #network .qlist--mnu li::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;top:.62em!important;
  width:6px!important;height:6px!important;border-radius:50%!important;background:var(--ym-navy,#12233F)!important}
@media(min-width:900px){
  html body #features .qlist--mnu,html body #network .qlist--mnu{grid-template-columns:1fr 1fr!important;column-gap:22px!important;padding:16px 18px!important}
  html body #features .acc__bd .acc__fig--mnu>.h3:first-child,html body #network .acc__bd .acc__fig--mnu>.h3:first-child{padding:12px 18px!important;font-size:15px!important}
}

/* ===== BU rev19 ===== */
/* (1) 「こんなお悩みご相談ください」の箱を枠線＋見出し強調で目立たせる */
html body #features .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain),
html body #network .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain){
  background:#F2F5FA!important;border:1px solid #C3D0E4!important;border-radius:12px!important;padding:15px 14px!important}
html body #features .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain)>.h3:first-child,
html body #network .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain)>.h3:first-child{
  color:#12233F!important}
@media(min-width:900px){
  html body #features .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain),
  html body #network .acc__bd .acc__fig:not(.acc__fig--mnu):not(.acc__fig--plain){padding:17px 18px!important}
}

/* (2) 「近くの店舗を探す」CTAを箱の中央に */
html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{
  display:grid!important;width:100%!important;justify-items:center!important;justify-content:center!important;grid-template-columns:1fr!important;margin-left:auto!important;margin-right:auto!important}
html body #features .acc__bd .ctas>.btn,html body #network .acc__bd .ctas>.btn{margin-left:auto!important;margin-right:auto!important}
html body .route>.btn--store{margin-left:auto!important;margin-right:auto!important}

/* (3) 店舗アイコンの見え方を整える */
html body .btn--store .btn__ico{stroke-width:1.9!important}
html body .route__tag .tag__ico{stroke-width:2!important}

/* ===== BU rev20: 対面サポートブロック全体の行間・余白を統一 ===== */
/* 見出し系：1.45 / 本文・リスト・注釈：1.7 に揃える */
html body #features .acc__bd p.balance,html body #network .acc__bd p.balance{
  line-height:1.7!important;margin:0!important}
html body #features .acc__bd p.balance+p.balance,html body #network .acc__bd p.balance+p.balance{margin-top:10px!important}
html body #features .acc__bd .acc__fig>.h3,html body #network .acc__bd .acc__fig>.h3{line-height:1.45!important;margin:0 0 8px!important}
html body #features .acc__bd .acc__fig .qlist,html body #network .acc__bd .acc__fig .qlist{margin-top:0!important;gap:6px!important}
html body #features .acc__bd .acc__fig .qlist li,html body #network .acc__bd .acc__fig .qlist li{line-height:1.7!important}
html body #features .acc__bd .qlist--mnu li,html body #network .acc__bd .qlist--mnu li{line-height:1.7!important}
html body #features .acc__bd p.note,html body #network .acc__bd p.note{line-height:1.7!important;margin-top:8px!important}
html body #features .acc__bd .bu-mnulead,html body #network .acc__bd .bu-mnulead{line-height:1.45!important;margin:18px 0 8px!important}
html body #features .acc__bd .acc__fig,html body #network .acc__bd .acc__fig{margin-top:12px!important}
html body #features .acc__bd .tlink__w,html body #network .acc__bd .tlink__w{line-height:1.7!important;margin:12px 0 0!important}
html body #features .acc__bd .tlink__w a.tlink,html body #network .acc__bd .tlink__w a.tlink{line-height:1.7!important}
html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{margin-top:16px!important}
html body #features .acc__bd .acc__fig--mnu>.h3:first-child,html body #network .acc__bd .acc__fig--mnu>.h3:first-child{line-height:1.45!important;margin:0!important}

/* ===== BU rev21: CTAボタンの上下余白を均等に ===== */
/* 店舗・オンラインルートカード（.route） */
html body .route,html body #flow .route,html body #flow .route--on{padding-bottom:16px!important}
html body .route>.btn,html body #flow .route .btn,html body #flow .route--on .btn{margin-top:16px!important;margin-bottom:0!important}
/* FEATURES / NETWORK のアコーディオン内CTA */
html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{margin-top:16px!important;margin-bottom:0!important}
html body #features .acc__bd:has(>.ctas),html body #network .acc__bd:has(>.ctas){padding-bottom:16px!important}
@media(min-width:900px){
  html body .route,html body #flow .route,html body #flow .route--on{padding-bottom:20px!important}
  html body .route>.btn,html body #flow .route .btn,html body #flow .route--on .btn{margin-top:20px!important}
  html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{margin-top:20px!important}
  html body #features .acc__bd:has(>.ctas),html body #network .acc__bd:has(>.ctas){padding-bottom:20px!important}
}

/* ===== BU rev22: CTA上下余白の光学補正（行間のリーディング3px分を引く） ===== */
html body .route>.btn,html body #flow .route .btn,html body #flow .route--on .btn{margin-top:13px!important}
html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{margin-top:13px!important}
@media(min-width:900px){
  html body .route>.btn,html body #flow .route .btn,html body #flow .route--on .btn{margin-top:17px!important}
  html body #features .acc__bd .ctas,html body #network .acc__bd .ctas{margin-top:17px!important}
}
/* ===== BU rev22: 超！おトク割バナー内CTAを黄色→ネイビーに（店舗CTAとの混同回避） ===== */
body #plan .dband .dband__cta{background:#fff!important;border:1.5px solid #16386B!important;color:#16386B!important}
body #plan .dband .dband__cta:hover{background:#F2F5FA!important;border-color:#16386B!important}

/* ===== BU rev23: 店舗CTA内の「アイコン＋文字」を光学中央に ===== */
/* ピクセル計測でインク中心がSP+4px / PC+1.5px 右に寄っていたため補正 */
html body .btn--store .btn__ico,html body .btn--store .btn__txt{position:relative!important;left:-4px!important}
@media(min-width:900px){
  html body .btn--store .btn__ico,html body .btn--store .btn__txt{left:-1.5px!important}
}

/* ===== BU rev24: CTA内の文字の上下余白を均等に ===== */
/* ピクセル計測：文字の上19px / 下17px と上が2px広かったのを補正 */
html body .btn .btn__txt{position:relative!important;top:-1px!important}
html body .btn .btn__ico{position:relative!important;top:-0.5px!important}
html body .btn--store .btn__txt{position:relative!important;top:-1px!important;left:-4px!important}
html body .btn--store .btn__ico{position:relative!important;top:-0.5px!important;left:-4px!important}
@media(min-width:900px){
  html body .btn--store .btn__txt{left:-1.5px!important}
  html body .btn--store .btn__ico{left:-1.5px!important}
}