/* Nexus Engineering LP 1.4.0 — 写真とHTMLを完全に分離したレイアウト */
body.okkensho-page { margin:0; padding:0; background:#fff; }
.okkensho {
--okkensho-blue:#145bcc; --okkensho-navy:#123d78; --okkensho-ink:#173558;
--okkensho-muted:#526b87; --okkensho-line:#dfebf6; --okkensho-soft:#f2f8fd;
--okkensho-green:#06783f; --okkensho-header-offset:126px;
--okkensho-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
color:var(--okkensho-ink); background:#fff; font-family:var(--okkensho-font);
font-size:16px; font-weight:400; line-height:1.85; letter-spacing:.015em;
text-align:left; width:100%; max-width:none; margin:0; padding:0;
-webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.okkensho *, .okkensho *::before, .okkensho *::after { box-sizing:border-box; }
.okkensho [hidden] { display:none !important; }
.okkensho h1, .okkensho h2, .okkensho h3, .okkensho h4 {
font-family:var(--okkensho-font); color:var(--okkensho-navy); font-weight:700; line-height:1.5;
margin:0; padding:0; border:0; background:none; box-shadow:none;
letter-spacing:.025em; text-decoration:none; text-transform:none; clear:none;
}
.okkensho h1::before, .okkensho h1::after, .okkensho h2::before, .okkensho h2::after, .okkensho h3::before, .okkensho h3::after { content:none; }
.okkensho h1 { font-size:38px; }
.okkensho h2 { font-size:30px; }
.okkensho h3 { font-size:18px; }
.okkensho p, .okkensho figure, .okkensho dl, .okkensho dd { margin:0; padding:0; }
.okkensho p { overflow-wrap:anywhere; word-break:normal; }
.okkensho img { display:block; max-width:100%; border:0; box-shadow:none; }
.okkensho a { color:inherit; text-decoration:none; }
.okkensho a:focus-visible, .okkensho button:focus-visible, .okkensho summary:focus-visible, .okkensho input:focus-visible, .okkensho textarea:focus-visible { outline:3px solid #5997eb; outline-offset:4px; }
.okkensho button, .okkensho input, .okkensho textarea { font:inherit; letter-spacing:inherit; }
.okkensho button, .okkensho summary { -webkit-tap-highlight-color:transparent; }
.okkensho button { cursor:pointer; }
.okkensho svg { display:block; }
.okkensho .okkensho-icon { width:32px; height:32px; flex:none; }
.okkensho .okkensho-container { width:calc(100% - 64px); max-width:1200px; margin-inline:auto; }
.okkensho .okkensho-container-narrow { max-width:900px; }
.okkensho section[id], .okkensho main[id], .okkensho [id="okkensho-line-info"] { scroll-margin-top:var(--okkensho-header-offset); }
.okkensho .okkensho-skip { position:absolute; left:20px; top:-100px; z-index:1000; background:#fff; padding:10px 20px; border:2px solid var(--okkensho-blue); }
.okkensho .okkensho-skip:focus { top:12px; }
/* ヘッダー：上段キャッチコピー／下段ロゴ・メニュー・小型CTA */
.okkensho .okkensho-header { position:sticky; top:0; z-index:90; background:rgba(255,255,255,.98); box-shadow:0 1px 0 var(--okkensho-line); }
.admin-bar .okkensho .okkensho-header { top:var(--wp-admin--admin-bar--height,32px); }
.okkensho .okkensho-header-top { background:#f0f6fc; border-bottom:1px solid #e6eff7; }
.okkensho .okkensho-header-top p { padding:5px 0; color:#48698e; font-size:11px; line-height:1.6; letter-spacing:.04em; }
.okkensho .okkensho-header-main { display:flex; align-items:center; gap:24px; min-height:78px; padding-block:12px; }
.okkensho .okkensho-brand { display:inline-flex; align-items:center; gap:10px; flex:none; min-width:0; }
.okkensho .okkensho-logo { width:38px; height:38px; object-fit:contain; flex:none; }
.okkensho .okkensho-logo-placeholder { flex:none; width:38px; height:38px; border:1px dashed #aec4dc; border-radius:8px; background:#f5f9fc; display:grid; place-items:center; color:#617e9e; font-size:10px; font-weight:500; letter-spacing:0; }
.okkensho .okkensho-brandtext { color:var(--okkensho-navy); font-size:21px; font-weight:700; line-height:1.2; white-space:nowrap; letter-spacing:-.02em; }
.okkensho .okkensho-menu { display:flex; gap:20px; align-items:center; justify-content:center; flex:1; margin:0; min-width:0; }
.okkensho .okkensho-menu a { color:#315276; font-size:12px; font-weight:700; white-space:nowrap; padding:8px 0; position:relative; }
.okkensho .okkensho-menu a:hover { color:var(--okkensho-blue); }
.okkensho .okkensho-menu a::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:currentColor; transform:scaleX(0); transition:transform .15s; }
.okkensho .okkensho-menu a:hover::after { transform:scaleX(1); }
.okkensho .okkensho-menu-toggle { display:none; align-items:center; justify-content:center; gap:6px; flex-direction:column; border:1px solid var(--okkensho-line); border-radius:8px; background:#fff; color:var(--okkensho-navy); padding:7px 9px; line-height:1; min-height:44px; }
.okkensho .okkensho-menu-label { font-size:9px; }
.okkensho .okkensho-menu-bars, .okkensho .okkensho-menu-bars::before, .okkensho .okkensho-menu-bars::after { display:block; width:18px; height:2px; background:currentColor; transition:transform .15s; }
.okkensho .okkensho-menu-bars { position:relative; margin:5px 0; }
.okkensho .okkensho-menu-bars::before, .okkensho .okkensho-menu-bars::after { content:""; position:absolute; left:0; }
.okkensho .okkensho-menu-bars::before { top:-5px; }
.okkensho .okkensho-menu-bars::after { top:5px; }
.okkensho .okkensho-menu-toggle[aria-expanded="true"] .okkensho-menu-bars { background:transparent; }
.okkensho .okkensho-menu-toggle[aria-expanded="true"] .okkensho-menu-bars::before { top:0; transform:rotate(45deg); }
.okkensho .okkensho-menu-toggle[aria-expanded="true"] .okkensho-menu-bars::after { top:0; transform:rotate(-45deg); }
/* CTAは同じ幅・高さ。無料相談とLINEは別々のリンク先。 */
.okkensho .okkensho-actions { display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; }
.okkensho .okkensho-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; width:auto; padding:11px 22px; border-radius:999px; border:1px solid transparent; font:700 14px/1.5 var(--okkensho-font); letter-spacing:.015em; text-decoration:none; box-shadow:none; white-space:nowrap; transition:background .15s,box-shadow .15s; }
.okkensho .okkensho-btn span { display:inline-block; }
.okkensho .okkensho-btn-primary { color:#fff; background:linear-gradient(105deg,#2473e4,#124fae); box-shadow:0 6px 18px rgba(19,88,178,.13); }
.okkensho .okkensho-btn-primary:hover { color:#fff; background:#104d9f; box-shadow:0 7px 20px rgba(19,88,178,.2); }
.okkensho .okkensho-btn-line { color:#fff; background:var(--okkensho-green); border-color:var(--okkensho-green); }
.okkensho .okkensho-btn-line:hover { color:#fff; background:#055e33; border-color:#055e33; }
.okkensho .okkensho-btn-outline { color:var(--okkensho-blue); background:#fff; border-color:#c6daf0; }
.okkensho .okkensho-actions-header { flex:none; flex-wrap:nowrap; gap:8px; }
.okkensho .okkensho-actions-header .okkensho-btn { font-size:11px; min-height:38px; padding:8px 11px; width:132px; gap:6px; }
.okkensho .okkensho-actions-hero .okkensho-btn, .okkensho .okkensho-actions-onblue .okkensho-btn { width:184px; }
.okkensho .okkensho-small-note { color:var(--okkensho-muted); font-size:12px; margin-top:12px; }
/* アピール：写真2は右側の台形レイアウトで表示 */
.okkensho .okkensho-hero { background:linear-gradient(112deg,#fff 12%,#f1f7fe 100%); border-bottom:1px solid #eaf2fa; overflow:hidden; }
.okkensho .okkensho-hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); align-items:center; gap:48px; padding-block:64px; }
.okkensho .okkensho-hero-copy, .okkensho .okkensho-hero-visual { min-width:0; }
.okkensho .okkensho-hero-visual { position:relative; display:flex; align-items:stretch; justify-content:flex-end; align-self:stretch; min-height:430px; }
.okkensho .okkensho-eyebrow { color:var(--okkensho-blue); font-size:12px; font-weight:700; line-height:1.6; letter-spacing:.08em; margin-bottom:14px; }
.okkensho .okkensho-hero h1 { font-size:clamp(29px,3vw,40px); line-height:1.45; letter-spacing:.015em; margin-bottom:22px; overflow-wrap:break-word; }
.okkensho .okkensho-hero-description { color:#4b6583; font-size:16px; line-height:1.95; max-width:570px; }
.okkensho .okkensho-hero-offer { margin:24px 0; border-left:3px solid #4388df; padding:1px 0 1px 16px; }
.okkensho .okkensho-hero-offer>p { font-size:13px; font-weight:700; color:var(--okkensho-navy); margin-bottom:3px; }
.okkensho .okkensho-hero-offer>div { display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
.okkensho .okkensho-hero-offer strong { font-size:35px; line-height:1.3; font-weight:700; color:var(--okkensho-blue); letter-spacing:-.02em; }
.okkensho .okkensho-hero-offer span { font-size:12px; color:#536e8a; }
.okkensho .okkensho-hero-offer .okkensho-offer-label { color:#4e6c8d; font-size:11px; background:#eaf3fd; padding:3px 8px; border-radius:4px; }
/* 写真2 / 写真3：文字を画像の上に置かない */
.okkensho .okkensho-photo { width:100%; margin:0; position:relative; border-radius:18px; min-width:0; }
.okkensho .okkensho-photo.has-image { overflow:hidden; }
.okkensho .okkensho-photo--2 { width:100%; height:100%; min-height:430px; aspect-ratio:auto; border-radius:0; background:transparent; clip-path:polygon(26% 0,100% 0,100% 100%,0 100%); isolation:isolate; }
.okkensho .okkensho-photo--2.has-image::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.98) 5%, rgba(255,255,255,.84) 11%, rgba(255,255,255,.35) 18%, rgba(255,255,255,.08) 26%, rgba(255,255,255,0) 34%); }
.okkensho .okkensho-photo--2.has-image::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(135deg, rgba(22,93,194,.06) 0%, rgba(22,93,194,0) 36%); }
.okkensho .okkensho-photo--2 .okkensho-slot-image { width:100%; height:100%; max-height:none; min-width:0; object-fit:cover; object-position:center center; }
.okkensho .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image { object-fit:contain; object-position:center right; background:transparent; }
.okkensho .okkensho-photo--2.is-placeholder { border:none; background:linear-gradient(135deg,#edf5ef 0%,#d6e8de 100%); clip-path:polygon(26% 0,100% 0,100% 100%,0 100%); }
.okkensho .okkensho-photo--2.is-placeholder::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.98) 6%, rgba(255,255,255,.72) 15%, rgba(255,255,255,.18) 26%, rgba(255,255,255,0) 36%); }
.okkensho .okkensho-photo--3 { aspect-ratio:16 / 11; }
.okkensho .okkensho-photo .okkensho-slot-image { width:100%; height:100%; max-height:none; min-width:0; object-fit:contain; }
.okkensho .okkensho-fit-cover .okkensho-slot-image { object-fit:cover; }
.okkensho .okkensho-photo.is-placeholder { border:1px dashed #b4cde5; background:linear-gradient(135deg,#fafdff,#e7f0fa); }
.okkensho .okkensho-photo-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; color:#6284a9; padding:18px; }
.okkensho .okkensho-photo-placeholder .okkensho-icon { width:48px; height:48px; stroke-width:1.25; color:#87a8cb; margin-bottom:8px; }
.okkensho .okkensho-photo-placeholder strong { font-size:18px; font-weight:600; letter-spacing:.04em; }
.okkensho .okkensho-photo-placeholder span { font-size:12px; }
.okkensho .okkensho-photo--2.is-placeholder .okkensho-photo-placeholder { color:#fff; z-index:2; }
.okkensho .okkensho-photo--2.is-placeholder .okkensho-photo-placeholder .okkensho-icon { color:#ffd4d0; }
.okkensho .okkensho-photo.okkensho-photo--2.is-placeholder { border:none; background:linear-gradient(135deg,#edf5ef 0%,#d6e8de 100%); }
/* サービスカード：中央アイコン、控えめな文字サイズ */
.okkensho .okkensho-section { padding:76px 0; }
.okkensho .okkensho-heading { margin-bottom:34px; text-align:center; }
.okkensho .okkensho-heading .okkensho-eyebrow { font-size:11px; letter-spacing:.16em; margin-bottom:10px; }
.okkensho .okkensho-heading h2, .okkensho .okkensho-heading h1 { font-size:30px; line-height:1.6; }
.okkensho .okkensho-heading h2 span { display:inline-block; }
.okkensho .okkensho-heading>p:not(.okkensho-eyebrow) { font-size:15px; color:var(--okkensho-muted); margin:12px auto 0; max-width:800px; }
.okkensho .okkensho-services { background:#f2f8fd; }
.okkensho .okkensho-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.okkensho .okkensho-service-card { min-width:0; padding:28px 22px; border:1px solid #dfebf7; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(30,74,115,.025); text-align:center; }
.okkensho .okkensho-card-icon { width:62px; height:62px; display:grid; place-items:center; margin:0 auto 18px; border-radius:17px; background:#eff6ff; color:#2f7ce3; }
.okkensho .okkensho-card-icon .okkensho-icon { width:36px; height:36px; }
.okkensho .okkensho-service-card h3 { font-size:16px; line-height:1.65; min-height:3.3em; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.okkensho .okkensho-service-card p { font-size:14px; color:#526a86; line-height:1.95; text-align:left; }
/* パソコン紹介：2行を保ち、画像と干渉しない。 */
.okkensho .okkensho-band { background:linear-gradient(110deg,#0c3975,#0959b6); color:#fff; }
.okkensho .okkensho-band-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:56px; align-items:center; padding-block:56px; }
.okkensho .okkensho-band-visual, .okkensho .okkensho-band-copy { min-width:0; }
.okkensho .okkensho-band .okkensho-photo.is-placeholder { background:rgba(255,255,255,.055); border-color:rgba(221,237,255,.38); }
.okkensho .okkensho-band .okkensho-photo-placeholder, .okkensho .okkensho-band .okkensho-photo-placeholder .okkensho-icon { color:#c7def7; }
.okkensho .okkensho-band .okkensho-eyebrow { color:#b4d7ff; font-size:11px; letter-spacing:.11em; margin-bottom:16px; }
.okkensho .okkensho-band h2 { font-size:clamp(22px,2.5vw,32px); color:#fff; line-height:1.7; letter-spacing:.01em; }
.okkensho .okkensho-band h2 span { display:block; white-space:nowrap; }
.okkensho .okkensho-band-copy>p:not(.okkensho-eyebrow) { margin-top:18px; color:#e1ecfa; font-size:15px; line-height:1.95; }
.okkensho .okkensho-actions-onblue { margin-top:26px; }
.okkensho .okkensho-actions-onblue .okkensho-btn-primary { background:#fff; color:#0d4186; box-shadow:none; }
.okkensho .okkensho-actions-onblue .okkensho-btn-primary:hover { background:#ebf3ff; }
/* 実績は管理者が入力・公開指定した場合だけ表示 */
.okkensho .okkensho-stats { padding:28px 0; border-bottom:1px solid var(--okkensho-line); background:#fff; }
.okkensho .okkensho-stats-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.okkensho .okkensho-stats-grid>div { flex:1; min-width:0; text-align:center; padding:0 24px; }
.okkensho .okkensho-stats-grid>div+div { border-left:1px solid var(--okkensho-line); }
.okkensho .okkensho-stats-grid span { display:block; font-size:13px; font-weight:700; }
.okkensho .okkensho-stats-grid strong { display:block; color:var(--okkensho-blue); font-size:38px; line-height:1.45; overflow-wrap:anywhere; }
.okkensho .okkensho-stats .okkensho-small-note { text-align:center; }
/* 料金表：既存プランの範囲と実費・追加費用の案内を復元 */
.okkensho .okkensho-price-card { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); max-width:1000px; margin-inline:auto; border:1px solid #d3e4f7; border-radius:18px; background:#fff; overflow:hidden; }
.okkensho .okkensho-price-head { grid-column:1 / -1; padding:22px 24px; background:var(--okkensho-blue); text-align:center; }
.okkensho .okkensho-price-head p { margin:0 0 8px; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:13px; font-weight:600; line-height:1.6; }
.okkensho .okkensho-price-head h3 { margin:0; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:24px; font-weight:700; line-height:1.5; }
.okkensho .okkensho-price-main { padding:30px; background:#f1f7fe; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.okkensho .okkensho-price-tag { display:inline-block; border-radius:4px; background:#e0edfd; color:#2866b7; font-size:11px; font-weight:700; padding:3px 14px; margin-bottom:14px; }
.okkensho .okkensho-price-main h3 { font-size:19px; line-height:1.8; }
.okkensho .okkensho-price-amount { display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:12px; }
.okkensho .okkensho-price-amount strong { color:var(--okkensho-blue); font-size:44px; line-height:1.4; font-weight:700; letter-spacing:-.02em; }
.okkensho .okkensho-price-amount span { font-size:12px; color:#517197; }
.okkensho .okkensho-price-detail { padding:32px 38px; min-width:0; }
.okkensho .okkensho-price-detail h3 { font-size:16px; margin-bottom:16px; }
.okkensho .okkensho-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; list-style:none; padding:0; margin:0; }
.okkensho .okkensho-checklist li { display:flex; gap:8px; align-items:flex-start; margin:0; font-size:13px; line-height:1.8; color:#3d5b7d; }
.okkensho .okkensho-checklist .okkensho-icon { width:17px; height:17px; margin-top:3px; color:#2a74cf; }
.okkensho .okkensho-price-note { margin-top:22px; padding-top:18px; border-top:1px solid var(--okkensho-line); font-size:12px; color:var(--okkensho-muted); line-height:1.9; }
/* お客様の声：実際の写真とテキストは別々に管理 */
.okkensho .okkensho-voices-section { background:#f2f8fd; }
.okkensho .okkensho-voice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.okkensho .okkensho-voice-card { min-width:0; display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid var(--okkensho-line); border-radius:16px; }
.okkensho .okkensho-voice-head { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.okkensho .okkensho-avatar { width:62px; height:62px; flex:none; display:grid; place-items:center; background:#f1f5fa; border:1px solid #e2ebf4; border-radius:50%; overflow:hidden; color:#93abc3; }
.okkensho .okkensho-avatar img { width:100%; height:100%; object-fit:cover; }
.okkensho .okkensho-avatar .okkensho-icon { width:34px; height:34px; }
.okkensho .okkensho-voice-head h3 { font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.okkensho .okkensho-voice-card>p { font-size:14px; color:var(--okkensho-muted); line-height:1.95; }
.okkensho .okkensho-voice-meta { margin-top:auto; padding-top:22px; font-size:12px; font-weight:700; color:#42698f; }
.okkensho .okkensho-voice-card.is-pending { min-height:212px; }
/* コラムは単体ショートコードでもJSなしで表示 */
.okkensho.okkensho-columns-embed { background:transparent; padding:12px 0; }
.okkensho .okkensho-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.okkensho .okkensho-column-card { min-width:0; border:1px solid var(--okkensho-line); border-radius:14px; background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.okkensho .okkensho-column-thumb { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:300/170; background:#fff; overflow:hidden; padding:0; }
.okkensho .okkensho-column-thumb img,
.okkensho .okkensho-column-thumb .okkensho-column-featured-image {
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
min-width:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
object-position:center center !important;
transform:none !important;
clip-path:none !important;
border-radius:0 !important;
}
.okkensho .okkensho-column-noimage { width:100%; height:100%; min-height:150px; display:grid; place-items:center; color:#9cbbdd; }
.okkensho .okkensho-column-noimage .okkensho-icon { width:42px; height:42px; }
.okkensho .okkensho-column-body { padding:22px; display:flex; flex-direction:column; flex:1; }
.okkensho .okkensho-column-body time { font-size:12px; color:#6c849f; margin-bottom:9px; }
.okkensho .okkensho-column-body h3 { font-size:17px; line-height:1.7; margin-bottom:12px; overflow-wrap:anywhere; }
.okkensho .okkensho-column-body>p { font-size:14px; color:var(--okkensho-muted); }
.okkensho .okkensho-column-body .okkensho-textlink { margin-top:auto; padding-top:16px; }
.okkensho .okkensho-textlink { color:var(--okkensho-blue); font-size:13px; font-weight:700; }
.okkensho .okkensho-textlink:hover { text-decoration:underline; }
.okkensho .okkensho-empty { grid-column:1/-1; text-align:center; width:100%; border:1px solid var(--okkensho-line); border-radius:14px; background:#fafcfe; padding:32px 20px; color:var(--okkensho-muted); }
.okkensho .okkensho-empty .okkensho-icon { margin:0 auto 14px; color:#8daed1; }
.okkensho .okkensho-empty h3 { font-size:17px; margin-bottom:8px; }
.okkensho .okkensho-empty p { font-size:14px; }
.okkensho .okkensho-section-link { text-align:center; margin-top:28px; }
/* FAQ */
.okkensho .okkensho-faq-section { padding-top:76px; }
.okkensho .okkensho-faq-list { border-top:1px solid var(--okkensho-line); }
.okkensho .okkensho-faq-list details { border-bottom:1px solid var(--okkensho-line); }
.okkensho .okkensho-faq-list summary { padding:20px 38px 20px 0; position:relative; font-size:15px; line-height:1.8; font-weight:600; color:var(--okkensho-navy); cursor:pointer; list-style:none; display:flex; align-items:baseline; gap:15px; }
.okkensho .okkensho-faq-list summary::-webkit-details-marker { display:none; }
.okkensho .okkensho-faq-list summary>span { color:#3075c6; flex:none; font-size:17px; }
.okkensho .okkensho-faq-list summary::after { content:"＋"; position:absolute; right:4px; top:20px; font-weight:400; color:#5d83b0; }
.okkensho .okkensho-faq-list details[open]>summary::after { content:"−"; }
.okkensho .okkensho-faq-list details>div { padding:0 28px 24px 33px; color:var(--okkensho-muted); font-size:14px; }
/* 下部CTAにも文字入り背景は使用しない */
.okkensho .okkensho-bottom-cta { padding:48px 0; background:linear-gradient(110deg,#eaf4ff,#f4f9ff); border-block:1px solid #e1edf9; }
.okkensho .okkensho-bottom-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:44px; }
.okkensho .okkensho-bottom-grid h2 { font-size:26px; line-height:1.65; }
.okkensho .okkensho-bottom-grid .okkensho-eyebrow { font-size:11px; margin-bottom:10px; }
.okkensho .okkensho-bottom-grid p:not(.okkensho-eyebrow) { margin-top:13px; font-size:13px; color:var(--okkensho-muted); }
.okkensho .okkensho-actions-bottom .okkensho-btn { width:184px; }
/* 問い合わせ */
.okkensho .okkensho-contact-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; align-items:start; }
.okkensho .okkensho-contact-copy h2 { font-size:30px; margin-bottom:18px; }
.okkensho .okkensho-contact-copy>p:not(.okkensho-eyebrow) { font-size:15px; color:var(--okkensho-muted); }
.okkensho .okkensho-office-details { margin:30px 0; font-size:13px; }
.okkensho .okkensho-office-details>div { display:grid; grid-template-columns:60px minmax(0,1fr); padding:10px 0; border-bottom:1px solid var(--okkensho-line); gap:12px; }
.okkensho .okkensho-office-details dt { color:#7188a0; font-weight:500; }
.okkensho .okkensho-office-details dd { color:#365879; overflow-wrap:anywhere; }
.okkensho .okkensho-line-info { background:#f3f9f6; padding:22px; border:1px solid #deece4; border-radius:12px; }
.okkensho .okkensho-line-info h3 { font-size:16px; color:#226547; margin-bottom:8px; }
.okkensho .okkensho-line-info p { font-size:13px; color:#526e61; }
.okkensho .okkensho-line-info .okkensho-btn { margin-top:16px; font-size:13px; }
.okkensho .okkensho-form-panel { min-width:0; border:1px solid var(--okkensho-line); border-radius:18px; padding:32px; box-shadow:0 8px 28px rgba(42,85,128,.045); }
.okkensho .okkensho-form { margin:0; position:relative; }
.okkensho .okkensho-field { margin-bottom:20px; }
.okkensho .okkensho-field>label { display:flex; gap:10px; align-items:center; font-size:13px; font-weight:700; margin-bottom:8px; color:#375779; }
.okkensho .okkensho-inquiry-field { border:0; padding:0; min-width:0; margin:0; }
.okkensho .okkensho-inquiry-field legend { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:0; margin:0 0 12px; font-size:13px; font-weight:700; color:#375779; }
.okkensho .okkensho-multi-note { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; border-radius:999px; background:#eef5fc; color:#6e87a1; font-size:11px; font-weight:700; line-height:1.2; }
.okkensho .okkensho-inquiry-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.okkensho .okkensho-inquiry-option { position:relative; display:flex; align-items:flex-start; gap:12px; min-width:0; margin:0; padding:18px 18px 16px; border:1px solid #cad9e8; border-radius:10px; background:#fff; box-shadow:none; cursor:pointer; transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.okkensho .okkensho-inquiry-option:hover { border-color:#8eb2d8; background:#fbfdff; }
.okkensho .okkensho-inquiry-option:focus-within { border-color:var(--okkensho-blue); box-shadow:0 0 0 3px rgba(47,111,176,.12); }
.okkensho .okkensho-inquiry-option input { appearance:none; -webkit-appearance:none; width:17px; height:17px; min-height:0; flex:none; margin:4px 0 0; padding:0; border:1.5px solid #9ab3cb; border-radius:3px; background:#fff; box-shadow:none; }
.okkensho .okkensho-inquiry-option input:checked { background:var(--okkensho-blue); border-color:var(--okkensho-blue); box-shadow:inset 0 0 0 3px #fff; }
.okkensho .okkensho-inquiry-option:has(input:checked) { border-color:var(--okkensho-blue); background:#f4f9ff; box-shadow:0 6px 18px rgba(47,111,176,.08); }
.okkensho .okkensho-inquiry-copy { display:block; min-width:0; line-height:1.55; }
.okkensho .okkensho-inquiry-copy strong { display:block; font-size:15px; line-height:1.5; color:#274c71; font-weight:700; }
.okkensho .okkensho-inquiry-copy small { display:block; margin-top:6px; font-size:12px; line-height:1.6; color:#6e849b; font-weight:600; }
.okkensho .okkensho-other-detail { margin-top:4px; }
.okkensho .okkensho-other-detail[hidden] { display:none !important; }
.okkensho .okkensho-required, .okkensho .okkensho-optional { font-size:10px; font-weight:500; line-height:1.6; padding:1px 6px; border-radius:3px; }
.okkensho .okkensho-required { background:#e9f2ff; color:#3165a7; }
.okkensho .okkensho-optional { background:#f0f3f6; color:#657486; }
.okkensho .okkensho-field input, .okkensho .okkensho-field textarea { display:block; width:100%; min-width:0; color:var(--okkensho-ink); border:1px solid #cbdcec; border-radius:7px; padding:10px 12px; font-size:16px; line-height:1.65; background:#fbfdff; box-shadow:none; margin:0; }
.okkensho .okkensho-field input { min-height:46px; }
.okkensho .okkensho-field textarea { resize:vertical; min-height:140px; }
.okkensho .okkensho-field input::placeholder, .okkensho .okkensho-field textarea::placeholder { color:#91a1b2; font-size:13px; }
.okkensho .okkensho-privacy { margin:6px 0 22px; }
.okkensho .okkensho-privacy p { color:#697d92; font-size:12px; margin-bottom:12px; }
.okkensho .okkensho-privacy p>a { text-decoration:underline; color:var(--okkensho-blue); }
.okkensho .okkensho-privacy label { display:flex; gap:8px; align-items:flex-start; color:#496481; font-size:13px; line-height:1.8; }
.okkensho .okkensho-privacy input { width:17px; height:17px; flex:none; margin:3px 0 0; accent-color:var(--okkensho-blue); }
.okkensho .okkensho-honeypot { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.okkensho .okkensho-submit { width:100%; max-width:100%; }
.okkensho .okkensho-submit:disabled { opacity:.65; cursor:wait; }
.okkensho .okkensho-notice { border:1px solid #d0e1f1; padding:16px; border-radius:8px; font-size:14px; margin-bottom:22px; }
.okkensho .okkensho-notice-success { border-color:#b5d9c5; background:#f0faf4; color:#256542; }
.okkensho .okkensho-notice-error { border-color:#e9cccc; background:#fff7f7; color:#9b3838; }
/* フッターとコラム記事 */
.okkensho .okkensho-footer { background:#fff; border-top:1px solid var(--okkensho-line); padding:32px 0 20px; }
.okkensho .okkensho-footer-top { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.okkensho .okkensho-footer .okkensho-brandtext { font-size:18px; }
.okkensho .okkensho-footer .okkensho-logo, .okkensho .okkensho-footer .okkensho-logo-placeholder { width:32px; height:32px; }
.okkensho .okkensho-footer-menu { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 18px; }
.okkensho .okkensho-footer-menu a { font-size:11px; color:#577393; }
.okkensho .okkensho-footer-menu a:hover { text-decoration:underline; }
.okkensho .okkensho-footer-bottom { display:flex; justify-content:space-between; gap:16px; margin-top:24px; padding-top:16px; border-top:1px solid #eef3f8; font-size:11px; color:#798da4; }
.okkensho .okkensho-single-heading { background:#f1f7fd; padding:48px 0; }
.okkensho .okkensho-single-heading time { display:block; font-size:13px; color:#748da6; margin:22px 0 12px; }
.okkensho .okkensho-single-heading h1 { font-size:clamp(25px,3vw,36px); line-height:1.6; overflow-wrap:anywhere; }
.okkensho .okkensho-single-content { max-width:900px; width:calc(100% - 64px); margin:44px auto 72px; font-size:16px; overflow-wrap:anywhere; }
.okkensho .okkensho-article-cover-frame {
width:100%;
aspect-ratio:300/170;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#fff;
border-radius:12px;
margin-bottom:32px;
}
.okkensho .okkensho-article-cover,
.okkensho .okkensho-article-cover-frame img {
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
object-position:center center !important;
transform:none !important;
clip-path:none !important;
border-radius:0 !important;
}
.okkensho .okkensho-single-content p { margin:1.2em 0; }
.okkensho .okkensho-single-content h2 { font-size:26px; border-bottom:2px solid #d3e5f8; padding-bottom:12px; margin:44px 0 20px; }
.okkensho .okkensho-single-content h3 { font-size:21px; margin:30px 0 15px; }
.okkensho .okkensho-single-content a:not(.okkensho-btn) { color:var(--okkensho-blue); text-decoration:underline; }
.okkensho .okkensho-single-content img, .okkensho .okkensho-single-content iframe { max-width:100%; }
.okkensho .okkensho-single-content img { height:auto; margin-inline:auto; }
.okkensho .okkensho-single-content table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.okkensho .okkensho-single-content td, .okkensho .okkensho-single-content th { border:1px solid var(--okkensho-line); padding:12px; }
.okkensho .okkensho-single-content pre { overflow-x:auto; max-width:100%; padding:18px; background:#f1f5f9; }
.okkensho .okkensho-pagination { margin-top:36px; text-align:center; }
.okkensho .okkensho-pagination .page-numbers { display:inline-block; padding:6px 14px; border:1px solid var(--okkensho-line); border-radius:6px; margin:3px; font-size:14px; }
.okkensho .okkensho-pagination .current { background:var(--okkensho-blue); color:#fff; }
/* ノートPC・タブレット */
@media (max-width:1180px) {
.okkensho .okkensho-header-main { gap:18px; }
.okkensho .okkensho-menu { gap:14px; }
.okkensho .okkensho-brandtext { font-size:19px; }
.okkensho .okkensho-actions-header .okkensho-btn { width:124px; font-size:10.5px; }
.okkensho .okkensho-hero-grid, .okkensho .okkensho-band-grid { gap:38px; }
.okkensho .okkensho-hero-visual { min-height:390px; }
.okkensho .okkensho-photo--2 { min-height:390px; clip-path:polygon(22% 0,100% 0,100% 100%,0 100%); }
.okkensho .okkensho-service-card { padding:25px 18px; }
.okkensho .okkensho-service-card h3 { font-size:15px; }
}
@media (max-width:1060px) {
.okkensho .okkensho-header-main { flex-wrap:wrap; gap:12px 20px; min-height:70px; }
.okkensho .okkensho-header-main>.okkensho-brand { margin-right:auto; }
.okkensho .okkensho-menu { order:4; width:100%; flex:none; padding:8px 0; justify-content:flex-start; }
.okkensho.is-enhanced .okkensho-menu { display:none; }
.okkensho.is-enhanced .okkensho-menu.is-open { display:flex; }
.okkensho.is-enhanced .okkensho-menu-toggle { display:flex; order:3; }
.okkensho .okkensho-actions-header { order:2; }
.okkensho .okkensho-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.okkensho .okkensho-service-card { padding:28px; }
.okkensho .okkensho-service-card h3 { font-size:17px; min-height:3.3em; }
.okkensho .okkensho-band h2 { font-size:25px; }
.okkensho .okkensho-actions-onblue .okkensho-btn { width:calc(50% - 6px); padding:10px 9px; font-size:12px; gap:6px; }
.okkensho .okkensho-hero h1 { font-size:30px; }
.okkensho .okkensho-actions-hero .okkensho-btn { width:calc(50% - 6px); font-size:12px; padding:10px 8px; gap:6px; }
.okkensho .okkensho-voice-card { padding:22px; }
.okkensho .okkensho-voice-head { flex-direction:column; align-items:flex-start; gap:12px; }
.okkensho .okkensho-price-detail { padding:28px; }
.okkensho .okkensho-bottom-grid { gap:24px; }
.okkensho .okkensho-actions-bottom { flex-direction:column; }
.okkensho .okkensho-contact-grid { gap:40px; }
.okkensho .okkensho-footer-top { flex-direction:column; align-items:flex-start; gap:22px; }
.okkensho .okkensho-footer-menu { justify-content:flex-start; }
}
@media (max-width:820px) {
.okkensho .okkensho-container { width:calc(100% - 48px); }
.okkensho .okkensho-hero-grid { grid-template-columns:1fr; gap:30px; padding-block:42px; }
.okkensho .okkensho-hero-visual { width:100%; max-width:720px; margin-inline:auto; min-height:0; justify-content:center; }
.okkensho .okkensho-photo--2 { min-height:320px; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); }
.okkensho .okkensho-hero-description { max-width:none; }
.okkensho .okkensho-hero h1 { font-size:36px; }
.okkensho .okkensho-actions-hero .okkensho-btn { width:184px; font-size:13px; }
.okkensho .okkensho-band-grid { grid-template-columns:1fr; gap:30px; padding-block:44px; }
.okkensho .okkensho-band-visual { width:100%; max-width:560px; margin-inline:auto; }
.okkensho .okkensho-band h2 { font-size:30px; }
.okkensho .okkensho-actions-onblue .okkensho-btn { width:184px; font-size:13px; }
.okkensho .okkensho-section { padding:56px 0; }
.okkensho .okkensho-heading h2, .okkensho .okkensho-heading h1 { font-size:26px; }
.okkensho .okkensho-price-card { grid-template-columns:1fr; }
.okkensho .okkensho-price-main { padding:26px; }
.okkensho .okkensho-price-main h3 br { display:none; }
.okkensho .okkensho-voice-grid { grid-template-columns:1fr; gap:18px; }
.okkensho .okkensho-voice-head { flex-direction:row; align-items:center; }
.okkensho .okkensho-voice-card.is-pending { min-height:0; }
.okkensho .okkensho-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.okkensho .okkensho-bottom-grid { grid-template-columns:1fr; gap:24px; }
.okkensho .okkensho-actions-bottom { flex-direction:row; }
.okkensho .okkensho-contact-grid { grid-template-columns:1fr; gap:30px; }
.okkensho .okkensho-contact-copy { max-width:none; }
.okkensho .okkensho-faq-section { padding-top:56px; }
.okkensho .okkensho-footer-bottom { flex-direction:column; gap:6px; }
}
@media (max-width:600px) {
.okkensho { font-size:15px; --okkensho-header-offset:18px; }
.okkensho .okkensho-container, .okkensho .okkensho-single-content { width:calc(100% - 36px); }
.okkensho .okkensho-header { position:relative; top:auto !important; }
.okkensho .okkensho-header-top p { font-size:10px; padding:6px 0; letter-spacing:0; }
.okkensho .okkensho-header-main { gap:12px; padding-block:12px; }
.okkensho .okkensho-brandtext { font-size:18px; }
.okkensho .okkensho-logo, .okkensho .okkensho-logo-placeholder { width:32px; height:32px; }
.okkensho .okkensho-brand { gap:8px; }
.okkensho .okkensho-actions-header { width:100%; order:4; gap:10px; }
.okkensho .okkensho-actions-header .okkensho-btn { flex:1; width:calc(50% - 5px); min-height:38px; font-size:11px; padding:8px; }
.okkensho .okkensho-menu { order:5; flex-wrap:wrap; gap:4px; padding-top:4px; }
.okkensho .okkensho-menu a { width:calc(50% - 2px); padding:10px 12px; background:#f5f9fd; border-radius:6px; font-size:12px; }
.okkensho .okkensho-menu a::after { content:none; }
.okkensho .okkensho-hero-grid { padding-block:32px 40px; }
.okkensho .okkensho-hero-visual { max-width:100%; }
.okkensho .okkensho-photo--2 { min-height:250px; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); }
.okkensho .okkensho-hero h1 { font-size:clamp(24px,7.3vw,33px); margin-bottom:18px; }
.okkensho .okkensho-hero .okkensho-eyebrow { font-size:11px; margin-bottom:12px; }
.okkensho .okkensho-hero-description { font-size:14px; line-height:1.95; }
.okkensho .okkensho-hero-offer { margin-block:22px; }
.okkensho .okkensho-hero-offer strong { font-size:32px; }
.okkensho .okkensho-hero-offer>div { gap:6px; }
.okkensho .okkensho-hero-offer .okkensho-offer-label { font-size:10px; }
.okkensho .okkensho-actions-hero, .okkensho .okkensho-actions-onblue, .okkensho .okkensho-actions-bottom { gap:10px; }
.okkensho .okkensho-actions-hero .okkensho-btn, .okkensho .okkensho-actions-onblue .okkensho-btn, .okkensho .okkensho-actions-bottom .okkensho-btn { width:calc(50% - 5px); padding:11px 8px; font-size:11.5px; min-height:44px; gap:6px; }
.okkensho .okkensho-photo { border-radius:12px; }
.okkensho .okkensho-photo-placeholder .okkensho-icon { width:40px; height:40px; }
.okkensho .okkensho-section { padding-block:44px; }
.okkensho .okkensho-heading { margin-bottom:26px; }
.okkensho .okkensho-heading h2, .okkensho .okkensho-heading h1 { font-size:23px; line-height:1.65; }
.okkensho .okkensho-heading>p:not(.okkensho-eyebrow) { font-size:13px; }
.okkensho .okkensho-desktop-br { display:none; }
.okkensho .okkensho-service-grid { grid-template-columns:1fr; gap:16px; }
.okkensho .okkensho-service-card { padding:24px; }
.okkensho .okkensho-service-card h3 { min-height:0; font-size:17px; margin-bottom:10px; display:block; }
.okkensho .okkensho-service-card h3 br { display:none; }
.okkensho .okkensho-service-card p { font-size:14px; }
.okkensho .okkensho-card-icon { margin-bottom:14px; }
.okkensho .okkensho-band h2 { font-size:clamp(18px,5.45vw,27px); }
.okkensho .okkensho-band-copy>p:not(.okkensho-eyebrow) { font-size:14px; }
.okkensho .okkensho-band .okkensho-eyebrow { font-size:10px; }
.okkensho .okkensho-checklist { grid-template-columns:1fr; gap:11px; }
.okkensho .okkensho-price-detail { padding:24px; }
.okkensho .okkensho-price-head { padding:18px 20px; }
.okkensho .okkensho-price-head p { font-size:12px; }
.okkensho .okkensho-price-head h3 { font-size:20px; }
.okkensho .okkensho-price-main h3 { font-size:17px; }
.okkensho .okkensho-price-amount strong { font-size:40px; }
.okkensho .okkensho-voice-card { padding:23px; }
.okkensho .okkensho-columns { grid-template-columns:1fr; }
.okkensho .okkensho-stats-grid { flex-direction:column; gap:20px; }
.okkensho .okkensho-stats-grid>div+div { border-left:0; border-top:1px solid var(--okkensho-line); padding-top:20px; }
.okkensho .okkensho-faq-section { padding-top:44px; }
.okkensho .okkensho-faq-list summary { font-size:14px; gap:11px; padding-block:18px; }
.okkensho .okkensho-faq-list details>div { padding-left:28px; padding-right:8px; font-size:13px; }
.okkensho .okkensho-bottom-grid h2 { font-size:23px; }
.okkensho .okkensho-bottom-cta { padding-block:36px; }
.okkensho .okkensho-contact-copy h2 { font-size:25px; }
.okkensho .okkensho-form-panel { padding:22px 18px; border-radius:12px; }
.okkensho .okkensho-office-details { margin-block:22px; }
.okkensho .okkensho-footer { padding-top:26px; }
.okkensho .okkensho-footer-menu { gap:10px 16px; }
.okkensho .okkensho-single-heading { padding-block:32px; }
.okkensho .okkensho-single-content { margin-top:30px; font-size:15px; }
.okkensho .okkensho-single-content h2 { font-size:23px; }
.okkensho .okkensho-single-content h3 { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
.okkensho *, .okkensho *::before, .okkensho *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
/* 1.4.1 写真3：切り抜き済みPC画像を、青い紹介帯で大きく見せる */
.okkensho .okkensho-band { overflow:hidden; }
.okkensho .okkensho-band-grid {
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:42px;
align-items:stretch;
padding-top:44px;
padding-bottom:42px;
}
.okkensho .okkensho-band-visual {
display:flex;
align-items:flex-end;
justify-content:flex-start;
align-self:stretch;
min-width:0;
margin-left:-44px;
}
.okkensho .okkensho-photo--3,
.okkensho .okkensho-photo--3.has-image {
width:100%;
height:100%;
min-height:360px;
aspect-ratio:auto;
border-radius:0;
overflow:visible;
background:transparent;
display:flex;
align-items:flex-end;
justify-content:flex-start;
}
.okkensho .okkensho-photo--3 .okkensho-slot-image,
.okkensho .okkensho-photo--3.okkensho-fit-cover .okkensho-slot-image {
width:116%;
max-width:none;
height:auto;
max-height:455px;
min-width:0;
object-fit:contain !important;
object-position:left bottom;
margin:0 0 -42px -6%;
border-radius:0;
}
.okkensho .okkensho-photo--3.is-placeholder {
width:100%;
min-height:360px;
aspect-ratio:16/10;
border-radius:16px;
overflow:hidden;
margin:0;
}
@media (max-width:1180px) {
.okkensho .okkensho-band-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:34px; }
.okkensho .okkensho-band-visual { margin-left:-20px; }
.okkensho .okkensho-photo--3 .okkensho-slot-image,
.okkensho .okkensho-photo--3.okkensho-fit-cover .okkensho-slot-image { width:112%; margin-left:-4%; }
}
@media (max-width:820px) {
.okkensho .okkensho-band-grid { grid-template-columns:1fr; gap:28px; padding-block:42px; }
.okkensho .okkensho-band-visual { width:100%; max-width:620px; margin:0 auto; display:block; }
.okkensho .okkensho-photo--3,
.okkensho .okkensho-photo--3.has-image { min-height:0; height:auto; display:block; }
.okkensho .okkensho-photo--3 .okkensho-slot-image,
.okkensho .okkensho-photo--3.okkensho-fit-cover .okkensho-slot-image {
width:100%;
max-width:100%;
max-height:none;
height:auto;
margin:0;
object-position:center bottom;
}
}
@media (max-width:600px) {
.okkensho .okkensho-band-grid { padding-block:34px; }
.okkensho .okkensho-photo--3.is-placeholder { min-height:220px; }
}
@media (max-width:600px) {
.okkensho .okkensho-photo--2.has-image::before { background:linear-gradient(90deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.3) 14%, rgba(255,255,255,0) 28%); }
}
/* 1.4.3 アピールエリア右側：画面右端まで広げる台形＋透明フェード */
@media (min-width:821px) {
.okkensho .okkensho-hero {
position:relative;
overflow:hidden !important;
background:#fff !important;
}
.okkensho .okkensho-hero-grid {
width:100% !important;
max-width:none !important;
margin:0 !important;
padding-left:max(32px, calc((100vw - 1200px) / 2 + 32px)) !important;
padding-right:0 !important;
padding-top:0 !important;
padding-bottom:0 !important;
min-height:500px;
grid-template-columns:minmax(470px, 42%) minmax(0, 58%) !important;
gap:0 !important;
align-items:stretch !important;
}
.okkensho .okkensho-hero-copy {
position:relative;
z-index:5;
display:flex;
flex-direction:column;
justify-content:center;
padding:54px 54px 54px 0;
background:linear-gradient(90deg,#fff 0%,#fff 72%,rgba(255,255,255,.96) 86%,rgba(255,255,255,0) 100%);
}
.okkensho .okkensho-hero-visual {
position:relative !important;
z-index:1;
width:100% !important;
max-width:none !important;
min-height:500px !important;
height:100% !important;
margin:0 !important;
align-self:stretch !important;
overflow:hidden !important;
display:block !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
overflow:hidden !important;
clip-path:polygon(18% 0,100% 0,100% 100%,0 100%) !important;
background:transparent !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2 .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image {
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:0 !important;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 7%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.82) 23%,#000 34%,#000 100%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 7%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.82) 23%,#000 34%,#000 100%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::before,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::after {
content:none !important;
display:none !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
background:linear-gradient(135deg,#edf5ef 0%,#d6e8de 100%) !important;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 8%,rgba(0,0,0,.45) 17%,#000 30%,#000 100%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 8%,rgba(0,0,0,.45) 17%,#000 30%,#000 100%);
}
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder::before { display:none !important; }
}
@media (min-width:821px) and (max-width:1100px) {
.okkensho .okkensho-hero-grid {
grid-template-columns:minmax(420px, 48%) minmax(0, 52%) !important;
min-height:470px;
padding-left:28px !important;
}
.okkensho .okkensho-hero-copy { padding-right:32px; }
.okkensho .okkensho-hero-visual { min-height:470px !important; }
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
clip-path:polygon(14% 0,100% 0,100% 100%,0 100%) !important;
}
}
@media (max-width:820px) {
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
width:100% !important;
min-height:300px !important;
border-radius:0 !important;
clip-path:polygon(12% 0,100% 0,100% 100%,0 100%) !important;
overflow:hidden !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2 .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image {
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.7) 10%,#000 24%,#000 100%);
mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.7) 10%,#000 24%,#000 100%);
}
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::before,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::after { display:none !important; }
}
/* =========================================================
1.5.0 refinements
========================================================= */
/* ヘッダー最上段キャッチコピーを中央表示 */
.okkensho .okkensho-header-top p { text-align:center; }
/* アピール写真をさらに大きく：台形の左辺を画面中央寄りまで移動 */
@media (min-width:821px) {
.okkensho .okkensho-hero-grid {
grid-template-columns:minmax(430px, 36%) minmax(0, 64%) !important;
}
.okkensho .okkensho-hero-copy {
padding-right:34px !important;
background:linear-gradient(90deg,#fff 0%,#fff 74%,rgba(255,255,255,.93) 88%,rgba(255,255,255,0) 100%) !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
clip-path:polygon(8% 0,100% 0,100% 100%,0 100%) !important;
}
.okkensho .okkensho-hero-visual .okkensho-photo--2 .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image {
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 4%,rgba(0,0,0,.55) 10%,rgba(0,0,0,.9) 18%,#000 26%,#000 100%) !important;
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 4%,rgba(0,0,0,.55) 10%,rgba(0,0,0,.9) 18%,#000 26%,#000 100%) !important;
}
}
@media (min-width:821px) and (max-width:1100px) {
.okkensho .okkensho-hero-grid { grid-template-columns:minmax(390px, 42%) minmax(0,58%) !important; }
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder { clip-path:polygon(7% 0,100% 0,100% 100%,0 100%) !important; }
}
/* 手続きの流れ */
.okkensho .okkensho-flow-section { background:#fff; }
.okkensho .okkensho-flow-grid { counter-reset:flow; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.okkensho .okkensho-flow-grid>li { position:relative; min-width:0; padding:26px 22px 24px; border:1px solid var(--okkensho-line); border-radius:16px; background:linear-gradient(180deg,#fff,#f8fbfe); }
.okkensho .okkensho-flow-grid>li:not(:last-child)::after { content:""; position:absolute; right:-11px; top:42px; width:20px; height:1px; background:#9fbfe0; z-index:2; }
.okkensho .okkensho-flow-grid>li>span { display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:30px; padding:0 10px; border-radius:999px; background:#e9f3ff; color:#1e66bf; font-size:12px; font-weight:700; letter-spacing:.08em; margin-bottom:14px; }
.okkensho .okkensho-flow-grid h3 { font-size:16px; line-height:1.65; margin-bottom:10px; }
.okkensho .okkensho-flow-grid p { color:var(--okkensho-muted); font-size:13px; line-height:1.9; }
/* 料金表：詳細アンカー */
.okkensho .okkensho-price-detail-link { margin-top:18px; min-height:40px; padding:8px 18px; font-size:12px; }
/* Google口コミ：横方向の連続自動スクロール */
.okkensho .okkensho-google-reviews { overflow:hidden; background:#f2f8fd; }
.okkensho .okkensho-review-window { width:100vw; margin-left:calc(50% - 50vw); overflow:hidden; padding:8px 0 14px; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); }
.okkensho .okkensho-review-track { display:flex; width:max-content; gap:16px; animation:okkensho-review-marquee 48s linear infinite; will-change:transform; }
.okkensho .okkensho-review-window:hover .okkensho-review-track { animation-play-state:paused; }
.okkensho .okkensho-review-group { display:flex; gap:16px; flex:none; }
.okkensho .okkensho-google-review-card { width:330px; min-height:238px; flex:none; display:flex; flex-direction:column; padding:24px; border:1px solid #dce9f6; border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(28,72,112,.05); }
.okkensho .okkensho-google-review-top { display:flex; align-items:center; gap:8px; color:#5b7591; font-size:11px; font-weight:700; }
.okkensho .okkensho-google-mark { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#fff; border:1px solid #d9e2ec; color:#4285f4; font-size:15px; font-weight:800; }
.okkensho .okkensho-stars { color:#f3b300; letter-spacing:.09em; font-size:17px; margin:14px 0 12px; }
.okkensho .okkensho-google-review-card p { color:#425f7e; font-size:14px; line-height:1.95; }
.okkensho .okkensho-google-review-card strong { margin-top:auto; padding-top:18px; color:#173f6d; font-size:13px; }
.okkensho .okkensho-review-disclaimer { max-width:900px; margin:20px auto 0; color:#6c8298; font-size:11px; line-height:1.8; text-align:center; }
.okkensho .okkensho-review-link { margin-top:20px; text-align:center; }
@keyframes okkensho-review-marquee { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 8px)); } }
/* プラン詳細 */
.okkensho .okkensho-plan-details { background:#fff; }
.okkensho .okkensho-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.okkensho .okkensho-detail-grid>article { min-width:0; padding:30px 26px; border:1px solid var(--okkensho-line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(30,74,115,.04); }
.okkensho .okkensho-detail-grid h3 { font-size:18px; margin-bottom:16px; }
.okkensho .okkensho-detail-grid ul { margin:0; padding:0; list-style:none; }
.okkensho .okkensho-detail-grid li { position:relative; padding-left:18px; margin:9px 0; color:#4c6682; font-size:13px; line-height:1.85; }
.okkensho .okkensho-detail-grid li::before { content:""; position:absolute; left:0; top:.78em; width:7px; height:7px; border-radius:50%; background:#4f8fdb; }
.okkensho .okkensho-not-included { margin-top:24px; padding:24px 26px; border-radius:14px; border:1px solid #e2eaf2; background:#f8fafc; }
.okkensho .okkensho-not-included h3 { font-size:15px; margin-bottom:8px; }
.okkensho .okkensho-not-included p { color:#60758c; font-size:13px; line-height:1.9; }
/* 法定表示 */
.okkensho .okkensho-reference-section { background:#fff; }
.okkensho .okkensho-reference-box { margin-top:24px; padding:22px 24px; background:#f5f9fc; border:1px solid #d5e3ee; border-radius:10px; }
.okkensho .okkensho-reference-box ul { margin:0; padding-left:1.4em; }
.okkensho .okkensho-reference-box li { margin:0 0 12px; color:#4c6885; font-size:14px; line-height:1.8; }
.okkensho .okkensho-reference-box li:last-child { margin-bottom:0; }
.okkensho .okkensho-reference-box a { position:relative; z-index:1; pointer-events:auto; color:var(--okkensho-blue) !important; -webkit-text-fill-color:var(--okkensho-blue) !important; font-weight:700; text-decoration:underline !important; text-underline-offset:3px; }
.okkensho .okkensho-reference-box a:hover { text-decoration-thickness:2px !important; }
.okkensho .okkensho-legal-section { padding-top:44px; padding-bottom:44px; background:#f8fbfe; border-top:1px solid var(--okkensho-line); }
.okkensho .okkensho-legal-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.okkensho .okkensho-legal-box { border:1px solid var(--okkensho-line); border-radius:12px; background:#fff; overflow:hidden; }
.okkensho .okkensho-legal-box summary { position:relative; list-style:none; cursor:pointer; padding:18px 52px 18px 20px; color:#254f7b; font-weight:700; font-size:14px; }
.okkensho .okkensho-legal-box summary::-webkit-details-marker { display:none; }
.okkensho .okkensho-legal-box summary::after { content:"＋"; position:absolute; right:20px; top:16px; color:#6485a7; font-size:18px; font-weight:400; }
.okkensho .okkensho-legal-box[open] summary::after { content:"−"; }
.okkensho .okkensho-legal-body { padding:2px 20px 24px; border-top:1px solid #eef3f8; }
.okkensho .okkensho-legal-body h3 { font-size:14px; margin:20px 0 8px; }
.okkensho .okkensho-legal-body p { color:#566f89; font-size:12px; line-height:1.9; }
.okkensho .okkensho-legal-dl { margin:18px 0 0; }
.okkensho .okkensho-legal-dl>div { display:grid; grid-template-columns:190px minmax(0,1fr); gap:18px; padding:12px 0; border-bottom:1px solid #eef3f8; }
.okkensho .okkensho-legal-dl dt { color:#516f8e; font-size:12px; font-weight:700; }
.okkensho .okkensho-legal-dl dd { color:#365572; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.okkensho .okkensho-legal-note { margin-top:16px; }
/* フッターの法定リンクが埋もれないように */
.okkensho .okkensho-footer-menu a[href*="privacy"],
.okkensho .okkensho-footer-menu a[href*="tokusho"] { font-weight:700; }
@media (max-width:1060px) {
.okkensho .okkensho-flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.okkensho .okkensho-flow-grid>li:not(:last-child)::after { display:none; }
.okkensho .okkensho-detail-grid { grid-template-columns:1fr 1fr; }
.okkensho .okkensho-detail-grid>article:last-child { grid-column:1/-1; }
}
@media (max-width:820px) {
.okkensho .okkensho-review-track { animation-duration:60s; }
.okkensho .okkensho-google-review-card { width:300px; min-height:228px; }
.okkensho .okkensho-detail-grid { grid-template-columns:1fr; }
.okkensho .okkensho-detail-grid>article:last-child { grid-column:auto; }
.okkensho .okkensho-legal-dl>div { grid-template-columns:150px minmax(0,1fr); }
}
@media (max-width:600px) {
.okkensho .okkensho-flow-grid { grid-template-columns:1fr; gap:12px; }
.okkensho .okkensho-flow-grid>li { padding:22px 20px; }
.okkensho .okkensho-review-window { -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); }
.okkensho .okkensho-review-track { animation-duration:76s; gap:16px; }
.okkensho .okkensho-review-group { gap:12px; }
.okkensho .okkensho-google-review-card { width:272px; min-height:222px; padding:21px; }
.okkensho .okkensho-review-disclaimer { font-size:10.5px; padding-inline:8px; }
.okkensho .okkensho-legal-dl>div { grid-template-columns:1fr; gap:5px; }
}
@media (prefers-reduced-motion:reduce) {
.okkensho .okkensho-review-track { animation:none !important; }
.okkensho .okkensho-review-window { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
}
/* =========================================================
1.6.0 refinements
========================================================= */
/* ヘッダーCTA：無料相談はメール、LINEはチャットのシンプルアイコン */
.okkensho .okkensho-actions-header .okkensho-icon,
.okkensho .okkensho-actions-menu .okkensho-icon { width:17px; height:17px; stroke-width:1.9; }
.okkensho .okkensho-actions-header .okkensho-btn { gap:7px; }
.okkensho .okkensho-mobile-phone,
.okkensho .okkensho-menu-cta { display:none; }
/* 制作イメージ（旧レイアウト互換スタイル。v1.6.2で下部から上書き） */
.okkensho .okkensho-works-section { background:#f7fbff; }
.okkensho .okkensho-works-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.okkensho .okkensho-work-card { min-width:0; overflow:hidden; border:1px solid var(--okkensho-line); border-radius:16px; background:#fff; box-shadow:0 7px 24px rgba(25,69,110,.045); }
.okkensho .okkensho-work-image { display:block; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(135deg,#eef6fd,#dceafb); }
.okkensho .okkensho-work-image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.okkensho .okkensho-work-image:hover img { transform:scale(1.025); }
.okkensho .okkensho-work-image>span { width:100%; height:100%; display:grid; place-items:center; color:#87a8cb; }
.okkensho .okkensho-work-image .okkensho-icon { width:54px; height:54px; }
.okkensho .okkensho-work-body { padding:22px 22px 24px; }
.okkensho .okkensho-work-body h3 { font-size:17px; line-height:1.65; margin-bottom:9px; }
.okkensho .okkensho-work-body p { color:var(--okkensho-muted); font-size:13px; line-height:1.9; margin-bottom:14px; }
/* PC右下の追従バナー。画像未設定ならHTML自体を出力しない */
.okkensho .okkensho-floating-banner { position:fixed; right:22px; bottom:22px; z-index:80; width:164px; aspect-ratio:1/1; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 12px 35px rgba(13,52,92,.22); border:1px solid rgba(211,226,241,.9); transition:transform .18s ease,box-shadow .18s ease; }
.okkensho .okkensho-floating-banner:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(13,52,92,.28); }
.okkensho .okkensho-floating-banner img { width:100%; height:100%; object-fit:cover; }
/* フッターの法定ページリンクは通常メニューより前に独立表示 */
.okkensho .okkensho-footer-legal-links { display:flex; flex-wrap:wrap; gap:10px 24px; padding:0 0 18px; margin-bottom:22px; border-bottom:1px solid #e9f1f8; }
.okkensho .okkensho-footer-legal-links a { color:#315f91; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
/* 独立固定ページ：プライバシーポリシー・特商法表記 */
.okkensho.okkensho-legal-page-wrap { background:#f8fbfe; padding:56px 0 76px; }
.okkensho .okkensho-legal-page { background:transparent; }
.okkensho .okkensho-legal-page h1 { font-size:clamp(28px,4vw,40px); margin-bottom:18px; }
.okkensho .okkensho-legal-lead { color:#506b88; font-size:15px; line-height:2; padding-bottom:28px; border-bottom:1px solid var(--okkensho-line); }
.okkensho .okkensho-legal-page section { padding:28px 0 0; }
.okkensho .okkensho-legal-page section h2 { font-size:19px; margin-bottom:10px; }
.okkensho .okkensho-legal-page section p,
.okkensho .okkensho-legal-page section li { color:#526b87; font-size:14px; line-height:2; }
.okkensho .okkensho-legal-page section ul { margin:10px 0 0; padding-left:1.4em; }
.okkensho .okkensho-legal-page section li { margin:4px 0; }
.okkensho .okkensho-legal-dl-large { margin-top:28px; border-top:1px solid var(--okkensho-line); }
.okkensho .okkensho-legal-dl-large>div { grid-template-columns:220px minmax(0,1fr); padding:16px 0; }
.okkensho .okkensho-legal-dl-large dt,.okkensho .okkensho-legal-dl-large dd { font-size:13px; }
.okkensho .okkensho-legal-updated { margin-top:34px; color:#7890a7; font-size:12px; }
.okkensho .okkensho-legal-back { margin-top:32px; display:flex; justify-content:center; text-align:center; }
/* スマホ：追従ヘッダー、電話番号、開いたメニュー内だけに相談ボタン */
@media (max-width:600px) {
.okkensho .okkensho-header { position:sticky !important; top:0 !important; z-index:120 !important; }
.admin-bar .okkensho .okkensho-header { top:46px !important; }
.okkensho .okkensho-header-top p { font-size:9.5px; padding:5px 2px; }
.okkensho .okkensho-header-main { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-block:9px; min-height:62px; }
.okkensho .okkensho-header-main>.okkensho-brand { margin-right:auto; gap:6px; }
.okkensho .okkensho-brandtext { font-size:14px; }
.okkensho .okkensho-logo,.okkensho .okkensho-logo-placeholder { width:28px; height:28px; border-radius:6px; }
.okkensho .okkensho-mobile-phone { display:flex; flex:none; flex-direction:column; align-items:flex-end; justify-content:center; line-height:1.15; }
.okkensho .okkensho-mobile-phone a { color:#174f95; font-size:12px; font-weight:800; letter-spacing:.01em; }
.okkensho .okkensho-mobile-phone span { color:#6d8298; font-size:8.5px; margin-top:4px; white-space:nowrap; }
.okkensho .okkensho-menu-toggle { padding:6px 8px; min-height:40px; }
.okkensho .okkensho-header-main>.okkensho-actions-header { display:none !important; }
.okkensho .okkensho-menu { order:5; width:100%; flex:none; flex-direction:column; align-items:stretch; gap:5px; padding:10px 0 2px; }
.okkensho .okkensho-menu a { width:100%; padding:10px 12px; background:#f5f9fd; border-radius:7px; font-size:12px; }
.okkensho .okkensho-menu-cta { display:block; padding-top:6px; }
.okkensho .okkensho-actions-menu { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.okkensho .okkensho-actions-menu .okkensho-btn { width:100%; min-width:0; min-height:42px; padding:8px 7px; gap:5px; font-size:10.5px; }
.okkensho .okkensho-actions-menu .okkensho-icon { width:15px; height:15px; }
.okkensho .okkensho-floating-banner { display:none !important; }
}
/* スマホ：アピール文と写真を同じエリア内で一体化。写真は右側に残し、左から白いぼかしを重ねる */
@media (max-width:820px) {
.okkensho .okkensho-hero { position:relative !important; overflow:hidden !important; background:#eef6fd !important; }
.okkensho .okkensho-hero::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 34%,rgba(255,255,255,.72) 58%,rgba(255,255,255,.28) 82%,rgba(255,255,255,.08) 100%); }
.okkensho .okkensho-hero-grid { position:relative !important; display:block !important; width:calc(100% - 36px) !important; max-width:none !important; min-height:610px; margin-inline:auto !important; padding:46px 0 48px !important; }
.okkensho .okkensho-hero-copy { position:relative !important; z-index:4 !important; width:100% !important; max-width:100% !important; padding:0 !important; background:none !important; }
.okkensho .okkensho-hero-copy .okkensho-hero-description { max-width:94% !important; }
.okkensho .okkensho-hero-visual { position:absolute !important; z-index:1 !important; inset:0 -18px 0 18% !important; width:auto !important; max-width:none !important; min-height:100% !important; margin:0 !important; display:block !important; }
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; border:0 !important; border-radius:0 !important; clip-path:none !important; overflow:hidden !important; }
.okkensho .okkensho-hero-visual .okkensho-photo--2 .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:62% center !important; filter:saturate(.96) contrast(.98); -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 17%,rgba(0,0,0,.78) 43%,#000 65%,#000 100%) !important; mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 17%,rgba(0,0,0,.78) 43%,#000 65%,#000 100%) !important; }
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::before,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image::after { display:none !important; content:none !important; }
.okkensho .okkensho-hero-offer { max-width:310px; background:rgba(255,255,255,.58); backdrop-filter:blur(2px); }
.okkensho .okkensho-actions-hero { max-width:390px; }
}
@media (max-width:600px) {
.okkensho .okkensho-hero-grid { min-height:590px; padding-top:38px !important; }
.okkensho .okkensho-hero h1 { font-size:30px; }
.okkensho .okkensho-hero-description { font-size:13.5px; line-height:1.9; }
.okkensho .okkensho-hero-visual { inset:0 -18px 0 12% !important; }
.okkensho .okkensho-hero::after { background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.65) 66%,rgba(255,255,255,.17) 100%); }
.okkensho .okkensho-works-grid { grid-template-columns:1fr; gap:16px; }
.okkensho .okkensho-work-body { padding:19px 19px 21px; }
.okkensho .okkensho-footer-legal-links { gap:10px 18px; }
.okkensho.okkensho-legal-page-wrap { padding:38px 0 54px; }
.okkensho .okkensho-legal-dl-large>div { grid-template-columns:1fr; gap:5px; }
}
@media (min-width:601px) and (max-width:1060px) {
.okkensho .okkensho-works-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
.okkensho .okkensho-hero::after { -webkit-backdrop-filter:blur(.7px); backdrop-filter:blur(.7px); }
}
/* =========================================================
1.6.2 制作イメージ：PC版＋スマホ版の横自動スクロール
========================================================= */
.okkensho .okkensho-works-section {
overflow:hidden;
background:linear-gradient(180deg,#f7fbff 0%,#f2f8fd 100%);
}
.okkensho .okkensho-work-window {
width:100vw;
margin-left:calc(50% - 50vw);
overflow:hidden;
padding:8px 0 18px;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.okkensho .okkensho-work-track {
display:flex;
width:max-content;
gap:20px;
animation:okkensho-work-marquee 54s linear infinite;
will-change:transform;
}
.okkensho .okkensho-work-window:hover .okkensho-work-track { animation-play-state:paused; }
.okkensho .okkensho-work-group { display:flex; gap:20px; flex:none; align-items:stretch; }
.okkensho .okkensho-work-card {
width:460px;
min-width:460px;
overflow:hidden;
border:1px solid #d9e7f5;
border-radius:18px;
background:#fff;
box-shadow:0 9px 28px rgba(25,69,110,.07);
cursor:default;
user-select:none;
}
.okkensho .okkensho-work-device-set {
position:relative;
height:300px;
padding:26px 34px 20px 26px;
background:linear-gradient(145deg,#eef6fd 0%,#e4f0fb 56%,#d7e8f8 100%);
overflow:hidden;
}
.okkensho .okkensho-work-device-set::before {
content:"";
position:absolute;
width:230px;
height:230px;
right:-82px;
top:-86px;
border-radius:50%;
background:rgba(255,255,255,.44);
}
.okkensho .okkensho-work-desktop {
position:relative;
z-index:1;
width:86%;
height:230px;
margin-top:7px;
border:7px solid #243446;
border-bottom-width:12px;
border-radius:12px 12px 7px 7px;
background:#fff;
box-shadow:0 16px 28px rgba(24,54,89,.18);
overflow:hidden;
}
.okkensho .okkensho-work-browserbar {
height:20px;
display:flex;
gap:5px;
align-items:center;
padding:0 8px;
background:#eef2f6;
border-bottom:1px solid #dce4ec;
}
.okkensho .okkensho-work-browserbar i { width:5px; height:5px; border-radius:50%; background:#9fb0c0; }
.okkensho .okkensho-work-screen { height:calc(100% - 20px); background:#fff; overflow:hidden; }
.okkensho .okkensho-work-screen img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.okkensho .okkensho-work-mobile {
position:absolute;
z-index:3;
right:28px;
bottom:18px;
width:94px;
height:188px;
padding:5px;
border-radius:17px;
background:#1d2a38;
box-shadow:0 14px 30px rgba(13,44,77,.28);
}
.okkensho .okkensho-work-mobile-notch {
position:absolute;
z-index:4;
top:8px;
left:50%;
width:31px;
height:5px;
transform:translateX(-50%);
border-radius:999px;
background:#1d2a38;
}
.okkensho .okkensho-work-mobile-screen {
width:100%;
height:100%;
overflow:hidden;
border-radius:12px;
background:#fff;
}
.okkensho .okkensho-work-mobile-screen img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.okkensho .okkensho-work-placeholder {
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
color:#84a5c7;
background:linear-gradient(135deg,#f8fbfe,#e8f2fb);
}
.okkensho .okkensho-work-placeholder .okkensho-icon { width:34px; height:34px; }
.okkensho .okkensho-work-placeholder small { font-size:10px; font-weight:700; }
.okkensho .okkensho-work-body { padding:20px 22px 22px; min-height:102px; }
.okkensho .okkensho-work-body h3 { margin:0; color:#173f6d; font-size:16px; line-height:1.65; }
.okkensho .okkensho-work-body p { margin:8px 0 0; color:#5a728c; font-size:12px; line-height:1.85; }
.okkensho .okkensho-work-note {
max-width:960px;
margin:22px auto 0;
color:#657c94;
font-size:11.5px;
line-height:1.9;
text-align:center;
}
@keyframes okkensho-work-marquee {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 10px)); }
}
@media (max-width:820px) {
.okkensho .okkensho-work-track { animation-duration:66s; }
.okkensho .okkensho-work-card { width:390px; min-width:390px; }
.okkensho .okkensho-work-device-set { height:270px; padding:24px 28px 18px 22px; }
.okkensho .okkensho-work-desktop { width:87%; height:207px; }
.okkensho .okkensho-work-mobile { right:22px; bottom:16px; width:84px; height:168px; }
}
@media (max-width:600px) {
.okkensho .okkensho-work-window {
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%);
}
.okkensho .okkensho-work-track { animation-duration:84s; gap:14px; }
.okkensho .okkensho-work-group { gap:14px; }
.okkensho .okkensho-work-card { width:304px; min-width:304px; border-radius:15px; }
.okkensho .okkensho-work-device-set { height:228px; padding:19px 20px 15px 16px; }
.okkensho .okkensho-work-desktop { width:88%; height:174px; border-width:5px; border-bottom-width:9px; border-radius:9px 9px 5px 5px; }
.okkensho .okkensho-work-browserbar { height:16px; padding-inline:6px; gap:4px; }
.okkensho .okkensho-work-browserbar i { width:4px; height:4px; }
.okkensho .okkensho-work-screen { height:calc(100% - 16px); }
.okkensho .okkensho-work-mobile { right:16px; bottom:13px; width:69px; height:139px; padding:4px; border-radius:13px; }
.okkensho .okkensho-work-mobile-screen { border-radius:9px; }
.okkensho .okkensho-work-mobile-notch { top:6px; width:24px; height:4px; }
.okkensho .okkensho-work-body { min-height:92px; padding:16px 17px 18px; }
.okkensho .okkensho-work-body h3 { font-size:14px; }
.okkensho .okkensho-work-body p { font-size:11px; }
.okkensho .okkensho-work-note { font-size:10.5px; padding-inline:4px; }
}
@media (prefers-reduced-motion:reduce) {
.okkensho .okkensho-work-track { animation:none !important; }
.okkensho .okkensho-work-window {
overflow-x:auto;
-webkit-mask-image:none;
mask-image:none;
-webkit-overflow-scrolling:touch;
}
}
/* =========================================================
1.6.4 制作イメージ：完成済み画像だけを横自動スクロール
- カード、タイトル、説明文、PC/スマホ端末枠は付けない
- PC/スマホとも同じ画像を使用
========================================================= */
.okkensho .okkensho-works-section {
overflow:hidden;
background:linear-gradient(180deg,#f7fbff 0%,#f2f8fd 100%);
}
.okkensho .okkensho-work-window {
width:100vw;
margin-left:calc(50% - 50vw);
overflow:hidden;
padding:4px 0 14px;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
}
.okkensho .okkensho-work-track {
display:flex;
width:max-content;
gap:34px;
align-items:center;
animation:okkensho-work-marquee-v164 52s linear infinite;
will-change:transform;
}
.okkensho .okkensho-work-window:hover .okkensho-work-track { animation-play-state:paused; }
.okkensho .okkensho-work-group {
display:flex;
gap:34px;
flex:none;
align-items:center;
}
.okkensho .okkensho-work-image-item {
width:560px;
min-width:560px;
height:390px;
display:flex;
align-items:center;
justify-content:center;
margin:0;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
overflow:visible;
user-select:none;
}
.okkensho .okkensho-work-image-item img {
display:block;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
object-fit:contain;
object-position:center;
pointer-events:none;
}
.okkensho .okkensho-work-note {
max-width:960px;
margin:18px auto 0;
color:#657c94;
font-size:11.5px;
line-height:1.9;
text-align:center;
}
@keyframes okkensho-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 17px)); }
}
@media (max-width:1060px) {
.okkensho .okkensho-work-track,
.okkensho .okkensho-work-group { gap:24px; }
.okkensho .okkensho-work-track { animation-duration:60s; }
.okkensho .okkensho-work-image-item {
width:470px;
min-width:470px;
height:330px;
}
@keyframes okkensho-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 12px)); }
}
}
@media (max-width:600px) {
.okkensho .okkensho-work-window {
padding:0 0 10px;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%);
}
.okkensho .okkensho-work-track,
.okkensho .okkensho-work-group { gap:16px; }
.okkensho .okkensho-work-track { animation-duration:68s; }
.okkensho .okkensho-work-image-item {
width:86vw;
min-width:86vw;
max-width:350px;
height:270px;
}
.okkensho .okkensho-work-note { font-size:10.5px; padding-inline:4px; }
@keyframes okkensho-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 8px)); }
}
}
@media (prefers-reduced-motion:reduce) {
.okkensho .okkensho-work-track { animation:none !important; }
.okkensho .okkensho-work-window {
overflow-x:auto;
-webkit-mask-image:none;
mask-image:none;
}
}
/* =========================================================
1.6.8 サイト制作コラム：アイキャッチ見切れ防止（最終上書き）
- 300:170 の枠は維持
- 元画像全体を contain で表示
- WordPress/テーマ側の cover・transform を強制解除
========================================================= */
.okkensho .okkensho-column-thumb,
.okkensho .okkensho-article-cover-frame {
box-sizing:border-box !important;
aspect-ratio:300 / 170 !important;
overflow:hidden !important;
background:#fff !important;
}
.okkensho .okkensho-column-thumb > img.okkensho-featured-original,
.okkensho .okkensho-article-cover-frame > img.okkensho-featured-original {
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:50% 50% !important;
transform:none !important;
scale:1 !important;
translate:none !important;
clip-path:none !important;
}
/* =========================================================
1.6.9 サイト制作コラム：300×170をそのまま表示
実画像が300:170なら、固定高を使わず width:100%; height:auto にするのが
最も確実。3:2の親要素や cover の影響を受けても左右を切らない。
========================================================= */
.okkensho .okkensho-column-thumb {
display:block !important;
width:100% !important;
height:auto !important;
aspect-ratio:300 / 170 !important;
overflow:hidden !important;
background:#fff !important;
line-height:0 !important;
}
.okkensho .okkensho-column-thumb > img,
.okkensho img.okkensho-column-featured-image,
.okkensho img.okkensho-featured-original,
.okkensho img.okkensho-article-cover {
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
max-height:none !important;
aspect-ratio:300 / 170 !important;
object-fit:contain !important;
object-position:center center !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
scale:1 !important;
translate:none !important;
clip-path:none !important;
}
.okkensho img.okkensho-article-cover { margin-bottom:32px !important; border-radius:12px !important; }
.okkensho .okkensho-article-cover-frame { height:auto !important; max-height:none !important; aspect-ratio:auto !important; overflow:visible !important; }
/* =========================================================
1.7.1 コラム固定ページ／法定ページ導線
========================================================= */
.okkensho .okkensho-column-index-page .okkensho-heading { margin-bottom:30px; }
.okkensho .okkensho-column-index-back { display:flex; justify-content:center; margin-top:36px; text-align:center; }
.okkensho .okkensho-legal-back { display:flex !important; justify-content:center !important; text-align:center !important; }
@media (max-width:600px) {
.okkensho .okkensho-legal-back .okkensho-btn,
.okkensho .okkensho-column-index-back .okkensho-btn { width:auto; max-width:100%; justify-content:center; }
}
/* =========================================================
1.7.2 Reveal motion + PC flow arrows
- Standard content: left -> right fade
- Card content: bottom -> top fade
- Google reviews / work-image marquees remain untouched
========================================================= */
.okkensho.okkensho-reveal-ready .okkensho-reveal {
opacity:0;
transition:
opacity .64s cubic-bezier(.2,.72,.2,1),
transform .64s cubic-bezier(.2,.72,.2,1);
transition-delay:var(--okkensho-reveal-delay,0ms);
will-change:opacity,transform;
}
.okkensho.okkensho-reveal-ready .okkensho-reveal-left { transform:translate3d(-36px,0,0); }
.okkensho.okkensho-reveal-ready .okkensho-reveal-up { transform:translate3d(0,34px,0); }
.okkensho.okkensho-reveal-ready .okkensho-reveal.is-visible {
opacity:1;
transform:translate3d(0,0,0);
will-change:auto;
}
/* 横スクロールそのものには reveal を一切適用しない。 */
.okkensho .okkensho-review-window,
.okkensho .okkensho-review-window *,
.okkensho .okkensho-work-window,
.okkensho .okkensho-work-window * {
--okkensho-reveal-delay:0ms;
}
/* モバイル／タブレットのメニュー項目も、開いた時に左から右へ。 */
@media (max-width:1060px) {
.okkensho.is-enhanced .okkensho-menu.is-open > a,
.okkensho.is-enhanced .okkensho-menu.is-open > .okkensho-menu-cta {
opacity:0;
transform:translateX(-22px);
animation:okkensho-menu-fade-right .42s cubic-bezier(.2,.72,.2,1) forwards;
}
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(2) { animation-delay:45ms; }
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(3) { animation-delay:90ms; }
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(4) { animation-delay:135ms; }
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(5) { animation-delay:180ms; }
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(6) { animation-delay:225ms; }
.okkensho.is-enhanced .okkensho-menu.is-open > :nth-child(7) { animation-delay:270ms; }
}
@keyframes okkensho-menu-fade-right {
from { opacity:0; transform:translateX(-22px); }
to { opacity:1; transform:translateX(0); }
}
/* PCのみ：流れカードの間隔を広げ、謎の棒線を青い矢印へ置換。 */
@media (min-width:1061px) {
.okkensho .okkensho-flow-grid { gap:42px; }
.okkensho .okkensho-flow-grid > li:not(:last-child)::after {
content:"→";
position:absolute;
right:-35px;
top:50%;
width:28px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
transform:translateY(-50%);
background:none;
color:#2f7ce3;
font-size:28px;
font-weight:800;
line-height:1;
z-index:3;
}
}
@media (prefers-reduced-motion:reduce) {
.okkensho.okkensho-reveal-ready .okkensho-reveal,
.okkensho.okkensho-reveal-ready .okkensho-reveal-left,
.okkensho.okkensho-reveal-ready .okkensho-reveal-up,
.okkensho.okkensho-reveal-ready .okkensho-reveal.is-visible {
opacity:1 !important;
transform:none !important;
transition:none !important;
}
.okkensho.is-enhanced .okkensho-menu.is-open > a,
.okkensho.is-enhanced .okkensho-menu.is-open > .okkensho-menu-cta {
opacity:1 !important;
transform:none !important;
animation:none !important;
}
}
/* =========================================================
1.7.3 サイト制作コラム：記事ヘッダー／参考リンク／一覧ボタン
========================================================= */
.okkensho .okkensho-single-heading .okkensho-column-kicker {
display:block;
margin:0 auto;
text-align:center;
color:var(--okkensho-blue);
font-size:13px;
line-height:1.4;
font-weight:800;
letter-spacing:.18em;
}
.okkensho .okkensho-single-heading time {
display:block;
margin:9px 0 16px !important;
text-align:center;
}
.okkensho .okkensho-single-content a:not(.okkensho-btn) {
position:relative;
z-index:1;
pointer-events:auto !important;
color:var(--okkensho-blue) !important;
-webkit-text-fill-color:var(--okkensho-blue) !important;
text-decoration:underline !important;
text-underline-offset:3px;
cursor:pointer;
}
.okkensho .okkensho-single-content a:not(.okkensho-btn):hover {
text-decoration-thickness:2px !important;
}
.okkensho .okkensho-column-back {
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:48px 0 0;
text-align:center;
}
.okkensho .okkensho-column-back .okkensho-btn {
width:auto;
min-width:190px;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
text-decoration:none !important;
}
@media (max-width:600px) {
.okkensho .okkensho-column-back { margin-top:38px; }
.okkensho .okkensho-column-back .okkensho-btn { width:auto; max-width:100%; }
}
/* =========================================================
1.7.4 スマホ追従相談バー／メニューCTA整理／電話アイコン
========================================================= */
/* ヒーロー（10万円表示直下）の相談ボタンは、追従バーとの重複を避けて非表示。 */
.okkensho .okkensho-actions-hero { display:none !important; }
/* スマホメニュー内の相談ボタンは使用しない。旧キャッシュ／旧HTMLが残っても非表示。 */
.okkensho .okkensho-menu-cta,
.okkensho .okkensho-actions-menu { display:none !important; }
/* スマホ追従バーはPC／タブレットでは表示しない。 */
.okkensho .okkensho-mobile-sticky-actions { display:none; }
/* 電話番号の前に同系統の線画アイコンを表示。 */
.okkensho .okkensho-mobile-phone a {
display:inline-flex;
align-items:center;
justify-content:flex-end;
gap:5px;
}
.okkensho .okkensho-mobile-phone a .okkensho-icon {
width:14px;
height:14px;
flex:none;
stroke-width:2;
}
.okkensho .okkensho-mobile-phone-number { display:inline-block; }
@media (max-width:600px) {
/* 画面下に常時追従。iPhone等のセーフエリアも考慮する。 */
.okkensho .okkensho-mobile-sticky-actions {
display:block;
position:fixed;
left:0;
right:0;
bottom:0;
z-index:220;
padding:8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
background:rgba(255,255,255,.98);
border-top:1px solid #dbe8f5;
box-shadow:0 -5px 20px rgba(19,61,120,.12);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.okkensho .okkensho-actions-mobile-sticky {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:8px;
width:100%;
max-width:560px;
margin:0 auto;
}
.okkensho .okkensho-actions-mobile-sticky .okkensho-btn {
width:100%;
min-width:0;
min-height:48px;
padding:10px 8px;
border-radius:10px;
gap:7px;
font-size:12.5px;
line-height:1.35;
white-space:nowrap;
box-shadow:none;
}
.okkensho .okkensho-actions-mobile-sticky .okkensho-icon {
width:18px;
height:18px;
flex:none;
stroke-width:1.9;
}
/* 固定バーでフッター最下部の内容が隠れないように余白を確保。 */
.okkensho .okkensho-footer {
padding-bottom:calc(86px + env(safe-area-inset-bottom));
}
}
@media (max-width: 640px) {
.okkensho .okkensho-inquiry-options { grid-template-columns:1fr; gap:12px; }
.okkensho .okkensho-inquiry-option { padding:14px 13px; }
.okkensho .okkensho-inquiry-field legend { flex-wrap:wrap; }
}
/* v1.7.7 contact plan field redesign: mirror reference plugin UI */
.okkensho .okkensho-plan-field{border:0;padding:0;margin:0 0 20px;}
.okkensho .okkensho-plan-field legend{display:block;width:100%;font-size:13px;font-weight:800;color:#284a68;margin-bottom:9px;}
.okkensho .okkensho-plan-field legend span{display:inline-block;font-size:10px;font-weight:700;color:#607c94;background:#eef5fb;border-radius:12px;padding:3px 8px;margin-left:6px;vertical-align:middle;}
.okkensho .okkensho-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.okkensho .okkensho-plan-options label{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #d7e4ef;border-radius:5px;background:#fbfdff;cursor:pointer;transition:.2s;}
.okkensho .okkensho-plan-options label:hover{border-color:#91b7d7;background:#f4f9fd;}
.okkensho .okkensho-plan-options input{width:auto !important;min-height:0 !important;margin-top:3px;accent-color:#075aa6;flex:none;padding:0;border:0;box-shadow:none;background:transparent;}
.okkensho .okkensho-plan-options span{display:block;min-width:0;}
.okkensho .okkensho-plan-options b{display:block;font-size:12px;color:#1f486c;line-height:1.5;font-weight:700;}
.okkensho .okkensho-plan-options small{display:block;color:#71879a;font-size:11px;margin-top:3px;line-height:1.5;}
.okkensho .okkensho-plan-options label:has(input:checked){border-color:#91b7d7;background:#f4f9fd;}
.okkensho .okkensho-other-detail{margin-top:-6px;}
@media (max-width:760px){
.okkensho .okkensho-plan-options{grid-template-columns:1fr;}
}
/* v1.7.8: 料金プランは排他的に1つだけ選択 */
.okkensho .okkensho-plan-options input[type="radio"]{
appearance:auto!important;
-webkit-appearance:radio!important;
width:16px!important;
height:16px!important;
min-height:0!important;
margin:3px 0 0!important;
padding:0!important;
accent-color:#075aa6;
flex:none;
}
/* =========================================================
1.7.9 スマホのアピールエリア高さ調整
下部の余分な画像領域をカットし、テキスト直下でコンパクトに終了。
========================================================= */
@media (max-width:600px) {
.okkensho .okkensho-hero-grid {
min-height:445px !important;
padding-top:30px !important;
padding-bottom:24px !important;
}
.okkensho .okkensho-hero-visual,
.okkensho .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
height:100% !important;
min-height:0 !important;
}
}
/* ===== 提供元LPの共通レイアウト ===== */
.okkensho--kenshokai{--okkensho-blue:#176b87;--okkensho-navy:#163f50;--okkensho-ink:#203d49;--okkensho-muted:#5b727b;--okkensho-line:#dce9e8;--okkensho-soft:#f3f9f8;--okkensho-green:#1b7b69;background:#fff}
.okkensho--kenshokai .okkensho-header-top{background:#edf7f5;border-color:#dcebe8}.okkensho--kenshokai .okkensho-eyebrow{color:#287765}.okkensho--kenshokai .okkensho-kenshokai-hero{background:linear-gradient(135deg,#f4faf9 0%,#fff 58%,#eef7f6 100%);position:relative;overflow:hidden}.okkensho--kenshokai .okkensho-kenshokai-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-240px;background:rgba(43,139,119,.08);pointer-events:none}.okkensho--kenshokai .okkensho-hero-copy{position:relative;z-index:1}.okkensho--kenshokai .okkensho-hero-copy h1{font-size:clamp(34px,4.3vw,58px);line-height:1.42;letter-spacing:.015em}.okkensho--kenshokai .okkensho-hero-description{max-width:720px}
.okkensho .okkensho-kenshokai-price-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 20px;max-width:650px}.okkensho .okkensho-kenshokai-price-pills>div{padding:17px 19px;border:1px solid #cfe3df;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(38,89,82,.06)}.okkensho .okkensho-kenshokai-price-pills span,.okkensho .okkensho-kenshokai-price-pills small{display:block;color:#58736e;font-size:12px;font-weight:700}.okkensho .okkensho-kenshokai-price-pills strong{display:inline-block;margin-right:6px;color:#176b87;font-size:26px;line-height:1.35}.okkensho .okkensho-kenshokai-price-pills small{display:inline;color:#6e807d}
.okkensho .okkensho-kenshokai-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:960px;margin:0 auto}.okkensho .okkensho-kenshokai-price-card{padding:34px;border:1px solid var(--okkensho-line);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(35,88,79,.06)}.okkensho .okkensho-kenshokai-price-card.is-featured{border:2px solid #72b7a7;background:linear-gradient(180deg,#f5fbf9,#fff)}.okkensho .okkensho-kenshokai-price-card h3{font-size:21px;margin:9px 0 14px}.okkensho .okkensho-kenshokai-price-card>p:last-child{font-size:14px;color:var(--okkensho-muted)}.okkensho .okkensho-kenshokai-cost-note{max-width:960px;margin:24px auto 0;padding:24px 28px;border-radius:14px;background:#f6faf8;border-left:4px solid #5ca38f}.okkensho .okkensho-kenshokai-cost-note h3{font-size:16px;margin-bottom:8px}.okkensho .okkensho-kenshokai-cost-note p{font-size:13px;color:#4f6964}
.okkensho .okkensho-flow-six{grid-template-columns:repeat(3,minmax(0,1fr))}.okkensho .okkensho-kenshokai-band{background:linear-gradient(135deg,#164b56,#1f756c)}.okkensho .okkensho-kenshokai-band h2,.okkensho .okkensho-kenshokai-band p{color:#fff}.okkensho .okkensho-kenshokai-band .okkensho-eyebrow{color:#bbede1}.okkensho--kenshokai .okkensho-service-card{border-color:#d8e9e5}.okkensho--kenshokai .okkensho-card-icon{color:#237b6c;background:#edf7f4}.okkensho--kenshokai .okkensho-price-tag{background:#e8f5f2;color:#277565}.okkensho--kenshokai .okkensho-price-amount strong{color:#176b87}.okkensho--kenshokai .okkensho-line-info{background:#eff8f4;border-color:#d7ebe2}.okkensho--kenshokai .okkensho-line-info h3{color:#216c58}
.okkensho .okkensho-legal-page h1{font-size:clamp(28px,4vw,42px);margin:5px 0 34px}.okkensho .okkensho-legal-body h2{font-size:21px;margin:34px 0 10px}.okkensho .okkensho-legal-body p{color:#49636a}.okkensho .okkensho-legal-dl{margin-top:28px;border-top:1px solid var(--okkensho-line)}.okkensho .okkensho-legal-dl>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--okkensho-line)}.okkensho .okkensho-legal-dl dt{font-weight:700;color:var(--okkensho-navy)}.okkensho .okkensho-legal-dl dd{color:#536b72}.okkensho .okkensho-legal-note{margin-top:20px;font-size:12px;color:#6b7d82}.okkensho .okkensho-legal-back{margin-top:36px}
@media(max-width:900px){.okkensho .okkensho-flow-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.okkensho .okkensho-kenshokai-price-pills,.okkensho .okkensho-kenshokai-price-grid,.okkensho .okkensho-flow-six{grid-template-columns:1fr}.okkensho .okkensho-kenshokai-price-card{padding:26px 22px}.okkensho .okkensho-kenshokai-price-pills strong{font-size:24px}.okkensho .okkensho-legal-dl>div{grid-template-columns:1fr;gap:6px}.okkensho--kenshokai .okkensho-hero-copy h1{font-size:32px}}
/* 提供元のレスポンシブ表示補正 */
.okkensho {
--okkensho-font:"Yu Gothic","YuGothic","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-weight:400;
}
.okkensho h1,.okkensho h2,.okkensho h3,.okkensho h4 { font-weight:600; letter-spacing:.015em; }
.okkensho .okkensho-brand-imageonly { width:250px; max-width:25vw; min-width:190px; }
.okkensho .okkensho-header-brand-image { width:100%; height:50px; object-fit:contain; object-position:left center; }
.okkensho .okkensho-header-brand-placeholder { width:100%; min-height:48px; padding:5px 12px; border:1px dashed #afc8df; border-radius:10px; background:#f7fbff; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; color:#557694; line-height:1.2; }
.okkensho .okkensho-header-brand-placeholder strong { font-size:12px; }
.okkensho .okkensho-header-brand-placeholder small { font-size:9px; margin-top:3px; }
@media (min-width: 1101px){
.okkensho .okkensho-kenshokai-hero .okkensho-container { max-width:1280px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero-grid { grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); gap:20px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy { margin-left:-24px; position:relative; z-index:3; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero h1 { font-size:clamp(34px,3.15vw,46px); line-height:1.35; letter-spacing:.005em; width:max-content; max-width:720px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero h1 br { display:block; }
.okkensho .okkensho-kenshokai-hero .okkensho-eyebrow { margin-left:-18px; padding-left:18px; position:relative; }
.okkensho .okkensho-kenshokai-hero .okkensho-eyebrow::before { content:""; position:absolute; left:-48px; top:50%; width:52px; height:1px; background:#5d91cc; }
}
.okkensho .okkensho-office-section { background:linear-gradient(135deg,#f7fbff,#eef6fc); }
.okkensho .okkensho-office-grid { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr); gap:58px; align-items:center; }
.okkensho .okkensho-office-photo { min-height:410px; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 16px 42px rgba(36,82,126,.10); }
.okkensho .okkensho-office-photo img { width:100%; height:100%; min-height:410px; object-fit:cover; object-position:center top; }
.okkensho .okkensho-office-placeholder { min-height:410px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#6985a3; border:1px dashed #aec6dc; }
.okkensho .okkensho-office-placeholder .okkensho-icon { width:62px; height:62px; }
.okkensho .okkensho-office-placeholder strong { font-size:18px; }
.okkensho .okkensho-office-placeholder span { font-size:12px; }
.okkensho .okkensho-office-copy h2 { font-size:32px; margin-bottom:18px; }
.okkensho .okkensho-office-name { font-size:20px; color:var(--okkensho-navy); font-weight:600; margin-bottom:4px; }
.okkensho .okkensho-office-person { color:#456789; margin-bottom:20px; }
.okkensho .okkensho-office-profile { margin:24px 0; border-top:1px solid #d9e8f4; }
.okkensho .okkensho-office-profile>div { display:grid; grid-template-columns:112px 1fr; gap:16px; padding:11px 0; border-bottom:1px solid #d9e8f4; }
.okkensho .okkensho-office-profile dt { font-size:12px; font-weight:700; color:#507495; }
.okkensho .okkensho-office-profile dd { font-size:14px; color:#294d70; }
.okkensho .okkensho-column-category-block { margin-top:54px; }
.okkensho .okkensho-column-category-block + .okkensho-column-category-block { margin-top:76px; padding-top:64px; border-top:1px solid #dce9f4; }
.okkensho .okkensho-column-category-head { margin-bottom:28px; }
.okkensho .okkensho-column-category-head>span { display:inline-block; padding:5px 12px; border-radius:999px; background:#eaf3fc; color:#175db2; font-size:11px; font-weight:700; margin-bottom:8px; }
.okkensho .okkensho-column-category-head h2 { font-size:28px; margin-bottom:8px; }
.okkensho .okkensho-column-category-head p { color:#607a94; font-size:14px; }
.okkensho .okkensho-legal-lead { margin:18px 0 30px; padding:18px 20px; background:#f4f9fd; border-left:4px solid #3c80ce; color:#405f7d; }
.okkensho .okkensho-legal-body>p:first-child { margin-top:20px; padding:18px 20px; background:#f7fafc; border-radius:12px; }
@media (max-width:1100px){
.okkensho .okkensho-brand-imageonly { width:220px; max-width:32vw; min-width:175px; }
.okkensho .okkensho-header-brand-image { height:46px; }
}
@media (max-width:820px){
.okkensho .okkensho-office-grid { grid-template-columns:1fr; gap:30px; }
.okkensho .okkensho-office-photo,.okkensho .okkensho-office-photo img,.okkensho .okkensho-office-placeholder { min-height:0; aspect-ratio:4/3; }
.okkensho .okkensho-office-photo { max-width:620px; width:100%; margin-inline:auto; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero h1 { max-width:100%; }
}
@media (max-width:640px){
.okkensho .okkensho-brand-imageonly { width:172px; min-width:150px; max-width:52vw; }
.okkensho .okkensho-header-brand-image { height:42px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero h1 { font-size:clamp(25px,7.4vw,32px); line-height:1.42; }
.okkensho .okkensho-office-copy h2 { font-size:26px; }
.okkensho .okkensho-office-profile>div { grid-template-columns:92px 1fr; gap:10px; }
}
/* =========================================================
v2.1.1 アピールエリア・料金詳細導線調整
========================================================= */
/* 「行政書士が全国対応」は線ではなくバッジ表示 */
.okkensho .okkensho-kenshokai-hero .okkensho-hero-badge {
display:inline-flex;
align-items:center;
width:auto;
margin:0 0 16px 0 !important;
padding:7px 15px !important;
border:1px solid rgba(35,123,108,.22);
border-radius:999px;
background:linear-gradient(135deg,#237b6c,#319883);
color:#fff !important;
font-size:12px;
font-weight:700;
line-height:1.4;
letter-spacing:.08em;
box-shadow:0 7px 20px rgba(35,123,108,.14);
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-badge::before,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-badge::after {
display:none !important;
content:none !important;
}
/* 写真2との境界は斜めの切り取り線を使わず、ぼかし（フェード）のみ */
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.has-image,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.is-placeholder {
clip-path:none !important;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.has-image::before,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.has-image::after {
display:none !important;
content:none !important;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2 .okkensho-slot-image,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-contain .okkensho-slot-image,
.okkensho .okkensho-kenshokai-hero .okkensho-hero-visual .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image {
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.13) 5%,rgba(0,0,0,.46) 12%,rgba(0,0,0,.82) 21%,#000 31%,#000 100%) !important;
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.13) 5%,rgba(0,0,0,.46) 12%,rgba(0,0,0,.82) 21%,#000 31%,#000 100%) !important;
}
@media (min-width:1101px) {
/* 画面を広く使い、見出し・説明文を従来より約90px左へ */
.okkensho .okkensho-kenshokai-hero .okkensho-container {
width:calc(100% - 40px);
max-width:1440px;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-grid {
grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
gap:14px;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy {
margin-left:-40px;
padding-right:34px !important;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy h1 {
width:auto;
max-width:820px;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-description {
max-width:790px;
}
}
@media (min-width:821px) and (max-width:1100px) {
.okkensho .okkensho-kenshokai-hero .okkensho-container { width:calc(100% - 34px); }
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy { margin-left:-12px; }
}
/* 定額報酬の直下に、各プランの利用例を表示 */
.okkensho .okkensho-price-case-details {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
max-width:960px;
margin:28px auto 0;
}
.okkensho .okkensho-price-case-card {
scroll-margin-top:calc(var(--okkensho-header-offset) + 18px);
padding:28px 30px;
border:1px solid #d7e7e3;
border-radius:18px;
background:#fbfefd;
box-shadow:0 12px 30px rgba(35,88,79,.045);
}
.okkensho .okkensho-price-case-card.is-featured { border-color:#9ccdc2; background:linear-gradient(180deg,#f1faf7,#fff); }
.okkensho .okkensho-price-case-head { margin-bottom:15px; }
.okkensho .okkensho-price-case-head>span {
display:inline-block;
margin-bottom:8px;
padding:4px 10px;
border-radius:999px;
background:#e7f5f1;
color:#276f62;
font-size:11px;
font-weight:700;
}
.okkensho .okkensho-price-case-head h3 { font-size:18px; line-height:1.65; }
.okkensho .okkensho-price-case-card>p { color:#526d68; font-size:13.5px; line-height:1.9; }
.okkensho .okkensho-price-case-card ul { margin:17px 0; padding:0; list-style:none; }
.okkensho .okkensho-price-case-card li {
position:relative;
margin:8px 0;
padding-left:24px;
color:#345b54;
font-size:13.5px;
line-height:1.75;
}
.okkensho .okkensho-price-case-card li::before {
content:"✓";
position:absolute;
left:0;
top:0;
color:#22806e;
font-weight:700;
}
.okkensho .okkensho-price-case-card .okkensho-price-case-note {
margin-top:16px;
padding-top:14px;
border-top:1px solid #e0ece9;
color:#6a7e7a;
font-size:11.5px;
}
@media (max-width:760px) {
.okkensho .okkensho-price-case-details { grid-template-columns:1fr; }
.okkensho .okkensho-price-case-card { padding:23px 21px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero-badge { padding:6px 12px !important; font-size:11px; }
}
/* =========================================================
v2.1.3 バッジ・料金ボックス・口コミ導線調整
========================================================= */
/* バッジは文字量ぴったりの幅に固定し、右側の余白を作らない */
.okkensho .okkensho-kenshokai-hero .okkensho-hero-badge {
display:inline-flex !important;
width:max-content !important;
min-width:0 !important;
max-width:max-content !important;
align-self:flex-start !important;
flex:0 0 auto !important;
padding:6px 11px !important;
white-space:nowrap;
letter-spacing:.045em;
}
/* 料金カードを内容に合う幅へ詰め、左右の余分な空白を抑える */
.okkensho .okkensho-kenshokai-price-grid {
grid-template-columns:repeat(2,minmax(0,390px));
justify-content:center;
gap:18px;
max-width:810px;
}
.okkensho .okkensho-kenshokai-price-card {
width:100%;
padding:30px 28px;
}
/* 詳細アンカーは廃止し、利用例をそのまま続けて読める構成 */
.okkensho .okkensho-price-case-heading {
max-width:900px;
margin:34px auto 0;
text-align:center;
}
.okkensho .okkensho-price-case-heading .okkensho-eyebrow { margin-bottom:7px; }
.okkensho .okkensho-price-case-heading h3 {
margin:0;
color:var(--okkensho-navy);
font-size:clamp(22px,2.3vw,30px);
line-height:1.55;
}
.okkensho .okkensho-price-case-heading>p:not(.okkensho-eyebrow) {
max-width:720px;
margin:10px auto 0;
color:var(--okkensho-muted);
font-size:13.5px;
line-height:1.85;
}
.okkensho .okkensho-price-case-details { margin-top:20px; max-width:900px; }
/* 口コミ件数と外部口コミへの導線 */
.okkensho .okkensho-google-reviews .okkensho-review-count-copy {
max-width:760px;
margin:12px auto 0 !important;
color:#3f5f78 !important;
font-size:14px !important;
line-height:1.85;
}
.okkensho .okkensho-google-reviews .okkensho-review-count-copy strong {
color:#176b87;
font-weight:800;
}
.okkensho .okkensho-review-link-buttons {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin:4px auto 26px;
}
.okkensho .okkensho-review-link-button {
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:220px;
padding:12px 18px;
border:1px solid #c7dfe9;
border-radius:999px;
background:#fff;
color:#1b6176;
font-size:13px;
font-weight:700;
line-height:1.4;
box-shadow:0 7px 20px rgba(27,97,118,.07);
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.okkensho .okkensho-review-link-button.is-google {
border-color:#9fcfc4;
color:#226f61;
}
.okkensho .okkensho-review-link-button:hover {
transform:translateY(-1px);
border-color:#7fb5c4;
box-shadow:0 10px 24px rgba(27,97,118,.11);
}
@media (max-width:760px) {
.okkensho .okkensho-kenshokai-price-grid { grid-template-columns:1fr; max-width:430px; gap:16px; }
.okkensho .okkensho-kenshokai-price-card { padding:26px 22px; }
.okkensho .okkensho-price-case-heading { margin-top:28px; }
.okkensho .okkensho-price-case-heading h3 { font-size:23px; }
.okkensho .okkensho-review-link-buttons { gap:9px; margin-bottom:22px; }
.okkensho .okkensho-review-link-button { width:100%; max-width:330px; min-width:0; }
}
/* =========================================================
v2.1.4 ヘッダー・FV見出し・サービス画像・事務所紹介調整
========================================================= */
/* ロゴ＋サイト名画像は一段大きくし、元画像の解像度を活かして表示 */
.okkensho .okkensho-brand-imageonly {
width:300px !important;
max-width:30vw !important;
min-width:230px !important;
}
.okkensho .okkensho-header-brand-image {
width:100% !important;
height:62px !important;
max-height:62px !important;
object-fit:contain !important;
object-position:left center !important;
image-rendering:auto;
}
/* ファーストビュー見出し：細めの明朝体で上品に */
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy h1 {
font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif !important;
font-weight:500 !important;
letter-spacing:.025em !important;
line-height:1.46 !important;
text-wrap:balance;
}
.okkensho .okkensho-kenshokai-hero .okkensho-hero-admin {
color:#237b6c;
font-weight:600;
}
/* サービス4項目：指定画像を同じ大きさ・同じ見せ方で使用 */
.okkensho .okkensho-service-card .okkensho-card-illustration {
width:112px;
height:112px;
margin:0 auto 20px;
border-radius:26px;
overflow:hidden;
background:#eef9f6;
box-shadow:0 8px 22px rgba(34,111,96,.08);
}
.okkensho .okkensho-service-card .okkensho-card-illustration img {
display:block;
width:100%;
height:100%;
object-fit:cover;
}
@media (max-width:1100px) {
.okkensho .okkensho-brand-imageonly { width:260px !important; max-width:36vw !important; min-width:205px !important; }
.okkensho .okkensho-header-brand-image { height:56px !important; max-height:56px !important; }
}
@media (max-width:640px) {
.okkensho .okkensho-brand-imageonly { width:196px !important; min-width:170px !important; max-width:57vw !important; }
.okkensho .okkensho-header-brand-image { height:48px !important; max-height:48px !important; }
.okkensho .okkensho-service-card .okkensho-card-illustration { width:96px; height:96px; margin-bottom:16px; border-radius:22px; }
.okkensho .okkensho-kenshokai-hero .okkensho-hero-copy h1 { font-weight:500 !important; letter-spacing:.018em !important; }
}
/* =========================================================
v2.1.5 コラム本文用 共通BOX・表デザイン
========================================================= */
.okkensho .okkensho-single-content .okkensho-article-box,
.okkensho .okkensho-single-content .okkensho-price-box,
.okkensho .okkensho-single-content .okkensho-law-box,
.okkensho .okkensho-single-content .okkensho-related-box,
.okkensho .okkensho-single-content .okkensho-reference-box {
margin:28px 0;
padding:22px 24px;
border:1px solid #d7e9e4;
border-radius:16px;
background:#f8fcfb;
box-shadow:0 6px 20px rgba(24,92,82,.05);
}
.okkensho .okkensho-single-content .okkensho-article-box {
border-left:5px solid #77b9aa;
}
.okkensho .okkensho-single-content .okkensho-price-box {
border:2px solid #83bdae;
background:linear-gradient(180deg,#f5fcfa,#fff);
}
.okkensho .okkensho-single-content .okkensho-price-box strong {
color:#1f7465;
}
.okkensho .okkensho-single-content .okkensho-law-box {
border:1px solid #cbddeb;
border-left:5px solid #4f83b3;
background:linear-gradient(180deg,#f5f9fd,#fff);
}
.okkensho .okkensho-single-content .okkensho-law-box .okkensho-law-title {
margin:0 0 10px;
color:#245b8d;
font-weight:800;
font-size:16px;
}
.okkensho .okkensho-single-content .okkensho-law-box blockquote {
margin:12px 0;
padding:14px 16px;
border-left:3px solid #9ebbd5;
border-radius:8px;
background:#fff;
color:#38566f;
font-size:14px;
line-height:1.9;
}
.okkensho .okkensho-single-content .okkensho-law-box .okkensho-law-note {
margin-top:10px;
color:#526c82;
font-size:14px;
}
.okkensho .okkensho-single-content .okkensho-related-box {
background:#f5f9fd;
border-color:#d7e5f1;
}
.okkensho .okkensho-single-content .okkensho-reference-box {
background:#fbfbfb;
border-color:#e1e6ea;
}
/* v2.1.12: 参考リンクは「・」とリンク文字を同一段落内に固定 */
.okkensho .okkensho-single-content .okkensho-reference-box p {
display:block !important;
margin:.65em 0 !important;
padding:0 !important;
}
.okkensho .okkensho-single-content .okkensho-reference-box p > a {
display:inline !important;
margin:0 !important;
padding:0 !important;
}
.okkensho .okkensho-single-content .okkensho-article-box > :first-child,
.okkensho .okkensho-single-content .okkensho-price-box > :first-child,
.okkensho .okkensho-single-content .okkensho-law-box > :first-child,
.okkensho .okkensho-single-content .okkensho-related-box > :first-child,
.okkensho .okkensho-single-content .okkensho-reference-box > :first-child {
margin-top:0;
}
.okkensho .okkensho-single-content .okkensho-article-box > :last-child,
.okkensho .okkensho-single-content .okkensho-price-box > :last-child,
.okkensho .okkensho-single-content .okkensho-law-box > :last-child,
.okkensho .okkensho-single-content .okkensho-related-box > :last-child,
.okkensho .okkensho-single-content .okkensho-reference-box > :last-child {
margin-bottom:0;
}
.okkensho .okkensho-single-content .okkensho-related-box ul,
.okkensho .okkensho-single-content .okkensho-reference-box ul {
margin:12px 0 0;
padding-left:1.25em;
}
.okkensho .okkensho-single-content .okkensho-related-box li,
.okkensho .okkensho-single-content .okkensho-reference-box li {
margin:.55em 0;
}
.okkensho .okkensho-single-content table.okkensho-data-table {
display:table;
width:100%;
border-collapse:separate;
border-spacing:0;
overflow:hidden;
border:1px solid #d8e5e2;
border-radius:12px;
background:#fff;
}
.okkensho .okkensho-single-content table.okkensho-data-table th {
background:#edf7f4;
color:#285f56;
font-weight:700;
}
.okkensho .okkensho-single-content table.okkensho-data-table th,
.okkensho .okkensho-single-content table.okkensho-data-table td {
padding:13px 14px;
border:0;
border-right:1px solid #e2ece9;
border-bottom:1px solid #e2ece9;
vertical-align:top;
}
.okkensho .okkensho-single-content table.okkensho-data-table tr:last-child > * { border-bottom:0; }
.okkensho .okkensho-single-content table.okkensho-data-table tr > *:last-child { border-right:0; }
@media (max-width:640px) {
.okkensho .okkensho-single-content .okkensho-article-box,
.okkensho .okkensho-single-content .okkensho-price-box,
.okkensho .okkensho-single-content .okkensho-law-box,
.okkensho .okkensho-single-content .okkensho-related-box,
.okkensho .okkensho-single-content .okkensho-reference-box { padding:18px 17px; border-radius:13px; }
.okkensho .okkensho-single-content table.okkensho-data-table { display:block; overflow-x:auto; }
}
/* 2.1.17 記事用：料金・問い合わせCTAボタン */
/* 記事本文内のCTAは、単独表示でも中央寄せ＋本文との上下余白を確保する。 */
.okkensho .okkensho-single-content a.okkensho-btn {
display:flex;
width:fit-content;
max-width:100%;
margin-top:24px;
margin-bottom:24px;
margin-left:auto;
margin-right:auto;
}
/* ラッパーを付け忘れた連続ボタンも、ボタン同士が詰まらないよう広めに離す。 */
.okkensho .okkensho-single-content a.okkensho-btn + a.okkensho-btn {
margin-top:24px;
}
.okkensho .okkensho-single-content .okkensho-article-actions {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
column-gap:20px;
row-gap:24px;
margin:32px 0;
text-align:center;
}
/* wpautop等でCTA内に空段落・改行が入っても、ボタン間に余計な空白を作らない。 */
.okkensho .okkensho-single-content .okkensho-article-actions > p {
margin:0 !important;
padding:0 !important;
}
.okkensho .okkensho-single-content .okkensho-article-actions > br {
display:none !important;
}
.okkensho .okkensho-single-content .okkensho-article-actions .okkensho-btn {
display:flex !important;
align-items:center !important;
justify-content:center !important;
align-self:center;
box-sizing:border-box;
min-width:210px;
min-height:48px;
margin:0 !important;
padding:12px 22px;
text-align:center;
text-decoration:none !important;
line-height:1.5;
vertical-align:middle;
transform:none !important;
position:relative;
top:auto;
bottom:auto;
}
.okkensho .okkensho-single-content .okkensho-price-box .okkensho-article-actions {
margin-top:28px;
margin-bottom:8px;
}
/* 2.1.14 記事用FAQ：クリック／タップで回答を開閉 */
.okkensho .okkensho-single-content .okkensho-article-faq {
margin:28px 0;
}
.okkensho .okkensho-single-content .okkensho-article-faq details {
margin:0 0 12px;
border:1px solid #d8e7e3;
border-radius:13px;
background:#fff;
overflow:hidden;
box-shadow:0 4px 14px rgba(24,92,82,.04);
}
.okkensho .okkensho-single-content .okkensho-article-faq details:last-child {
margin-bottom:0;
}
.okkensho .okkensho-single-content .okkensho-article-faq summary {
position:relative;
display:block;
padding:16px 50px 16px 18px;
color:#214e49;
font-weight:700;
line-height:1.75;
cursor:pointer;
list-style:none;
background:#f8fcfb;
}
.okkensho .okkensho-single-content .okkensho-article-faq summary::-webkit-details-marker {
display:none;
}
.okkensho .okkensho-single-content .okkensho-article-faq summary::after {
content:"＋";
position:absolute;
top:50%;
right:18px;
transform:translateY(-50%);
color:#397f73;
font-size:22px;
font-weight:500;
line-height:1;
}
.okkensho .okkensho-single-content .okkensho-article-faq details[open] > summary::after {
content:"−";
}
.okkensho .okkensho-single-content .okkensho-article-faq-answer {
padding:16px 18px 18px;
color:#4b6260;
line-height:1.9;
border-top:1px solid #e5efec;
}
.okkensho .okkensho-single-content .okkensho-article-faq-answer > :first-child { margin-top:0; }
.okkensho .okkensho-single-content .okkensho-article-faq-answer > :last-child { margin-bottom:0; }
@media (max-width:640px) {
.okkensho .okkensho-single-content a.okkensho-btn + a.okkensho-btn {
margin-top:20px;
}
.okkensho .okkensho-single-content .okkensho-article-actions {
display:grid;
grid-template-columns:1fr;
gap:20px;
margin:30px 0;
}
.okkensho .okkensho-single-content .okkensho-article-actions > p {
margin:0 !important;
}
.okkensho .okkensho-single-content .okkensho-article-actions .okkensho-btn {
width:100%;
min-width:0;
white-space:normal;
}
.okkensho .okkensho-single-content .okkensho-article-faq summary {
padding:15px 46px 15px 15px;
font-size:14px;
}
.okkensho .okkensho-single-content .okkensho-article-faq summary::after {
right:15px;
}
.okkensho .okkensho-single-content .okkensho-article-faq-answer {
padding:15px;
font-size:14px;
}
}
/* 2.1.6 スマホ専用アピールエリア差し替え */
.okkensho .okkensho-mobile-hero-image { display:none; }
.okkensho .okkensho-mobile-hero-image img {
display:block;
width:100%;
height:auto;
}
@media (max-width:820px) {
.okkensho .okkensho-mobile-hero-image {
display:block;
width:100%;
max-width:100%;
background:#ffffff;
}
.okkensho .okkensho-hero .okkensho-hero-grid {
display:none !important;
}
.okkensho .okkensho-hero {
padding:0 !important;
background:#fff !important;
}
}
/* 2.1.7 スマホのアピールエリア：装飾用の緑色ぼかしを非表示 */
@media (max-width:820px) {
.okkensho--kenshokai .okkensho-kenshokai-hero::after,
.okkensho .okkensho-kenshokai-hero::after {
content:none !important;
display:none !important;
background:none !important;
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
}
/* 2.1.8 記事用：目次・公式書式ダウンロード */
.okkensho .okkensho-single-content .okkensho-toc-box,
.okkensho .okkensho-single-content .okkensho-download-box {
margin:30px 0;
padding:22px 24px;
border:1px solid #d7e5df;
border-radius:14px;
background:#f7fbf9;
box-shadow:0 8px 24px rgba(30,91,69,.05);
}
.okkensho .okkensho-single-content .okkensho-toc-box > :first-child,
.okkensho .okkensho-single-content .okkensho-download-box > :first-child { margin-top:0; }
.okkensho .okkensho-single-content .okkensho-toc-box > :last-child,
.okkensho .okkensho-single-content .okkensho-download-box > :last-child { margin-bottom:0; }
.okkensho .okkensho-single-content .okkensho-toc-box h2,
.okkensho .okkensho-single-content .okkensho-toc-box h3,
.okkensho .okkensho-single-content .okkensho-download-box h2,
.okkensho .okkensho-single-content .okkensho-download-box h3 {
margin:0 0 14px;
padding:0;
border:0;
font-size:20px;
color:#1f4f3e;
}
.okkensho .okkensho-single-content .okkensho-toc-box ol,
.okkensho .okkensho-single-content .okkensho-toc-box ul {
margin:0;
padding-left:1.7em;
list-style-type:decimal;
}
.okkensho .okkensho-single-content .okkensho-toc-box li {
margin:3px 0;
padding-left:.08em;
line-height:1.5;
}
.okkensho .okkensho-single-content .okkensho-toc-box li::marker {
color:#1f4f3e;
font-weight:800;
}
.okkensho .okkensho-single-content .okkensho-toc-box a {
color:#245f4c !important;
-webkit-text-fill-color:#245f4c !important;
font-weight:700;
text-decoration:none !important;
}
.okkensho .okkensho-single-content .okkensho-toc-box a:hover { text-decoration:underline !important; text-underline-offset:3px; }
.okkensho .okkensho-single-content .okkensho-download-box { background:#fff; border-color:#cfe0eb; }
.okkensho .okkensho-single-content .okkensho-download-list { display:grid; gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.okkensho .okkensho-single-content .okkensho-download-list li { margin:0; }
.okkensho .okkensho-single-content .okkensho-download-box a.okkensho-download-link {
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:13px 15px;
border:1px solid #cfe0eb;
border-radius:10px;
background:#f7fafc;
color:#17639a !important;
-webkit-text-fill-color:#17639a !important;
font-weight:700;
text-decoration:none !important;
}
.okkensho .okkensho-single-content .okkensho-download-box a.okkensho-download-link:hover { background:#eef6fb; border-color:#a9c9df; }
.okkensho .okkensho-single-content .okkensho-download-meta { display:block; margin-top:5px; color:#687f91; font-size:12px; font-weight:400; }
@media (max-width:600px) {
.okkensho .okkensho-single-content .okkensho-toc-box,
.okkensho .okkensho-single-content .okkensho-download-box { padding:18px 17px; border-radius:12px; }
.okkensho .okkensho-single-content .okkensho-toc-box h2,
.okkensho .okkensho-single-content .okkensho-toc-box h3,
.okkensho .okkensho-single-content .okkensho-download-box h2,
.okkensho .okkensho-single-content .okkensho-download-box h3 { font-size:18px; }
}
/* Soka support v1.0: preserve source layout, fix responsive hero and add new controls. */
.okkensho .okkensho-brand-text{display:flex;flex-direction:column;line-height:1.4;color:#214f40;text-align:left;white-space:nowrap}
.okkensho .okkensho-brand-text small{font-size:11px;letter-spacing:.09em;font-weight:600}
.okkensho .okkensho-brand-text strong{font-size:22px;font-weight:800;letter-spacing:0}
.okkensho .okkensho-brand.okkensho-brand-imageonly{min-width:0;width:auto}
.okkensho .okkensho-mobile-photo{display:none}
.okkensho .okkensho-visual-placeholder{width:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center;background:linear-gradient(145deg,#edf5ef,#d6e8de);color:#285642;border-radius:8px}
.okkensho .okkensho-visual-placeholder svg{width:70px;height:70px;opacity:.65}
.okkensho .okkensho-visual-placeholder small{font-size:10px;letter-spacing:.16em}
.okkensho .okkensho-visual-placeholder strong{font-size:28px;line-height:1.9;font-family:"Yu Mincho","Hiragino Mincho ProN",serif}
.okkensho .okkensho-visual-placeholder>span{font-size:13px}
.okkensho .okkensho-service-icon{display:flex;width:94px;height:94px;align-items:center;justify-content:center;background:#e9f3ed;border:1px solid #caddcf;border-radius:50%;color:#346850;margin:22px auto}
.okkensho .okkensho-service-icon svg{width:44px;height:44px}
.okkensho .okkensho-kenshokai-price-pills strong{font-size:24px;white-space:normal}
.okkensho .okkensho-kenshokai-price-pills>div{min-width:0}
.okkensho .okkensho-price-amount strong{font-size:clamp(26px,3vw,40px)}
.okkensho .okkensho-photo.is-placeholder::before,.okkensho .okkensho-photo.is-placeholder::after{display:none}
.okkensho .okkensho-independent-note{font-size:12px;line-height:1.8;border-top:1px solid rgba(125,150,137,.3);padding-top:24px;margin-top:24px}
.okkensho .okkensho-column-tabs{display:flex;gap:14px;justify-content:center;margin:0 0 28px;flex-wrap:wrap}
.okkensho .okkensho-column-tabs a{border:1px solid #cbded1;padding:12px 24px;border-radius:8px;color:#235440;background:white;font-weight:700;text-decoration:none}
.okkensho .okkensho-column-thumb img{width:100%;height:auto;display:block;object-fit:contain}
.okkensho .okkensho-column-category-block{margin:36px 0 56px;scroll-margin-top:150px}
.okkensho .okkensho-area-filter{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;padding:20px;background:#f2f7f4;border:1px solid #d7e6dc;border-radius:10px}
.okkensho .okkensho-area-filter select{padding:12px;min-width:190px;font:inherit;border:1px solid #bdd0c3;background:#fff;border-radius:5px}
.okkensho .okkensho-area-filter .okkensho-btn{margin:0;min-height:46px}
.okkensho .okkensho-pref-list{margin:24px 0;padding:18px 22px;background:#fff;border:1px solid #d7e6dc;border-radius:10px}
.okkensho .okkensho-pref-list summary{cursor:pointer;font-weight:700}
.okkensho .okkensho-pref-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding-top:18px}
.okkensho .okkensho-pref-grid a{padding:10px 4px;background:#f1f6f3;text-align:center;color:#275540;font-size:14px;text-decoration:none;border-radius:4px}
.okkensho .okkensho-pagination{display:flex;justify-content:center;gap:8px;margin:30px 0;flex-wrap:wrap}
.okkensho .okkensho-pagination .page-numbers{padding:8px 15px;border:1px solid #d4e2da;border-radius:6px;text-decoration:none}
.okkensho .okkensho-pagination .current{background:#255942;color:white}
.okkensho .okkensho-single-content{overflow-wrap:anywhere}
.okkensho .okkensho-single-content>h2{scroll-margin-top:160px}
.okkensho .okkensho-toc{margin:28px 0;padding:20px 24px;background:#f5f9f6;border:1px solid #d4e3d8;border-radius:12px}
.okkensho .okkensho-toc>strong{font-size:19px}
.okkensho .okkensho-toc ol{list-style:decimal;margin:10px 0 0;padding-left:1.7em}
.okkensho .okkensho-toc li{margin:3px 0;line-height:1.65}
.okkensho .okkensho-toc a{color:#255c44;text-decoration:none;font-size:15px}
.okkensho .okkensho-toc li::marker{color:#255c44;font-weight:700}
.okkensho .okkensho-article-price,.okkensho .okkensho-article-cta,.okkensho .okkensho-hall-info,.okkensho .okkensho-service-reference,.okkensho .okkensho-article-office{margin:36px 0;padding:26px;border:1px solid #cbded0;border-radius:14px;background:#f3f8f4}
.okkensho .okkensho-single-content aside h2,.okkensho .okkensho-service-reference h2,.okkensho .okkensho-article-office h2{margin:0 0 16px;padding:0;border:0;background:none;color:#234f3e;box-shadow:none;font-size:22px}
.okkensho .okkensho-single-content aside h2::before,.okkensho .okkensho-single-content aside h2::after{display:none}
.okkensho .okkensho-article-cta{text-align:center;background:#eaf3ed}
.okkensho .okkensho-article-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.okkensho .okkensho-article-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.okkensho .okkensho-article-price-grid>div{padding:18px;background:#fff;border-radius:8px;border:1px solid #deebe2}
.okkensho .okkensho-article-price-grid p{font-size:24px;font-weight:800;margin:10px 0 0;color:#265640}
.okkensho .okkensho-article-price-grid small{font-size:12px;font-weight:400}
.okkensho .okkensho-hall-info dl div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #dbe8df}
.okkensho .okkensho-hall-info dt{font-weight:700}.okkensho .okkensho-hall-info dd{margin:0}
.okkensho .okkensho-single-content details{border:1px solid #d4e2d9;border-radius:8px;background:#fff;margin:12px 0;overflow:hidden}
.okkensho .okkensho-single-content details summary{padding:18px 22px;cursor:pointer;background:#f1f7f3;font-weight:700;line-height:1.6}
.okkensho .okkensho-single-content details>p{padding:5px 22px 16px;margin:0}
.okkensho .okkensho-single-content .okkensho-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.okkensho .okkensho-single-content .okkensho-column-body h3{margin-top:8px;padding:0;border:0;font-size:18px}
.okkensho .okkensho-map-consent iframe{width:100%;height:300px;border:0;border-radius:10px;display:block}
.okkensho .okkensho-reply-options{display:flex;gap:26px}.okkensho .okkensho-reply-options label{display:flex;align-items:center;gap:6px}
.okkensho .okkensho-form input[type=radio],.okkensho .okkensho-form input[type=checkbox]{width:auto;min-width:18px;flex-shrink:0;accent-color:#24583f}
.okkensho .okkensho-floating-banner{position:fixed;right:15px;bottom:100px;width:150px;z-index:20}
.okkensho .okkensho-floating-banner img{width:100%;height:auto;display:block;box-shadow:0 5px 20px #0002}
.okkensho .okkensho-legal-body table{width:100%;border-collapse:collapse}
.okkensho .okkensho-legal-body th,.okkensho .okkensho-legal-body td{padding:16px;border:1px solid #d8e3dc;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.okkensho .okkensho-legal-body th{width:28%;background:#eff5f1}
.okkensho :focus-visible{outline:3px solid #36846a;outline-offset:4px}
@media(max-width:1060px){
.okkensho .okkensho-brand-text strong{font-size:21px}.okkensho .okkensho-brand-text small{font-size:10px}
.okkensho .okkensho-floating-banner{display:none}
}
@media(max-width:820px){
.okkensho .okkensho-hero .okkensho-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px;padding-top:34px;padding-bottom:32px}
.okkensho .okkensho-hero .okkensho-hero-copy{order:1}.okkensho .okkensho-hero .okkensho-hero-visual{order:2;display:block!important;height:auto;min-height:0;max-width:100%;width:100%;position:relative;inset:auto;transform:none;clip-path:none}
.okkensho .okkensho-hero{padding:0!important;background:#f6faf6!important}
.okkensho .okkensho-mobile-photo{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
.okkensho .okkensho-hero-visual.has-mobile-photo>.okkensho-photo{display:none!important}
.okkensho .okkensho-visual-placeholder{min-height:220px;padding:24px}
.okkensho .okkensho-visual-placeholder strong{font-size:24px;line-height:1.7}
.okkensho .okkensho-visual-placeholder svg{width:45px;height:45px}
.okkensho .okkensho-hero .okkensho-photo{width:100%;max-width:100%;min-height:0}
.okkensho .okkensho-kenshokai-price-pills strong{font-size:22px}
.okkensho .okkensho-pref-grid{grid-template-columns:repeat(4,1fr)}
.okkensho .okkensho-brand-text strong{font-size:18px}.okkensho .okkensho-brand-text small{font-size:9px;letter-spacing:0}
}
@media(max-width:600px){
.okkensho .okkensho-header-main{gap:8px}.okkensho .okkensho-brand-text strong{font-size:16px}
.okkensho .okkensho-brand-text small{font-size:8px}.okkensho .okkensho-mobile-phone-number{font-size:14px!important}
.okkensho .okkensho-mobile-phone>span{font-size:8px!important;white-space:nowrap}
.okkensho .okkensho-hero h1{font-size:clamp(26px,7.2vw,34px)!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:normal}
.okkensho .okkensho-hero-description{font-size:14px;line-height:1.95}
.okkensho .okkensho-article-price,.okkensho .okkensho-article-cta,.okkensho .okkensho-hall-info,.okkensho .okkensho-service-reference,.okkensho .okkensho-article-office{padding:20px 16px}
.okkensho .okkensho-article-price-grid,.okkensho .okkensho-single-content .okkensho-columns{grid-template-columns:1fr}
.okkensho .okkensho-hall-info dl div{grid-template-columns:1fr;gap:4px}
.okkensho .okkensho-area-filter{padding:16px}.okkensho .okkensho-area-filter select{flex:1;min-width:0;width:100%}
.okkensho .okkensho-toc{padding:18px}.okkensho .okkensho-pref-grid{grid-template-columns:repeat(3,1fr)}
.okkensho .okkensho-reply-options{gap:16px}.okkensho .okkensho-legal-body th{width:32%;min-width:84px}
.okkensho .okkensho-legal-body th,.okkensho .okkensho-legal-body td{padding:12px 10px;font-size:14px}
}
@media(max-width:360px){
.okkensho .okkensho-brand-text strong{font-size:14px}.okkensho .okkensho-brand-text small{font-size:7px}
.okkensho .okkensho-mobile-phone-number{font-size:12px!important}.okkensho .okkensho-header-main{gap:5px}
.okkensho .okkensho-menu-toggle{min-width:36px;width:36px;padding:4px}.okkensho .okkensho-menu-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.okkensho *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Reset only the inherited full-bleed hero's size/debug-placeholder overrides. */
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-container.okkensho-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;width:calc(100% - 80px)!important;max-width:1240px!important;margin:0 auto!important;padding:52px 0!important;gap:28px!important;min-height:580px;position:relative!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-copy{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;justify-content:center;background:none!important;z-index:3}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-copy h1{font-size:clamp(32px,3.15vw,46px)!important;line-height:1.6!important;text-wrap:wrap!important;width:100%!important;max-width:100%!important;letter-spacing:0!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-visual{position:relative!important;inset:auto!important;min-height:440px!important;height:100%!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-visual .okkensho-photo--2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;border:0!important;background:transparent!important;clip-path:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 18%)!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-photo--2 .okkensho-visual-placeholder{height:100%;min-height:440px;border-radius:12px;background:linear-gradient(145deg,#edf5ef,#d6e8de)}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-photo--2 .okkensho-slot-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image{object-fit:cover!important}
.okkensho.okkensho--kenshokai .okkensho-photo--3 .okkensho-slot-image{display:block;width:100%;height:100%;object-fit:contain}.okkensho.okkensho--kenshokai .okkensho-photo--3.okkensho-fit-cover .okkensho-slot-image{object-fit:cover}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero{display:flex!important;gap:12px;flex-wrap:wrap;margin:8px 0 18px}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero .okkensho-btn{white-space:normal;font-size:14px;padding:13px 20px;min-width:0}
.okkensho .okkensho-field>label{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;white-space:normal}
.okkensho .okkensho-required,.okkensho .okkensho-optional{white-space:normal;font-size:11px!important;max-width:100%;line-height:1.6}
@media(max-width:820px){
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-container.okkensho-hero-grid{grid-template-columns:1fr!important;width:calc(100% - 36px)!important;max-width:620px!important;padding:32px 0!important;min-height:0!important;gap:26px!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-copy h1{font-size:clamp(26px,6.6vw,34px)!important;line-height:1.6!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-visual{min-height:0!important;height:auto!important;align-self:auto!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-visual .okkensho-photo--2{position:relative!important;inset:auto!important;height:auto!important;mask-image:none!important;-webkit-mask-image:none!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-photo--2 .okkensho-visual-placeholder{height:auto;min-height:230px}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-photo--2 .okkensho-slot-image{position:relative!important;inset:auto!important;height:auto!important;max-height:420px!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-hero-visual.has-mobile-photo>.okkensho-photo--2{display:none!important}
}
.okkensho .okkensho-honeypot{display:none!important}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero .okkensho-btn{width:auto!important;min-width:210px!important;max-width:100%!important;min-height:54px!important;gap:10px;flex:0 1 auto;white-space:nowrap}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero .okkensho-btn>span{white-space:nowrap}
.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero .okkensho-btn .okkensho-icon{width:21px;height:21px;flex:0 0 21px}
@media(max-width:600px){.okkensho.okkensho--kenshokai .okkensho-hero .okkensho-actions-hero .okkensho-btn{width:100%!important;min-width:0!important}}
/* v1.0.1 — restore the reference site's unified photo/copy layout, without baked-in text. */
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f5faf9,#fff 60%,#eef7f5)!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-container.okkensho-hero-grid{display:block!important;position:relative!important;width:calc(100% - 80px)!important;max-width:1240px!important;min-height:610px!important;padding:60px 0!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-copy{position:relative!important;z-index:4!important;width:56%!important;max-width:700px!important;padding:0!important;min-height:480px;justify-content:center}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-copy h1{font-size:clamp(32px,3.15vw,46px)!important;line-height:1.6!important;max-width:100%!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-description{max-width:100%;line-height:1.95}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual{position:absolute!important;z-index:1;inset:0 -10vw 0 40%!important;width:auto!important;height:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;pointer-events:none}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual .okkensho-photo--2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;border-radius:0!important;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,#000 28%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,#000 28%)!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-photo--2 .okkensho-slot-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-photo--2.okkensho-fit-cover .okkensho-slot-image{object-fit:cover!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-photo--2 .okkensho-visual-placeholder{height:100%;min-height:100%;border-radius:0;padding-left:24%;padding-right:12%}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-mobile-photo{display:none}
@media(max-width:1060px) and (min-width:821px){
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-container.okkensho-hero-grid{width:calc(100% - 48px)!important;padding:40px 0!important;min-height:560px!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-copy{width:62%!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual{left:42%!important;opacity:.85}
}
@media(max-width:820px){
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-container.okkensho-hero-grid{width:calc(100% - 36px)!important;max-width:620px!important;min-height:0!important;padding:32px 0!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-copy{width:100%!important;max-width:100%!important;min-height:0;padding:0!important;background:transparent!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-copy h1{font-size:clamp(26px,6.6vw,34px)!important;line-height:1.6!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual{position:absolute!important;inset:0 -18px 0 20%!important;width:auto!important;height:100%!important;min-height:100%!important;opacity:.17}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual .okkensho-photo--2{position:absolute!important;inset:0!important;height:100%!important;clip-path:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 52%)!important;mask-image:linear-gradient(90deg,transparent,#000 52%)!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-photo--2 .okkensho-slot-image{position:absolute!important;inset:0!important;height:100%!important;max-height:none!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual .okkensho-photo--2.is-placeholder{display:none!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-hero-visual.has-mobile-photo .okkensho-photo--2{display:none!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-mobile-photo{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:65% center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 52%);mask-image:linear-gradient(90deg,transparent,#000 52%)}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-mobile-fit-contain .okkensho-mobile-photo{object-fit:contain}
}
/* Scoped article filters: ordinary posts, themes and other plugins are untouched. */
.okkensho .okkensho-area-filter{display:grid;grid-template-columns:minmax(150px,1fr) minmax(155px,1fr) minmax(200px,1.6fr) auto;gap:16px;align-items:end}
.okkensho .okkensho-search-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.okkensho .okkensho-search-field label{font-size:14px;font-weight:700}
.okkensho .okkensho-search-field select,.okkensho .okkensho-search-field input{width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid #bfd3ca;border-radius:8px;background:#fff;padding:10px 12px;color:#214b3d;font:inherit;font-size:15px;box-sizing:border-box}
.okkensho .okkensho-search-actions{display:flex;flex-direction:column;align-items:center;gap:5px}
.okkensho .okkensho-search-actions .okkensho-btn{min-height:48px;min-width:110px;padding:10px 18px;white-space:nowrap}
.okkensho .okkensho-search-actions>a{font-size:12px;text-underline-offset:3px}
.okkensho .okkensho-search-count{margin:18px 0;color:#466c5d;font-size:14px;overflow-wrap:anywhere}
.okkensho .okkensho-pref-grid a[aria-current=true]{background:#245d48;color:#fff}
.okkensho .okkensho-pagination{gap:8px;flex-wrap:wrap}
.okkensho .post-password-form{padding:24px;border:1px solid #cbded0;border-radius:12px}
.okkensho .post-password-form input{max-width:100%;min-height:44px}
@media(max-width:1060px){.okkensho .okkensho-area-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.okkensho .okkensho-search-actions{flex-direction:row;gap:18px}}
@media(max-width:600px){.okkensho .okkensho-area-filter{grid-template-columns:1fr;gap:14px}.okkensho .okkensho-search-field select,.okkensho .okkensho-search-field input{font-size:16px}.okkensho .okkensho-search-actions{justify-content:space-between}}
/* v1.0.2: 管理画面のロゴサイズ設定を優先 */
.okkensho .okkensho-brand.okkensho-brand-imageonly { width:var(--okkensho-logo-pc,300px) !important; max-width:min(var(--okkensho-logo-pc,300px),42vw) !important; min-width:0 !important; }
.okkensho .okkensho-header-brand-image { width:100% !important; }
@media (max-width:760px){ .okkensho .okkensho-brand.okkensho-brand-imageonly { width:var(--okkensho-logo-sp,196px) !important; max-width:min(var(--okkensho-logo-sp,196px),62vw) !important; } }
/* v1.0.3: editable guarantees, responsive image sizes and accessible review loop. */
.okkensho.okkensho--kenshokai .okkensho-hero-price-note {margin:12px 0 10px;font-size:13px;line-height:1.85;color:#345548;max-width:590px}
.okkensho.okkensho--kenshokai .okkensho-hero-guarantee-link {display:flex;gap:9px;align-items:flex-start;text-decoration:none;color:#245c43;border-top:1px solid #c9dccc;border-bottom:1px solid #c9dccc;padding:12px 0;font-weight:700;font-size:15px;line-height:1.7;max-width:600px}
.okkensho.okkensho--kenshokai .okkensho-hero-guarantee-link>svg {width:24px;height:24px;flex:none;margin-top:2px}
.okkensho.okkensho--kenshokai .okkensho-hero-guarantee-link small {display:block;color:#486153;font-size:12px;font-weight:400;line-height:1.7}
.okkensho.okkensho--kenshokai .okkensho-price-offer-note {margin:20px auto 0;text-align:center;max-width:880px;font-size:14px;line-height:1.9;color:#325442}
.okkensho.okkensho--kenshokai .okkensho-guarantee-section {background:#193f31;color:#fff;padding:66px 0 64px;overflow:hidden}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading {max-width:920px;margin:0 auto 34px;text-align:center}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading .okkensho-eyebrow {color:#e7d7a4;letter-spacing:.16em}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading h2 {margin:8px 0 12px;color:#fff;font-size:clamp(25px,3.2vw,38px);font-weight:700;line-height:1.6;background:none;border:0;padding:0}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading>p:last-child {color:#dfebe2;font-size:15px;line-height:1.9}
.okkensho.okkensho--kenshokai .okkensho-guarantee-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-card {position:relative;min-width:0;padding:32px;border:1px solid #ead8a0;border-radius:14px;background:#fbfaf5;color:#1c4031;box-shadow:0 12px 28px #08291b26;overflow-wrap:anywhere}
.okkensho.okkensho--kenshokai .okkensho-guarantee-number {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #9e8650;border-radius:50%;color:#725e32;font-size:14px;letter-spacing:.04em;margin-bottom:18px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-condition {font-size:15px;font-weight:700;line-height:1.8;margin:0 0 10px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-card h3 {margin:0 0 20px;font-size:clamp(28px,3.2vw,44px);color:#204f3a;font-weight:800;line-height:1.45;border:0;padding:0;background:none}
.okkensho.okkensho--kenshokai .okkensho-aftercare-card h3 {font-size:clamp(26px,2.7vw,36px)}
.okkensho.okkensho--kenshokai .okkensho-guarantee-body {font-size:15px;color:#344d41;line-height:1.95;margin:0}
.okkensho.okkensho--kenshokai .okkensho-guarantee-terms {border-top:1px solid #d4d9c9;margin-top:20px;padding-top:18px;font-size:13px;line-height:1.85;color:#415647}
.okkensho.okkensho--kenshokai .okkensho-guarantee-terms p {margin:6px 0 0}
.okkensho.okkensho--kenshokai .okkensho-aftercare-details {margin-top:28px;padding:30px 32px;background:#fff;border-radius:14px;color:#254835}
.okkensho.okkensho--kenshokai .okkensho-aftercare-details>h3 {margin:0 0 24px;font-size:24px;line-height:1.6;color:#1a4a33;font-weight:700;background:none;border:0;padding:0}
.okkensho.okkensho--kenshokai .okkensho-aftercare-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-item {display:flex;align-items:flex-start;gap:12px;min-width:0}
.okkensho.okkensho--kenshokai .okkensho-aftercare-check {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#edf5ed;flex:none;margin-top:3px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-check svg {width:20px;height:20px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-item h4 {color:#254835;margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.8;border:0;padding:0;background:none}
.okkensho.okkensho--kenshokai .okkensho-aftercare-item p {margin:0;color:#4a5c4f;font-size:14px;line-height:1.95}
.okkensho.okkensho--kenshokai .okkensho-aftercare-cost {background:#f5f1e5;border-left:4px solid #a89454;border-radius:4px;padding:18px 20px;margin-top:26px;font-size:14px;color:#4c492e;line-height:1.9}
.okkensho.okkensho--kenshokai .okkensho-aftercare-cost p {margin:5px 0 0}
.okkensho.okkensho--kenshokai .okkensho-aftercare-scope {font-size:12px;line-height:1.9;color:#536353;margin:18px 0 0}
.okkensho.okkensho--kenshokai .okkensho-service-card .okkensho-card-illustration {width:min(var(--okkensho-service-pc,128px),100%)!important;height:auto!important;aspect-ratio:1;margin:0 auto 22px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.okkensho.okkensho--kenshokai .okkensho-service-card .okkensho-card-illustration img {width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:var(--okkensho-service-fit,contain)!important}
.okkensho.okkensho--kenshokai .okkensho-service-card .okkensho-service-icon {width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center}
.okkensho.okkensho--kenshokai .okkensho-service-card .okkensho-service-icon svg {width:48%;height:48%}
.okkensho.okkensho--kenshokai .okkensho-header-brand-image {display:block;height:auto!important;max-height:none!important;object-fit:contain}
.okkensho .is-unconfigured {cursor:default;opacity:.7;box-shadow:none;pointer-events:none}
.okkensho .is-unconfigured small {display:block;font-size:11px;line-height:1.6;text-align:center}
.okkensho .okkensho-review-controls {display:flex;justify-content:flex-end;gap:12px;margin:12px 0}
.okkensho .okkensho-review-pause {border:1px solid #b8cfc0;border-radius:7px;background:#fff;color:#31533d;font:inherit;font-size:12px;padding:9px 14px;min-height:38px;cursor:pointer}
.okkensho .okkensho-review-pause[hidden] {display:none}
.okkensho .okkensho-review-pause:focus-visible,.okkensho .okkensho-review-source:focus-visible {outline:3px solid #b79542;outline-offset:3px}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] {overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] .okkensho-review-track {gap:0;animation:none;width:max-content;will-change:auto}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] .okkensho-review-group {gap:20px;padding-right:20px;box-sizing:border-box;align-items:stretch}
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee {overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee .okkensho-review-track {animation:okkensho-reviews-103 var(--okkensho-review-duration,40s) linear infinite;will-change:transform}
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee:hover .okkensho-review-track {animation-play-state:running}
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee.is-paused .okkensho-review-track,.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee:focus-within .okkensho-review-track {animation-play-state:paused}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] .okkensho-google-review-card {display:flex;flex-direction:column;width:330px;flex:0 0 330px;min-height:200px;height:auto}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] .okkensho-google-review-card>p {flex:1;white-space:pre-line;overflow-wrap:anywhere}
.okkensho .okkensho-review-source {display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:#325b43;align-self:flex-start}
@keyframes okkensho-reviews-103 {from{transform:translateX(0)}to{transform:translateX(var(--okkensho-review-distance,-350px))}}
@media(max-width:820px){
.okkensho.okkensho--kenshokai .okkensho-guarantee-section {padding:45px 0}
.okkensho.okkensho--kenshokai .okkensho-guarantee-grid,.okkensho.okkensho--kenshokai .okkensho-aftercare-grid {grid-template-columns:1fr}
.okkensho.okkensho--kenshokai .okkensho-guarantee-card {padding:26px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-details {padding:26px}
.okkensho.okkensho--kenshokai .okkensho-service-card .okkensho-card-illustration {width:min(var(--okkensho-service-sp,104px),100%)!important}
}
@media(max-width:480px){
.okkensho.okkensho--kenshokai .okkensho-guarantee-card {padding:24px 20px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-details {padding:24px 18px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-grid {gap:18px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading {margin-bottom:26px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading h2 {font-size:24px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-details>h3 {font-size:21px}
.okkensho.okkensho--kenshokai .okkensho-aftercare-cost {padding:16px}
.okkensho.okkensho--kenshokai .okkensho-review-window[data-okkensho-marquee] .okkensho-google-review-card {width:280px;flex-basis:280px}
.okkensho.okkensho--kenshokai .okkensho-hero-guarantee-link {font-size:14px}
}
@media(prefers-reduced-motion:reduce){
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee {overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.okkensho.okkensho--kenshokai .okkensho-review-window.has-marquee .okkensho-review-track {animation:none!important;transform:none!important}
.okkensho .okkensho-review-group[data-marquee-clone] {display:none!important}
}
/* Keep the adjustable logo, phone and menu on one row without cropping the logo. */
@media(max-width:820px){
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main {display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main>.okkensho-brand {grid-column:1;grid-row:1;margin-right:0;min-width:0!important;max-width:100%!important}
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main>.okkensho-brand-imageonly {width:var(--okkensho-logo-sp,196px)!important}
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main>.okkensho-mobile-phone {grid-column:2;grid-row:1}
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main>.okkensho-menu-toggle {grid-column:3;grid-row:1}
.okkensho.okkensho--kenshokai.is-enhanced .okkensho-header-main>.okkensho-menu {grid-column:1 / -1;grid-row:2;width:100%;min-width:0}
}
/* v1.0.4 — full-bleed hero, soft crossfade, translucent spring leaves. */
.okkensho.okkensho--kenshokai .okkensho-hero-title-green {color:#287c46!important}
.okkensho.okkensho--kenshokai .okkensho-hero:after {content:none!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero>.okkensho-hero-media-v104 {
position:absolute!important;inset:0 0 0 40%!important;width:auto!important;height:100%!important;
min-height:100%!important;max-width:none!important;transform:none!important;opacity:1;z-index:1;
}
.okkensho.okkensho--kenshokai .okkensho-hero-slides {position:absolute;inset:0;overflow:hidden;isolation:isolate}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero-slides {
clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,#000 28%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,#000 28%);
}
.okkensho.okkensho--kenshokai .okkensho-hero-slide {position:absolute!important;inset:0!important;margin:0!important;width:100%;height:100%;opacity:0;z-index:0;pointer-events:none;transition:opacity var(--okkensho-slide-fade,1200ms) ease-in-out}
.okkensho.okkensho--kenshokai .okkensho-hero-slide.is-active {opacity:1;z-index:2}
.okkensho.okkensho--kenshokai .okkensho-hero-slide.is-previous {opacity:1;z-index:1;transition:none}
.okkensho.okkensho--kenshokai .okkensho-hero-slide picture {display:block;width:100%;height:100%}
.okkensho.okkensho--kenshokai .okkensho-hero-slide .okkensho-hero-slide-image {
display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
min-width:0!important;max-width:none!important;max-height:none!important;object-fit:cover!important;
object-position:var(--slide-x,50%) var(--slide-y,50%)!important;border-radius:0!important;
filter:none!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
.okkensho.okkensho--kenshokai .okkensho-hero-image-fallback {position:absolute;inset:0;z-index:3;background:linear-gradient(135deg,#eef7ee,#d9ecdf)}
.okkensho.okkensho--kenshokai .okkensho-hero-image-fallback .okkensho-visual-placeholder {height:100%;min-height:100%;padding-left:24%;border:0;border-radius:0;background:none}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-controls {position:absolute;right:24px;bottom:18px;display:flex;align-items:center;gap:10px;z-index:5;max-width:calc(100% - 36px);padding:4px 10px;border:1px solid #d4e3d7;border-radius:30px;background:rgba(255,255,255,.94);color:#315a42;box-shadow:0 3px 15px #20452a0a}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-dots {display:flex;gap:0}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-dots button {appearance:none;display:grid;place-items:center;border:0;background:none;width:32px;height:32px;padding:0}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-dots span {display:block;width:7px;height:7px;border-radius:50%;background:#b9cdbb;transition:width .3s,background .3s}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-dots button[aria-current=true] span {width:19px;border-radius:10px;background:#3b8854}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-pause {appearance:none;min-height:32px;background:none;border:0;border-left:1px solid #d9e4dc;border-radius:0;padding:3px 6px 3px 12px;font-size:11px;line-height:1.5;color:#315a42}
.okkensho.okkensho--kenshokai.okkensho-layout-split .okkensho-hero .okkensho-hero-media-v104 {min-height:440px!important;transform:none!important}
.okkensho.okkensho--kenshokai.okkensho-layout-split .okkensho-hero-slide .okkensho-hero-slide-image {object-fit:var(--hero-split-fit,contain)!important}
.okkensho.okkensho--kenshokai .okkensho-review-sample-notice {max-width:820px;margin:0 auto 16px;padding:13px 20px;border:1px solid #d4e2c8;border-radius:10px;background:#f7faf0;color:#52673b;font-size:13px;line-height:1.85;text-align:center}
.okkensho.okkensho--kenshokai .okkensho-review-sample-notice strong {display:block;color:#3f5d29}
.okkensho.okkensho--kenshokai .okkensho-google-review-card.is-sample .okkensho-google-review-top {font-size:11px;line-height:1.6;color:#527537}
.okkensho.okkensho--kenshokai .okkensho-google-review-card.is-sample {border-color:#dce8cf;background:linear-gradient(145deg,#fff,#fcfdf7)}
.okkensho.okkensho--kenshokai .okkensho-review-link-buttons {margin-top:26px}
.okkensho.okkensho--kenshokai .okkensho-leaf-layer {display:none;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;pointer-events:none!important;z-index:12;contain:strict}
.okkensho.okkensho--kenshokai .okkensho-leaf-layer.is-ready {display:block}
.okkensho.okkensho--kenshokai .okkensho-leaf-layer * {pointer-events:none!important}
.okkensho.okkensho--kenshokai .okkensho-falling-leaf {position:absolute;top:-16vh;left:var(--leaf-x);width:var(--leaf-size);height:calc(var(--leaf-size)*1.33);color:#9dc941;opacity:var(--okkensho-leaf-opacity,.14);animation:okkensho-leaf-fall var(--leaf-time) linear var(--leaf-delay) infinite;will-change:transform}
.okkensho.okkensho--kenshokai .okkensho-falling-leaf svg {width:100%;height:100%;animation:okkensho-leaf-sway var(--leaf-sway) ease-in-out var(--leaf-delay) infinite alternate;transform-origin:50% 70%}
.okkensho.okkensho--kenshokai .okkensho-falling-leaf:nth-child(3n) {color:#b2d869}
.okkensho.okkensho--kenshokai .okkensho-leaf-layer.is-page-hidden .okkensho-falling-leaf,
.okkensho.okkensho--kenshokai .okkensho-leaf-layer.is-page-hidden svg {animation-play-state:paused}
@keyframes okkensho-leaf-fall {0%{transform:translate3d(0,0,0) rotate(var(--leaf-spin))}50%{transform:translate3d(var(--leaf-drift),67vh,0) rotate(calc(var(--leaf-spin) + 75deg))}100%{transform:translate3d(calc(var(--leaf-drift)*-.55),135vh,0) rotate(calc(var(--leaf-spin) + 155deg))}}
@keyframes okkensho-leaf-sway {from{transform:rotate(-24deg) scaleX(.78)}to{transform:rotate(26deg) scaleX(1)}}
@media(max-width:1060px) and (min-width:821px){
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero>.okkensho-hero-media-v104 {left:42%!important;opacity:.85}
}
@media(max-width:820px){
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero>.okkensho-hero-media-v104 {inset:0 0 0 20%!important;opacity:.17}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero-slides {clip-path:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 52%);mask-image:linear-gradient(90deg,transparent,#000 52%)}
.okkensho.okkensho--kenshokai .okkensho-hero-slide .okkensho-hero-slide-image {object-position:var(--slide-mx,50%) var(--slide-my,50%)!important}
.okkensho.okkensho--kenshokai.okkensho-layout-reference .okkensho-hero .okkensho-container.okkensho-hero-grid {padding-bottom:70px!important}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-controls {right:18px;bottom:12px;padding:3px 8px}
.okkensho.okkensho--kenshokai.okkensho-layout-split .okkensho-hero .okkensho-hero-media-v104 {height:340px!important;min-height:260px!important}
.okkensho.okkensho--kenshokai.okkensho-layout-split .okkensho-hero-slide .okkensho-hero-slide-image {object-fit:var(--hero-split-mobile-fit,cover)!important}
.okkensho.okkensho--kenshokai .okkensho-falling-leaf:nth-child(n+7) {display:none}
}
@media(prefers-reduced-motion:reduce){
.okkensho.okkensho--kenshokai .okkensho-leaf-layer {display:none!important}
.okkensho.okkensho--kenshokai .okkensho-hero-slide {transition:none!important}
.okkensho.okkensho--kenshokai .okkensho-hero-slide-dots span {transition:none!important}
}
/* v1.0.5: centred offers and guarantee headings; green plan CTAs; detailed 8-step flow. */
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-pills > div {
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-pills > div > span,
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-pills > div > strong,
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-pills > div > small {text-align:center;margin-right:0}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-pills small:empty,
.okkensho.okkensho--kenshokai .okkensho-price-amount > span:empty {display:none}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-card {
display:flex;flex-direction:column;align-items:center;text-align:center;
}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-card h3,
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-card .okkensho-price-amount {text-align:center;width:100%}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-card .okkensho-price-amount {justify-content:center}
.okkensho.okkensho--kenshokai .okkensho-kenshokai-price-card .okkensho-price-summary {
width:100%;text-align:left;margin:14px 0 22px;font-size:14px;line-height:1.95;
}
.okkensho.okkensho--kenshokai .okkensho-price-consult-btn {
width:100%;max-width:280px;min-height:48px;margin-top:auto;white-space:normal;
color:#fff;background:#237545;border:1px solid #237545;
box-shadow:0 5px 14px rgba(26,77,47,.12);text-align:center;
}
.okkensho.okkensho--kenshokai .okkensho-price-consult-btn:hover,
.okkensho.okkensho--kenshokai .okkensho-price-consult-btn:focus-visible {color:#fff;background:#195b34;border-color:#195b34}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading,
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading > h2,
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading > p,
.okkensho.okkensho--kenshokai .okkensho-guarantee-card > h3,
.okkensho.okkensho--kenshokai .okkensho-guarantee-card > .okkensho-guarantee-condition {text-align:center}
.okkensho.okkensho--kenshokai .okkensho-guarantee-number {display:flex;margin:0 auto 18px}
.okkensho.okkensho--kenshokai .okkensho-guarantee-heading > h2 {text-wrap:balance}
.okkensho.okkensho--kenshokai .okkensho-flow-eight {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li {padding:25px 20px}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li::after {display:none;content:none}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li > span {background:#e8f3e9;color:#24623e}
.okkensho.okkensho--kenshokai .okkensho-flow-eight h3 {font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.okkensho.okkensho--kenshokai .okkensho-flow-eight p {font-size:14px;line-height:1.95}
@media (max-width:1060px) {
.okkensho.okkensho--kenshokai .okkensho-flow-eight {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media (max-width:600px) {
.okkensho.okkensho--kenshokai .okkensho-flow-eight {grid-template-columns:1fr;gap:14px}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li {padding:24px 22px}
}
/* v1.0.6: original Google review attribution and verified hall map/table. */
.okkensho.okkensho--kenshokai .okkensho-review-controls {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.okkensho.okkensho--kenshokai .okkensho-review-attribution {margin:0;color:#456258;font-size:13px;font-weight:700}
.okkensho.okkensho--kenshokai .okkensho-google-review-top {gap:12px;align-items:center;justify-content:flex-start}
.okkensho.okkensho--kenshokai .okkensho-review-avatar {position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border-radius:50%;background:#e4ede9;color:#2d5c46;font-size:19px;font-weight:700}
.okkensho.okkensho--kenshokai .okkensho-review-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.okkensho.okkensho--kenshokai .okkensho-review-author {min-width:0;line-height:1.65}
.okkensho.okkensho--kenshokai .okkensho-review-author a {font-size:15px;font-weight:700;color:#214d3d;text-decoration:none;overflow-wrap:anywhere}
.okkensho.okkensho--kenshokai .okkensho-review-author a:hover {text-decoration:underline}
.okkensho.okkensho--kenshokai .okkensho-review-author>span {display:block;font-size:11px;font-weight:400;color:#61756e}
.okkensho.okkensho--kenshokai .okkensho-review-meta {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0;min-height:23px}
.okkensho.okkensho--kenshokai .okkensho-review-rating {color:#96701e;font-size:17px;letter-spacing:.08em;white-space:nowrap}
.okkensho.okkensho--kenshokai .okkensho-review-meta time {font-size:11px;color:#64766d}
.okkensho.okkensho--kenshokai .okkensho-google-review-card .okkensho-review-body {flex:1;margin:14px 0 20px;padding:0;border:0;background:none;box-shadow:none;color:#344f43;font-size:14px;font-style:normal;line-height:1.95;overflow-wrap:anywhere}
.okkensho.okkensho--kenshokai .okkensho-review-body::before,.okkensho.okkensho--kenshokai .okkensho-review-body::after {content:none}
.okkensho.okkensho--kenshokai .okkensho-review-card-footer {margin-top:auto;padding-top:14px;border-top:1px solid #e2eae5;font-size:12px;line-height:1.8}
.okkensho.okkensho--kenshokai .okkensho-review-excerpt {display:block;color:#63776c;font-size:11px}
.okkensho.okkensho--kenshokai .okkensho-review-source {display:inline-block;margin-top:4px;color:#2e654d;text-underline-offset:3px;font-size:12px}
.okkensho.okkensho--kenshokai .okkensho-hall-info-mapped {padding:26px;background:#f7faf8;border:1px solid #d4e4d9;border-radius:16px;margin:28px 0 36px}
.okkensho.okkensho--kenshokai .okkensho-hall-info-mapped h2 {margin:0 0 20px;color:#214f3b;line-height:1.6;font-size:clamp(20px,2.5vw,27px)}
.okkensho.okkensho--kenshokai .okkensho-hall-map {width:100%;border:1px solid #d0dfd5;background:#edf3ef;border-radius:10px;overflow:hidden}
.okkensho.okkensho--kenshokai .okkensho-hall-map iframe {display:block;width:100%;max-width:100%;height:360px;border:0}
.okkensho.okkensho--kenshokai .okkensho-hall-map-link {margin:10px 0 20px;text-align:right;font-size:13px}
.okkensho.okkensho--kenshokai .okkensho-hall-map-link a {color:#275e45}
.okkensho.okkensho--kenshokai .okkensho-hall-table {width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.85;margin:0 0 16px}
.okkensho.okkensho--kenshokai .okkensho-hall-table th,.okkensho.okkensho--kenshokai .okkensho-hall-table td {padding:14px 16px;border:1px solid #d8e4dc;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.okkensho.okkensho--kenshokai .okkensho-hall-table th {width:30%;color:#2e513e;background:#edf4ef;font-weight:700}
.okkensho.okkensho--kenshokai .okkensho-hall-map-note {font-size:12px;color:#536d5d;line-height:1.9}
.okkensho.okkensho--kenshokai .okkensho-hall-info-mapped>p:last-child {font-size:13px;line-height:1.9;color:#425f4e}
.okkensho .screen-reader-text {position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
.okkensho.okkensho--kenshokai .okkensho-hall-info-mapped {padding:16px;margin:22px 0}
.okkensho.okkensho--kenshokai .okkensho-hall-map iframe {height:270px}
.okkensho.okkensho--kenshokai .okkensho-hall-table {font-size:13px}
.okkensho.okkensho--kenshokai .okkensho-hall-table th,.okkensho.okkensho--kenshokai .okkensho-hall-table td {padding:10px}
.okkensho.okkensho--kenshokai .okkensho-hall-table th {width:34%}
}
/* =========================================================
v1.0.7: flow connectors, mobile office order and control cleanup
========================================================= */
/* The review marquee and hero slideshow remain automatic; visitor stop/resume buttons were removed. */
.okkensho.okkensho--kenshokai .okkensho-review-controls { justify-content:flex-start; }
.okkensho.okkensho--kenshokai .okkensho-review-pause,
.okkensho.okkensho--kenshokai .okkensho-hero-slide-pause { display:none !important; }
/* Flow: more breathing room and a clearly visible green connector between every consecutive step. */
.okkensho.okkensho--kenshokai .okkensho-flow-eight {
column-gap:64px;
row-gap:58px;
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li::after {
display:flex;
align-items:center;
justify-content:center;
position:absolute;
z-index:3;
width:38px;
height:38px;
padding:0;
border:0;
background:transparent;
color:#2f8b57;
font-size:31px;
font-weight:700;
line-height:1;
pointer-events:none;
}
/* Desktop follows a serpentine path: 1→2→3→4, then down, then 5→6→7→8 from right to left. */
@media (min-width:1061px) {
.okkensho.okkensho--kenshokai .okkensho-flow-eight { grid-template-columns:repeat(4,minmax(0,1fr)); }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(1) { grid-column:1; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(2) { grid-column:2; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(3) { grid-column:3; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(4) { grid-column:4; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(5) { grid-column:4; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(6) { grid-column:3; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(7) { grid-column:2; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(8) { grid-column:1; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(1)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(2)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(3)::after {
content:"→";
top:50%; right:-51px; bottom:auto; left:auto;
transform:translateY(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(4)::after {
content:"↓";
top:auto; right:auto; bottom:-49px; left:50%;
transform:translateX(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(5)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(6)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(7)::after {
content:"←";
top:50%; right:auto; bottom:auto; left:-51px;
transform:translateY(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(8)::after { content:none; display:none; }
}
/* Tablet uses the same sequential snake in two columns. */
@media (min-width:601px) and (max-width:1060px) {
.okkensho.okkensho--kenshokai .okkensho-flow-eight { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; row-gap:58px; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(1) { grid-column:1; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(2) { grid-column:2; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(3) { grid-column:2; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(4) { grid-column:1; grid-row:2; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(5) { grid-column:1; grid-row:3; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(6) { grid-column:2; grid-row:3; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(7) { grid-column:2; grid-row:4; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(8) { grid-column:1; grid-row:4; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(1)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(5)::after {
content:"→"; top:50%; right:-51px; bottom:auto; left:auto; transform:translateY(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(2)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(4)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(6)::after {
content:"↓"; top:auto; right:auto; bottom:-49px; left:50%; transform:translateX(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(3)::after,
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(7)::after {
content:"←"; top:50%; right:auto; bottom:auto; left:-51px; transform:translateY(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:nth-child(8)::after { content:none; display:none; }
}
/* Mobile: one clear vertical path. */
@media (max-width:600px) {
.okkensho.okkensho--kenshokai .okkensho-flow-eight { grid-template-columns:1fr; gap:58px; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li { grid-column:1 !important; grid-row:auto !important; }
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:not(:last-child)::after {
content:"↓";
display:flex;
top:auto; right:auto; bottom:-49px; left:50%;
transform:translateX(-50%);
}
.okkensho.okkensho--kenshokai .okkensho-flow-eight > li:last-child::after { content:none; display:none; }
}
/* Office: desktop remains photo-left/copy-right; mobile becomes heading → photo → details. */
.okkensho.okkensho--kenshokai .okkensho-office-grid {
grid-template-rows:auto 1fr;
column-gap:58px;
row-gap:0;
}
.okkensho.okkensho--kenshokai .okkensho-office-heading { grid-column:2; grid-row:1; align-self:end; }
.okkensho.okkensho--kenshokai .okkensho-office-heading h2 { font-size:32px; margin-bottom:18px; }
.okkensho.okkensho--kenshokai .okkensho-office-photo { grid-column:1; grid-row:1 / span 2; align-self:center; }
.okkensho.okkensho--kenshokai .okkensho-office-copy { grid-column:2; grid-row:2; }
/* LINE consultation button is centred without changing the surrounding copy alignment. */
.okkensho.okkensho--kenshokai .okkensho-line-info .okkensho-btn-line {
display:flex;
width:max-content;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
@media (max-width:820px) {
.okkensho.okkensho--kenshokai .okkensho-office-grid {
grid-template-columns:1fr;
grid-template-rows:auto auto auto;
gap:24px;
}
.okkensho.okkensho--kenshokai .okkensho-office-heading { grid-column:1; grid-row:1; }
.okkensho.okkensho--kenshokai .okkensho-office-heading h2 { font-size:26px; margin-bottom:0; }
.okkensho.okkensho--kenshokai .okkensho-office-photo { grid-column:1; grid-row:2; margin-top:0; }
.okkensho.okkensho--kenshokai .okkensho-office-copy { grid-column:1; grid-row:3; }
.okkensho.okkensho--kenshokai .okkensho-actions-office { display:none !important; }
}
/* Mobile header phone number and reception hours: force readable black text. */
@media (max-width:600px) {
.okkensho.okkensho--kenshokai .okkensho-mobile-phone a,
.okkensho.okkensho--kenshokai .okkensho-mobile-phone .okkensho-mobile-phone-number,
.okkensho.okkensho--kenshokai .okkensho-mobile-phone > span {
color:#111 !important;
-webkit-text-fill-color:#111 !important;
}
}
/* =========================================================
v1.0.8 GPT作成記事：関連記事・強調・戻るボタン
========================================================= */
.okkensho .okkensho-single-content .okkensho-managed-related {
margin:30px 0;
padding:18px 22px;
border:1px solid #cfe2d6;
border-left:5px solid #2f805a;
border-radius:14px;
background:#f5faf7;
box-shadow:0 5px 18px rgba(35,95,68,.05);
}
.okkensho .okkensho-single-content .okkensho-managed-related .okkensho-related-label {
margin:0 0 10px;
color:#235f43;
font-size:15px;
font-weight:800;
letter-spacing:.08em;
}
.okkensho .okkensho-single-content .okkensho-managed-related ul { margin:0; padding-left:1.25em; }
.okkensho .okkensho-single-content .okkensho-managed-related li { margin:.5em 0; }
.okkensho .okkensho-single-content .okkensho-emphasis-red {
color:#b42318 !important;
-webkit-text-fill-color:#b42318 !important;
font-weight:800;
}
.okkensho .okkensho-column-back .okkensho-column-return-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-width:190px;
min-height:48px;
padding:12px 24px;
border:1px solid #23764d !important;
border-radius:8px;
background:#23764d !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
text-decoration:none !important;
font-weight:800;
line-height:1.5;
}
.okkensho .okkensho-column-back .okkensho-column-return-btn:hover {
background:#195d3b !important;
border-color:#195d3b !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
@media(max-width:600px){
.okkensho .okkensho-single-content .okkensho-managed-related {padding:16px 15px;margin:24px 0;}
.okkensho .okkensho-column-back .okkensho-column-return-btn {width:min(100%,280px);}
}