/* ガーデンワークス安曇野｜剪定LP固有のスタイル。ヘッダー／モバイルメニュー／フッター／お問い合わせCTAは共通CSS（/shared/css/gw-common.css）へ移動済み。 */
:root{--g:#1a3d1b;          
  --g-deep:#122c13;
  --r:#c62828;          
  --ink:#222;
  --mute:#6b6b6b;
  --line:#e1e1e1;
  --sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(64px + env(safe-area-inset-top, 0px))}
@media (min-width:769px){
html{scroll-padding-top:88px}
}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
strong,b{font-weight:700}
:focus-visible{outline:2px solid var(--g);outline-offset:3px}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px}
.sp{display:inline}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:768px){
body{font-size:16px}
.sp{display:none}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}
.em{color:var(--r);font-weight:800}
.btn{display:block;width:100%;max-width:420px;margin:28px auto 0;padding:17px 16px;border:2px solid var(--g);border-radius:999px;background:var(--g);color:#fff;text-align:center;font-size:16px;font-weight:800;line-height:1.4;letter-spacing:.04em;cursor:pointer;box-shadow:0 3px 8px rgba(26,61,27,.28);transition:background .2s,color .2s}
.btn:hover{background:#fff;color:var(--g)}
.btn--ghost{background:#fff;color:var(--g);box-shadow:none}
.btn--ghost:hover{background:var(--g);color:#fff}
.btn--line{background:#06C755;border-color:#06C755;color:#fff;box-shadow:0 3px 8px rgba(6,199,85,.35)}
.btn--line:hover{background:#fff;color:#06C755;box-shadow:none}
.fv{position:relative;overflow:hidden;width:100%;max-width:960px;margin:0 auto;background:#fff}
.fv__bg{position:absolute;inset:0;background:#fff}
/* FVの背景は全面に1枚ずつ表示し、剪定の作業写真だけを入れ替える（3つの帯に分けた表示は2026-10-11に廃止）。写真ごとの見せる位置は --pc / --sp */
.fv__single{position:absolute;inset:0;overflow:hidden;z-index:0;isolation:isolate}   /* z-index:0で写真の重なり順をこの中に閉じ込める（無いと写真がキャッチコピーの画像より上に出る） */
.fv__single .fv__frame{background-position:var(--pc,50% 30%);transition:opacity 800ms ease}
@media (max-width:767px){.fv__single .fv__frame{background-position:var(--sp,50% 30%)}}
.fv__band{position:absolute;overflow:hidden}
.fv__band--1{left:12.039%;top:-0.400%;width:87.961%;height:28.215%;clip-path:polygon(0% 0%,100% 0%,100% 100%,32.733% 100%)}
.fv__band--2{left:41.887%;top:28.020%;width:58.113%;height:27.712%;clip-path:polygon(0% 0%,100% 0%,100% 100%,48.638% 100%)}
.fv__band--3{left:71.207%;top:55.937%;width:28.793%;height:28.215%;clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%)}
@media (min-width:768px){
.fv__band--1{left:11.206%;top:-0.400%;width:88.794%;height:33.533%;clip-path:polygon(0% 0%,100% 0%,100% 100%,22.208% 100%)}
.fv__band--2{left:31.649%;top:33.533%;width:68.351%;height:32.933%;clip-path:polygon(0% 0%,100% 0%,100% 100%,28.321% 100%)}
.fv__band--3{left:51.730%;top:66.867%;width:48.270%;height:33.533%;clip-path:polygon(0% 0%,100% 0%,100% 100%,40.852% 100%)}
}
@media (min-width:1025px){
.fv__band--1{left:7.799%;top:-0.400%;width:92.201%;height:33.533%;clip-path:polygon(0% 0%,100% 0%,100% 100%,17.087% 100%)}
.fv__band--2{left:24.131%;top:33.533%;width:75.869%;height:32.933%;clip-path:polygon(0% 0%,100% 0%,100% 100%,20.385% 100%)}
.fv__band--3{left:40.175%;top:66.867%;width:59.825%;height:33.533%;clip-path:polygon(0% 0%,100% 0%,100% 100%,26.335% 100%)}
}
.fv__frame{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center 30%;opacity:0;z-index:1;transform:scale(1);transition:opacity 1600ms}
.fv__frame.is-active{opacity:1;z-index:2}
.fv__frame.is-leaving,.fv__frame.is-entering{opacity:0}
@keyframes fvZoom{ 0%{transform:scale(1)} 100%{transform:scale(1.065)} }
@media (prefers-reduced-motion:reduce){
.fv__frame{transition:none;animation:none!important}
}
.fv__overlay{position:relative;z-index:2;display:none;width:100%;height:auto}
.fv__overlay--sp{display:block}
@media (min-width:768px){
.fv__overlay--sp{display:none}
.fv__overlay--tb{display:block}
}
@media (min-width:1025px){
.fv__overlay--tb{display:none}
.fv__overlay--pc{display:block}
}
.pbox{margin:26px auto 0;max-width:440px;padding:20px 16px 18px;border:3px solid var(--g);border-radius:12px;background:#fff}
.pbox__k{display:inline-block;margin:0 0 4px;padding:2px 14px;background:var(--g);color:#fff;font-size:14px;font-weight:700;border-radius:4px}
.pbox__v{margin:6px 0 0;color:var(--r);font-size:clamp(22px,6vw,28px);font-weight:900;line-height:1.2}
.pbox__v b{font-size:clamp(54px,16vw,78px);font-weight:900;letter-spacing:-.01em;line-height:1}
.pbox__v small{font-size:.5em;font-weight:700;margin-left:4px;color:var(--ink)}
.pbox__c{margin-top:10px;font-size:clamp(16px,4.6vw,20px);font-weight:800;color:var(--g)}
.sec{padding:0 0 52px}
.sec:first-of-type{padding-top:0}
.bar{margin:0 0 26px;padding:16px 14px;background:var(--g);color:#fff;text-align:center;font-size:clamp(18px,5vw,21px);font-weight:800;line-height:1.55;letter-spacing:.03em}
.sub{margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.5;color:var(--ink)}
.sub--c{text-align:center;border-left:0;padding-left:0;margin-top:36px}
.txt p+p{margin-top:12px}
.txt--c{text-align:center}
.quotes{font-weight:700;line-height:2}
.note{font-size:12.5px;color:var(--mute)}
.check{margin:0 0 22px}
.check li{position:relative;margin:0 0 14px;padding:0 0 0 34px;font-size:16px;font-weight:700;line-height:1.75}
.check li::before{content:"✓";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:var(--g);color:#fff;font-size:13px;line-height:22px;font-weight:800;text-align:center}
.price{margin:2px 0 14px;color:var(--r);font-size:clamp(18px,4.4vw,21px);font-weight:800;line-height:1.2}
.price b{font-size:clamp(30px,8vw,40px);font-weight:900;letter-spacing:-.01em;line-height:1}
.price small{font-size:.6em;font-weight:700;margin-left:4px;color:var(--ink)}
.ptable__wrap{margin-top:28px}
.ptable__note{margin-bottom:10px;font-size:15px;color:var(--mute)}
.ptable{width:100%;border-collapse:collapse;font-size:17px}
.ptable thead tr{border-bottom:1px solid var(--line)}
.ptable th{padding:10px;font-weight:700;color:var(--mute);text-align:left;font-size:14px}
.ptable td{padding:16px 10px;border-bottom:1px solid var(--line);color:var(--ink)}
.ptable td:first-child{color:var(--ink)}
.ptable__v{font-size:23px;font-weight:800;color:var(--g);white-space:nowrap}
.ptable__v span{font-size:14px;font-weight:500;color:var(--mute);margin-left:2px}
.ptable__wrap .note{margin-top:12px;font-size:15px}
.item{margin:0 0 30px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.item__head{display:flex;align-items:center;gap:13px;margin:0 0 10px}
.item__n,.flow__n{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--g);color:#fff;font-size:16px;line-height:32px;font-weight:800;text-align:center}
.item__head h3{margin:0;font-size:18px;font-weight:800;line-height:1.5;color:var(--ink)}
.flow h3{margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.5;color:var(--ink);padding-top:2px}
.item p+p,.flow p+p{margin-top:8px}
.item-photo-wrap{margin:0 0 12px}
.item-photo{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.item-photo-wrap--grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.item-photo-wrap--grid .item-photo{aspect-ratio:1/1;object-fit:cover}
.works-case-label{display:inline-block;margin:0 0 10px;padding:4px 10px;background:var(--g);color:#fff!important;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.04em}
.works-case-title{margin:0;color:var(--g);font-size:18px;line-height:1.55;font-weight:700;letter-spacing:.02em}
.works-case-body{padding:0 0 32px;border-bottom:0}
.works-case-body.is-last{padding-bottom:0;border-bottom:none}
.works-case-body>p{margin:0 0 16px;color:var(--ink);font-size:16px;line-height:1.9;font-weight:500}
.works-case-body>p:last-child{margin-bottom:0}
.ba-wrap{display:flex;gap:8px;margin:0 0 20px}
.ba-item{position:relative;flex:1 1 50%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.ba-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.ba-badge{position:absolute;top:8px;left:8px;z-index:2;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:4px}
.case-gallery{position:relative;margin:0 0 20px}
.case-gallery::after{content:"";position:absolute;top:0;right:0;bottom:20px;width:28px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.85));pointer-events:none}
.case-gallery-track{display:flex;gap:10px;overflow-x:auto;overflow-anchor:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x pan-y;margin:0;padding:0 0 10px;box-sizing:border-box}
.case-gallery-track::-webkit-scrollbar{display:none}
.case-gallery-item{flex:0 0 auto;height:150px;scroll-snap-align:start;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.case-gallery-item img{height:100%;width:auto;display:block;cursor:zoom-in}
.case-gallery-note{margin:10px 0 0!important;color:#aaa!important;font-size:11px!important;line-height:1.7!important}
.case-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:999999;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.case-lightbox.is-open{display:flex}
.case-lightbox img{max-width:100%;max-height:100%;border-radius:4px;transition:transform .28s,opacity .28s;will-change:transform,opacity}
.case-lightbox-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:26px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10001;line-height:1}
.case-lightbox-prev,.case-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:#fff;font-size:32px;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10000;line-height:1}
.case-lightbox-prev{left:8px}
.case-lightbox-next{right:8px}
.flow li{position:relative;display:flex;gap:13px;padding:0 0 30px}
.flow li:last-child{padding-bottom:0}
.flow li::before{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;background:var(--line)}
.flow li:last-child::before{display:none}
.flow__n{position:relative;z-index:1}
.blk{margin:0 0 30px}
.blk:last-child{margin-bottom:0}
.blk__h{margin:0 0 12px;font-size:18px;font-weight:800;line-height:1.5}
.blk p+p{margin-top:12px}
.areas{line-height:2;color:var(--g)}
.rate{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:22px 0 4px}
.rate b{font-size:40px;font-weight:900;line-height:1;color:var(--ink)}
.rate__c{font-size:13px;color:var(--mute)}
.stars{display:inline-flex;gap:3px}
.stars i{width:16px;height:16px;background:#d0d0d0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.stars--on i,.stars i.is-on{background:var(--g)}
.voices{margin:18px 0 0;display:grid;gap:12px}
.voice{padding:18px 18px 14px;border:1px solid var(--line);border-radius:8px}
.voice .stars{margin-bottom:8px}
.voice__t{font-size:15px;line-height:1.9;color:var(--ink)}
.voice__s{margin-top:8px;font-size:11.5px;color:var(--mute)}
.voice__more{margin-top:6px;padding:0;border:0;border-bottom:1px solid var(--mute);background:none;color:var(--mute);font-size:12px;cursor:pointer}
.review-eyebrow{color:var(--g);font-size:15px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-align:center;margin:0}
.review-section .review-heading{font-size:clamp(22px,6vw,28px);font-weight:800;text-align:center;color:var(--ink);line-height:1.35;margin:10px 0 0!important}
.review-grid{list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;gap:16px;margin:24px 0 0;padding:4px 4px 14px;scrollbar-width:thin;scroll-snap-type:x proximity}
.review-grid:empty{margin:0}
.review-pending{margin:20px 0 0;padding:16px;border:1px dashed var(--line);border-radius:8px;font-size:13px;line-height:1.8;color:var(--mute);text-align:center}
.review-grid:not(:empty) + .review-pending{display:none}
#voice .review-grid > .review-card{flex:0 0 min(280px,calc(100vw - 40px))!important;width:auto!important;min-width:0!important;max-width:none!important;aspect-ratio:1/1;display:flex;flex-direction:column;scroll-snap-align:start;box-sizing:border-box;background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:20px;text-align:left}
@media (min-width:768px){
.review-grid{gap:20px}
}
@media (min-width:768px){
.review-section .wrap{max-width:1000px}
}
.review-card__header{display:flex;align-items:center;gap:12px;position:relative;padding-right:26px}
.review-card__avatar{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.review-card__avatar img{width:100%;height:100%;object-fit:cover}
.review-card__avatar--generic{background:#eef0ee}
.review-card__avatar--generic img{width:18px;height:18px;object-fit:contain}
.review-card__avatar--initial{background:#007D70;color:#fff;font-weight:700;font-size:16px}
.review-card__who{flex:1;min-width:0}
.review-card__name{font-weight:600;font-size:15px;color:#000;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-card__date{font-size:13px;color:#8a8a8a;margin:2px 0 0}
.review-card__badge{position:absolute;top:0;right:0;width:20px;height:20px}
.review-card__stars{display:flex;align-items:center;gap:1px;margin:11px 0}
.review-card__stars img{width:17px;height:17px}
.review-card__verified{width:15px!important;height:15px!important;margin-left:6px!important}
.review-card__text{font-size:15px;line-height:21.75px;color:#000;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.review-card__text.is-expanded{-webkit-line-clamp:unset;overflow:visible}
.review-card__more{display:none;margin-top:8px;font-size:13.5px;color:rgba(0,0,0,.5);cursor:pointer;touch-action:manipulation;background:none;border:none;padding:0;font-family:inherit;position:relative;z-index:2}
.review-card__more.is-shown{display:inline-block}
.review-card__more:hover{color:#000;text-decoration:underline}
.faq{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{position:relative;padding:18px 40px 18px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:800;line-height:1.6}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(45deg);transition:transform .25s}
.qa[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.qa__a{padding:0 0 20px}
.qa__a p+p{margin-top:10px}
.sec--last{padding-bottom:64px}
.pbox--last{margin-top:0}
.pbox+.txt{margin-top:24px}
.cards{display:grid;gap:12px}
.card{display:flex;flex-direction:column;padding:20px 16px 20px;border:2px solid var(--line);border-radius:10px;background:#fff;text-align:center}
.card>p{margin:0 0 14px}
.card h4{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--g)}
.card p{font-size:15px;font-weight:700;line-height:1.7}
.card small{font-size:12px;font-weight:400;color:var(--mute)}
.card .btn{margin-top:auto;padding:13px 14px;font-size:15px}
@media (min-width:768px){
.cards{grid-template-columns:repeat(3,1fr)}
.card .btn{font-size:14px;padding:12px 8px}
}
.form{margin-top:44px;padding-top:30px;border-top:2px solid var(--g)}
.form__h{margin:0 0 20px;font-size:18px;font-weight:800;color:var(--g)}
.row{margin:0 0 16px}
.row label{display:block;margin:0 0 6px;font-size:14px;font-weight:700}
.row em{margin-left:8px;font-style:normal;font-size:11px;font-weight:700;color:var(--r)}
.row input,.row select,.row textarea{width:100%;padding:12px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;font-size:16px;line-height:1.5}
.row textarea{min-height:130px;resize:vertical}
.row input:focus,.row select:focus,.row textarea:focus{outline:none;border-color:var(--g)}
.form .note{margin:0 0 16px}
.form__s{margin-top:12px;font-size:13px;line-height:1.7;color:var(--g)}
.gw-message-heading-section,.gw-message-body-section{width:100%;max-width:960px;margin:0 auto;box-sizing:border-box;background:#fff}
.gw-message-heading-section{padding:0}
.gw-message-heading{margin:0;padding:16px 14px;background:#1a3d1b;color:#fff;font-family:"Hiragino Sans","Yu Gothic","YuGothic",sans-serif;font-size:21px;line-height:1.55;font-weight:700;text-align:center;letter-spacing:.03em}
.gw-message-lead{padding:28px 24px 22px;box-sizing:border-box;font-family:"Hiragino Sans","Yu Gothic","YuGothic",sans-serif}
.gw-message-lead p{margin:0;color:#1a3d1b;font-size:22px;line-height:1.65;font-weight:700;letter-spacing:.03em}
.gw-message-body-section{padding:24px 0 48px}
.gw-message-body{padding:0 24px;box-sizing:border-box;font-family:"Hiragino Sans","Yu Gothic","YuGothic",sans-serif;color:#222}
.gw-message-photo-wrap{text-align:left;margin:0 0 20px}
.gw-message-photo{width:176px!important;height:176px!important;border-radius:16px!important;object-fit:cover!important;display:inline-block!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important}
.gw-message-name{margin:0 0 20px;color:#1a3d1b;font-size:17px;line-height:1.7;font-weight:700;letter-spacing:.02em}
.gw-message-body p{margin:0 0 18px;font-size:16px;line-height:1.9;font-weight:500}
.gw-message-body p:last-child{margin-bottom:0}
@media(max-width:767px){
.gw-message-heading-section,.gw-message-body-section{max-width:480px}
}
@media(max-width:390px){
.gw-message-heading{font-size:20px}
.gw-message-lead{padding:26px 20px 20px}
.gw-message-lead p{font-size:20px;line-height:1.7}
.gw-message-body-section{padding:22px 0 44px}
.gw-message-body{padding:0 20px}
.gw-message-name{font-size:16px}
.gw-message-body p{font-size:15px}
}
/* お問い合わせCTA：共通CSS（gw-common.css）に対する剪定LP固有の上書き（従来の見た目を維持） */
.gw-cta3-heading{font-family:var(--sans)}
@media (min-width:768px){ .gw-cta3-heading{font-size:18px;margin:0 0 10px} .gw-cta3-text{font-size:14px;margin:0 0 20px} }

/* ===== FV（2026-10-14 作り替え）：伐採LPと同じ構成。スマホ＝トップのFV（スマホ）、タブレット横・PC＝トップのFV（PC）がベース =====
   ロゴ・対応地域・霧・暗くする重ね・右端の英字・PCの背景（松の枝・葉）はトップと同じ画像・同じ値（/assets/img/ を参照）。
   旧デザインの文字入り画像（fv-overlay-sp/tb/pc.webp）は使わない（ファイルは残置） */
.fv__single .fv__frame{background-position:var(--sp,50% 30%)}
.fv__shade,.fv__brand,.fv__area,.fv__copy,.fv__side,.fv__checks,.fv__pc-copy{display:none}
.fv__area-l1,.fv__area-l2{display:none}
.fv-badges{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:8px 12px 0}
.fv-badges img{display:block;width:100%;height:auto}
@media (min-width:769px) and (orientation:landscape){.fv-badges{padding:28px 16px 0}}

/* スマホ・タブレット縦：--u ＝ カンプ幅941pxの1px（FV自身の幅から） */
@media not all and (min-width:769px) and (orientation:landscape){
/* 2026-10-14 改訂デザイン：文字がFVの下端近くまで来るので、下の白い霧は短く（60u）。3項目がロゴにかからないよう最小の高さは1590u */
.fv{container-type:inline-size;height:100vh;height:100svh;min-height:calc(min(100vw,960px) * 1590 / 941)}
.fv>*{--u:calc(100cqw / 941);--fog-h:calc(var(--u) * 60)}
.fv__bg{
  --fade:linear-gradient(to bottom,#000 calc(100% - var(--fog-h)),rgba(0,0,0,.92) calc(100% - var(--fog-h) * .85),rgba(0,0,0,.73) calc(100% - var(--fog-h) * .70),rgba(0,0,0,.48) calc(100% - var(--fog-h) * .55),rgba(0,0,0,.24) calc(100% - var(--fog-h) * .40),rgba(0,0,0,.065) calc(100% - var(--fog-h) * .25),transparent calc(100% - var(--fog-h) * .12),transparent 100%);
  -webkit-mask-image:var(--fade);mask-image:var(--fade)}
.fv__shade{display:block;position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 18%);   /* 2026-10-24 文字は白い帯に載せたので、下側の暗がりは無し（写真をそのままの明るさで見せる）。上端の暗がりはロゴ用 */
  --fade:linear-gradient(to bottom,#000 calc(100% - var(--fog-h)),transparent calc(100% - var(--fog-h) * .12));
  -webkit-mask-image:var(--fade);mask-image:var(--fade)}
.fv__brand{display:block;position:absolute;top:0;left:0;z-index:2;width:calc(var(--u) * 360);height:calc(var(--u) * 300)}
.fv__brand img{position:absolute;top:calc(var(--u) * 66);left:calc(var(--u) * 65);width:calc(var(--u) * 151);height:auto;max-width:none}
.fv__area{display:block;position:absolute;top:calc(var(--u) * 151.2);right:calc(var(--u) * 64);z-index:2;margin:0;line-height:0;color:#fff}
.fv__area img{display:block;width:calc(var(--u) * 243.7);height:auto;max-width:none}   /* 2026-10-24 白い帯（縦3列）のデザイン案に合わせて作り直し。画像は fv-area-sp-boxes.webp */
.fv__area::before{content:none}   /* 白い帯のデザイン案には、上に伸びる線が無い */
/* 3項目と見出しは別の画像。見出しの下端は伐採LPと同じく霧の手前 */
.fv__copy{display:block;position:absolute;inset:0;z-index:2;margin:0;line-height:0;pointer-events:none}
.fv__copy img{position:absolute;height:auto;max-width:none}
/* 3項目は伐採LPに合わせ、リードのすぐ上（文字どうしの間は約45u）・文字35px */
.fv__copy-checks{left:calc(var(--u) * 49.4);bottom:calc(var(--u) * 794.6);width:calc(var(--u) * 396.8)}
.fv__copy-catch{left:calc(var(--u) * 49.4);bottom:calc(var(--u) * 101.7);width:calc(var(--u) * 835.4)}
/* 固定ヘッダー：トップと同じく、FVの霧が終わるあたりまで隠し、スクロールで上からすっと出す */
body{padding-top:0!important}
.gw-fixed-header,.gw-fixed-header-pc{transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s linear .45s}
body.is-header-on .gw-fixed-header,body.is-header-on .gw-fixed-header-pc{transform:none;opacity:1;visibility:visible;transition-delay:0s}
}

/* タブレット横・PC：--r ＝ トップのカンプ（1672×941）の1px */
@media (min-width:769px) and (orientation:landscape){
.fv{max-width:none;
  --r:min(100vw / 1672,(100svh - 88px) / 941);--photo-w:calc(var(--r) * 641);--copy-top:50.8%;
  --area-right:calc(var(--r) * 120);--area-free:calc(50vw - var(--photo-w) / 2 - max(14px,var(--r) * 24) - var(--area-right));
  --checks-left:calc(var(--r) * 115.6);--checks-free:calc(50vw - var(--photo-w) / 2 - max(10px,var(--r) * 16) - var(--checks-left));
  height:calc(100vh - 88px);height:calc(100svh - 88px);background:#fff url(/assets/img/fv-bg-pc.webp) center/cover no-repeat;color:#183a2b}
.fv__bg{inset:0 auto 0 50%;width:var(--photo-w);transform:translateX(-50%);background:transparent}
.fv__bg::after{content:"";position:absolute;z-index:5;left:-4px;right:-4px;top:calc(var(--copy-top) - var(--r) * 8.3);height:calc(var(--r) * 390);background:#fff}
.fv__pc-copy{display:block;position:absolute;z-index:2;left:50%;top:var(--copy-top);transform:translateX(-50%);margin:0;text-align:center;white-space:nowrap;
  font-family:"YuMincho","Yu Mincho","Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;line-height:1;font-feature-settings:"palt";color:#183a2b}
.fv__pc-copy b{font-weight:600}
.fv__pc-lead{display:inline-block;padding:0 calc(var(--r) * 26) calc(var(--r) * 12);border-bottom:max(1px,calc(var(--r) * 1.5)) solid currentColor;font-size:calc(var(--r) * 50);letter-spacing:.04em}
.fv__pc-l1{display:block;margin-top:calc(var(--r) * 20);font-size:calc(var(--r) * 76)}
.fv__pc-l2{display:block;margin-top:calc(var(--r) * 6);font-size:calc(var(--r) * 74)}
.fv__pc-l2 b{font-size:1.4em}
.fv__pc-price{display:block;margin-top:calc(var(--r) * 22);font-size:calc(var(--r) * 40);letter-spacing:.04em}
.fv__pc-price b{font-size:1.75em;letter-spacing:.01em;margin:0 .06em 0 .2em}
.fv__checks{display:block;position:absolute;z-index:2;top:calc(var(--r) * 97);left:var(--checks-left);width:min(calc(var(--r) * 470),var(--checks-free));margin:0;padding:0;list-style:none;color:#183a2b;
  font-family:"YuMincho","Yu Mincho","Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:500;font-size:max(12px,min(calc(var(--r) * 27.6),calc((var(--checks-free) - var(--r) * 51.4) / 12.4)));line-height:1.6;letter-spacing:.04em;font-feature-settings:"palt"}   /* 一番長い区切り（12字）が写真の帯の手前に収まる大きさまで縮める */
.fv__checks li{position:relative;margin:0;padding-left:calc(var(--r) * 51.4)}
.fv__checks li+li{margin-top:calc(var(--r) * 15)}
.fv__checks li::before{content:"";position:absolute;left:0;top:calc((1.6em - var(--r) * 36) / 2);width:calc(var(--r) * 36);height:calc(var(--r) * 36);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16.6' fill='none' stroke='%23183a2b' stroke-width='2.2'/%3E%3Cpath d='M11 18.6l4.6 4.6 9.4-10' fill='none' stroke='%23183a2b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.fv__checks li>span{display:inline-block;white-space:nowrap}
.fv__area{display:block;position:absolute;z-index:2;top:calc(var(--r) * 78);right:var(--area-right);width:min(calc(var(--r) * 475),var(--area-free));box-sizing:border-box;margin:0;padding:calc(var(--r) * 23) 0 calc(var(--r) * 21);
  border-top:max(1px,calc(var(--r) * 1.3)) solid rgba(24,58,43,.85);border-bottom:max(1px,calc(var(--r) * 1.3)) solid rgba(24,58,43,.85);color:#183a2b;
  font-family:"YuMincho","Yu Mincho","Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:600;font-size:max(15px,min(calc(var(--r) * 35),calc(var(--area-free) / 10.4)));line-height:1;letter-spacing:.12em;font-feature-settings:"palt";text-align:center}
.fv__area img{display:none}
.fv__area-l1{display:block;white-space:nowrap}
.fv__area small{font-size:.8em}
.fv__area-l2{display:flex;flex-wrap:wrap;justify-content:center;row-gap:.5em;margin-top:calc(var(--r) * 18);font-size:max(13px,calc(var(--r) * 22));font-weight:500;letter-spacing:.04em}
.fv__area-l2>span{white-space:nowrap}
.fv__area-sep.is-line-end{display:none}
.fv__side{display:flex;position:absolute;z-index:2;top:40%;right:calc(var(--r) * 69.5);flex-direction:column;align-items:center;margin:0;transform:translate(50%,-50%);
  color:#5f6f68;font-family:"YuMincho","Yu Mincho","Shippori Mincho B1","Hiragino Mincho ProN",serif;font-weight:500;font-size:calc(var(--r) * 13);line-height:1;letter-spacing:.29em;white-space:nowrap}
.fv__side span{writing-mode:vertical-rl;margin:calc(var(--r) * 15) 0 calc(var(--r) * 19 - .29em)}
.fv__side::before,.fv__side::after{content:"";width:1px;background:currentColor;opacity:.8}
.fv__side::before{height:calc(var(--r) * 56)}
.fv__side::after{height:calc(var(--r) * 61)}
}
@media (min-width:769px) and (orientation:landscape) and (max-aspect-ratio:3/2){
.fv{--photo-w:calc(var(--r) * 800);background-image:url(/assets/img/fv-bg-tablet.webp)}
}