/* トップ（v3）で足した分（束2）。元＝endsupp-seo の mockup/lp_v3.html の「v3 で足した分」。
   今のトップの色・形に合わせ、新しい装飾は足さない。lp_bundle.css の後に読む */

/* ファーストビュー：特徴（画像をやめて文字で組む） */
.lpv3-fvf-box{display:flex;flex-direction:column;align-items:stretch;width:fit-content;max-width:100%;margin:1rem auto 0}
.lpv3-fvf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;color:#fff}
.lpv3-fvf li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.65rem 1.5rem;border:1.5px solid rgba(255,255,255,.85);border-radius:6px;background:rgba(255,255,255,.1);line-height:1.3;white-space:nowrap;min-width:13.5rem}
.lpv3-fvf__sub{font-size:.875rem;font-weight:500;letter-spacing:.04em;opacity:.95}
.lpv3-fvf__main{font-size:clamp(1.25rem,1.9vw,1.5rem);font-weight:700;letter-spacing:.04em}
.lpv3-fvf__line{margin:.75rem 0 0;text-align:center;color:#fff;font-weight:500;font-size:clamp(.875rem,1.1vw,1rem);letter-spacing:.04em;line-height:1.6;text-wrap:balance}
@media (max-width:767px){.lpv3-fvf li{padding:.55rem 1rem;min-width:0}.lpv3-fvf__line{font-size:.8125rem;letter-spacing:0}}

/* ファーストビュー：2本の入口 */
.lpv3-fv-btns{align-items:flex-start;gap:1rem 1.5rem}
.lpv3-apo{display:flex;align-items:center;gap:1rem}
@media (max-width:768px){.lpv3-apo{flex-direction:column;gap:.5rem}}
.fv-btns a.fv-btn-apo{background-color:#0f4a8e}
.fv-btns a.fv-btn-apo:hover{background-color:#0b3a70;transform:scale(1.01)}
.fv-btn-apo .fv-btn-text{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.lpv3-apo-note{margin:0;color:#fff;font-size:1rem;line-height:1.5;text-align:left;text-shadow:0 1px 2px rgba(15,74,142,.6)}
.lpv3-apo-note b{font-size:1.15em}

/* お心当たりの注記 */
.lpv3-note{margin:0 auto;padding:0 1rem 1.5rem;max-width:1000px;text-align:center;font-size:.875rem;color:#555;line-height:1.6}

/* 登録サプライヤーの図（suppliers.webp 1183×589）の「関西最大級」を覆い、「140」を「150」に */
.lpv3-sup-img{position:relative}
.lpv3-sup-img img{display:block}
.lpv3-cover{position:absolute;left:69.74%;width:21.72%}
.lpv3-cover.c1{top:4.75%;height:14.6%;background:#fafafc}
.lpv3-cover.c2{top:19.35%;height:1.53%;background:linear-gradient(#fafafc,#edeff3)}
.lpv3-cover.c3{top:20.88%;height:3.4%;background:#fff}
.lpv3-num{position:absolute;left:36%;top:21.5%;width:9.6%;height:14.8%;background:#fff}
.lpv3-num svg{display:block;width:100%;height:100%}
.lpv3-num text{font:600 52px "Noto Sans JP",sans-serif;fill:#2c5aa0}
.lpv3-asof{position:absolute;left:6.762%;top:19.185%;width:9.552%;height:19.185%;border-radius:50%;background:#192d6f}
.lpv3-asof svg{display:block;width:100%;height:100%}
.lpv3-asof text{font-family:"Noto Sans JP",sans-serif;font-weight:700;fill:#fff;text-anchor:middle}
.lpv3-match-img{position:relative;display:block}
.lpv3-match-img img{display:block}
.lpv3-avg{position:absolute;left:65.52%;top:76.64%;width:7.71%;height:4.2%;background:#f1f6ff}
.lpv3-avg svg{display:block;width:100%;height:100%;overflow:visible}
.lpv3-avg text{font-family:"Noto Sans JP",sans-serif;font-weight:700;fill:#03b3f4}

/* 依頼事例：元のめくる形の上に置く種類のタブ */
.lpv3-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 auto 1rem;max-width:1240px}
.lpv3-tab{font-size:1rem;font-weight:500;color:#355ca4;background:#fff;border:2px solid #355ca4;border-radius:50px;padding:.45rem 1.1rem;line-height:1.3;cursor:pointer}
.lpv3-tab[aria-selected="true"]{background:#355ca4;color:#fff}

/* 装置の種類から探す（トップから種類別ページ6本へ） */
.lpv3-types{padding:56px 16px;background:#f3f6fa}
.lpv3-types__h{text-align:center;font-weight:700;font-size:1.6rem;margin:0 0 8px;color:#202020}
.lpv3-types__lead{text-align:center;font-size:1rem;margin:0 0 24px;line-height:1.7}
.lpv3-types__grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lpv3-type{display:block;background:#fff;border:1px solid #c3cfdd;border-radius:6px;padding:18px 20px;text-decoration:none;color:#17202c;line-height:1.6}
.lpv3-type b{display:block;font-size:1.15rem}
.lpv3-type span{font-size:.9rem;color:#2c77cb}
.lpv3-type:hover{border-color:#2c77cb}
@media (max-width:700px){.lpv3-types__grid{grid-template-columns:1fr}}

/* 流れの解説（実際の画面の写真） */
.lpv3-flow{list-style:none;margin:1.5rem 0 2.5rem;padding:0 16px;display:grid;gap:2rem}
.lpv3-flow__step{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;background:#fff;border:1px solid #dbe3ed;border-radius:8px;padding:1.5rem}
.lpv3-flow__text{position:relative;padding-left:3.25rem}
.lpv3-flow__no{position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:#355ca4;color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center}
.lpv3-flow__t{font-size:1.25rem;font-weight:700;color:#355ca4;margin:.35rem 0 .5rem;line-height:1.5}
.lpv3-flow__text p{margin:0;font-size:1rem;line-height:1.8;color:#202020}
.lpv3-flow__text p+p{margin-top:.25rem}
.lpv3-flow__text .lpv3-flow__note{font-size:.875rem;color:#4d5b6b}
.lpv3-flow__fig{margin:0 0 0 3.25rem;display:grid;gap:.75rem;max-width:960px}
.lpv3-flow__fig img{width:100%;height:auto;border:1px solid #c3cfdd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.lpv3-flow__fig--narrow{max-width:420px}
.lpv3-flow__fig--mid{max-width:640px}
.lpv3-flow__fig figcaption{font-size:.875rem;line-height:1.6;color:#4d5b6b}
@media (max-width:767px){.lpv3-flow__step{padding:1rem}.lpv3-flow__fig{margin-left:0}}

/* ストーリー（文字にしたもの） */
.lpv3-episode{display:flex;align-items:stretch;background:#fff;border-radius:24px;overflow:hidden;margin:3rem 1rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.lpv3-episode__text{flex:1;padding:2.5rem 1rem 2.5rem 3rem;font-size:1rem;line-height:1.9;color:#202020}
.lpv3-episode__text p{margin:0 0 1.25rem}
.lpv3-episode__text p:last-child{margin:0}
.lpv3-episode__quote{color:#355ca4;font-weight:700;font-size:1.2rem;line-height:1.7}
.lpv3-episode__img{position:relative;flex:0 0 27%;align-self:flex-end;aspect-ratio:277/511;overflow:hidden}
.lpv3-episode__img img{position:absolute;top:-6.65%;left:-278%;width:399.6%;max-width:none;height:auto}
@media (max-width:767px){.lpv3-episode{flex-direction:column}.lpv3-episode__text{padding:1.5rem}.lpv3-episode__img{display:none}}

/* フッター：運営会社 */

/* 相談の窓：残りの字数・社名の注記 */
.lpv3-count{text-align:right;font-size:.8125rem;color:#555;margin:.25rem 0 0}
.lpv3-count.is-over{color:#c62828;font-weight:500}
.lpv3-field-note{margin:-.25rem 0 .35rem;font-size:.8125rem;color:#555}

/* 文字の最小を16px に（注記だけ14px）。今のクラスに上書き */
.why-free-banner__badge,.why-free-banner__cta{font-size:1rem}
.compare-container .note{font-size:.875rem}
.compare-container .desc{font-size:1rem}
.lp-presentation__placeholder{font-size:1rem}
/* 改行：束2 で足した部分は文節で折り返す（2026-10-11） */
.lpv3-fvf-box,.lpv3-flow,.lpv3-types,.lpv3-tabs,.lpv3-field-note{word-break:auto-phrase;overflow-wrap:break-word}
.lpv3-flow__t,.lpv3-types__h{text-wrap:balance}
.lpv3-flow__text p,.lpv3-flow__fig figcaption,.lpv3-types__lead{text-wrap:pretty}