/* 大倉行政書士事務所 相続手続きLP 1.0.0 — 写真とHTMLを完全に分離したレイアウト */
body.okinh-page { margin:0; padding:0; background:#fff; }
.okinh {
--okinh-blue:#1f7a4d; --okinh-navy:#164b36; --okinh-ink:#243d33;
--okinh-muted:#5e746a; --okinh-line:#dce9e2; --okinh-soft:#f3f8f5;
--okinh-green:#2b8a57; --okinh-header-offset:126px;
--okinh-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
color:var(--okinh-ink); background:#fff; font-family:var(--okinh-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%;
}
.okinh *, .okinh *::before, .okinh *::after { box-sizing:border-box; }
.okinh [hidden] { display:none !important; }
.okinh h1, .okinh h2, .okinh h3, .okinh h4 {
font-family:var(--okinh-font); color:var(--okinh-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;
}
.okinh h1::before, .okinh h1::after, .okinh h2::before, .okinh h2::after, .okinh h3::before, .okinh h3::after { content:none; }
.okinh h1 { font-size:38px; }
.okinh h2 { font-size:30px; }
.okinh h3 { font-size:18px; }
.okinh p, .okinh figure, .okinh dl, .okinh dd { margin:0; padding:0; }
.okinh p { overflow-wrap:anywhere; word-break:normal; }
.okinh img { display:block; max-width:100%; border:0; box-shadow:none; }
.okinh a { color:inherit; text-decoration:none; }
.okinh a:focus-visible, .okinh button:focus-visible, .okinh summary:focus-visible, .okinh input:focus-visible, .okinh textarea:focus-visible { outline:3px solid var(--okinh-accent); outline-offset:4px; }
.okinh button, .okinh input, .okinh textarea { font:inherit; letter-spacing:inherit; }
.okinh button, .okinh summary { -webkit-tap-highlight-color:transparent; }
.okinh button { cursor:pointer; }
.okinh svg { display:block; }
.okinh .okinh-icon { width:32px; height:32px; flex:none; }
.okinh .okinh-container { width:calc(100% - 64px); max-width:1200px; margin-inline:auto; }
.okinh .okinh-container-narrow { max-width:900px; }
.okinh section[id], .okinh main[id], .okinh [id="okinh-line-info"] { scroll-margin-top:var(--okinh-header-offset); }
.okinh .okinh-skip { position:absolute; left:20px; top:-100px; z-index:1000; background:#fff; padding:10px 20px; border:2px solid var(--okinh-blue); }
.okinh .okinh-skip:focus { top:12px; }
/* LP限定：相続書類・銀行・自動車等の半透明イラストが、ゆっくり揺れながら降る装飾。
コラム個別・コラム一覧・法定ページには .okinh--device-rain を付けないため表示されない。 */
.okinh.okinh--device-rain { position:relative; isolation:isolate; }
.okinh .okinh-device-rain {
position:fixed; inset:0; z-index:60; overflow:hidden; pointer-events:none;
user-select:none; -webkit-user-select:none; contain:layout paint style;
}
.okinh .okinh-device-rain-item {
position:absolute; left:var(--okinh-rain-x,50%); top:-120px;
width:var(--okinh-rain-size,52px); height:var(--okinh-rain-size,52px);
color:var(--okinh-blue); opacity:0; will-change:transform,opacity;
animation:okinh-device-rain-fall var(--okinh-rain-duration,22s) linear var(--okinh-rain-delay,0s) infinite;
}
.okinh .okinh-device-rain-shape {
display:block; width:100%; height:100%; transform-origin:50% 45%;
animation:okinh-device-rain-sway 4.8s ease-in-out infinite alternate;
}
.okinh .okinh-device-rain-item:nth-child(2n) .okinh-device-rain-shape { animation-duration:5.6s; animation-direction:alternate-reverse; }
.okinh .okinh-device-rain-item:nth-child(3n) .okinh-device-rain-shape { animation-duration:4.1s; }
.okinh .okinh-device-rain-item .okinh-icon { width:100%; height:100%; stroke-width:1.35; }
.okinh .okinh-device-rain-item--mobile .okinh-icon { stroke-width:1.55; }
@keyframes okinh-device-rain-fall {
0% { transform:translate3d(-10px,-15vh,0); opacity:0; }
8% { opacity:var(--okinh-rain-opacity,.11); }
47% { transform:translate3d(18px,48vh,0); opacity:var(--okinh-rain-opacity,.11); }
92% { opacity:var(--okinh-rain-opacity,.11); }
100% { transform:translate3d(-16px,118vh,0); opacity:0; }
}
@keyframes okinh-device-rain-sway {
0% { transform:translate3d(-9px,0,0) rotate(-10deg); }
50% { transform:translate3d(7px,0,0) rotate(7deg); }
100% { transform:translate3d(13px,0,0) rotate(12deg); }
}
@media (max-width:820px) {
.okinh .okinh-device-rain-item:nth-child(n+9) { display:none; }
}
@media (max-width:520px) {
.okinh .okinh-device-rain-item { color:var(--okinh-blue); }
.okinh .okinh-device-rain-item:nth-child(n+7) { display:none; }
}
@media (prefers-reduced-motion:reduce) {
.okinh .okinh-device-rain { display:none !important; }
}
/* ヘッダー：上段キャッチコピー／下段ロゴ・メニュー・小型CTA */
.okinh .okinh-header { position:sticky; top:0; z-index:90; background:rgba(255,255,255,.98); box-shadow:0 1px 0 var(--okinh-line); }
.admin-bar .okinh .okinh-header { top:var(--wp-admin--admin-bar--height,32px); }
.okinh .okinh-header-top { background:var(--okinh-soft); border-bottom:1px solid var(--okinh-soft); }
.okinh .okinh-header-top p { padding:5px 0; color:var(--okinh-muted); font-size:11px; line-height:1.6; letter-spacing:.04em; }
.okinh .okinh-header-main { display:flex; align-items:center; gap:24px; min-height:78px; padding-block:12px; }
.okinh .okinh-brand { display:inline-flex; align-items:center; gap:10px; flex:none; min-width:0; }
.okinh .okinh-logo { width:38px; height:38px; object-fit:contain; flex:none; }
.okinh .okinh-logo-placeholder { flex:none; width:38px; height:38px; border:1px dashed var(--okinh-line); border-radius:8px; background:var(--okinh-paper); display:grid; place-items:center; color:var(--okinh-muted); font-size:10px; font-weight:500; letter-spacing:0; }
.okinh .okinh-brandtext { color:var(--okinh-navy); font-size:21px; font-weight:700; line-height:1.2; white-space:nowrap; letter-spacing:-.02em; }
.okinh .okinh-menu { display:flex; gap:20px; align-items:center; justify-content:center; flex:1; margin:0; min-width:0; }
.okinh .okinh-menu a { color:var(--okinh-muted); font-size:12px; font-weight:700; white-space:nowrap; padding:8px 0; position:relative; }
.okinh .okinh-menu a:hover { color:var(--okinh-blue); }
.okinh .okinh-menu a::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:currentColor; transform:scaleX(0); transition:transform .15s; }
.okinh .okinh-menu a:hover::after { transform:scaleX(1); }
.okinh .okinh-menu-toggle { display:none; align-items:center; justify-content:center; gap:6px; flex-direction:column; border:1px solid var(--okinh-line); border-radius:8px; background:#fff; color:var(--okinh-navy); padding:7px 9px; line-height:1; min-height:44px; }
.okinh .okinh-menu-label { font-size:9px; }
.okinh .okinh-menu-bars, .okinh .okinh-menu-bars::before, .okinh .okinh-menu-bars::after { display:block; width:18px; height:2px; background:currentColor; transition:transform .15s; }
.okinh .okinh-menu-bars { position:relative; margin:5px 0; }
.okinh .okinh-menu-bars::before, .okinh .okinh-menu-bars::after { content:""; position:absolute; left:0; }
.okinh .okinh-menu-bars::before { top:-5px; }
.okinh .okinh-menu-bars::after { top:5px; }
.okinh .okinh-menu-toggle[aria-expanded="true"] .okinh-menu-bars { background:transparent; }
.okinh .okinh-menu-toggle[aria-expanded="true"] .okinh-menu-bars::before { top:0; transform:rotate(45deg); }
.okinh .okinh-menu-toggle[aria-expanded="true"] .okinh-menu-bars::after { top:0; transform:rotate(-45deg); }
/* CTAは同じ幅・高さ。無料相談とLINEは別々のリンク先。 */
.okinh .okinh-actions { display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; }
.okinh .okinh-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(--okinh-font); letter-spacing:.015em; text-decoration:none; box-shadow:none; white-space:nowrap; transition:background .15s,box-shadow .15s; }
.okinh .okinh-btn span { display:inline-block; }
.okinh .okinh-btn-primary { color:#fff; background:linear-gradient(105deg,var(--okinh-blue),var(--okinh-navy)); box-shadow:0 6px 18px rgba(31,122,77,.13); }
.okinh .okinh-btn-primary:hover { color:#fff; background:var(--okinh-navy); box-shadow:0 7px 20px rgba(31,122,77,.2); }
.okinh .okinh-btn-line { color:#fff; background:var(--okinh-green); border-color:var(--okinh-green); }
.okinh .okinh-btn-line:hover { color:#fff; background:var(--okinh-navy); border-color:var(--okinh-navy); }
.okinh .okinh-btn-outline { color:var(--okinh-blue); background:#fff; border-color:var(--okinh-line); }
.okinh .okinh-actions-header { flex:none; flex-wrap:nowrap; gap:8px; }
.okinh .okinh-actions-header .okinh-btn { font-size:11px; min-height:38px; padding:8px 11px; width:132px; gap:6px; }
.okinh .okinh-actions-hero .okinh-btn, .okinh .okinh-actions-onblue .okinh-btn { width:184px; }
.okinh .okinh-small-note { color:var(--okinh-muted); font-size:12px; margin-top:12px; }
/* アピール：写真2は右側の台形レイアウトで表示 */
.okinh .okinh-hero { background:linear-gradient(112deg,#fff 12%,var(--okinh-soft) 100%); border-bottom:1px solid var(--okinh-soft); overflow:hidden; }
.okinh .okinh-hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); align-items:center; gap:48px; padding-block:64px; }
.okinh .okinh-hero-copy, .okinh .okinh-hero-visual { min-width:0; }
.okinh .okinh-hero-visual { position:relative; display:flex; align-items:stretch; justify-content:flex-end; align-self:stretch; min-height:430px; }
.okinh .okinh-eyebrow { color:var(--okinh-blue); font-size:12px; font-weight:700; line-height:1.6; letter-spacing:.08em; margin-bottom:14px; }
.okinh .okinh-hero h1 { font-size:clamp(29px,3vw,40px); line-height:1.45; letter-spacing:.015em; margin-bottom:22px; overflow-wrap:break-word; }
.okinh .okinh-hero-description { color:var(--okinh-muted); font-size:16px; line-height:1.95; max-width:570px; }
.okinh .okinh-hero-offer { margin:24px 0; border-left:3px solid var(--okinh-accent); padding:1px 0 1px 16px; }
.okinh .okinh-hero-offer>p { font-size:13px; font-weight:700; color:var(--okinh-navy); margin-bottom:3px; }
.okinh .okinh-hero-offer>div { display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
.okinh .okinh-hero-offer strong { font-size:35px; line-height:1.3; font-weight:700; color:var(--okinh-blue); letter-spacing:-.02em; }
.okinh .okinh-hero-offer span { font-size:12px; color:var(--okinh-muted); }
.okinh .okinh-hero-offer .okinh-offer-label { color:var(--okinh-muted); font-size:11px; background:var(--okinh-soft); padding:3px 8px; border-radius:4px; }
/* 写真2 / 写真3：文字を画像の上に置かない */
.okinh .okinh-photo { width:100%; margin:0; position:relative; border-radius:18px; min-width:0; }
.okinh .okinh-photo.has-image { overflow:hidden; }
.okinh .okinh-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; }
.okinh .okinh-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%); }
.okinh .okinh-photo--2.has-image::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(135deg, rgba(31,122,77,.06) 0%, rgba(31,122,77,0) 36%); }
.okinh .okinh-photo--2 .okinh-slot-image { width:100%; height:100%; max-height:none; min-width:0; object-fit:cover; object-position:center center; }
.okinh .okinh-photo--2.okinh-fit-contain .okinh-slot-image { object-fit:contain; object-position:center right; background:transparent; }
.okinh .okinh-photo--2.is-placeholder { border:none; background:linear-gradient(135deg,var(--okinh-accent) 0%,var(--okinh-muted) 100%); clip-path:polygon(26% 0,100% 0,100% 100%,0 100%); }
.okinh .okinh-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%); }
.okinh .okinh-photo--3 { aspect-ratio:16 / 11; }
.okinh .okinh-photo .okinh-slot-image { width:100%; height:100%; max-height:none; min-width:0; object-fit:contain; }
.okinh .okinh-fit-cover .okinh-slot-image { object-fit:cover; }
.okinh .okinh-photo.is-placeholder { border:1px dashed var(--okinh-line); background:linear-gradient(135deg,var(--okinh-paper),var(--okinh-soft)); }
.okinh .okinh-photo-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; color:var(--okinh-muted); padding:18px; }
.okinh .okinh-photo-placeholder .okinh-icon { width:48px; height:48px; stroke-width:1.25; color:var(--okinh-tint); margin-bottom:8px; }
.okinh .okinh-photo-placeholder strong { font-size:18px; font-weight:600; letter-spacing:.04em; }
.okinh .okinh-photo-placeholder span { font-size:12px; }
.okinh .okinh-photo--2.is-placeholder .okinh-photo-placeholder { color:#fff; z-index:2; }
.okinh .okinh-photo--2.is-placeholder .okinh-photo-placeholder .okinh-icon { color:var(--okinh-soft); }
.okinh .okinh-photo.okinh-photo--2.is-placeholder { border:none; background:linear-gradient(135deg,var(--okinh-accent) 0%,var(--okinh-muted) 100%); }
/* サービスカード：中央アイコン、控えめな文字サイズ */
.okinh .okinh-section { padding:76px 0; }
.okinh .okinh-heading { margin-bottom:34px; text-align:center; }
.okinh .okinh-heading .okinh-eyebrow { font-size:11px; letter-spacing:.16em; margin-bottom:10px; }
.okinh .okinh-heading h2, .okinh .okinh-heading h1 { font-size:30px; line-height:1.6; }
.okinh .okinh-heading h2 span { display:inline-block; }
.okinh .okinh-heading>p:not(.okinh-eyebrow) { font-size:15px; color:var(--okinh-muted); margin:12px auto 0; max-width:800px; }
.okinh .okinh-services { background:var(--okinh-paper); }
.okinh .okinh-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.okinh .okinh-service-card { min-width:0; padding:28px 22px; border:1px solid var(--okinh-soft); border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(35,90,60,.035); text-align:center; }
.okinh .okinh-card-icon { width:62px; height:62px; display:grid; place-items:center; margin:0 auto 18px; border-radius:17px; background:var(--okinh-soft); color:var(--okinh-blue); }
.okinh .okinh-card-icon .okinh-icon { width:36px; height:36px; }
.okinh .okinh-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; }
.okinh .okinh-service-card p { font-size:14px; color:var(--okinh-muted); line-height:1.95; text-align:left; }
/* 相続サポート紹介：2行を保ち、画像と干渉しない。 */
.okinh .okinh-band { background:linear-gradient(110deg,var(--okinh-navy),var(--okinh-navy)); color:#fff; }
.okinh .okinh-band-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:56px; align-items:center; padding-block:56px; }
.okinh .okinh-band-visual, .okinh .okinh-band-copy { min-width:0; }
.okinh .okinh-band .okinh-photo.is-placeholder { background:rgba(255,255,255,.055); border-color:rgba(221,237,255,.38); }
.okinh .okinh-band .okinh-photo-placeholder, .okinh .okinh-band .okinh-photo-placeholder .okinh-icon { color:var(--okinh-line); }
.okinh .okinh-band .okinh-eyebrow { color:var(--okinh-line); font-size:11px; letter-spacing:.11em; margin-bottom:16px; }
.okinh .okinh-band h2 { font-size:clamp(22px,2.5vw,32px); color:#fff; line-height:1.7; letter-spacing:.01em; }
.okinh .okinh-band h2 span { display:block; white-space:nowrap; }
.okinh .okinh-band-copy>p:not(.okinh-eyebrow) { margin-top:18px; color:var(--okinh-soft); font-size:15px; line-height:1.95; }
.okinh .okinh-actions-onblue { margin-top:26px; }
.okinh .okinh-actions-onblue .okinh-btn-primary { background:#fff; color:var(--okinh-navy); box-shadow:none; }
.okinh .okinh-actions-onblue .okinh-btn-primary:hover { background:var(--okinh-soft); }
/* 実績は管理者が入力・公開指定した場合だけ表示 */
.okinh .okinh-stats { padding:28px 0; border-bottom:1px solid var(--okinh-line); background:#fff; }
.okinh .okinh-stats-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.okinh .okinh-stats-grid>div { flex:1; min-width:0; text-align:center; padding:0 24px; }
.okinh .okinh-stats-grid>div+div { border-left:1px solid var(--okinh-line); }
.okinh .okinh-stats-grid span { display:block; font-size:13px; font-weight:700; }
.okinh .okinh-stats-grid strong { display:block; color:var(--okinh-blue); font-size:38px; line-height:1.45; overflow-wrap:anywhere; }
.okinh .okinh-stats .okinh-small-note { text-align:center; }
/* 料金表：既存プランの範囲と実費・追加費用の案内を復元 */
.okinh .okinh-price-card { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); max-width:1000px; margin-inline:auto; border:1px solid var(--okinh-line); border-radius:18px; background:#fff; overflow:hidden; }
.okinh .okinh-price-head { grid-column:1 / -1; padding:22px 24px; background:var(--okinh-blue); text-align:center; }
.okinh .okinh-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; }
.okinh .okinh-price-head h3 { margin:0; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:24px; font-weight:700; line-height:1.5; }
.okinh .okinh-price-main { padding:30px; background:var(--okinh-soft); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.okinh .okinh-price-tag { display:inline-block; border-radius:4px; background:var(--okinh-soft); color:var(--okinh-muted); font-size:11px; font-weight:700; padding:3px 14px; margin-bottom:14px; }
.okinh .okinh-price-main h3 { font-size:19px; line-height:1.8; }
.okinh .okinh-price-amount { display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:12px; }
.okinh .okinh-price-amount strong { color:var(--okinh-blue); font-size:44px; line-height:1.4; font-weight:700; letter-spacing:-.02em; }
.okinh .okinh-price-amount span { font-size:12px; color:var(--okinh-muted); }
.okinh .okinh-price-detail { padding:32px 38px; min-width:0; }
.okinh .okinh-price-detail h3 { font-size:16px; margin-bottom:16px; }
.okinh .okinh-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px; list-style:none; padding:0; margin:0; }
.okinh .okinh-checklist li { display:flex; gap:8px; align-items:flex-start; margin:0; font-size:13px; line-height:1.8; color:var(--okinh-muted); }
.okinh .okinh-checklist .okinh-icon { width:17px; height:17px; margin-top:3px; color:var(--okinh-blue); }
.okinh .okinh-price-note { margin-top:22px; padding-top:18px; border-top:1px solid var(--okinh-line); font-size:12px; color:var(--okinh-muted); line-height:1.9; }
/* お客様の声：実際の写真とテキストは別々に管理 */
.okinh .okinh-voices-section { background:var(--okinh-paper); }
.okinh .okinh-voice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.okinh .okinh-voice-card { min-width:0; display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid var(--okinh-line); border-radius:16px; }
.okinh .okinh-voice-head { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.okinh .okinh-avatar { width:62px; height:62px; flex:none; display:grid; place-items:center; background:var(--okinh-soft); border:1px solid var(--okinh-soft); border-radius:50%; overflow:hidden; color:var(--okinh-tint); }
.okinh .okinh-avatar img { width:100%; height:100%; object-fit:cover; }
.okinh .okinh-avatar .okinh-icon { width:34px; height:34px; }
.okinh .okinh-voice-head h3 { font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.okinh .okinh-voice-card>p { font-size:14px; color:var(--okinh-muted); line-height:1.95; }
.okinh .okinh-voice-meta { margin-top:auto; padding-top:22px; font-size:12px; font-weight:700; color:var(--okinh-muted); }
.okinh .okinh-voice-card.is-pending { min-height:212px; }
/* コラムは単体ショートコードでもJSなしで表示 */
.okinh.okinh-columns-embed { background:transparent; padding:12px 0; }
.okinh .okinh-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.okinh .okinh-column-card { min-width:0; border:1px solid var(--okinh-line); border-radius:14px; background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.okinh .okinh-column-thumb { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:300/170; background:#fff; overflow:hidden; padding:0; }
.okinh .okinh-column-thumb img,
.okinh .okinh-column-thumb .okinh-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;
}
.okinh .okinh-column-noimage { width:100%; height:100%; min-height:150px; display:grid; place-items:center; color:var(--okinh-tint); }
.okinh .okinh-column-noimage .okinh-icon { width:42px; height:42px; }
.okinh .okinh-column-body { padding:22px; display:flex; flex-direction:column; flex:1; }
.okinh .okinh-column-body time { font-size:12px; color:var(--okinh-muted); margin-bottom:9px; }
.okinh .okinh-column-body h3 { font-size:17px; line-height:1.7; margin-bottom:12px; overflow-wrap:anywhere; }
.okinh .okinh-column-body>p { font-size:14px; color:var(--okinh-muted); }
.okinh .okinh-column-body .okinh-textlink { margin-top:auto; padding-top:16px; }
.okinh .okinh-textlink { color:var(--okinh-blue); font-size:13px; font-weight:700; }
.okinh .okinh-textlink:hover { text-decoration:underline; }
.okinh .okinh-empty { grid-column:1/-1; text-align:center; width:100%; border:1px solid var(--okinh-line); border-radius:14px; background:var(--okinh-paper); padding:32px 20px; color:var(--okinh-muted); }
.okinh .okinh-empty .okinh-icon { margin:0 auto 14px; color:var(--okinh-tint); }
.okinh .okinh-empty h3 { font-size:17px; margin-bottom:8px; }
.okinh .okinh-empty p { font-size:14px; }
.okinh .okinh-section-link { text-align:center; margin-top:28px; }
/* FAQ */
.okinh .okinh-faq-section { padding-top:76px; }
.okinh .okinh-faq-list { border-top:1px solid var(--okinh-line); }
.okinh .okinh-faq-list details { border-bottom:1px solid var(--okinh-line); }
.okinh .okinh-faq-list summary { padding:20px 38px 20px 0; position:relative; font-size:15px; line-height:1.8; font-weight:600; color:var(--okinh-navy); cursor:pointer; list-style:none; display:flex; align-items:baseline; gap:15px; }
.okinh .okinh-faq-list summary::-webkit-details-marker { display:none; }
.okinh .okinh-faq-list summary>span { color:var(--okinh-blue); flex:none; font-size:17px; }
.okinh .okinh-faq-list summary::after { content:"＋"; position:absolute; right:4px; top:20px; font-weight:400; color:var(--okinh-muted); }
.okinh .okinh-faq-list details[open]>summary::after { content:"−"; }
.okinh .okinh-faq-list details>div { padding:0 28px 24px 33px; color:var(--okinh-muted); font-size:14px; }
/* 下部CTAにも文字入り背景は使用しない */
.okinh .okinh-bottom-cta { padding:48px 0; background:linear-gradient(110deg,var(--okinh-soft),var(--okinh-paper)); border-block:1px solid var(--okinh-soft); }
.okinh .okinh-bottom-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:44px; }
.okinh .okinh-bottom-grid h2 { font-size:26px; line-height:1.65; }
.okinh .okinh-bottom-grid .okinh-eyebrow { font-size:11px; margin-bottom:10px; }
.okinh .okinh-bottom-grid p:not(.okinh-eyebrow) { margin-top:13px; font-size:13px; color:var(--okinh-muted); }
.okinh .okinh-actions-bottom .okinh-btn { width:184px; }
/* 問い合わせ */
.okinh .okinh-contact-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; align-items:start; }
.okinh .okinh-contact-copy h2 { font-size:30px; margin-bottom:18px; }
.okinh .okinh-contact-copy>p:not(.okinh-eyebrow) { font-size:15px; color:var(--okinh-muted); }
.okinh .okinh-office-details { margin:30px 0; font-size:13px; }
.okinh .okinh-office-details>div { display:grid; grid-template-columns:60px minmax(0,1fr); padding:10px 0; border-bottom:1px solid var(--okinh-line); gap:12px; }
.okinh .okinh-office-details dt { color:var(--okinh-muted); font-weight:500; }
.okinh .okinh-office-details dd { color:var(--okinh-muted); overflow-wrap:anywhere; }
.okinh .okinh-line-info { background:var(--okinh-paper); padding:22px; border:1px solid var(--okinh-soft); border-radius:12px; }
.okinh .okinh-line-info h3 { font-size:16px; color:var(--okinh-navy); margin-bottom:8px; }
.okinh .okinh-line-info p { font-size:13px; color:var(--okinh-muted); }
.okinh .okinh-line-info .okinh-btn { margin-top:16px; font-size:13px; }
.okinh .okinh-form-panel { min-width:0; border:1px solid var(--okinh-line); border-radius:18px; padding:32px; box-shadow:0 8px 28px rgba(35,90,60,.045); }
.okinh .okinh-form { margin:0; position:relative; }
.okinh .okinh-field { margin-bottom:20px; }
.okinh .okinh-field>label { display:flex; gap:10px; align-items:center; font-size:13px; font-weight:700; margin-bottom:8px; color:var(--okinh-muted); }
.okinh .okinh-inquiry-field { border:0; padding:0; min-width:0; margin:0; }
.okinh .okinh-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:var(--okinh-muted); }
.okinh .okinh-multi-note { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; border-radius:999px; background:var(--okinh-soft); color:var(--okinh-muted); font-size:11px; font-weight:700; line-height:1.2; }
.okinh .okinh-inquiry-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.okinh .okinh-inquiry-option { position:relative; display:flex; align-items:flex-start; gap:12px; min-width:0; margin:0; padding:18px 18px 16px; border:1px solid var(--okinh-line); border-radius:10px; background:#fff; box-shadow:none; cursor:pointer; transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.okinh .okinh-inquiry-option:hover { border-color:var(--okinh-tint); background:var(--okinh-paper); }
.okinh .okinh-inquiry-option:focus-within { border-color:var(--okinh-blue); box-shadow:0 0 0 3px rgba(31,122,77,.12); }
.okinh .okinh-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 var(--okinh-tint); border-radius:3px; background:#fff; box-shadow:none; }
.okinh .okinh-inquiry-option input:checked { background:var(--okinh-blue); border-color:var(--okinh-blue); box-shadow:inset 0 0 0 3px #fff; }
.okinh .okinh-inquiry-option:has(input:checked) { border-color:var(--okinh-blue); background:var(--okinh-paper); box-shadow:0 6px 18px rgba(31,122,77,.08); }
.okinh .okinh-inquiry-copy { display:block; min-width:0; line-height:1.55; }
.okinh .okinh-inquiry-copy strong { display:block; font-size:15px; line-height:1.5; color:var(--okinh-navy); font-weight:700; }
.okinh .okinh-inquiry-copy small { display:block; margin-top:6px; font-size:12px; line-height:1.6; color:var(--okinh-muted); font-weight:600; }
.okinh .okinh-other-detail { margin-top:4px; }
.okinh .okinh-other-detail[hidden] { display:none !important; }
.okinh .okinh-required, .okinh .okinh-optional { font-size:10px; font-weight:500; line-height:1.6; padding:1px 6px; border-radius:3px; }
.okinh .okinh-required { background:var(--okinh-soft); color:var(--okinh-blue); }
.okinh .okinh-optional { background:var(--okinh-soft); color:var(--okinh-muted); }
.okinh .okinh-field input, .okinh .okinh-field textarea { display:block; width:100%; min-width:0; color:var(--okinh-ink); border:1px solid var(--okinh-line); border-radius:7px; padding:10px 12px; font-size:16px; line-height:1.65; background:var(--okinh-paper); box-shadow:none; margin:0; }
.okinh .okinh-field input { min-height:46px; }
.okinh .okinh-field textarea { resize:vertical; min-height:140px; }
.okinh .okinh-field input::placeholder, .okinh .okinh-field textarea::placeholder { color:var(--okinh-tint); font-size:13px; }
.okinh .okinh-privacy { margin:6px 0 22px; }
.okinh .okinh-privacy p { color:var(--okinh-muted); font-size:12px; margin-bottom:12px; }
.okinh .okinh-privacy p>a { text-decoration:underline; color:var(--okinh-blue); }
.okinh .okinh-privacy label { display:flex; gap:8px; align-items:flex-start; color:var(--okinh-muted); font-size:13px; line-height:1.8; }
.okinh .okinh-privacy input { width:17px; height:17px; flex:none; margin:3px 0 0; accent-color:var(--okinh-blue); }
.okinh .okinh-honeypot { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.okinh .okinh-submit { width:100%; max-width:100%; }
.okinh .okinh-submit:disabled { opacity:.65; cursor:wait; }
.okinh .okinh-notice { border:1px solid var(--okinh-line); padding:16px; border-radius:8px; font-size:14px; margin-bottom:22px; }
.okinh .okinh-notice-success { border-color:var(--okinh-line); background:var(--okinh-soft); color:var(--okinh-navy); }
.okinh .okinh-notice-error { border-color:#e9cccc; background:#fff7f7; color:#9b3838; }
/* フッターとコラム記事 */
.okinh .okinh-footer { background:#fff; border-top:1px solid var(--okinh-line); padding:32px 0 20px; }
.okinh .okinh-footer-top { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.okinh .okinh-footer .okinh-brandtext { font-size:18px; }
.okinh .okinh-footer .okinh-logo, .okinh .okinh-footer .okinh-logo-placeholder { width:32px; height:32px; }
.okinh .okinh-footer-menu { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 18px; }
.okinh .okinh-footer-menu a { font-size:11px; color:var(--okinh-muted); }
.okinh .okinh-footer-menu a:hover { text-decoration:underline; }
.okinh .okinh-footer-bottom { display:flex; justify-content:space-between; gap:16px; margin-top:24px; padding-top:16px; border-top:1px solid var(--okinh-soft); font-size:11px; color:var(--okinh-muted); }
.okinh .okinh-single-heading { background:var(--okinh-soft); padding:48px 0; }
.okinh .okinh-single-heading time { display:block; font-size:13px; color:var(--okinh-muted); margin:22px 0 12px; }
.okinh .okinh-single-heading h1 { font-size:clamp(25px,3vw,36px); line-height:1.6; overflow-wrap:anywhere; }
.okinh .okinh-single-content { max-width:900px; width:calc(100% - 64px); margin:44px auto 72px; font-size:16px; overflow-wrap:anywhere; }
.okinh .okinh-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;
}
.okinh .okinh-article-cover,
.okinh .okinh-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;
}
.okinh .okinh-single-content p { margin:1.2em 0; }
.okinh .okinh-single-content h2 { font-size:26px; border-bottom:2px solid var(--okinh-soft); padding-bottom:12px; margin:44px 0 20px; }
.okinh .okinh-single-content h3 { font-size:21px; margin:30px 0 15px; }
.okinh .okinh-single-content a:not(.okinh-btn, .okura-gpt-office-contact-button) { color:var(--okinh-blue); text-decoration:underline; }
.okinh .okinh-single-content img, .okinh .okinh-single-content iframe { max-width:100%; }
.okinh .okinh-single-content img { height:auto; margin-inline:auto; }
.okinh .okinh-single-content table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.okinh .okinh-single-content td, .okinh .okinh-single-content th { border:1px solid var(--okinh-line); padding:12px; }
.okinh .okinh-single-content pre { overflow-x:auto; max-width:100%; padding:18px; background:var(--okinh-soft); }
.okinh .okinh-pagination { margin-top:36px; text-align:center; }
.okinh .okinh-pagination .page-numbers { display:inline-block; padding:6px 14px; border:1px solid var(--okinh-line); border-radius:6px; margin:3px; font-size:14px; }
.okinh .okinh-pagination .current { background:var(--okinh-blue); color:#fff; }
/* ノートPC・タブレット */
@media (max-width:1180px) {
.okinh .okinh-header-main { gap:18px; }
.okinh .okinh-menu { gap:14px; }
.okinh .okinh-brandtext { font-size:19px; }
.okinh .okinh-actions-header .okinh-btn { width:124px; font-size:10.5px; }
.okinh .okinh-hero-grid, .okinh .okinh-band-grid { gap:38px; }
.okinh .okinh-hero-visual { min-height:390px; }
.okinh .okinh-photo--2 { min-height:390px; clip-path:polygon(22% 0,100% 0,100% 100%,0 100%); }
.okinh .okinh-service-card { padding:25px 18px; }
.okinh .okinh-service-card h3 { font-size:15px; }
}
@media (max-width:1060px) {
.okinh .okinh-header-main { flex-wrap:wrap; gap:12px 20px; min-height:70px; }
.okinh .okinh-header-main>.okinh-brand { margin-right:auto; }
.okinh .okinh-menu { order:4; width:100%; flex:none; padding:8px 0; justify-content:flex-start; }
.okinh.is-enhanced .okinh-menu { display:none; }
.okinh.is-enhanced .okinh-menu.is-open { display:flex; }
.okinh.is-enhanced .okinh-menu-toggle { display:flex; order:3; }
.okinh .okinh-actions-header { order:2; }
.okinh .okinh-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.okinh .okinh-service-card { padding:28px; }
.okinh .okinh-service-card h3 { font-size:17px; min-height:3.3em; }
.okinh .okinh-band h2 { font-size:25px; }
.okinh .okinh-actions-onblue .okinh-btn { width:calc(50% - 6px); padding:10px 9px; font-size:12px; gap:6px; }
.okinh .okinh-hero h1 { font-size:30px; }
.okinh .okinh-actions-hero .okinh-btn { width:calc(50% - 6px); font-size:12px; padding:10px 8px; gap:6px; }
.okinh .okinh-voice-card { padding:22px; }
.okinh .okinh-voice-head { flex-direction:column; align-items:flex-start; gap:12px; }
.okinh .okinh-price-detail { padding:28px; }
.okinh .okinh-bottom-grid { gap:24px; }
.okinh .okinh-actions-bottom { flex-direction:column; }
.okinh .okinh-contact-grid { gap:40px; }
.okinh .okinh-footer-top { flex-direction:column; align-items:flex-start; gap:22px; }
.okinh .okinh-footer-menu { justify-content:flex-start; }
}
@media (max-width:820px) {
.okinh .okinh-container { width:calc(100% - 48px); }
.okinh .okinh-hero-grid { grid-template-columns:1fr; gap:30px; padding-block:42px; }
.okinh .okinh-hero-visual { width:100%; max-width:720px; margin-inline:auto; min-height:0; justify-content:center; }
.okinh .okinh-photo--2 { min-height:320px; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); }
.okinh .okinh-hero-description { max-width:none; }
.okinh .okinh-hero h1 { font-size:36px; }
.okinh .okinh-actions-hero .okinh-btn { width:184px; font-size:13px; }
.okinh .okinh-band-grid { grid-template-columns:1fr; gap:30px; padding-block:44px; }
.okinh .okinh-band-visual { width:100%; max-width:560px; margin-inline:auto; }
.okinh .okinh-band h2 { font-size:30px; }
.okinh .okinh-actions-onblue .okinh-btn { width:184px; font-size:13px; }
.okinh .okinh-section { padding:56px 0; }
.okinh .okinh-heading h2, .okinh .okinh-heading h1 { font-size:26px; }
.okinh .okinh-price-card { grid-template-columns:1fr; }
.okinh .okinh-price-main { padding:26px; }
.okinh .okinh-price-main h3 br { display:none; }
.okinh .okinh-voice-grid { grid-template-columns:1fr; gap:18px; }
.okinh .okinh-voice-head { flex-direction:row; align-items:center; }
.okinh .okinh-voice-card.is-pending { min-height:0; }
.okinh .okinh-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.okinh .okinh-bottom-grid { grid-template-columns:1fr; gap:24px; }
.okinh .okinh-actions-bottom { flex-direction:row; }
.okinh .okinh-contact-grid { grid-template-columns:1fr; gap:30px; }
.okinh .okinh-contact-copy { max-width:none; }
.okinh .okinh-faq-section { padding-top:56px; }
.okinh .okinh-footer-bottom { flex-direction:column; gap:6px; }
}
@media (max-width:600px) {
.okinh { font-size:15px; --okinh-header-offset:18px; }
.okinh .okinh-container, .okinh .okinh-single-content { width:calc(100% - 36px); }
.okinh .okinh-header { position:relative; top:auto !important; }
.okinh .okinh-header-top p { font-size:10px; padding:6px 0; letter-spacing:0; }
.okinh .okinh-header-main { gap:12px; padding-block:12px; }
.okinh .okinh-brandtext { font-size:18px; }
.okinh .okinh-logo, .okinh .okinh-logo-placeholder { width:32px; height:32px; }
.okinh .okinh-brand { gap:8px; }
.okinh .okinh-actions-header { width:100%; order:4; gap:10px; }
.okinh .okinh-actions-header .okinh-btn { flex:1; width:calc(50% - 5px); min-height:38px; font-size:11px; padding:8px; }
.okinh .okinh-menu { order:5; flex-wrap:wrap; gap:4px; padding-top:4px; }
.okinh .okinh-menu a { width:calc(50% - 2px); padding:10px 12px; background:var(--okinh-paper); border-radius:6px; font-size:12px; }
.okinh .okinh-menu a::after { content:none; }
.okinh .okinh-hero-grid { padding-block:32px 40px; }
.okinh .okinh-hero-visual { max-width:100%; }
.okinh .okinh-photo--2 { min-height:250px; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); }
.okinh .okinh-hero h1 { font-size:clamp(24px,7.3vw,33px); margin-bottom:18px; }
.okinh .okinh-hero .okinh-eyebrow { font-size:11px; margin-bottom:12px; }
.okinh .okinh-hero-description { font-size:14px; line-height:1.95; }
.okinh .okinh-hero-offer { margin-block:22px; }
.okinh .okinh-hero-offer strong { font-size:32px; }
.okinh .okinh-hero-offer>div { gap:6px; }
.okinh .okinh-hero-offer .okinh-offer-label { font-size:10px; }
.okinh .okinh-actions-hero, .okinh .okinh-actions-onblue, .okinh .okinh-actions-bottom { gap:10px; }
.okinh .okinh-actions-hero .okinh-btn, .okinh .okinh-actions-onblue .okinh-btn, .okinh .okinh-actions-bottom .okinh-btn { width:calc(50% - 5px); padding:11px 8px; font-size:11.5px; min-height:44px; gap:6px; }
.okinh .okinh-photo { border-radius:12px; }
.okinh .okinh-photo-placeholder .okinh-icon { width:40px; height:40px; }
.okinh .okinh-section { padding-block:44px; }
.okinh .okinh-heading { margin-bottom:26px; }
.okinh .okinh-heading h2, .okinh .okinh-heading h1 { font-size:23px; line-height:1.65; }
.okinh .okinh-heading>p:not(.okinh-eyebrow) { font-size:13px; }
.okinh .okinh-desktop-br { display:none; }
.okinh .okinh-service-grid { grid-template-columns:1fr; gap:16px; }
.okinh .okinh-service-card { padding:24px; }
.okinh .okinh-service-card h3 { min-height:0; font-size:17px; margin-bottom:10px; display:block; }
.okinh .okinh-service-card h3 br { display:none; }
.okinh .okinh-service-card p { font-size:14px; }
.okinh .okinh-card-icon { margin-bottom:14px; }
.okinh .okinh-band h2 { font-size:clamp(18px,5.45vw,27px); }
.okinh .okinh-band-copy>p:not(.okinh-eyebrow) { font-size:14px; }
.okinh .okinh-band .okinh-eyebrow { font-size:10px; }
.okinh .okinh-checklist { grid-template-columns:1fr; gap:11px; }
.okinh .okinh-price-detail { padding:24px; }
.okinh .okinh-price-head { padding:18px 20px; }
.okinh .okinh-price-head p { font-size:12px; }
.okinh .okinh-price-head h3 { font-size:20px; }
.okinh .okinh-price-main h3 { font-size:17px; }
.okinh .okinh-price-amount strong { font-size:40px; }
.okinh .okinh-voice-card { padding:23px; }
.okinh .okinh-columns { grid-template-columns:1fr; }
.okinh .okinh-stats-grid { flex-direction:column; gap:20px; }
.okinh .okinh-stats-grid>div+div { border-left:0; border-top:1px solid var(--okinh-line); padding-top:20px; }
.okinh .okinh-faq-section { padding-top:44px; }
.okinh .okinh-faq-list summary { font-size:14px; gap:11px; padding-block:18px; }
.okinh .okinh-faq-list details>div { padding-left:28px; padding-right:8px; font-size:13px; }
.okinh .okinh-bottom-grid h2 { font-size:23px; }
.okinh .okinh-bottom-cta { padding-block:36px; }
.okinh .okinh-contact-copy h2 { font-size:25px; }
.okinh .okinh-form-panel { padding:22px 18px; border-radius:12px; }
.okinh .okinh-office-details { margin-block:22px; }
.okinh .okinh-footer { padding-top:26px; }
.okinh .okinh-footer-menu { gap:10px 16px; }
.okinh .okinh-single-heading { padding-block:32px; }
.okinh .okinh-single-content { margin-top:30px; font-size:15px; }
.okinh .okinh-single-content h2 { font-size:23px; }
.okinh .okinh-single-content h3 { font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
.okinh *, .okinh *::before, .okinh *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
/* 1.4.1 写真3：切り抜き済みPC画像を、緑の紹介帯で大きく見せる */
.okinh .okinh-band { overflow:hidden; }
.okinh .okinh-band-grid {
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:42px;
align-items:stretch;
padding-top:44px;
padding-bottom:42px;
}
.okinh .okinh-band-visual {
display:flex;
align-items:flex-end;
justify-content:flex-start;
align-self:stretch;
min-width:0;
margin-left:-44px;
}
.okinh .okinh-photo--3,
.okinh .okinh-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;
}
.okinh .okinh-photo--3 .okinh-slot-image,
.okinh .okinh-photo--3.okinh-fit-cover .okinh-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;
}
.okinh .okinh-photo--3.is-placeholder {
width:100%;
min-height:360px;
aspect-ratio:16/10;
border-radius:16px;
overflow:hidden;
margin:0;
}
@media (max-width:1180px) {
.okinh .okinh-band-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:34px; }
.okinh .okinh-band-visual { margin-left:-20px; }
.okinh .okinh-photo--3 .okinh-slot-image,
.okinh .okinh-photo--3.okinh-fit-cover .okinh-slot-image { width:112%; margin-left:-4%; }
}
@media (max-width:820px) {
.okinh .okinh-band-grid { grid-template-columns:1fr; gap:28px; padding-block:42px; }
.okinh .okinh-band-visual { width:100%; max-width:620px; margin:0 auto; display:block; }
.okinh .okinh-photo--3,
.okinh .okinh-photo--3.has-image { min-height:0; height:auto; display:block; }
.okinh .okinh-photo--3 .okinh-slot-image,
.okinh .okinh-photo--3.okinh-fit-cover .okinh-slot-image {
width:100%;
max-width:100%;
max-height:none;
height:auto;
margin:0;
object-position:center bottom;
}
}
@media (max-width:600px) {
.okinh .okinh-band-grid { padding-block:34px; }
.okinh .okinh-photo--3.is-placeholder { min-height:220px; }
}
@media (max-width:600px) {
.okinh .okinh-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) {
.okinh .okinh-hero {
position:relative;
overflow:hidden !important;
background:#fff !important;
}
.okinh .okinh-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;
}
.okinh .okinh-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%);
}
.okinh .okinh-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;
}
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-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;
}
.okinh .okinh-hero-visual .okinh-photo--2 .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-contain .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-cover .okinh-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%;
}
.okinh .okinh-hero-visual .okinh-photo--2.has-image::before,
.okinh .okinh-hero-visual .okinh-photo--2.has-image::after {
content:none !important;
display:none !important;
}
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder {
background:linear-gradient(135deg,var(--okinh-accent) 0%,var(--okinh-muted) 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%);
}
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder::before { display:none !important; }
}
@media (min-width:821px) and (max-width:1100px) {
.okinh .okinh-hero-grid {
grid-template-columns:minmax(420px, 48%) minmax(0, 52%) !important;
min-height:470px;
padding-left:28px !important;
}
.okinh .okinh-hero-copy { padding-right:32px; }
.okinh .okinh-hero-visual { min-height:470px !important; }
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder {
clip-path:polygon(14% 0,100% 0,100% 100%,0 100%) !important;
}
}
@media (max-width:820px) {
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-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;
}
.okinh .okinh-hero-visual .okinh-photo--2 .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-contain .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-cover .okinh-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%);
}
.okinh .okinh-hero-visual .okinh-photo--2.has-image::before,
.okinh .okinh-hero-visual .okinh-photo--2.has-image::after { display:none !important; }
}
/* =========================================================
1.5.0 refinements
========================================================= */
/* ヘッダー最上段キャッチコピーを中央表示 */
.okinh .okinh-header-top p { text-align:center; }
/* アピール写真をさらに大きく：台形の左辺を画面中央寄りまで移動 */
@media (min-width:821px) {
.okinh .okinh-hero-grid {
grid-template-columns:minmax(430px, 36%) minmax(0, 64%) !important;
}
.okinh .okinh-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;
}
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder {
clip-path:polygon(8% 0,100% 0,100% 100%,0 100%) !important;
}
.okinh .okinh-hero-visual .okinh-photo--2 .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-contain .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-cover .okinh-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) {
.okinh .okinh-hero-grid { grid-template-columns:minmax(390px, 42%) minmax(0,58%) !important; }
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder { clip-path:polygon(7% 0,100% 0,100% 100%,0 100%) !important; }
}
/* 手続きの流れ */
.okinh .okinh-flow-section { background:#fff; }
.okinh .okinh-flow-grid { counter-reset:flow; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.okinh .okinh-flow-grid>li { position:relative; min-width:0; padding:26px 22px 24px; border:1px solid var(--okinh-line); border-radius:16px; background:linear-gradient(180deg,#fff,var(--okinh-paper)); }
.okinh .okinh-flow-grid>li:not(:last-child)::after { content:""; position:absolute; right:-11px; top:42px; width:20px; height:1px; background:var(--okinh-tint); z-index:2; }
.okinh .okinh-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:var(--okinh-soft); color:var(--okinh-muted); font-size:12px; font-weight:700; letter-spacing:.08em; margin-bottom:14px; }
.okinh .okinh-flow-grid h3 { font-size:16px; line-height:1.65; margin-bottom:10px; }
.okinh .okinh-flow-grid p { color:var(--okinh-muted); font-size:13px; line-height:1.9; }
/* 料金表：詳細アンカー */
.okinh .okinh-price-detail-link { margin-top:18px; min-height:40px; padding:8px 18px; font-size:12px; }
/* Google口コミ：横方向の連続自動スクロール */
.okinh .okinh-google-reviews { overflow:hidden; background:var(--okinh-paper); }
.okinh .okinh-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%); }
.okinh .okinh-review-track { display:flex; width:max-content; gap:16px; animation:okinh-review-marquee 48s linear infinite; will-change:transform; }
.okinh .okinh-review-window:hover .okinh-review-track { animation-play-state:paused; }
.okinh .okinh-review-group { display:flex; gap:16px; flex:none; }
.okinh .okinh-google-review-card { width:330px; min-height:238px; flex:none; display:flex; flex-direction:column; padding:24px; border:1px solid var(--okinh-soft); border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(35,90,60,.05); }
.okinh .okinh-google-review-top { display:flex; align-items:center; gap:8px; color:var(--okinh-muted); font-size:11px; font-weight:700; }
.okinh .okinh-google-mark { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#fff; border:1px solid var(--okinh-soft); color:#4285f4; font-size:15px; font-weight:800; }
.okinh .okinh-stars { color:#f3b300; letter-spacing:.09em; font-size:17px; margin:14px 0 12px; }
.okinh .okinh-google-review-card p { color:var(--okinh-muted); font-size:14px; line-height:1.95; }
.okinh .okinh-google-review-card strong { margin-top:auto; padding-top:18px; color:var(--okinh-navy); font-size:13px; }
.okinh .okinh-review-disclaimer { max-width:900px; margin:20px auto 0; color:var(--okinh-muted); font-size:11px; line-height:1.8; text-align:center; }
.okinh .okinh-review-link { margin-top:20px; text-align:center; }
@keyframes okinh-review-marquee { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 8px)); } }
/* プラン詳細 */
.okinh .okinh-plan-details { background:#fff; }
.okinh .okinh-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.okinh .okinh-detail-grid>article { min-width:0; padding:30px 26px; border:1px solid var(--okinh-line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(35,90,60,.04); }
.okinh .okinh-detail-grid h3 { font-size:18px; margin-bottom:16px; }
.okinh .okinh-detail-grid ul { margin:0; padding:0; list-style:none; }
.okinh .okinh-detail-grid li { position:relative; padding-left:18px; margin:9px 0; color:var(--okinh-muted); font-size:13px; line-height:1.85; }
.okinh .okinh-detail-grid li::before { content:""; position:absolute; left:0; top:.78em; width:7px; height:7px; border-radius:50%; background:var(--okinh-accent); }
.okinh .okinh-not-included { margin-top:24px; padding:24px 26px; border-radius:14px; border:1px solid var(--okinh-soft); background:var(--okinh-paper); }
.okinh .okinh-not-included h3 { font-size:15px; margin-bottom:8px; }
.okinh .okinh-not-included p { color:var(--okinh-muted); font-size:13px; line-height:1.9; }
/* 法定表示 */
.okinh .okinh-reference-section { background:#fff; }
.okinh .okinh-reference-box { margin-top:24px; padding:22px 24px; background:var(--okinh-paper); border:1px solid var(--okinh-line); border-radius:10px; }
.okinh .okinh-reference-box ul { margin:0; padding-left:1.4em; }
.okinh .okinh-reference-box li { margin:0 0 12px; color:var(--okinh-muted); font-size:14px; line-height:1.8; }
.okinh .okinh-reference-box li:last-child { margin-bottom:0; }
.okinh .okinh-reference-box a { position:relative; z-index:1; pointer-events:auto; color:var(--okinh-blue) !important; -webkit-text-fill-color:var(--okinh-blue) !important; font-weight:700; text-decoration:underline !important; text-underline-offset:3px; }
.okinh .okinh-reference-box a:hover { text-decoration-thickness:2px !important; }
.okinh .okinh-legal-section { padding-top:44px; padding-bottom:44px; background:var(--okinh-paper); border-top:1px solid var(--okinh-line); }
.okinh .okinh-legal-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.okinh .okinh-legal-box { border:1px solid var(--okinh-line); border-radius:12px; background:#fff; overflow:hidden; }
.okinh .okinh-legal-box summary { position:relative; list-style:none; cursor:pointer; padding:18px 52px 18px 20px; color:var(--okinh-navy); font-weight:700; font-size:14px; }
.okinh .okinh-legal-box summary::-webkit-details-marker { display:none; }
.okinh .okinh-legal-box summary::after { content:"＋"; position:absolute; right:20px; top:16px; color:var(--okinh-muted); font-size:18px; font-weight:400; }
.okinh .okinh-legal-box[open] summary::after { content:"−"; }
.okinh .okinh-legal-body { padding:2px 20px 24px; border-top:1px solid var(--okinh-soft); }
.okinh .okinh-legal-body h3 { font-size:14px; margin:20px 0 8px; }
.okinh .okinh-legal-body p { color:var(--okinh-muted); font-size:12px; line-height:1.9; }
.okinh .okinh-legal-dl { margin:18px 0 0; }
.okinh .okinh-legal-dl>div { display:grid; grid-template-columns:190px minmax(0,1fr); gap:18px; padding:12px 0; border-bottom:1px solid var(--okinh-soft); }
.okinh .okinh-legal-dl dt { color:var(--okinh-muted); font-size:12px; font-weight:700; }
.okinh .okinh-legal-dl dd { color:var(--okinh-muted); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.okinh .okinh-legal-note { margin-top:16px; }
/* フッターの法定リンクが埋もれないように */
.okinh .okinh-footer-menu a[href*="privacy"],
.okinh .okinh-footer-menu a[href*="tokusho"] { font-weight:700; }
@media (max-width:1060px) {
.okinh .okinh-flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.okinh .okinh-flow-grid>li:not(:last-child)::after { display:none; }
.okinh .okinh-detail-grid { grid-template-columns:1fr 1fr; }
.okinh .okinh-detail-grid>article:last-child { grid-column:1/-1; }
}
@media (max-width:820px) {
.okinh .okinh-review-track { animation-duration:60s; }
.okinh .okinh-google-review-card { width:300px; min-height:228px; }
.okinh .okinh-detail-grid { grid-template-columns:1fr; }
.okinh .okinh-detail-grid>article:last-child { grid-column:auto; }
.okinh .okinh-legal-dl>div { grid-template-columns:150px minmax(0,1fr); }
}
@media (max-width:600px) {
.okinh .okinh-flow-grid { grid-template-columns:1fr; gap:12px; }
.okinh .okinh-flow-grid>li { padding:22px 20px; }
.okinh .okinh-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%); }
.okinh .okinh-review-track { animation-duration:76s; gap:16px; }
.okinh .okinh-review-group { gap:12px; }
.okinh .okinh-google-review-card { width:272px; min-height:222px; padding:21px; }
.okinh .okinh-review-disclaimer { font-size:10.5px; padding-inline:8px; }
.okinh .okinh-legal-dl>div { grid-template-columns:1fr; gap:5px; }
}
@media (prefers-reduced-motion:reduce) {
.okinh .okinh-review-track { animation:none !important; }
.okinh .okinh-review-window { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
}
/* =========================================================
1.6.0 refinements
========================================================= */
/* ヘッダーCTA：無料相談はメール、LINEはチャットのシンプルアイコン */
.okinh .okinh-actions-header .okinh-icon,
.okinh .okinh-actions-menu .okinh-icon { width:17px; height:17px; stroke-width:1.9; }
.okinh .okinh-actions-header .okinh-btn { gap:7px; }
.okinh .okinh-mobile-phone,
.okinh .okinh-menu-cta { display:none; }
/* 相続手続きイメージ（旧レイアウト互換スタイル。v1.6.2で下部から上書き） */
.okinh .okinh-works-section { background:var(--okinh-paper); }
.okinh .okinh-works-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.okinh .okinh-work-card { min-width:0; overflow:hidden; border:1px solid var(--okinh-line); border-radius:16px; background:#fff; box-shadow:0 7px 24px rgba(35,90,60,.045); }
.okinh .okinh-work-image { display:block; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(135deg,var(--okinh-soft),var(--okinh-soft)); }
.okinh .okinh-work-image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.okinh .okinh-work-image:hover img { transform:scale(1.025); }
.okinh .okinh-work-image>span { width:100%; height:100%; display:grid; place-items:center; color:var(--okinh-tint); }
.okinh .okinh-work-image .okinh-icon { width:54px; height:54px; }
.okinh .okinh-work-body { padding:22px 22px 24px; }
.okinh .okinh-work-body h3 { font-size:17px; line-height:1.65; margin-bottom:9px; }
.okinh .okinh-work-body p { color:var(--okinh-muted); font-size:13px; line-height:1.9; margin-bottom:14px; }
/* PC右下の追従バナー。画像未設定ならHTML自体を出力しない */
.okinh .okinh-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(24,80,50,.20); border:1px solid rgba(211,231,219,.9); transition:transform .18s ease,box-shadow .18s ease; }
.okinh .okinh-floating-banner:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(30,85,55,.28); }
.okinh .okinh-floating-banner img { width:100%; height:100%; object-fit:cover; }
/* フッターの法定ページリンクは通常メニューより前に独立表示 */
.okinh .okinh-footer-legal-links { display:flex; flex-wrap:wrap; gap:10px 24px; padding:0 0 18px; margin-bottom:22px; border-bottom:1px solid var(--okinh-soft); }
.okinh .okinh-footer-legal-links a { color:var(--okinh-blue); font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
/* 独立固定ページ：プライバシーポリシー・事務所情報ページ */
.okinh.okinh-legal-page-wrap { background:var(--okinh-paper); padding:56px 0 76px; }
.okinh .okinh-legal-page { background:transparent; }
.okinh .okinh-legal-page h1 { font-size:clamp(28px,4vw,40px); margin-bottom:18px; }
.okinh .okinh-legal-lead { color:var(--okinh-muted); font-size:15px; line-height:2; padding-bottom:28px; border-bottom:1px solid var(--okinh-line); }
.okinh .okinh-legal-page section { padding:28px 0 0; }
.okinh .okinh-legal-page section h2 { font-size:19px; margin-bottom:10px; }
.okinh .okinh-legal-page section p,
.okinh .okinh-legal-page section li { color:var(--okinh-muted); font-size:14px; line-height:2; }
.okinh .okinh-legal-page section ul { margin:10px 0 0; padding-left:1.4em; }
.okinh .okinh-legal-page section li { margin:4px 0; }
.okinh .okinh-legal-dl-large { margin-top:28px; border-top:1px solid var(--okinh-line); }
.okinh .okinh-legal-dl-large>div { grid-template-columns:220px minmax(0,1fr); padding:16px 0; }
.okinh .okinh-legal-dl-large dt,.okinh .okinh-legal-dl-large dd { font-size:13px; }
.okinh .okinh-legal-updated { margin-top:34px; color:var(--okinh-muted); font-size:12px; }
.okinh .okinh-legal-back { margin-top:32px; display:flex; justify-content:center; text-align:center; }
/* スマホ：追従ヘッダー、電話番号、開いたメニュー内だけに相談ボタン */
@media (max-width:600px) {
.okinh .okinh-header { position:sticky !important; top:0 !important; z-index:120 !important; }
.admin-bar .okinh .okinh-header { top:46px !important; }
.okinh .okinh-header-top p { font-size:9.5px; padding:5px 2px; }
.okinh .okinh-header-main { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-block:9px; min-height:62px; }
.okinh .okinh-header-main>.okinh-brand { margin-right:auto; gap:6px; }
.okinh .okinh-brandtext { font-size:14px; }
.okinh .okinh-logo,.okinh .okinh-logo-placeholder { width:28px; height:28px; border-radius:6px; }
.okinh .okinh-mobile-phone { display:flex; flex:none; flex-direction:column; align-items:flex-end; justify-content:center; line-height:1.15; }
.okinh .okinh-mobile-phone a { color:var(--okinh-navy); font-size:12px; font-weight:800; letter-spacing:.01em; }
.okinh .okinh-mobile-phone span { color:var(--okinh-muted); font-size:8.5px; margin-top:4px; white-space:nowrap; }
.okinh .okinh-menu-toggle { padding:6px 8px; min-height:40px; }
.okinh .okinh-header-main>.okinh-actions-header { display:none !important; }
.okinh .okinh-menu { order:5; width:100%; flex:none; flex-direction:column; align-items:stretch; gap:5px; padding:10px 0 2px; }
.okinh .okinh-menu a { width:100%; padding:10px 12px; background:var(--okinh-paper); border-radius:7px; font-size:12px; }
.okinh .okinh-menu-cta { display:block; padding-top:6px; }
.okinh .okinh-actions-menu { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.okinh .okinh-actions-menu .okinh-btn { width:100%; min-width:0; min-height:42px; padding:8px 7px; gap:5px; font-size:10.5px; }
.okinh .okinh-actions-menu .okinh-icon { width:15px; height:15px; }
.okinh .okinh-floating-banner { display:none !important; }
}
/* スマホ：アピール文と写真を同じエリア内で一体化。写真は右側に残し、左から白いぼかしを重ねる */
@media (max-width:820px) {
.okinh .okinh-hero { position:relative !important; overflow:hidden !important; background:var(--okinh-soft) !important; }
.okinh .okinh-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%); }
.okinh .okinh-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; }
.okinh .okinh-hero-copy { position:relative !important; z-index:4 !important; width:100% !important; max-width:100% !important; padding:0 !important; background:none !important; }
.okinh .okinh-hero-copy .okinh-hero-description { max-width:94% !important; }
.okinh .okinh-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; }
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-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; }
.okinh .okinh-hero-visual .okinh-photo--2 .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-contain .okinh-slot-image,
.okinh .okinh-hero-visual .okinh-photo--2.okinh-fit-cover .okinh-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; }
.okinh .okinh-hero-visual .okinh-photo--2.has-image::before,
.okinh .okinh-hero-visual .okinh-photo--2.has-image::after { display:none !important; content:none !important; }
.okinh .okinh-hero-offer { max-width:310px; background:rgba(255,255,255,.58); backdrop-filter:blur(2px); }
.okinh .okinh-actions-hero { max-width:390px; }
}
@media (max-width:600px) {
.okinh .okinh-hero-grid { min-height:590px; padding-top:38px !important; }
.okinh .okinh-hero h1 { font-size:30px; }
.okinh .okinh-hero-description { font-size:13.5px; line-height:1.9; }
.okinh .okinh-hero-visual { inset:0 -18px 0 12% !important; }
.okinh .okinh-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%); }
.okinh .okinh-works-grid { grid-template-columns:1fr; gap:16px; }
.okinh .okinh-work-body { padding:19px 19px 21px; }
.okinh .okinh-footer-legal-links { gap:10px 18px; }
.okinh.okinh-legal-page-wrap { padding:38px 0 54px; }
.okinh .okinh-legal-dl-large>div { grid-template-columns:1fr; gap:5px; }
}
@media (min-width:601px) and (max-width:1060px) {
.okinh .okinh-works-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
.okinh .okinh-hero::after { -webkit-backdrop-filter:blur(.7px); backdrop-filter:blur(.7px); }
}
/* =========================================================
1.6.2 相続手続きイメージ：PC版＋スマホ版の横自動スクロール
========================================================= */
.okinh .okinh-works-section {
overflow:hidden;
background:linear-gradient(180deg,var(--okinh-paper) 0%,var(--okinh-paper) 100%);
}
.okinh .okinh-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%);
}
.okinh .okinh-work-track {
display:flex;
width:max-content;
gap:20px;
animation:okinh-work-marquee 54s linear infinite;
will-change:transform;
}
.okinh .okinh-work-window:hover .okinh-work-track { animation-play-state:paused; }
.okinh .okinh-work-group { display:flex; gap:20px; flex:none; align-items:stretch; }
.okinh .okinh-work-card {
width:460px;
min-width:460px;
overflow:hidden;
border:1px solid var(--okinh-soft);
border-radius:18px;
background:#fff;
box-shadow:0 9px 28px rgba(35,90,60,.07);
cursor:default;
user-select:none;
}
.okinh .okinh-work-device-set {
position:relative;
height:300px;
padding:26px 34px 20px 26px;
background:linear-gradient(145deg,var(--okinh-soft) 0%,var(--okinh-soft) 56%,var(--okinh-soft) 100%);
overflow:hidden;
}
.okinh .okinh-work-device-set::before {
content:"";
position:absolute;
width:230px;
height:230px;
right:-82px;
top:-86px;
border-radius:50%;
background:rgba(255,255,255,.44);
}
.okinh .okinh-work-desktop {
position:relative;
z-index:1;
width:86%;
height:230px;
margin-top:7px;
border:7px solid var(--okinh-ink);
border-bottom-width:12px;
border-radius:12px 12px 7px 7px;
background:#fff;
box-shadow:0 16px 28px rgba(35,75,55,.18);
overflow:hidden;
}
.okinh .okinh-work-browserbar {
height:20px;
display:flex;
gap:5px;
align-items:center;
padding:0 8px;
background:var(--okinh-soft);
border-bottom:1px solid var(--okinh-soft);
}
.okinh .okinh-work-browserbar i { width:5px; height:5px; border-radius:50%; background:var(--okinh-tint); }
.okinh .okinh-work-screen { height:calc(100% - 20px); background:#fff; overflow:hidden; }
.okinh .okinh-work-screen img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.okinh .okinh-work-mobile {
position:absolute;
z-index:3;
right:28px;
bottom:18px;
width:94px;
height:188px;
padding:5px;
border-radius:17px;
background:var(--okinh-ink);
box-shadow:0 14px 30px rgba(30,70,50,.28);
}
.okinh .okinh-work-mobile-notch {
position:absolute;
z-index:4;
top:8px;
left:50%;
width:31px;
height:5px;
transform:translateX(-50%);
border-radius:999px;
background:var(--okinh-ink);
}
.okinh .okinh-work-mobile-screen {
width:100%;
height:100%;
overflow:hidden;
border-radius:12px;
background:#fff;
}
.okinh .okinh-work-mobile-screen img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.okinh .okinh-work-placeholder {
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
color:var(--okinh-tint);
background:linear-gradient(135deg,var(--okinh-paper),var(--okinh-soft));
}
.okinh .okinh-work-placeholder .okinh-icon { width:34px; height:34px; }
.okinh .okinh-work-placeholder small { font-size:10px; font-weight:700; }
.okinh .okinh-work-body { padding:20px 22px 22px; min-height:102px; }
.okinh .okinh-work-body h3 { margin:0; color:var(--okinh-navy); font-size:16px; line-height:1.65; }
.okinh .okinh-work-body p { margin:8px 0 0; color:var(--okinh-muted); font-size:12px; line-height:1.85; }
.okinh .okinh-work-note {
max-width:960px;
margin:22px auto 0;
color:var(--okinh-muted);
font-size:11.5px;
line-height:1.9;
text-align:center;
}
@keyframes okinh-work-marquee {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 10px)); }
}
@media (max-width:820px) {
.okinh .okinh-work-track { animation-duration:66s; }
.okinh .okinh-work-card { width:390px; min-width:390px; }
.okinh .okinh-work-device-set { height:270px; padding:24px 28px 18px 22px; }
.okinh .okinh-work-desktop { width:87%; height:207px; }
.okinh .okinh-work-mobile { right:22px; bottom:16px; width:84px; height:168px; }
}
@media (max-width:600px) {
.okinh .okinh-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%);
}
.okinh .okinh-work-track { animation-duration:84s; gap:14px; }
.okinh .okinh-work-group { gap:14px; }
.okinh .okinh-work-card { width:304px; min-width:304px; border-radius:15px; }
.okinh .okinh-work-device-set { height:228px; padding:19px 20px 15px 16px; }
.okinh .okinh-work-desktop { width:88%; height:174px; border-width:5px; border-bottom-width:9px; border-radius:9px 9px 5px 5px; }
.okinh .okinh-work-browserbar { height:16px; padding-inline:6px; gap:4px; }
.okinh .okinh-work-browserbar i { width:4px; height:4px; }
.okinh .okinh-work-screen { height:calc(100% - 16px); }
.okinh .okinh-work-mobile { right:16px; bottom:13px; width:69px; height:139px; padding:4px; border-radius:13px; }
.okinh .okinh-work-mobile-screen { border-radius:9px; }
.okinh .okinh-work-mobile-notch { top:6px; width:24px; height:4px; }
.okinh .okinh-work-body { min-height:92px; padding:16px 17px 18px; }
.okinh .okinh-work-body h3 { font-size:14px; }
.okinh .okinh-work-body p { font-size:11px; }
.okinh .okinh-work-note { font-size:10.5px; padding-inline:4px; }
}
@media (prefers-reduced-motion:reduce) {
.okinh .okinh-work-track { animation:none !important; }
.okinh .okinh-work-window {
overflow-x:auto;
-webkit-mask-image:none;
mask-image:none;
-webkit-overflow-scrolling:touch;
}
}
/* =========================================================
1.6.4 相続手続きイメージ：完成済み画像だけを横自動スクロール
- カード、タイトル、説明文、PC/スマホ端末枠は付けない
- PC/スマホとも同じ画像を使用
========================================================= */
.okinh .okinh-works-section {
overflow:hidden;
background:linear-gradient(180deg,var(--okinh-paper) 0%,var(--okinh-paper) 100%);
}
.okinh .okinh-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%);
}
.okinh .okinh-work-track {
display:flex;
width:max-content;
gap:34px;
align-items:center;
animation:okinh-work-marquee-v164 52s linear infinite;
will-change:transform;
}
.okinh .okinh-work-window:hover .okinh-work-track { animation-play-state:paused; }
.okinh .okinh-work-group {
display:flex;
gap:34px;
flex:none;
align-items:center;
}
.okinh .okinh-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;
}
.okinh .okinh-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;
}
.okinh .okinh-work-note {
max-width:960px;
margin:18px auto 0;
color:var(--okinh-muted);
font-size:11.5px;
line-height:1.9;
text-align:center;
}
@keyframes okinh-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 17px)); }
}
@media (max-width:1060px) {
.okinh .okinh-work-track,
.okinh .okinh-work-group { gap:24px; }
.okinh .okinh-work-track { animation-duration:60s; }
.okinh .okinh-work-image-item {
width:470px;
min-width:470px;
height:330px;
}
@keyframes okinh-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 12px)); }
}
}
@media (max-width:600px) {
.okinh .okinh-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%);
}
.okinh .okinh-work-track,
.okinh .okinh-work-group { gap:16px; }
.okinh .okinh-work-track { animation-duration:68s; }
.okinh .okinh-work-image-item {
width:86vw;
min-width:86vw;
max-width:350px;
height:270px;
}
.okinh .okinh-work-note { font-size:10.5px; padding-inline:4px; }
@keyframes okinh-work-marquee-v164 {
from { transform:translateX(0); }
to { transform:translateX(calc(-50% - 8px)); }
}
}
@media (prefers-reduced-motion:reduce) {
.okinh .okinh-work-track { animation:none !important; }
.okinh .okinh-work-window {
overflow-x:auto;
-webkit-mask-image:none;
mask-image:none;
}
}
/* =========================================================
1.6.8 相続コラム：アイキャッチ見切れ防止（最終上書き）
- 300:170 の枠は維持
- 元画像全体を contain で表示
- WordPress/テーマ側の cover・transform を強制解除
========================================================= */
.okinh .okinh-column-thumb,
.okinh .okinh-article-cover-frame {
box-sizing:border-box !important;
aspect-ratio:300 / 170 !important;
overflow:hidden !important;
background:#fff !important;
}
.okinh .okinh-column-thumb > img.okinh-featured-original,
.okinh .okinh-article-cover-frame > img.okinh-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 の影響を受けても左右を切らない。
========================================================= */
.okinh .okinh-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;
}
.okinh .okinh-column-thumb > img,
.okinh img.okinh-column-featured-image,
.okinh img.okinh-featured-original,
.okinh img.okinh-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;
}
.okinh img.okinh-article-cover { margin-bottom:32px !important; border-radius:12px !important; }
.okinh .okinh-article-cover-frame { height:auto !important; max-height:none !important; aspect-ratio:auto !important; overflow:visible !important; }
/* =========================================================
1.7.1 コラム固定ページ／法定ページ導線
========================================================= */
.okinh .okinh-column-index-page .okinh-heading { margin-bottom:30px; }
.okinh .okinh-column-index-back { display:flex; justify-content:center; margin-top:36px; text-align:center; }
.okinh .okinh-legal-back { display:flex !important; justify-content:center !important; text-align:center !important; }
@media (max-width:600px) {
.okinh .okinh-legal-back .okinh-btn,
.okinh .okinh-column-index-back .okinh-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
========================================================= */
.okinh.okinh-reveal-ready .okinh-reveal {
opacity:0;
transition:
opacity .64s cubic-bezier(.2,.72,.2,1),
transform .64s cubic-bezier(.2,.72,.2,1);
transition-delay:var(--okinh-reveal-delay,0ms);
will-change:opacity,transform;
}
.okinh.okinh-reveal-ready .okinh-reveal-left { transform:translate3d(-36px,0,0); }
.okinh.okinh-reveal-ready .okinh-reveal-up { transform:translate3d(0,34px,0); }
.okinh.okinh-reveal-ready .okinh-reveal.is-visible {
opacity:1;
transform:translate3d(0,0,0);
will-change:auto;
}
/* 横スクロールそのものには reveal を一切適用しない。 */
.okinh .okinh-review-window,
.okinh .okinh-review-window *,
.okinh .okinh-work-window,
.okinh .okinh-work-window * {
--okinh-reveal-delay:0ms;
}
/* モバイル／タブレットのメニュー項目も、開いた時に左から右へ。 */
@media (max-width:1060px) {
.okinh.is-enhanced .okinh-menu.is-open > a,
.okinh.is-enhanced .okinh-menu.is-open > .okinh-menu-cta {
opacity:0;
transform:translateX(-22px);
animation:okinh-menu-fade-right .42s cubic-bezier(.2,.72,.2,1) forwards;
}
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(2) { animation-delay:45ms; }
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(3) { animation-delay:90ms; }
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(4) { animation-delay:135ms; }
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(5) { animation-delay:180ms; }
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(6) { animation-delay:225ms; }
.okinh.is-enhanced .okinh-menu.is-open > :nth-child(7) { animation-delay:270ms; }
}
@keyframes okinh-menu-fade-right {
from { opacity:0; transform:translateX(-22px); }
to { opacity:1; transform:translateX(0); }
}
/* PCのみ：流れカードの間隔を広げ、謎の棒線を緑の矢印へ置換。 */
@media (min-width:1061px) {
.okinh .okinh-flow-grid { gap:28px; }
.okinh .okinh-flow-grid > li:not(:last-child)::after {
content:"→";
position:absolute;
right:-28px;
top:50%;
width:28px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
transform:translateY(-50%);
background:none;
color:var(--okinh-blue);
font-size:28px;
font-weight:800;
line-height:1;
z-index:3;
}
}
@media (prefers-reduced-motion:reduce) {
.okinh.okinh-reveal-ready .okinh-reveal,
.okinh.okinh-reveal-ready .okinh-reveal-left,
.okinh.okinh-reveal-ready .okinh-reveal-up,
.okinh.okinh-reveal-ready .okinh-reveal.is-visible {
opacity:1 !important;
transform:none !important;
transition:none !important;
}
.okinh.is-enhanced .okinh-menu.is-open > a,
.okinh.is-enhanced .okinh-menu.is-open > .okinh-menu-cta {
opacity:1 !important;
transform:none !important;
animation:none !important;
}
}
/* =========================================================
1.7.3 相続コラム：記事ヘッダー／参考リンク／一覧ボタン
========================================================= */
.okinh .okinh-single-heading .okinh-column-kicker {
display:block;
margin:0 auto;
text-align:center;
color:var(--okinh-blue);
font-size:13px;
line-height:1.4;
font-weight:800;
letter-spacing:.18em;
}
.okinh .okinh-single-heading time {
display:block;
margin:9px 0 16px !important;
text-align:center;
}
.okinh .okinh-single-content a:not(.okinh-btn, .okura-gpt-office-contact-button) {
position:relative;
z-index:1;
pointer-events:auto !important;
color:var(--okinh-blue) !important;
-webkit-text-fill-color:var(--okinh-blue) !important;
text-decoration:underline !important;
text-underline-offset:3px;
cursor:pointer;
}
.okinh .okinh-single-content a:not(.okinh-btn, .okura-gpt-office-contact-button):hover {
text-decoration-thickness:2px !important;
}
.okinh .okinh-column-back {
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:48px 0 0;
text-align:center;
}
.okinh .okinh-column-back .okinh-btn {
width:auto;
min-width:190px;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
text-decoration:none !important;
}
@media (max-width:600px) {
.okinh .okinh-column-back { margin-top:38px; }
.okinh .okinh-column-back .okinh-btn { width:auto; max-width:100%; }
}
/* =========================================================
1.7.4 スマホ追従相談バー／メニューCTA整理／電話アイコン
========================================================= */
/* ヒーロー（料金表示直下）の相談ボタンは、追従バーとの重複を避けて非表示。 */
.okinh .okinh-actions-hero { display:none !important; }
/* スマホメニュー内の相談ボタンは使用しない。旧キャッシュ／旧HTMLが残っても非表示。 */
.okinh .okinh-menu-cta,
.okinh .okinh-actions-menu { display:none !important; }
/* スマホ追従バーはPC／タブレットでは表示しない。 */
.okinh .okinh-mobile-sticky-actions { display:none; }
/* 電話番号の前に同系統の線画アイコンを表示。 */
.okinh .okinh-mobile-phone a {
display:inline-flex;
align-items:center;
justify-content:flex-end;
gap:5px;
}
.okinh .okinh-mobile-phone a .okinh-icon {
width:14px;
height:14px;
flex:none;
stroke-width:2;
}
.okinh .okinh-mobile-phone-number { display:inline-block; }
@media (max-width:600px) {
/* 画面下に常時追従。iPhone等のセーフエリアも考慮する。 */
.okinh .okinh-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 var(--okinh-soft);
box-shadow:0 -5px 20px rgba(19,61,120,.12);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.okinh .okinh-actions-mobile-sticky {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:8px;
width:100%;
max-width:560px;
margin:0 auto;
}
.okinh .okinh-actions-mobile-sticky .okinh-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;
}
.okinh .okinh-actions-mobile-sticky .okinh-icon {
width:18px;
height:18px;
flex:none;
stroke-width:1.9;
}
/* 固定バーでフッター最下部の内容が隠れないように余白を確保。 */
.okinh .okinh-footer {
padding-bottom:calc(86px + env(safe-area-inset-bottom));
}
}
@media (max-width: 640px) {
.okinh .okinh-inquiry-options { grid-template-columns:1fr; gap:12px; }
.okinh .okinh-inquiry-option { padding:14px 13px; }
.okinh .okinh-inquiry-field legend { flex-wrap:wrap; }
}
/* v1.7.7 contact plan field redesign: mirror reference plugin UI */
.okinh .okinh-plan-field{border:0;padding:0;margin:0 0 20px;}
.okinh .okinh-plan-field legend{display:block;width:100%;font-size:13px;font-weight:800;color:var(--okinh-navy);margin-bottom:9px;}
.okinh .okinh-plan-field legend span{display:inline-block;font-size:10px;font-weight:700;color:var(--okinh-muted);background:var(--okinh-soft);border-radius:12px;padding:3px 8px;margin-left:6px;vertical-align:middle;}
.okinh .okinh-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.okinh .okinh-plan-options label{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--okinh-line);border-radius:5px;background:var(--okinh-paper);cursor:pointer;transition:.2s;}
.okinh .okinh-plan-options label:hover{border-color:var(--okinh-tint);background:var(--okinh-paper);}
.okinh .okinh-plan-options input{width:auto !important;min-height:0 !important;margin-top:3px;accent-color:var(--okinh-muted);flex:none;padding:0;border:0;box-shadow:none;background:transparent;}
.okinh .okinh-plan-options span{display:block;min-width:0;}
.okinh .okinh-plan-options b{display:block;font-size:12px;color:var(--okinh-navy);line-height:1.5;font-weight:700;}
.okinh .okinh-plan-options small{display:block;color:var(--okinh-muted);font-size:11px;margin-top:3px;line-height:1.5;}
.okinh .okinh-plan-options label:has(input:checked){border-color:var(--okinh-tint);background:var(--okinh-paper);}
.okinh .okinh-other-detail{margin-top:-6px;}
@media (max-width:760px){
.okinh .okinh-plan-options{grid-template-columns:1fr;}
}
/* v1.7.8: 相談内容は排他的に1つだけ選択 */
.okinh .okinh-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:var(--okinh-muted);
flex:none;
}
/* =========================================================
1.7.9 スマホのアピールエリア高さ調整
下部の余分な画像領域をカットし、テキスト直下でコンパクトに終了。
========================================================= */
@media (max-width:600px) {
.okinh .okinh-hero-grid {
min-height:445px !important;
padding-top:30px !important;
padding-bottom:24px !important;
}
.okinh .okinh-hero-visual,
.okinh .okinh-hero-visual .okinh-photo--2,
.okinh .okinh-hero-visual .okinh-photo--2.has-image,
.okinh .okinh-hero-visual .okinh-photo--2.is-placeholder {
height:100% !important;
min-height:0 !important;
}
}
/* =========================================================
v1.1.2 2026-10-08 review and ginkgo refinements
========================================================= */
/* 季節装飾：春=花びら、夏=各種葉っぱ、秋=もみじ+いちょう、冬=各種結晶 */
.okinh .okinh-season-shape{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(31,78,53,.08));}
.okinh .okinh-season-shape svg,.okinh .okinh-falling-svg{display:block;width:100%;height:100%;overflow:visible;}
.okinh .okinh-season-shape--petal-a,.okinh .okinh-season-shape--petal-b,.okinh .okinh-season-shape--petal-c{filter:drop-shadow(0 2px 3px rgba(216,124,157,.14));}
.okinh .okinh-season-shape--leaf-a,.okinh .okinh-season-shape--leaf-b,.okinh .okinh-season-shape--leaf-c{filter:drop-shadow(0 2px 3px rgba(74,121,44,.14));}
.okinh .okinh-season-shape--snow-a,.okinh .okinh-season-shape--snow-b,.okinh .okinh-season-shape--snow-c,.okinh .okinh-season-shape--snow-d,.okinh .okinh-season-shape--snow-e,.okinh .okinh-season-shape--snow-f{filter:drop-shadow(0 2px 3px rgba(30,160,255,.12));}
/* ブランド名を短くし、運営者を下段に分離 */
.okinh .okinh-brand-stack{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.05;}
.okinh .okinh-brandtext{font-size:24px;font-weight:800;line-height:1.12;white-space:nowrap;}
.okinh .okinh-brand-operator{display:block;margin-top:4px;color:var(--okinh-muted);font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:.02em;}
/* LINEは黄緑系 */
.okinh .okinh-btn-line{color:#173615;background:#8bdc35;border-color:#7bc92e;}
.okinh .okinh-btn-line:hover{color:#102b0f;background:#a0e94f;border-color:#8bdc35;}
/* サービスイラストは管理画面画像へ置換可能 */
.okinh .okinh-card-icon.okinh-card-image{width:76px;height:76px;border-radius:16px;overflow:hidden;padding:0;background:var(--okinh-paper);border:1px solid var(--okinh-soft);}
.okinh .okinh-card-icon.okinh-card-image img{display:block;width:100%;height:100%;object-fit:cover;}
/* ファーストビュー最大5枚スライダー */
.okinh .okinh-hero-slider{position:absolute;inset:0;overflow:hidden;clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);}
.okinh .okinh-hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;pointer-events:none;}
.okinh .okinh-hero-slide.is-active{opacity:1;}
.okinh .okinh-hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.okinh .okinh-hero-slider::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%);}
/* 個別料金 */
.okinh .okinh-individual-prices{margin-top:34px;padding-top:32px;border-top:1px solid var(--okinh-line);}
.okinh .okinh-heading-compact{margin-bottom:20px;}
.okinh .okinh-heading-compact h3{font-size:24px;line-height:1.5;color:var(--okinh-navy);}
.okinh .okinh-price-list{border:1px solid var(--okinh-soft);border-radius:14px;overflow:hidden;background:#fff;}
.okinh .okinh-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--okinh-soft);}
.okinh .okinh-price-row:last-child{border-bottom:0;}
.okinh .okinh-price-row span{color:var(--okinh-muted);font-size:14px;font-weight:700;}
.okinh .okinh-price-row strong{color:var(--okinh-navy);font-size:18px;white-space:nowrap;}
.okinh .okinh-price-list-note{margin-top:12px;color:var(--okinh-muted);font-size:11px;line-height:1.8;}
/* 当事務所のご案内 */
.okinh .okinh-office-section{background:var(--okinh-paper);}
.okinh .okinh-office-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;}
.okinh .okinh-office-photo{min-height:330px;border-radius:18px;overflow:hidden;background:var(--okinh-soft);border:1px solid var(--okinh-line);}
.okinh .okinh-office-photo img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;}
.okinh .okinh-office-placeholder{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--okinh-muted);font-size:13px;}
.okinh .okinh-office-placeholder .okinh-icon{width:48px;height:48px;}
.okinh .okinh-office-copy h2{font-size:clamp(25px,3vw,35px);line-height:1.45;margin-bottom:18px;}
.okinh .okinh-office-copy>p:not(.okinh-eyebrow){color:var(--okinh-muted);font-size:15px;line-height:2;}
.okinh .okinh-office-meta{display:flex;flex-direction:column;gap:4px;margin-top:18px;padding:14px 16px;border-left:3px solid var(--okinh-accent);background:#fff;}
.okinh .okinh-office-meta strong{font-size:14px;color:var(--okinh-navy);}
.okinh .okinh-office-meta span{font-size:12px;color:var(--okinh-muted);}
.okinh .okinh-actions-office{margin-top:22px;}
/* タブレット/スマホ：ブランド・電話・ハンバーガーを閉じた状態で1行に */
@media (max-width:1060px){
.okinh .okinh-header-top{display:none!important;}
.okinh .okinh-header-main{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding-block:8px!important;}
.okinh .okinh-header-main>.okinh-brand{margin-right:auto!important;min-width:0;}
.okinh .okinh-brandtext{font-size:18px!important;}
.okinh .okinh-brand-operator{font-size:9px;}
.okinh .okinh-logo,.okinh .okinh-logo-placeholder{width:34px;height:34px;}
.okinh .okinh-mobile-phone{display:flex!important;flex:none;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.1;}
.okinh .okinh-mobile-phone a{display:flex;align-items:center;gap:3px;color:var(--okinh-navy);font-size:12px;font-weight:800;white-space:nowrap;}
.okinh .okinh-mobile-phone a .okinh-icon{width:14px;height:14px;}
.okinh .okinh-mobile-phone>span{color:var(--okinh-muted);font-size:8.5px;margin-top:3px;white-space:nowrap;}
.okinh .okinh-menu-toggle{display:flex!important;flex:none;}
.okinh .okinh-header-main>.okinh-actions-header{display:none!important;}
.okinh .okinh-menu{display:none!important;position:absolute;left:0;right:0;top:100%;width:100%;padding:10px max(18px,calc((100vw - 1160px)/2));background:#fff;border-top:1px solid var(--okinh-soft);box-shadow:0 10px 25px rgba(34,72,51,.12);flex-direction:column;align-items:stretch;gap:5px;}
.okinh.is-enhanced .okinh-menu.is-open{display:flex!important;}
.okinh .okinh-menu a{width:100%;padding:10px 12px;background:var(--okinh-paper);border-radius:7px;font-size:12px;}
.okinh .okinh-menu-cta{display:block!important;padding-top:6px;}
.okinh .okinh-actions-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.okinh .okinh-actions-menu .okinh-btn{width:100%;min-width:0;min-height:42px;padding:8px 7px;font-size:10.5px;}
}
@media (max-width:600px){
.okinh .okinh-header-main{gap:7px!important;padding-inline:14px!important;}
.okinh .okinh-logo,.okinh .okinh-logo-placeholder{width:28px;height:28px;}
.okinh .okinh-brand{gap:6px!important;}
.okinh .okinh-brandtext{font-size:14px!important;}
.okinh .okinh-brand-operator{font-size:7.5px;margin-top:2px;}
.okinh .okinh-mobile-phone a{font-size:11px;}
.okinh .okinh-mobile-phone>span{font-size:7.5px;}
.okinh .okinh-menu-toggle{min-height:38px;padding:5px 7px;}
.okinh .okinh-office-grid{grid-template-columns:1fr;gap:24px;}
.okinh .okinh-office-photo,.okinh .okinh-office-photo img,.okinh .okinh-office-placeholder{min-height:230px;}
.okinh .okinh-price-row{grid-template-columns:1fr;gap:5px;padding:14px 16px;}
.okinh .okinh-price-row strong{font-size:17px;}
}
@media (max-width:820px){
.okinh .okinh-hero-slider{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;}
.okinh .okinh-hero-slider::before{display:none;}
.okinh .okinh-hero-slide img{object-position:62% center;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%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 17%,rgba(0,0,0,.78) 43%,#000 65%,#000 100%);}
}
/* v1.1.2 Google口コミエリア：提供画像をカードとして自然に配置 */
.okinh .okinh-google-profile-card{display:grid;grid-template-columns:minmax(0,480px) minmax(220px,1fr);gap:28px;align-items:center;margin:0 auto 30px;max-width:920px;padding:18px;border:1px solid var(--okinh-soft);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(33,72,49,.08);}
.okinh .okinh-google-profile-image{display:block;border-radius:13px;overflow:hidden;background:var(--okinh-paper);border:1px solid var(--okinh-soft);transition:transform .2s ease,box-shadow .2s ease;}
.okinh .okinh-google-profile-image:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(33,72,49,.10);}
.okinh .okinh-google-profile-image img{display:block;width:100%;height:auto;}
.okinh .okinh-google-profile-copy{min-width:0;}
.okinh .okinh-google-profile-kicker{display:block;margin-bottom:7px;color:var(--okinh-muted);font-size:10px;font-weight:800;letter-spacing:.13em;}
.okinh .okinh-google-profile-copy strong{display:block;color:var(--okinh-navy);font-size:20px;line-height:1.45;}
.okinh .okinh-google-profile-copy p{margin:8px 0 0;color:var(--okinh-muted);font-size:13px;line-height:1.8;}
.okinh .okinh-review-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;}
.okinh .okinh-review-links .okinh-btn{margin:0;}
.okinh .okinh-btn-review-other{background:#fff;}
@media (max-width:720px){
.okinh .okinh-google-profile-card{grid-template-columns:1fr;gap:14px;padding:12px;margin-bottom:24px;}
.okinh .okinh-google-profile-copy{padding:0 4px 4px;}
.okinh .okinh-review-links{display:grid;grid-template-columns:1fr;width:100%;}
.okinh .okinh-review-links .okinh-btn{width:100%;justify-content:center;}
}
/* v1.1.7: 季節テーマ（初期値は秋冬春夏の自動判定；LINEの色は固定）。 */
.okinh {
--okinh-paper:#fbfdfb; --okinh-tint:#a7c9b2;
--okinh-accent:#4b9a6a;
}
.okinh.okinh-season-spring {
--okinh-blue:#865579; --okinh-navy:#64415f; --okinh-ink:#50394e;
--okinh-muted:#725c70; --okinh-line:#e7d4e2; --okinh-soft:#f9f1f7;
--okinh-green:#865579; --okinh-accent:#a37697;
--okinh-tint:#c3a5bb; --okinh-paper:#fdfafd;
}
.okinh.okinh-season-summer {
--okinh-blue:#26758b; --okinh-navy:#235a70; --okinh-ink:#173e51;
--okinh-muted:#476a78; --okinh-line:#c8e5eb; --okinh-soft:#eef8fa;
--okinh-green:#26758b; --okinh-accent:#4697a9;
--okinh-tint:#94c8d3; --okinh-paper:#f9fdfe;
}
.okinh.okinh-season-autumn {
--okinh-blue:#8c6739; --okinh-navy:#6e512e; --okinh-ink:#4e3c2a;
--okinh-muted:#756750; --okinh-line:#e7d9c5; --okinh-soft:#faf4eb;
--okinh-green:#8c6739; --okinh-accent:#b4905a;
--okinh-tint:#d0ba91; --okinh-paper:#fdfaf5;
}
.okinh.okinh-season-winter {
--okinh-blue:#497e99; --okinh-navy:#315f76; --okinh-ink:#284d60;
--okinh-muted:#557586; --okinh-line:#d2e3ee; --okinh-soft:#f0f7fa;
--okinh-green:#497e99; --okinh-accent:#77a6bc;
--okinh-tint:#accbd9; --okinh-paper:#f9fcfe;
}
/* 緑色固定のサイトCTAや見出しを、季節の濃色と調和させる。 */
.okinh.okinh--device-rain .okinh-btn-primary {
color:#fff; background:var(--okinh-blue); border-color:var(--okinh-blue);
box-shadow:0 6px 18px rgba(24,49,61,.12);
}
.okinh.okinh--device-rain .okinh-btn-primary:hover {background:var(--okinh-navy);border-color:var(--okinh-navy);color:#fff;}
.okinh.okinh--device-rain .okinh-band {background:linear-gradient(110deg,var(--okinh-navy),var(--okinh-blue));color:#fff;}
.okinh.okinh--device-rain .okinh-hero {background:var(--okinh-paper);}
.okinh.okinh--device-rain .okinh-section .okinh-eyebrow {color:var(--okinh-blue);}
.okinh.okinh--device-rain .okinh-service-card .okinh-card-icon:not(.okinh-card-image) {background:var(--okinh-soft);color:var(--okinh-blue);}
.okinh.okinh--device-rain .okinh-header-top {background:var(--okinh-soft);border-color:var(--okinh-line);}
.okinh.okinh--device-rain .okinh-header-top p {color:var(--okinh-muted);}
.okinh.okinh--device-rain .okinh-menu a, .okinh.okinh--device-rain .okinh-mobile-phone a {color:var(--okinh-navy);}
.okinh.okinh--device-rain .okinh-plan-details li::before {background:var(--okinh-accent);}
.okinh.okinh--device-rain .okinh-price-row strong {color:var(--okinh-navy);}
.okinh.okinh--device-rain .okinh-office-meta {border-left-color:var(--okinh-blue);}
.okinh.okinh--device-rain .okinh-device-rain-item {color:var(--okinh-blue);}
/* LINEボタンは #06C152 の指定色。四季に影響されず固定。 */
.okinh .okinh-btn.okinh-btn-line,
.okinh.okinh--device-rain .okinh-btn.okinh-btn-line,
.okinh.okinh--device-rain .okinh-actions .okinh-btn-line {
background:#06C152; border-color:#06C152; color:#fff;
}
.okinh .okinh-btn.okinh-btn-line:hover,
.okinh.okinh--device-rain .okinh-btn.okinh-btn-line:hover,
.okinh.okinh--device-rain .okinh-actions .okinh-btn-line:hover {
background:#049b42; border-color:#049b42; color:#fff;
}
/* 「主な対応内容」だけの写真（未登録ならアイコンのまま）。 */
.okinh .okinh-detail-grid .okinh-card-icon.okinh-detail-photo {
width:140px; height:100px; border-radius:12px;
padding:0; overflow:hidden; border:1px solid var(--okinh-line);
background:var(--okinh-soft); margin:0 auto 18px;
}
.okinh .okinh-detail-grid .okinh-detail-photo img {
display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
@media(max-width:600px){
.okinh .okinh-detail-grid .okinh-card-icon.okinh-detail-photo {width:150px;height:100px;}
}
/* モバイルの装飾数を固定8/6個にせず、管理画面の量設定と連動。 */
@media(max-width:820px){
.okinh .okinh-device-rain-item:nth-child(n+9){display:block;}
.okinh .okinh-device-rain-item:nth-child(3n){display:none;}
}
@media(max-width:520px){
.okinh .okinh-device-rain-item:nth-child(n+7){display:block;}
.okinh .okinh-device-rain-item:nth-child(3n){display:block;}
.okinh .okinh-device-rain-item:nth-child(even){display:none;}
}
@media(prefers-reduced-motion:reduce){.okinh .okinh-device-rain{display:none!important;}}
/* =========================================================
v1.1.15 2026-10-09: 左→右の教科書体フェード、自然な季節の揺れ、季節案内
========================================================= */
.okinh .okinh-hero-title {
font-family:"HGP教科書体","HG教科書体","UD デジタル 教科書体 NK-R","UD Digi Kyokasho NK-R","Yu Kyokasho","YuKyokasho","Yu Mincho","Noto Serif CJK JP",serif;
font-weight:600; letter-spacing:.018em;
}
/* 2行の標準文言が最小320pxからデスクトップまで収まるよう調整。 */
.okinh .okinh-hero h1.okinh-hero-title {font-size:clamp(24px,2.2vw,33px);}
@media(max-width:600px){.okinh .okinh-hero h1.okinh-hero-title{font-size:clamp(20px,6.45vw,26px);}}
.okinh .okinh-hero-title-line {display:block; white-space:normal;}
.okinh .okinh-title-fade-ready .okinh-title-fade-char {
display:inline-block; opacity:0; vertical-align:baseline;
animation:okinh-title-gentle-fade .68s cubic-bezier(.18,.7,.30,1) both;
}
@keyframes okinh-title-gentle-fade {
from {opacity:0;}
to {opacity:1;}
}
@media(prefers-reduced-motion:reduce){
.okinh .okinh-title-fade-ready .okinh-title-fade-char{animation:none!important;opacity:1!important;transform:none!important;}
}
/* PC・スマホともに写真の右下。主情報を邪魔しない控えめな季節案内。 */
.okinh .okinh-season-display-note {
position:absolute; right:12px; bottom:12px; z-index:20;
max-width:calc(100% - 24px); margin:0; padding:7px 12px;
color:var(--okinh-ink); background:rgba(255,255,255,.92);
border:1px solid rgba(109,119,120,.22); border-radius:999px;
font-size:11px; font-weight:500; line-height:1.5; letter-spacing:.01em;
text-align:right; box-shadow:0 2px 10px rgba(30,40,40,.08);
pointer-events:none;
}
@media(max-width:600px){
.okinh .okinh-season-display-note {right:8px;bottom:8px;padding:6px 9px;font-size:10px;max-width:calc(100% - 16px);}
}
/* v1.1.16：春夏秋は「ゆっくり落ち、少しだけ左右に揺れる」。
横へヒュッと飛ぶ区間・端で止める区間は撤廃。
独立レイヤーの垂直落下＋横方向のなめらかな往復で、常に連続した動きに。
冬は従来どおり真下への落下のみ。管理画面の枚数・透明度・速度・左右の設定は維持。 */
.okinh.okinh--device-rain .okinh-device-rain-item {
--okinh-active-left:var(--okinh-rain-left,-23px);
--okinh-active-right:var(--okinh-rain-right,27px);
animation-name:okinh-season-fall-vertical;
}
@keyframes okinh-season-fall-vertical {
0% {transform:translate3d(0,-15vh,0);opacity:0;}
8% {opacity:var(--okinh-rain-opacity,.12);}
93% {opacity:var(--okinh-rain-opacity,.12);}
100% {transform:translate3d(0,130vh,0);opacity:0;}
}
/* 左端～右端は15〜21秒かけて移動し、同じ速さで折り返す。
ease-in-out と alternate で方向転換点の速度が自然に0となるため、飛び出しや瞬間移動が起きない。 */
.okinh.okinh-season-spring .okinh-device-rain-shape,
.okinh.okinh-season-summer .okinh-device-rain-shape,
.okinh.okinh-season-autumn .okinh-device-rain-shape {
animation-name:okinh-gentle-leaf-sway;
animation-duration:var(--okinh-sway-duration,18s);
animation-delay:var(--okinh-sway-delay,-3s);
animation-timing-function:ease-in-out;
animation-direction:alternate;
animation-iteration-count:infinite;
will-change:transform;
}
@keyframes okinh-gentle-leaf-sway {
from { transform:translate3d(var(--okinh-active-left),0,0); }
to { transform:translate3d(var(--okinh-active-right),0,0); }
}
/* 葉・花びらの角度もゆったり。大きな回転や急激な向きの変化は避ける。 */
.okinh.okinh-season-spring .okinh-device-rain-shape svg,
.okinh.okinh-season-summer .okinh-device-rain-shape svg,
.okinh.okinh-season-autumn .okinh-device-rain-shape svg {
transform-origin:50% 50%;
animation:okinh-petal-flutter var(--okinh-flutter-duration,11s) ease-in-out var(--okinh-flutter-delay,-1s) infinite alternate;
will-change:transform;
}
.okinh.okinh-season-summer .okinh-device-rain-shape svg {animation-name:okinh-summer-flutter;}
.okinh.okinh-season-autumn .okinh-device-rain-shape svg {animation-name:okinh-maple-flutter;}
@keyframes okinh-petal-flutter {
from {transform:rotate(-8deg) scaleX(.96);}
to {transform:rotate(9deg) scaleX(1);}
}
@keyframes okinh-summer-flutter {
from {transform:rotate(-6deg) scaleX(.97);}
to {transform:rotate(7deg) scaleX(1);}
}
@keyframes okinh-maple-flutter {
from {transform:rotate(-9deg) scaleX(.96);}
to {transform:rotate(9deg) scaleX(1);}
}
/* 冬の雪は従来の方針どおり真下へ。横揺れ・回転を適用しない。 */
.okinh.okinh-season-winter .okinh-device-rain-shape {animation:none; transform:none;}
.okinh.okinh-season-winter .okinh-device-rain-shape svg {animation:none; transform:none;}
@media(max-width:600px){
.okinh.okinh--device-rain .okinh-device-rain-item {
--okinh-active-left:var(--okinh-rain-mobile-left,-12px);
--okinh-active-right:var(--okinh-rain-mobile-right,14px);
}
}
/* =========================================================
v1.1.17: PC見出しの拡大と均等な字送り／狭いスマホ画面のヘッダー整列
========================================================= */
/* 漢字・かなを標準的な全角幅でそろえ、文字ごとのフェード演出は維持。 */
.okinh .okinh-hero h1.okinh-hero-title {
letter-spacing:0!important;
font-kerning:normal;
font-feature-settings:"palt" 0;
font-variant-east-asian:normal;
}
.okinh .okinh-title-fade-ready .okinh-title-fade-char {
display:inline-block;
width:1em;
min-width:1em;
text-align:center;
letter-spacing:0;
white-space:nowrap;
}
@media (min-width:821px){
/* 左の見出しを大きくしても2行目が不自然に折り返さないよう文章側を確保。 */
.okinh .okinh-hero-grid {
grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
column-gap:0!important;
}
.okinh .okinh-hero-copy {padding-right:18px!important;}
.okinh .okinh-hero h1.okinh-hero-title {
font-size:clamp(38px,3.15vw,43px);
line-height:1.46;
}
}
@media (min-width:821px) and (max-width:1100px){
.okinh .okinh-hero h1.okinh-hero-title {font-size:clamp(29px,3.6vw,38px);}
.okinh .okinh-hero-copy {padding-right:12px!important;}
}
@media (max-width:600px){
/* スマホでも季節案内を本文の最後に配置する。ヘッダーの1行制御はv1.1.18に集約。 */
/* 季節案内を説明文と重ねず、アピールエリアの一番下に独立表示する。 */
.okinh .okinh-season-display-note {
position:relative!important;
inset:auto!important;
display:block;
width:max-content;
max-width:calc(100% - 24px);
margin:0 12px 14px auto;
padding:6px 10px;
line-height:1.55;
text-align:right;
white-space:normal;
}
}
/* v1.1.18: スマホヘッダー1行化と小さな文字の可読性向上
1.1.17で追加した2行グリッドを解除。サイト全体の小さい注記やCTAを拡大する。
料金、文言、季節アニメーション、お問い合わせの動作は変更しない。 */
.okinh .okinh-brand-operator { font-size:12px; }
.okinh .okinh-menu a { font-size:14px; }
.okinh .okinh-btn { font-size:15px; }
.okinh .okinh-actions-header .okinh-btn { font-size:12px; width:140px; }
.okinh .okinh-small-note,
.okinh .okinh-price-note,
.okinh .okinh-price-list-note,
.okinh .okinh-review-disclaimer,
.okinh .okinh-office-meta span,
.okinh .okinh-footer-legal-links a,
.okinh .okinh-legal-updated,
.okinh .okinh-footer-menu a,
.okinh .okinh-footer-bottom,
.okinh .okinh-column-body time,
.okinh .okinh-voice-meta,
.okinh .okinh-price-amount span,
.okinh .okinh-line-info p,
.okinh .okinh-inquiry-copy small,
.okinh .okinh-privacy p { font-size:13.5px; }
.okinh .okinh-eyebrow,
.okinh .okinh-heading .okinh-eyebrow,
.okinh .okinh-band .okinh-eyebrow,
.okinh .okinh-bottom-grid .okinh-eyebrow,
.okinh .okinh-price-tag,
.okinh .okinh-google-review-top,
.okinh .okinh-google-profile-kicker,
.okinh .okinh-form .okinh-multi-note { font-size:13px; }
.okinh .okinh-price-head p,
.okinh .okinh-checklist li,
.okinh .okinh-flow-grid p,
.okinh .okinh-detail-grid li,
.okinh .okinh-not-included p,
.okinh .okinh-field>label,
.okinh .okinh-inquiry-field legend,
.okinh .okinh-privacy label,
.okinh .okinh-legal-body p,
.okinh .okinh-legal-dl dt,
.okinh .okinh-legal-dl dd,
.okinh .okinh-plan-options small,
.okinh .okinh-work-body p { font-size:14px; }
.okinh .okinh-required, .okinh .okinh-optional { font-size:12px; }
.okinh .okinh-menu-label { font-size:11px; }
@media (max-width:1180px) and (min-width:1061px) {
/* 入口の横メニュー・相談ボタンとサイト名が衝突しないよう少し控えめにする。 */
.okinh .okinh-menu a {font-size:13px;}
.okinh .okinh-actions-header .okinh-btn {font-size:11.5px; width:128px;}
}
@media (max-width:1060px) {
.okinh .okinh-brand-operator { font-size:11.5px; }
.okinh .okinh-menu a { font-size:15px; line-height:1.5; }
.okinh .okinh-actions-menu .okinh-btn {font-size:13.5px; min-height:46px;}
}
@media (max-width:600px) {
/* ブランド（ロゴ＋名称）、電話番号、ハンバーガーを常に1つの横並び行にする。
前バージョンの grid-template-areas:brand/phone を無効化する。 */
.okinh {font-size:16px;}
.okinh .okinh-header-main {
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
width:calc(100% - 20px)!important;
max-width:none!important;
min-height:64px!important;
margin-inline:auto!important;
padding:8px 0!important;
gap:6px!important;
grid-template-columns:none!important;
grid-template-areas:none!important;
}
.okinh .okinh-header-main>.okinh-brand {
grid-area:auto!important;
order:0!important;
display:inline-flex!important;
align-items:center!important;
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
gap:4px!important;
text-align:left;
}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {width:26px;height:26px;flex:none;}
.okinh .okinh-header-main .okinh-brand-stack {min-width:0;max-width:100%;text-align:left;}
.okinh .okinh-header-main .okinh-brandtext {
display:block;
font-size:clamp(12px,3.55vw,14.5px)!important;
line-height:1.14;
letter-spacing:-.055em;
white-space:normal!important;
overflow-wrap:anywhere;
text-align:left;
}
.okinh .okinh-header-main .okinh-brand-operator {
font-size:clamp(10px,2.7vw,11.5px)!important;
line-height:1.18;
margin-top:4px;
letter-spacing:-.035em;
white-space:normal;
overflow-wrap:anywhere;
text-align:left;
}
.okinh .okinh-header-main>.okinh-mobile-phone {
grid-area:auto!important;
order:1!important;
display:flex!important;
flex:0 0 auto!important;
min-width:0!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
text-align:left;
}
.okinh .okinh-header-main>.okinh-mobile-phone a {
display:inline-flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
white-space:nowrap!important;
font-size:12px!important;
min-height:44px;
line-height:1.25;
letter-spacing:-.02em;
gap:3px;
}
/* 旧スタイルが電話番号のspanまで8.5pxに縮小するのを防止。 */
.okinh .okinh-header-main>.okinh-mobile-phone .okinh-mobile-phone-number {
display:inline-block!important;
font-size:12px!important;
font-weight:800;
color:var(--okinh-navy)!important;
white-space:nowrap!important;
margin:0!important;
line-height:1.25;
}
/* 受付時間は本文の連絡先欄に残す。ヘッダーでは1行化のため省略。 */
.okinh .okinh-header-main>.okinh-mobile-phone>span {display:none!important;}
.okinh .okinh-header-main>.okinh-menu-toggle {
grid-area:auto!important;
order:2!important;
display:flex!important;
flex:0 0 42px!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:44px!important;
min-height:44px!important;
margin:0!important;
padding:5px 4px!important;
}
.okinh .okinh-menu-label {font-size:10px;}
.okinh .okinh-header-main>.okinh-actions-header {display:none!important;}
/* 押しやすさを保ちつつ、メニュー項目と相談ボタンの極小文字を解消。 */
.okinh .okinh-menu a {font-size:15px!important; padding:12px 13px;}
.okinh .okinh-actions-menu .okinh-btn {font-size:13.5px;min-height:48px;gap:4px;padding:8px 6px;}
.okinh .okinh-actions-menu .okinh-icon {width:16px;height:16px;}
.okinh .okinh-actions-mobile-sticky .okinh-btn {
font-size:clamp(12.5px,4.45vw,14.5px);
gap:5px;
padding:10px 6px;
}
.okinh .okinh-actions-hero .okinh-btn,
.okinh .okinh-actions-onblue .okinh-btn,
.okinh .okinh-actions-bottom .okinh-btn {font-size:13.5px;gap:5px;padding-inline:6px;}
.okinh .okinh-hero .okinh-eyebrow,
.okinh .okinh-band .okinh-eyebrow {font-size:12px;}
.okinh .okinh-hero-description,
.okinh .okinh-service-card p,
.okinh .okinh-band-copy>p:not(.okinh-eyebrow) {font-size:15px;}
.okinh .okinh-heading>p:not(.okinh-eyebrow) {font-size:14.5px;}
.okinh .okinh-faq-list summary {font-size:15px;}
.okinh .okinh-faq-list details>div {font-size:14px;}
.okinh .okinh-hero-offer .okinh-offer-label {font-size:12px;}
.okinh .okinh-season-display-note {font-size:12px;}
}
@media (max-width:360px) {
.okinh .okinh-header-main {width:calc(100% - 14px)!important;gap:4px!important;}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {width:24px;height:24px;}
/* 横幅が狭い端末は電話のアイコンを隠し、番号そのものを読みやすく表示。 */
.okinh .okinh-header-main>.okinh-mobile-phone a .okinh-icon {display:none;}
.okinh .okinh-header-main>.okinh-menu-toggle {flex-basis:40px!important;width:40px!important;}
.okinh .okinh-actions-mobile-sticky .okinh-btn {gap:3px;}
.okinh .okinh-actions-mobile-sticky .okinh-icon {width:16px;height:16px;}
}
/* v1.1.19：スマホヘッダー — 電話＋受付時間、三本線、「メニュー」1行、サイト名1行 */
.okinh .okinh-menu-toggle .okinh-menu-glyph {
display:block!important;
flex:none!important;
width:23px!important;
height:23px!important;
color:var(--okinh-navy)!important;
stroke:currentColor!important;
overflow:visible;
}
.okinh .okinh-menu-toggle .okinh-menu-label {
display:block!important;
width:max-content!important;
max-width:none!important;
white-space:nowrap!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
font-size:10px!important;
line-height:1.1!important;
letter-spacing:0!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle[hidden]{display:none!important;}
@media (max-width:600px) {
.okinh .okinh-header-main {
width:calc(100% - 12px)!important;
max-width:none!important;
min-height:64px!important;
padding-block:7px!important;
gap:4px!important;
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
}
.okinh .okinh-header-main>.okinh-brand {
display:flex!important;
flex:1 1 auto!important;
min-width:0!important;
max-width:100%!important;
gap:4px!important;
align-items:center!important;
margin:0!important;
}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {
width:25px!important;
height:25px!important;
flex:none!important;
}
.okinh .okinh-header-main .okinh-brand-stack {
display:flex!important;
flex-direction:column!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden;
text-align:left!important;
}
.okinh .okinh-header-main .okinh-brandtext {
display:block!important;
width:100%;
font-size:clamp(9.2px,2.85vw,12.8px)!important;
line-height:1.22!important;
letter-spacing:-.04em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip;
overflow-wrap:normal!important;
word-break:keep-all!important;
}
.okinh .okinh-header-main .okinh-brand-operator {
display:block!important;
font-size:clamp(8.8px,2.55vw,10.8px)!important;
line-height:1.25!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
overflow:hidden!important;
overflow-wrap:normal!important;
word-break:keep-all!important;
margin-top:3px!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone {
display:flex!important;
flex:0 0 auto!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
min-width:0!important;
margin:0!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone a {
display:inline-flex!important;
flex:none!important;
align-items:center!important;
justify-content:center!important;
min-height:0!important;
height:auto!important;
padding:0!important;
font-size:clamp(10.2px,3.1vw,12px)!important;
line-height:1.2!important;
gap:2px!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone .okinh-mobile-phone-number {
font-size:inherit!important;
line-height:1.2!important;
margin:0!important;
color:var(--okinh-navy)!important;
font-weight:800!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone>.okinh-mobile-phone-hours {
display:block!important;
flex:none!important;
color:var(--okinh-muted)!important;
font-size:clamp(8px,2.46vw,10px)!important;
font-weight:600!important;
margin:0!important;
padding:0!important;
line-height:1.22!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle {
display:flex!important;
flex:0 0 46px!important;
width:46px!important;
height:48px!important;
min-height:48px!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
padding:4px 2px!important;
margin:0!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle .okinh-menu-label {font-size:10px!important;}
}
@media (max-width:360px) {
.okinh .okinh-header-main {width:calc(100% - 10px)!important;gap:3px!important;}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {width:23px!important;height:23px!important;}
.okinh .okinh-header-main>.okinh-brand {gap:3px!important;}
.okinh .okinh-header-main .okinh-brandtext {font-size:clamp(8.6px,2.75vw,9.8px)!important;letter-spacing:-.055em!important;}
.okinh .okinh-header-main .okinh-brand-operator {font-size:clamp(8.5px,2.65vw,9.5px)!important;letter-spacing:-.06em!important;}
.okinh .okinh-header-main>.okinh-mobile-phone a .okinh-icon {display:none!important;}
.okinh .okinh-header-main>.okinh-mobile-phone a,
.okinh .okinh-header-main>.okinh-mobile-phone .okinh-mobile-phone-number {font-size:10px!important;}
.okinh .okinh-header-main>.okinh-mobile-phone>.okinh-mobile-phone-hours {font-size:8px!important;}
.okinh .okinh-header-main>.okinh-menu-toggle {flex-basis:43px!important;width:43px!important;}
.okinh .okinh-header-main>.okinh-menu-toggle .okinh-menu-label {font-size:9px!important;}
}
@media (max-width:300px) {
.okinh .okinh-header-main .okinh-brandtext {font-size:8.2px!important;letter-spacing:-.065em!important;}
.okinh .okinh-header-main .okinh-brand-operator {font-size:8px!important;}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {width:20px!important;height:20px!important;}
.okinh .okinh-header-main>.okinh-mobile-phone a,
.okinh .okinh-header-main>.okinh-mobile-phone .okinh-mobile-phone-number {font-size:9px!important;}
.okinh .okinh-header-main>.okinh-mobile-phone>.okinh-mobile-phone-hours {font-size:7.3px!important;}
.okinh .okinh-header-main>.okinh-menu-toggle {flex-basis:40px!important;width:40px!important;}
}
/* =========================================================
v1.1.20: 添付見本に沿ったスマートフォンのヘッダー
左 = ロゴ＋サイト名／運営名、中央 = 電話＋受付時間、右 = 枠付き三本線＋メニュー。
本文・季節演出・相談ボタン・既存設定への影響を限定する。
========================================================= */
@media (max-width:600px) {
.okinh .okinh-header-main {
display:grid!important;
grid-template-columns:minmax(0,1fr) max-content max-content!important;
grid-template-rows:auto!important;
align-items:center!important;
justify-content:normal!important;
flex-wrap:nowrap!important;
width:100%!important;
max-width:none!important;
min-height:clamp(55px,15.3vw,79px)!important;
margin:0 auto!important;
padding:5px clamp(4px,1.2vw,11px)!important;
gap:clamp(3px,.95vw,7px)!important;
}
.okinh .okinh-header-main>.okinh-brand {
grid-area:auto!important;
grid-column:1!important;
grid-row:1!important;
display:flex!important;
flex:none!important;
align-items:center!important;
align-self:center!important;
justify-self:start!important;
min-width:0!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
gap:clamp(3px,.95vw,7px)!important;
text-align:left!important;
}
.okinh .okinh-header-main .okinh-logo,
.okinh .okinh-header-main .okinh-logo-placeholder {
flex:none!important;
width:clamp(20px,6.2vw,38px)!important;
height:clamp(20px,6.2vw,38px)!important;
object-fit:contain;
}
.okinh .okinh-header-main .okinh-brand-stack {
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
min-width:0!important;
max-width:none!important;
overflow:visible!important;
text-align:left!important;
}
.okinh .okinh-header-main .okinh-brandtext {
display:block!important;
width:auto!important;
max-width:none!important;
margin:0!important;
font-size:clamp(10px,3.83vw,20.5px)!important;
font-weight:800!important;
line-height:1.2!important;
letter-spacing:-.022em!important;
white-space:nowrap!important;
word-break:keep-all!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
}
.okinh .okinh-header-main .okinh-brand-operator {
display:block!important;
margin-top:clamp(2px,.55vw,4px)!important;
font-size:clamp(8.7px,2.68vw,14px)!important;
font-weight:650!important;
line-height:1.28!important;
letter-spacing:-.015em!important;
white-space:nowrap!important;
word-break:keep-all!important;
overflow:visible!important;
overflow-wrap:normal!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone {
grid-area:auto!important;
grid-column:2!important;
grid-row:1!important;
display:flex!important;
flex:none!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
justify-self:center!important;
min-width:0!important;
gap:clamp(2px,.5vw,4px)!important;
margin:0!important;
text-align:center!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone a {
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:none!important;
gap:clamp(1px,.48vw,4px)!important;
min-height:0!important;
height:auto!important;
padding:0!important;
margin:0!important;
font-size:clamp(9.4px,2.86vw,15px)!important;
line-height:1.18!important;
letter-spacing:0!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone a .okinh-icon {
display:block!important;
flex:none!important;
width:clamp(10px,2.45vw,15px)!important;
height:clamp(10px,2.45vw,15px)!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone .okinh-mobile-phone-number {
display:inline-block!important;
margin:0!important;
font-size:inherit!important;
font-weight:750!important;
line-height:inherit!important;
color:var(--okinh-navy)!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-mobile-phone>.okinh-mobile-phone-hours {
display:block!important;
margin:0!important;
padding:0!important;
color:var(--okinh-muted)!important;
font-size:clamp(8.1px,2.38vw,12.6px)!important;
font-weight:650!important;
line-height:1.25!important;
letter-spacing:-.015em!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle {
grid-area:auto!important;
grid-column:3!important;
grid-row:1!important;
display:flex!important;
flex:none!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
justify-self:end!important;
width:clamp(42px,11.4vw,67px)!important;
min-width:0!important;
height:clamp(48px,12vw,68px)!important;
min-height:0!important;
gap:clamp(2px,.7vw,6px)!important;
margin:0!important;
padding:4px 3px!important;
background:#fff!important;
border:1.5px solid var(--okinh-line)!important;
border-radius:clamp(9px,2.65vw,16px)!important;
box-shadow:0 0 0 1px rgba(100,80,43,.06)!important;
color:var(--okinh-navy)!important;
white-space:nowrap!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle .okinh-menu-glyph {
display:block!important;
flex:none!important;
width:clamp(21px,5.1vw,34px)!important;
height:clamp(21px,5.1vw,34px)!important;
color:var(--okinh-navy)!important;
stroke:currentColor!important;
stroke-width:2.9!important;
overflow:visible!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle .okinh-menu-label {
display:block!important;
width:auto!important;
max-width:none!important;
margin:0!important;
font-size:clamp(9.3px,2.68vw,14px)!important;
font-weight:500!important;
line-height:1.1!important;
letter-spacing:-.018em!important;
white-space:nowrap!important;
word-break:keep-all!important;
}
.okinh .okinh-header-main>.okinh-menu-toggle[hidden] {display:none!important;}
.okinh .okinh-header-main>.okinh-actions-header {display:none!important;}
/* 開いた時のドロップダウンはヘッダー直下に配置（横並びを崩さない）。 */
.okinh .okinh-header-main>.okinh-menu {grid-area:auto!important;}
}
@media (max-width:359px) {
.okinh .okinh-header-main {
padding-inline:3px!important;
gap:2px!important;
}
.okinh .okinh-header-main>.okinh-brand {gap:3px!important;}
.okinh .okinh-header-main .okinh-brandtext {font-size:clamp(9.0px,3.83vw,13.6px)!important;letter-spacing:-.03em!important;}
.okinh .okinh-header-main .okinh-brand-operator {font-size:clamp(7.8px,2.62vw,9.4px)!important;}
.okinh .okinh-header-main>.okinh-mobile-phone a {font-size:clamp(8.4px,2.9vw,10.6px)!important;}
.okinh .okinh-header-main>.okinh-mobile-phone>.okinh-mobile-phone-hours {font-size:clamp(7.2px,2.37vw,8.5px)!important;}
.okinh .okinh-header-main>.okinh-menu-toggle {width:40px!important; height:48px!important;}
.okinh .okinh-header-main>.okinh-menu-toggle .okinh-menu-label {font-size:9.3px!important;}
}
@media (max-width:299px) {
.okinh .okinh-header-main .okinh-brandtext {font-size:3.48vw!important;}
}
/* v1.1.21: フォントを変更してもスマホヘッダーが1行のまま収まるようにする。
文字サイズ・書体・太さは、WordPress設定に応じて後から出力するCSSで決まる。 */
@media(max-width:600px) {
.okinh .okinh-header-main>.okinh-brand {min-width:0!important;}
.okinh .okinh-header-main .okinh-brand-stack {
flex:1 1 0%!important;
width:0!important;
max-width:100%!important;
min-width:0!important;
}
}
/* v1.1.26: Office contact label fallback; never inherit the article link/theme color. */
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:link,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:link *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:visited,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:visited *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:hover,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:hover *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:focus,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:focus *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:focus-visible,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:focus-visible *,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:active,
.okura-gpt-article .okura-gpt-office-guide a.okura-gpt-office-contact-button:active *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button,
.okinh .okinh-single-content a.okura-gpt-office-contact-button *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:link,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:link *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:visited,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:visited *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:hover,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:hover *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:focus,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:focus *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:focus-visible,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:focus-visible *,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:active,
.okinh .okinh-single-content a.okura-gpt-office-contact-button:active *{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
text-decoration:none!important;
opacity:1!important;
}