/* 2026-11-10 トップの強化：数字の見出し・実績カード・読みもののスライダー */
.hero h1{font-size:clamp(26px,4.3vw,54px)!important;line-height:1.3}.hero h1>span.h1-l1{white-space:nowrap;color:var(--ink)}.hero h1>span.h1-l1:after{display:none}.hero h1 .h1-num{font-weight:800;color:var(--red);margin:0 .08em;letter-spacing:-.01em}
.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 26px;max-width:520px}
.hero-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 14px 12px}
.hero-stats>div{display:block!important;text-align:left}.hero-stats dt{display:block;text-align:left;font-size:11px;color:var(--muted);font-weight:600;line-height:1.4}
.hero-stats dd{display:block;text-align:left;margin:3px 0 0;color:var(--green);font-size:13px;font-weight:700;line-height:1.25}
.hero-stats dd b{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-right:2px}
.hero-stats dd small{display:block;margin-top:3px;font-size:11px;font-weight:600;color:var(--muted)}
@media (max-width:600px){.hero-stats{gap:8px}.hero-stats>div{padding:9px 11px 10px}.hero-stats dd b{font-size:22px}.hero-stats>div{display:block!important;text-align:left}.hero-stats dt{display:block;text-align:left;font-size:10px}}

.pickup{max-width:1180px;margin:8px auto 0;padding:26px 20px 30px}
.pickup-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.pickup-head h2{margin:0;font-size:20px;color:var(--ink);font-family:var(--display)}
.pickup-head a{font-size:13px;font-weight:700;color:var(--green);white-space:nowrap}
.pickup-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,260px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin}
.pickup-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease}
.pickup-card:hover,.pickup-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,60,82,.12)}
.pickup-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#eee}
.pickup-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pickup-thumb em{position:absolute;left:8px;top:8px;font-style:normal;font-size:11px;font-weight:700;background:var(--green);color:#fff;border-radius:999px;padding:3px 9px}
.pickup-title{display:block;padding:11px 13px 14px;font-size:14px;font-weight:700;line-height:1.6}
.pickup-more .pickup-title{color:var(--green)}
@media (max-width:600px){.pickup{padding:20px 16px 24px}.pickup-track{grid-auto-columns:72%}.pickup-head h2{font-size:17px}}
@media (prefers-reduced-motion:reduce){.pickup-card{transition:none}.pickup-card:hover{transform:none}}

/* 2026-11-10 ヒーロー：庭の写真を背景いっぱいに、その上に文字 */
.hero--photo{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#14201a}
.hero--photo .sun-disc,.hero--photo .photo-stamp,.hero--photo .hero-mascot,.hero--photo .hero-photo figcaption{display:none!important}
.hero--photo .hero-scene{display:none!important}
.hero--photo:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/optimized/garden-hero-1108.webp) 62% 55%/cover no-repeat}
.hero--photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,18,14,.86) 0%,rgba(10,18,14,.7) 38%,rgba(10,18,14,.25) 70%,rgba(10,18,14,.05) 100%)}
.hero--photo .hero-inner{position:relative;display:block!important;grid-template-columns:none!important;max-width:1180px;margin:0 auto;padding:64px 24px 56px!important;min-height:min(86vh,760px)}
.hero--photo .hero-copy{max-width:600px}
.hero--photo h1,.hero--photo h1>span.h1-l1{color:#fff!important}
.hero--photo h1>span{color:#fff!important}
.hero--photo h1 .h1-num{color:#f3c55c!important}
.hero--photo h1>span:after{opacity:.75}
.hero--photo .lead,.hero--photo .hero-area{color:rgba(255,255,255,.92)!important}
.hero--photo .hero-eyebrow .hero-scope{color:rgba(255,255,255,.85)!important}
.hero--photo .hero-eyebrow .hero-location{background:#f3c55c!important;color:#1d2b22!important}
.hero--photo .text-link{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.hero--photo .hero-stats>div{background:rgba(255,255,255,.94);border-color:transparent}
.hero--photo .hero-bottom{position:relative;background:rgba(10,18,14,.72);color:#fff;border:0}
@media (max-width:760px){
 .hero--photo:after{background:linear-gradient(180deg,rgba(10,18,14,.25) 0%,rgba(10,18,14,.55) 40%,rgba(10,18,14,.82) 100%)}.hero--photo:before{background-position:55% 50%}
 .hero--photo .hero-inner{padding:34px 18px 34px!important;min-height:0}
}

/* 2026-11-10 TATSUROへの入口 */
.tatsuro-band{padding:36px 20px}
.tatsuro-band-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:center;background:#151a17;color:#ece9e1;border-radius:18px;padding:32px;overflow:hidden}
.tatsuro-band figure{margin:0}.tatsuro-band img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.tb-label{margin:0 0 6px;font-size:11px;letter-spacing:.3em;color:#c8a96a}
.tatsuro-band h2{margin:0 0 12px;font-size:clamp(21px,2.4vw,28px);line-height:1.5;color:#fff;font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif}
.tatsuro-band p{color:#c9cec7;font-size:14px;line-height:1.9}
.tb-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;margin-top:10px;background:#c8a96a;color:#161b18;font-weight:700;text-decoration:none;border-radius:3px;font-size:14px}
@media (max-width:760px){.tatsuro-band{padding:24px 16px}.tatsuro-band-inner{grid-template-columns:1fr;gap:18px;padding:18px}}

/* メニューが2行に折れないように */
@media (min-width:1001px){.site-header .site-nav{gap:14px!important}.site-header .site-nav a{white-space:nowrap;font-size:12px!important;padding-inline:0!important}}
.hero--photo .consult-hint,.hero--photo .consult-hint p{color:var(--ink)!important}
.hero--photo .task-shortcuts a{color:var(--ink)}

/* 2026-11-10 英語版トップ：写真の上の英語対応の一言 */
.hero--photo .english-contact-note{color:#fff!important}

.hero--photo .lantern-line{z-index:2;opacity:.95}.hero--photo .lantern{stroke:#fff8e9;width:30px;height:51px}.hero--photo .lantern-line>span{border-color:#fff8e9b3}
@media(max-width:600px){.hero--photo .lantern{width:22px;height:38px}}