/* InQross TOP v4.8 (v4.7 + レビュー反映: 構成入替・§1こう使える・事例③・事例一覧カード 2026-10-19). Page-only CSS; requires [inqross_top] shortcodes. */
.inq-top{--ink:#173555;--hero:#244761;--deep:#102c43;--blue:#125b86;--teal:#168b9a;--teal-text:#0f7a88;--body:#223747;--mute:#587386;--pale:#eff7fa;--line:#cbdde7;--yellow:#f2cb50;--yellow-h:#ffe187;--wrap:1160px}
.inq-top-shell{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.inq-top-active{overflow-x:clip}
.inq-top-active .post_content > .wp-block-shortcode{margin:0}
.inq-top-active .post_content > .wp-block-shortcode > .inq-top-shell{margin-top:0;margin-bottom:0}
.inq-top, .inq-top *{box-sizing:border-box}
.inq-top{margin:0;font-family:"BIZ UDPGothic","Noto Sans JP",sans-serif;color:var(--ink);background:#fff;line-height:1.75}
.inq-top a{color:inherit}
.inq-top button{font:inherit}
.inq-top img{display:block;max-width:100%}
.inq-top .wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}
.inq-top .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--teal-text);display:block}
.inq-top .section{padding:75px 0}
.inq-top .section h2{font-size:clamp(26px,3vw,39px);line-height:1.32;letter-spacing:-.02em;margin:11px 0 15px}
.inq-top .intro{font-size:15px;color:var(--mute);max-width:850px;margin:0 0 26px}
.inq-top .muted{color:var(--mute)}
.inq-top .tiny{font-size:11px;color:var(--mute);line-height:1.65}
.inq-top .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:8px;background:var(--yellow);color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 12px #17355522}
.inq-top .btn:hover{background:var(--yellow-h)}
.inq-top .btn.white{background:#fff;color:var(--ink);box-shadow:none}
.inq-top .btn.sm{font-size:12px;padding:9px 14px}
.inq-top .plain-link{font-size:13px;color:var(--blue);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.inq-top .plain-link:hover{border-bottom-width:2px;padding-bottom:0}
.inq-top .fit-note a,.inq-top .trial-card small a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.inq-top .fit-note a:hover,.inq-top .trial-card small a:hover{text-decoration-thickness:2px}
.inq-top .hero{position:relative;min-height:622px;isolation:isolate;color:#fff;background:var(--hero)}
.inq-top .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#103450eb 0%,#113b5ed0 38%,#18436e7b 67%,#0b2d4c85 100%),url('images/hero-factory-generated.jpg');background-size:cover;background-position:center;z-index:-1}
.inq-top .hero-top{padding-top:60px}
.inq-top .hero .eyebrow,.inq-top .guide-copy .eyebrow,.inq-top .contact .eyebrow{color:#a7dce8}
.inq-top .hero h1{font-size:clamp(34px,4vw,54px);line-height:1.34;letter-spacing:-.035em;max-width:840px;margin:17px 0 14px;text-wrap:balance}
.inq-top .hero-lead{font-size:16px;max-width:680px;margin:0 0 18px;color:#f0f8ff}
.inq-top .hero-band{background:#fff;color:var(--ink);border-left:5px solid var(--yellow);max-width:680px;padding:12px 16px;margin:0 0 8px;border-radius:3px 9px 9px 3px}
.inq-top .hero-band strong{font-size:18px}
.inq-top .hero-band small{display:block;font-size:11px;line-height:1.7;color:var(--mute)}
.inq-top .hero-actions{display:flex;gap:12px;align-items:center;margin-top:21px}
.inq-top .hero-actions .btn{border:1px solid white}
.inq-top .hero-actions .btn.yellow{border-color:var(--yellow)}
.inq-top .hero-foot{font-size:11px;color:#d7e9f2;margin-top:12px}
.inq-top .flow{margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:35px}
.inq-top .flow-card{position:relative;display:flex;align-items:center;gap:13px;text-decoration:none;background:#fffffff2;color:var(--ink);border:1px solid white;border-radius:13px;min-height:108px;padding:10px 15px;box-shadow:0 13px 25px #112e4966;transition:transform .2s}
.inq-top .flow-card:hover{transform:translateY(-3px)}
.inq-top .flow-card:not(:last-child):after{content:"→";position:absolute;right:-26px;top:40px;color:#fff;font-size:30px;font-weight:700}
.inq-top .flow-card img{width:92px;height:79px;object-fit:cover;border-radius:7px;background:#fff}
.inq-top .flow-card .num{font-size:10px;color:var(--teal-text);font-weight:700;letter-spacing:.12em}
.inq-top .flow-card strong{display:block;font-size:15px}
.inq-top .flow-card small{font-size:11px;line-height:1.45;color:var(--mute);display:block}
.inq-top .sample{background:#f5f9fb}
.inq-top .sample-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);gap:28px;align-items:center}
.inq-top .sample-visual{border-radius:15px;background:white;border:1px solid #dceaf0;padding:13px;box-shadow:0 18px 38px #143c5a13}
.inq-top .zoom{width:100%;padding:0;border:0;background:white;cursor:zoom-in;position:relative}
.inq-top .zoom img{width:100%;height:auto}
.inq-top .sample-reading h3{font-size:19px;margin:0 0 8px}
.inq-top .sample-reading p{font-size:14px;color:var(--body)}
.inq-top .sample-reading .note{font-size:12px;background:#e9f3f7;border-left:3px solid var(--teal);padding:10px;margin:17px 0}
.inq-top .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.inq-top .fit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.inq-top .fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.inq-top .fit-card{background:#f3f8fa;border:1px solid #dcebf1;border-radius:10px;padding:17px 17px 14px}
.inq-top .fit-card h3{font-size:15px;margin:0 0 7px}
.inq-top .fit-card p{font-size:12px;margin:0 0 10px;color:var(--body)}
.inq-top .fit-note{margin:17px 0 0;font-size:12px;color:var(--mute)}
.inq-top .case{background:#eef6f9}
.inq-top .case-grid{display:grid;grid-template-columns:minmax(320px,.88fr) 1.12fr;gap:30px;align-items:center}
.inq-top .case h2{margin-bottom:13px}
.inq-top .case-score{display:flex;gap:17px;align-items:center;margin:14px 0}
.inq-top .case-score strong{font-size:45px;line-height:1;color:var(--teal);white-space:nowrap}
.inq-top .case-score span{font-size:13px}
.inq-top .case-figure{background:#fff;border:1px solid #d8e6ed;border-radius:13px;padding:16px}
.inq-top .case-figure img{width:100%;border-radius:5px}
.inq-top .case-figure figcaption{font-size:11px;color:var(--mute);margin-top:7px}
.inq-top .guide{padding:40px 0}
.inq-top .guide-card{display:grid;grid-template-columns:1fr 1fr;min-height:235px;background:var(--deep);color:#fff;border-radius:16px;overflow:hidden}
.inq-top .guide-copy{padding:26px 29px}
.inq-top .guide-copy h2{font-size:23px;margin:8px 0 9px}
.inq-top .guide-copy p{font-size:13px;color:#d7e5ef;margin:0 0 16px}
.inq-top .cost{background:#f3f8fb}
.inq-top .cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inq-top .cost-card{background:#fff;border:1px solid #d2e5ee;padding:25px;border-radius:13px}
.inq-top .cost-card.primary{border-top:4px solid #d5ad42}
.inq-top .cost-card h3{font-size:20px;margin:5px 0 12px}
.inq-top .cost-card p{font-size:13px;color:var(--mute);margin:0 0 14px}
.inq-top .ie{padding:32px 0;background:#f3f8fb}
.inq-top .ie-panel{border:1px dashed #8dbbc8;background:#e7f4f6;border-radius:10px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px}
.inq-top .ie-panel strong{font-size:18px}
.inq-top .ie-panel p{font-size:12px;margin:4px 0 0;color:var(--mute)}
.inq-top .contact{background:var(--deep);color:#fff;border-bottom:1px solid #729dcc}
.inq-top .contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}
.inq-top .contact h2{font-size:34px}
.inq-top .contact p{color:#d8e7ee;font-size:14px}
.inq-top .contact-list{background:#ffffff16;border:1px solid #ffffff31;border-radius:12px;padding:22px;font-size:13px}
.inq-top .contact-list b{display:block;color:#fff;margin-bottom:9px}
.inq-top .contact-list ul{padding-left:19px;margin:0}
.inq-top .contact-list li{margin:5px 0}
.inq-top dialog{border:0;border-radius:12px;max-width:min(1100px,96vw);padding:17px;box-shadow:0 25px 90px #06172b88}
.inq-top dialog::backdrop{background:#081f3acb}
.inq-top .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;font-weight:700}
.inq-top .dialog-top button{border:0;background:#eef4f7;cursor:pointer;border-radius:5px;padding:4px 10px}
.inq-top dialog img{max-height:75vh;width:auto;margin:10px auto}
.inq-top dialog p{font-size:11px;color:var(--mute)}
@media(max-width:1080px){.inq-top .hero{min-height:auto}
.inq-top .flow-card{gap:7px}
.inq-top .flow-card img{width:70px}}
@media(max-width:800px){.inq-top .wrap{width:min(100% - 30px,var(--wrap))}
.inq-top .hero:before{background-image:linear-gradient(180deg,#103450dc,#164263c2),url('images/hero-factory-generated.jpg');background-position:center}
.inq-top .hero-top{padding-top:39px}
.inq-top .hero h1{font-size:32px;line-height:1.39}
.inq-top .hero-lead{font-size:14px}
.inq-top .hero-band strong{font-size:15px}
.inq-top .hero-actions{flex-wrap:wrap}
.inq-top .hero-actions .btn{width:100%}
.inq-top .flow{grid-template-columns:1fr;gap:10px;margin-top:27px;padding-bottom:30px}
.inq-top .flow-card{min-height:84px}
.inq-top .flow-card:not(:last-child):after{content:none}
.inq-top .flow-card img{width:83px;height:62px}
.inq-top .section{padding:50px 0}
.inq-top .section h2{font-size:26px}
.inq-top .sample-grid,.inq-top .case-grid,.inq-top .guide-card,.inq-top .cost-grid,.inq-top .contact-grid{grid-template-columns:1fr}
.inq-top .sample-reading{order:2}
.inq-top .fit-head{display:block}
.inq-top .fit-grid{grid-template-columns:1fr 1fr}
.inq-top .case-grid{gap:14px}
.inq-top .contact h2{font-size:27px}}
@media(max-width:560px){.inq-top .fit-grid{grid-template-columns:1fr}
.inq-top .fit-card{padding:14px}
.inq-top .hero h1{font-size:29px}
.inq-top .case-score strong{font-size:38px}
.inq-top .ie-panel{display:block}
.inq-top .ie-panel .btn{margin-top:12px}}
.inq-top .section h2{letter-spacing:-.005em}
.inq-top .hero h1{letter-spacing:-.01em}
.inq-top .hero-top{padding-top:48px}
.inq-top .hero-lead{max-width:940px;margin-bottom:0}
.inq-top .hero-actions{margin-top:21px}
.inq-top .hero-band{display:inline-block;max-width:none;margin:20px 0 0;border-left:0;padding:8px 15px;border-radius:8px}
.inq-top .hero-band strong{font-size:15px}
.inq-top .hero-band:before{content:"●";color:var(--yellow);margin-right:9px}
.inq-top .hero-foot{max-width:1100px;line-height:1.65;margin-top:8px}
.inq-top .flow{margin-top:34px}
.inq-top .flow-card:not(:last-child):after{top:50%;transform:translateY(-50%)}
.inq-top .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--mute);box-shadow:none}
.inq-top .btn.ghost:hover{background:var(--pale)}
.inq-top .hero .btn.ghost,.inq-top .contact .btn.ghost{color:#fff;border:1px solid #d0e0eb}
.inq-top .hero .btn.ghost:hover,.inq-top .contact .btn.ghost:hover{background:#ffffff20}
.inq-top .btn.white:hover{background:var(--pale)}
.inq-top .sample{background:#fff}
.inq-top .sample-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0 0}
.inq-top .sample-caption .tiny{margin:0}
.inq-top .zoom-trigger{background:#fff;border:1px solid #adcede;border-radius:6px;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;padding:6px 11px}
.inq-top .zoom-trigger:hover{background:#f0f8fb}
.inq-top .fit,.inq-top .case,.inq-top .guide{background:#eff7fa}
.inq-top .fit-card{background:#fff}
.inq-top .fit-card p{margin-bottom:0}
.inq-top .fit-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}
.inq-top .fit-note{margin:0;flex:1}
.inq-top .case-score{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:16px 0 24px}
.inq-top .case-score strong{font-size:45px}
.inq-top .case-score span{font-size:15px;font-weight:700}
.inq-top .case-score small{font-size:11px;color:var(--mute)}
.inq-top .guide{padding:24px 0 75px}
.inq-top .cost{background:#fff}
.inq-top .cost-card{background:#f7fbfd}
.inq-top .cost-foot{margin:12px 0 0}
.inq-top .ie-panel{margin-top:25px;background:#f0f9fc}
.inq-top .trial-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #b9d4e0;border-left:5px solid var(--teal);background:#eef8fb;border-radius:12px;padding:22px 25px;margin:6px 0 23px}
.inq-top .trial-card>div{max-width:760px}
.inq-top .trial-card h3{font-size:21px;line-height:1.4;margin:5px 0 5px}
.inq-top .trial-card p{font-size:13px;margin:0 0 4px;color:var(--body)}
.inq-top .trial-card small{font-size:11px;color:var(--mute)}
.inq-top .trial-card .btn{white-space:nowrap;flex:none}
@media(max-width:800px){.inq-top .hero-top{padding-top:37px}
.inq-top .hero-band{display:block}
.inq-top .hero-band strong{font-size:13px}
.inq-top .hero-foot{font-size:10px}
.inq-top .hero-actions{gap:9px}
.inq-top .flow{margin-top:25px}
.inq-top .fit-bottom{flex-direction:column;align-items:flex-start}
.inq-top .fit-bottom .btn{width:100%}
.inq-top .sample-caption{flex-wrap:wrap}
.inq-top .sample-caption .tiny{max-width:100%}}
@media(max-width:800px){.inq-top .trial-card{display:block}
.inq-top .trial-card .btn{margin-top:12px}}
@media(max-width:560px){.inq-top .hero-band{line-height:1.6}
.inq-top .trial-card{padding:18px}
.inq-top .trial-card .btn{width:100%;white-space:normal}}
/* News belongs to the fixed page and contains a native SWELL post-list block. */
.inq-top-news{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:48px 0;color:#173555;font-family:"BIZ UDPGothic","Noto Sans JP",sans-serif}
.inq-top-news h2{font-size:clamp(23px,3vw,32px);margin:0 0 18px;letter-spacing:-.005em}
.inq-top-news__more{display:inline-block;margin-top:16px;color:#125b86;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.inq-top-news__more:hover{border-bottom-width:2px;padding-bottom:0}
@media(max-width:800px){.inq-top-news{width:calc(100% - 30px);padding:35px 0}}

/* ===== v4.2 SWELL上書き対策（2026-09-25 Claude）=====
 * 1) 全幅化: .inq-top{margin:0} が .inq-top-shell の margin-left を打ち消していたため、詳細度を上げて再指定
 * 2) 見出し: SWELL の .post_content h2/h3（背景色・白文字・padding・下線）を打ち消す。余白・文字サイズは既存ルールを維持
 */
.post_content > .inq-top-shell.inq-top{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw)}
.post_content .inq-top h2,.post_content .inq-top h3{background:none;padding:0;color:inherit;border:0;border-radius:0;box-shadow:none;position:static}
.post_content .inq-top h2::before,.post_content .inq-top h2::after,.post_content .inq-top h3::before,.post_content .inq-top h3::after{content:none;display:none}
.post_content .inq-top small{opacity:1}
.post_content .inq-top li{line-height:inherit}
.post_content .inq-top button{color:inherit}

/* ===== v4.3 お知らせ（SWELLフルワイド＋投稿リストブロック）をモックv3の .news に合わせる（2026-09-25 Claude）===== */
.inq-top-active .post_content > .swell-block-fullWide{padding:45px 0 !important;margin:0 !important;background-color:#f9fbfc !important}
.inq-top-active .inq-top-news{max-width:1160px;margin:0 auto;font-family:"BIZ UDPGothic","Noto Sans JP",sans-serif;color:#173555;line-height:1.75}
.inq-top-active .inq-top-news > .wp-block-group__inner-container{max-width:none}
.inq-top-active .inq-top-news h2.wp-block-heading{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 10px;color:#173555;font-size:19px;line-height:1.4}
.inq-top-active .inq-top-news h2.wp-block-heading::before{content:"NEWS";display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:#0f7a88;margin:0 0 6px;position:static;background:none;width:auto;height:auto}
.inq-top-active .inq-top-news h2.wp-block-heading::after{content:none;display:none}
.inq-top-active .inq-top-news .p-postListWrap{margin:0}
.inq-top-active .inq-top-news .p-postList.-type-simple{margin:0;padding:0}
.inq-top-active .inq-top-news .p-postList.-type-simple .p-postList__item{margin:0;padding:0;border-bottom:1px solid #dae7ed}
.inq-top-active .inq-top-news .p-postList__link{display:block;padding:10px 0;text-decoration:none;color:#223747}
.inq-top-active .inq-top-news .p-postList__body{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.inq-top-active .inq-top-news .p-postList__meta{margin:0;display:flex;gap:10px;font-size:12px;color:#587386}
.inq-top-active .inq-top-news .p-postList__cat{display:none}
.inq-top-active .inq-top-news .p-postList__times{font-size:12px;color:#587386}
.inq-top-active .inq-top-news .icon-posted::before{display:none}
.inq-top-active .inq-top-news h2.p-postList__title{font-size:13px;font-weight:700;margin:0;padding:0;background:none;border:0;color:#223747;line-height:1.6}
.inq-top-active .inq-top-news .p-postList__link:hover .p-postList__title{text-decoration:underline}
.inq-top-active .inq-top-news .is-style-more_btn{margin:0;text-align:left}
.inq-top-active .inq-top-news .is-style-more_btn .btn_text{display:block;padding:10px 0;font-size:13px;font-weight:700;color:#223747;text-decoration:none;background:none;border:0;border-bottom:1px solid #dae7ed;border-radius:0;box-shadow:none}
.inq-top-active .inq-top-news .is-style-more_btn .btn_text::before,.inq-top-active .inq-top-news .is-style-more_btn .btn_text::after{content:none}
@media(max-width:800px){.inq-top-active .post_content > .swell-block-fullWide{padding:36px 0 !important}.inq-top-active .inq-top-news{padding:0 0}}

/* ===== v4.6 選び方ガイド＋専門家の解説の2枚組／IEチャートカード公開版（2026-10-15 Claude・MC-371/MC-359）===== */
.inq-top .guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inq-top .guide-grid .guide-copy{padding:24px 24px}
.inq-top .guide-grid .guide-copy h2{font-size:20px}
.inq-top .ie-panel .btn{white-space:nowrap;flex:none}
@media(max-width:800px){.inq-top .guide-grid{grid-template-columns:1fr;gap:12px}}

/* ===== v4.7 画像追加（2026-10-15 Claude）：ガイド／専門家カードを縦型に、04に製品写真、IEチャートに画面 ===== */
.inq-top .guide-card--v{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}
.inq-top .guide-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1f31}
.inq-top .guide-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.inq-top .guide-card:hover .guide-media img{transform:scale(1.03)}
.inq-top .guide-badge{position:absolute;left:12px;bottom:12px;background:#000000b3;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.04em}
.inq-top .trial-photos{display:grid;grid-template-columns:repeat(3,76px);gap:6px;flex:none}
.inq-top .trial-photos img{width:76px;height:76px;object-fit:cover;border-radius:8px;border:1px solid #d2e5ee;background:#fff}
.inq-top .cost-card__img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin:0 0 16px;background:#fff;border:1px solid #d2e5ee}
.inq-top .cost-card__img--contain{object-fit:contain;padding:6px}
.inq-top .ie-shot{flex:none;width:260px;text-decoration:none;color:inherit}
.inq-top .ie-shot img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #adcede;background:#fff}
.inq-top .ie-shot small{display:block;font-size:10px;color:var(--mute);margin-top:4px;text-align:center}
@media(max-width:800px){.inq-top .trial-card{display:grid;grid-template-columns:1fr;gap:12px}
.inq-top .trial-photos{grid-template-columns:repeat(3,64px)}
.inq-top .trial-photos img{width:64px;height:64px}
.inq-top .trial-card .btn{margin-top:0}}
@media(max-width:560px){.inq-top .ie-shot{width:100%;margin:0 0 12px}}

/* ===== v4.8 レビュー反映（2026-10-19 Claude）：§1チェックリスト・「こう使える」・事例一覧カード ===== */
.inq-top .check-list{list-style:none;margin:0 0 20px;padding:0}
.inq-top .check-list li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid #dceaf0;font-size:15px;color:var(--body)}
.inq-top .check-list li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:3px solid var(--teal);border-bottom:3px solid var(--teal);transform:rotate(-45deg)}
.inq-top .check-list b{color:var(--ink)}
.inq-top .use-block{margin-top:56px;padding-top:44px;border-top:1px solid #d5e6ee}
.inq-top .section h2.use-title{font-size:clamp(22px,2.4vw,30px);margin:0 0 20px}
.inq-top .use-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inq-top .use-card{background:#fff;border:1px solid #dceaf0;border-radius:12px;padding:20px 22px}
.inq-top .use-card h3{font-size:17px;line-height:1.45;margin:6px 0 8px}
.inq-top .use-card p{font-size:13px;margin:0;color:var(--body)}
.inq-top .guide-card--cases .guide-copy{display:flex;flex-direction:column;align-items:flex-start}
.inq-top .case-mini{list-style:none;margin:0 0 18px;padding:0;width:100%}
.inq-top .case-mini li+li{border-top:1px solid #ffffff26}
.inq-top .case-mini a{display:flex;gap:12px;align-items:center;padding:9px 0;text-decoration:none;color:#fff;font-size:13px;line-height:1.5}
.inq-top .case-mini a:hover span{text-decoration:underline;text-underline-offset:3px}
.inq-top .case-mini img{width:88px;height:50px;flex:none;object-fit:cover;border-radius:5px;background:#0b1f31}
.inq-top .guide-card--cases .btn{margin-top:auto}
@media(max-width:800px){.inq-top .use-grid{grid-template-columns:1fr;gap:12px}
.inq-top .use-block{margin-top:40px;padding-top:32px}}

/* ===== v4.9（2026-10-20 Claude）：h1内のキッカー（アイブロウ）・FVのトライアル案内 ===== */
.inq-top .hero h1.has-kicker{margin-top:0}
.inq-top .hero h1 .eyebrow{display:block;margin:0 0 17px;font-size:12px;line-height:1.75;letter-spacing:.14em;font-weight:700;text-wrap:wrap}
.inq-top .hero-trial{margin:12px 0 0;font-size:14px}
.inq-top .hero-trial a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.inq-top .hero-trial a:hover{color:var(--yellow)}
.inq-top .trial-card small{display:block;margin-top:4px}
@media(max-width:560px){.inq-top .hero-trial{font-size:13px}}
/* 2026-10-22：お知らせとフッターの間の余白（SWELL の .l-content 下マージン 96px）を新TOPだけ消す */
#body_wrap.inq-top-active #content.l-content{margin-bottom:0}