/* garDEN コーポレートサイト ニュース */
:root{
  --ink:#333;--sub:#777;--gold:#C9BC9C;--gold-deep:#B5A886;--beige:#F5F3EB;--line:#E5E0D3;
  --c-info:#333;--c-act:#8FB13A;--c-media:#B5A886;--c-press:#5BB3B6;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"游ゴシック体",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,sans-serif;color:var(--ink);background:#fff;line-height:2;font-size:15px;-webkit-font-smoothing:antialiased;letter-spacing:.05em}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.n-main{padding-top:74px}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.narrow{max-width:760px;margin:0 auto;padding:0 28px}

/* breadcrumb */
.crumb{font-size:12px;color:var(--sub);padding:26px 0 0;letter-spacing:.08em}
.crumb a{color:var(--sub)}
.crumb a:hover{color:#333}
.crumb span{margin:0 8px;color:var(--gold)}

/* page head */
.page-head{text-align:center;padding:64px 0 10px}
.page-head::before{content:"";display:block;width:30px;height:2px;background:var(--gold);margin:0 auto 26px}
.page-head .p-en{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(32px,4.6vw,46px);letter-spacing:.06em;color:#111;line-height:1.2}
.page-head .p-ja{font-size:13px;margin-top:10px;color:#555;letter-spacing:.2em}

/* meta / category */
.mt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mt .dt{font-family:'Oswald',sans-serif;color:#888;font-size:13px;letter-spacing:.06em}
.cat{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em;color:#fff;background:var(--c-info);border-radius:999px;padding:3px 14px;line-height:1.6}
.cat.act{background:var(--c-act)}
.cat.media{background:var(--c-media)}
.cat.press{background:var(--c-press)}

/* ===== article ===== */
.a-head{padding:44px 0 34px}
.a-head .mt{margin-bottom:18px}
.a-head .mt .dt{font-size:15px}
.a-title{font-size:clamp(23px,3.4vw,32px);font-weight:700;line-height:1.6;letter-spacing:.06em}
.a-lead{margin-top:22px;font-size:15.5px;line-height:2.1;color:#555}
.a-hero{max-width:1080px;margin:0 auto;padding:0 28px}
.a-hero figure{position:relative}
.a-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.a-hero.no-photo figure{aspect-ratio:21/8;position:relative;overflow:hidden}
figcaption{font-size:12px;color:var(--sub);margin-top:10px;letter-spacing:.06em}

.a-body{padding:56px 0 20px;overflow-wrap:anywhere}
.a-body p{margin:0 0 1.6em;line-height:2.15}
.a-body h2{font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.7;margin:64px 0 22px;padding-left:18px;position:relative}
.a-body h2::before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:3px;background:var(--gold)}
.a-body h3{font-size:17px;font-weight:700;letter-spacing:.06em;margin:44px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.a-body h4{font-size:15.5px;font-weight:700;margin:32px 0 10px}
.a-body ul,.a-body ol{margin:0 0 1.6em 1.4em}
.a-body li{margin:.3em 0}
.a-body blockquote{border-left:3px solid var(--gold);background:#FAF9F5;padding:16px 20px;margin:0 0 1.6em;color:#555}
.a-body a{color:var(--gold-deep);border-bottom:1px solid var(--gold)}
.a-body a:has(img){border:none}
.a-body strong,.a-body b{font-weight:700}
.a-body table{width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:14px}
.a-body th,.a-body td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.a-body th{background:var(--beige)}
.a-body hr{border:none;border-top:1px solid var(--line);margin:40px 0}
/* 写真 */
.a-body .ph,.a-body figure{margin:36px 0}
.a-body .ph img,.a-body figure img{width:100%;height:auto}
.a-body .ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0}
.a-body .ph-grid .ph{margin:0}
.a-body .ph-grid .ph img{aspect-ratio:4/3;object-fit:cover}
.a-body .ph-grid.odd .ph:first-child{grid-column:1/-1}
.a-body .ph-grid.odd .ph:first-child img{aspect-ratio:16/9}
.a-body .cap{font-size:12px;color:var(--sub);margin-top:-26px}
.a-body figure figcaption{margin-top:8px}
.a-body .embed{position:relative;aspect-ratio:16/9;margin:36px 0}
.a-body .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.a-body .btn{display:inline-block;border:1px solid #333;border-radius:999px;padding:12px 36px;color:#333;font-size:14px;letter-spacing:.12em}
.a-body .btn:hover{background:#333;color:#fff}

.a-links{list-style:none;margin:10px 0 0!important}
.a-links li{margin:0 0 10px}
.a-links a{display:inline-block;border:1px solid var(--gold-deep);color:var(--gold-deep);border-radius:999px;padding:9px 26px;font-size:13.5px;letter-spacing:.08em;border-bottom-width:1px}
.a-links a:hover{background:var(--gold-deep);color:#fff}

.src{margin-top:40px!important;font-size:12.5px;color:var(--sub);background:#FAF9F5;border:1px solid var(--line);padding:14px 18px;line-height:1.8!important}
.src a{color:var(--gold-deep);border-bottom:1px solid var(--gold)}

/* prev / next */
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333;border-bottom:1px solid #333;margin:70px 0 0}
.pn a{padding:22px 10px;font-size:13.5px;line-height:1.7;transition:.2s;border:none;color:#333}
.pn a:hover{background:var(--beige)}
.pn a.r{border-left:1px solid var(--line);text-align:right}
.pn .k{font-family:'Oswald',sans-serif;color:var(--gold);font-size:12px;letter-spacing:.2em;display:block}

/* sections / cards */
.sec{padding:90px 0}
.sec-ttl{margin-bottom:40px}
.sec-ttl .t-en{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(36px,5vw,52px);line-height:1.05;color:var(--gold);letter-spacing:.02em}
.sec-ttl .t-ja{font-size:15px;font-weight:700;margin-top:8px;letter-spacing:.12em}
.bg-beige{background:var(--beige)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.nc{display:block;background:#fff;transition:.3s}
.nc:hover{transform:translateY(-3px)}
.nc:hover .th img{transform:scale(1.04)}
.nc .th{aspect-ratio:4/3;overflow:hidden;background:#EDE9DC;position:relative}
.nc .th img{width:100%;height:100%;object-fit:cover;transition:.6s}
.nc .bd{padding:18px 2px 6px}
.nc .mt{margin-bottom:8px}
.nc h3{font-size:14.5px;line-height:1.75;font-weight:700;letter-spacing:.05em}
.empty{text-align:center;color:#777;font-size:14px}

/* 写真がない記事用のデザインサムネイル */
.ph-design{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#F5F3EB 0%,#E7E0CD 100%);padding:20px}
.ph-design .k{font-family:'Oswald',sans-serif;color:var(--gold-deep);font-size:12px;letter-spacing:.35em}
.ph-design .m{font-size:19px;font-weight:700;letter-spacing:.12em;color:#3a352b;margin-top:10px;line-height:1.5}
.ph-design .y{font-family:'Oswald',sans-serif;color:var(--gold);font-size:34px;font-weight:500;margin-top:8px;line-height:1}
.ph-design::after{content:"";position:absolute;inset:12px;border:1px solid rgba(181,168,134,.45)}
.ph-design.lg .m,.ph-design.hero .m{font-size:clamp(20px,3vw,30px)}
.ph-design.lg .y,.ph-design.hero .y{font-size:clamp(34px,5vw,54px)}

/* featured (list top) */
.feat{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:center;margin-bottom:70px}
.feat .th{aspect-ratio:16/10;overflow:hidden;position:relative;background:#EDE9DC}
.feat .th img{width:100%;height:100%;object-fit:cover;transition:.6s}
.feat:hover .th img{transform:scale(1.03)}
.feat .lbl{font-family:'Oswald',sans-serif;color:var(--gold);letter-spacing:.3em;font-size:12px;margin-bottom:14px}
.feat .mt .dt{font-size:14px}
.feat h2{font-size:clamp(20px,2.6vw,26px);line-height:1.65;letter-spacing:.06em;margin:12px 0 14px}
.feat p{font-size:14px;color:#555;line-height:2}
.more{display:inline-block;margin-top:22px;font-size:13px;letter-spacing:.15em;border-bottom:1px solid var(--gold);padding-bottom:3px;color:var(--gold-deep)}

/* filter */
.filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0 54px;list-style:none}
.filter li{border:1px solid var(--line);border-radius:999px;padding:6px 20px;font-size:13px;cursor:pointer;letter-spacing:.1em;transition:.2s}
.filter li:hover{border-color:var(--gold-deep)}
.filter li.on{background:#333;border-color:#333;color:#fff}

/* CTA band */
.n-cta{background:#2E2B26;color:#fff;text-align:center;padding:70px 28px}
.n-cta .en{font-family:'Oswald',sans-serif;color:var(--gold);font-size:13px;letter-spacing:.35em}
.n-cta h3{font-size:20px;letter-spacing:.12em;margin:10px 0 24px;font-weight:700}
.btn{display:inline-block;border:1px solid #333;border-radius:999px;padding:14px 42px;font-size:14px;letter-spacing:.15em;transition:.3s;background:#fff;color:#333}
.btn:hover{background:#333;color:#fff}
.n-cta .btn{border-color:var(--gold);background:transparent;color:#fff}
.n-cta .btn:hover{background:var(--gold);color:#2E2B26}
.btn-c{text-align:center;margin-top:50px}
.cf-footer{margin-top:0!important}

@media (max-width:900px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .feat{grid-template-columns:1fr;gap:24px}
}
@media (max-width:600px){
  body{font-size:14.5px}
  .wrap,.narrow{padding:0 16px}
  .a-hero{padding:0}
  .a-hero figcaption{padding:0 16px}
  .a-body{padding-top:40px}
  .cards{grid-template-columns:1fr}
  .a-body .ph-grid{grid-template-columns:1fr}
  .pn{grid-template-columns:1fr}
  .pn a.r{border-left:none;border-top:1px solid var(--line);text-align:left}
  .sec{padding:64px 0}
}

/* ---- 2026-10-20 全ページレビュー修正 ---- */
body{word-break:auto-phrase}
h1,h2,h3,p,li{text-wrap:pretty}
.a-title,.sec-ttl .t-ja,.n-cta h3{text-wrap:balance}
.a-body p.cap{font-size:12.5px;color:var(--sub);text-align:center;margin:-22px 0 36px}
.a-hero.fit img,.th img.fit{object-fit:contain;background:var(--beige)}
.a-body .blog-cta{margin:56px 0 0;padding:34px 28px;border:1px solid var(--line);background:#FAF9F5;text-align:center}
.a-body .blog-cta p{margin:0 0 1em}
.a-body .blog-cta p:last-child{margin:0}
.a-body .blog-cta .cta-ttl{font-size:17px;font-weight:700;letter-spacing:.1em;color:#333}
.a-body .blog-cta .btn{border:1px solid #333}
.sec.bg-beige .nc .bd{padding:16px 18px 20px}
.narrow.a-body{padding-left:28px;padding-right:28px}
@media (max-width:600px){
  .a-hero.no-photo figure{aspect-ratio:16/9}
  .ph-design.hero .m{font-size:20px}
  .ph-design.hero .y{font-size:34px}
  .a-body .blog-cta{padding:26px 18px}
  .narrow.a-body{padding-left:16px;padding-right:16px}
}