:root{
  --treasures-bg:#fbfaf7;
  --treasures-text:#332d27;
  --treasures-muted:#726b61;
  --treasures-accent:#969b70;
  --treasures-line:rgba(126,128,101,.22);
  --treasures-inner:min(1380px,calc(100vw - 64px));
  --treasures-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  --treasures-sans:"Inter","Hiragino Sans","Yu Gothic",sans-serif;
}
.happou-treasures,.happou-treasures *,.happou-treasures *::before,.happou-treasures *::after{box-sizing:border-box}
.happou-treasures{position:relative;width:100%;overflow:hidden;isolation:isolate;padding:clamp(110px,10vw,160px) 0 clamp(90px,9vw,140px);background:radial-gradient(circle at 7% 20%,rgba(213,210,189,.22),transparent 26%),radial-gradient(circle at 93% 84%,rgba(216,212,193,.16),transparent 24%),var(--treasures-bg);color:var(--treasures-text)}
.happou-treasures__inner{width:var(--treasures-inner);margin:0 auto}
.happou-treasures__header{max-width:900px;margin:0 auto;text-align:center}
.happou-treasures__ornament{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:28px;color:var(--treasures-accent)}
.happou-treasures__ornament span{width:72px;height:1px;background:var(--treasures-line)}
.happou-treasures__ornament i{display:block;width:30px;height:30px;border:1px solid var(--treasures-accent);border-radius:50%;position:relative}
.happou-treasures__ornament i::before,.happou-treasures__ornament i::after{content:"";position:absolute;inset:7px;border:1px solid var(--treasures-accent);transform:rotate(45deg)}
.happou-treasures__ornament i::after{inset:11px;border-radius:50%;transform:none}
.happou-treasures__title{margin:0;font:500 clamp(2.6rem,5vw,5rem)/1.35 var(--treasures-serif);letter-spacing:.10em}
.happou-treasures__lead{margin:20px 0 0;color:var(--treasures-accent);font:400 clamp(1.05rem,1.8vw,1.45rem)/1.8 var(--treasures-serif);letter-spacing:.10em}
.happou-treasures__intro{margin-top:26px;color:var(--treasures-muted);font:400 .96rem/2 var(--treasures-serif);letter-spacing:.05em}
.happou-treasures__intro p{margin:0}
.happou-treasures__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(64px,7vw,96px)}
.happou-treasures__card{padding:22px 20px 28px;background:rgba(255,255,255,.90);border:1px solid rgba(115,110,94,.10);box-shadow:0 12px 34px rgba(43,38,30,.07)}
.happou-treasures__number{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.happou-treasures__number::before,.happou-treasures__number::after{content:"";flex:1;height:1px;background:var(--treasures-line)}
.happou-treasures__number span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--treasures-accent);color:#fff;font:600 .70rem/1 var(--treasures-sans)}
.happou-treasures__image{margin:0;overflow:hidden;background:#ece9df}
.happou-treasures__image img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;transition:transform .65s ease}
.happou-treasures__card:hover .happou-treasures__image img{transform:scale(1.035)}
.happou-treasures__body{padding:18px 6px 0;text-align:center}
.happou-treasures__body h3{margin:0;font:500 clamp(1.25rem,1.7vw,1.55rem)/1.55 var(--treasures-serif);letter-spacing:.08em}
.happou-treasures__body p{margin:13px 0 0;color:var(--treasures-muted);font:400 .86rem/1.85 var(--treasures-serif);letter-spacing:.025em}
.happou-treasures__closing{display:grid;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);align-items:center;gap:28px;max-width:900px;margin:clamp(54px,6vw,84px) auto 0;color:var(--treasures-accent)}
.happou-treasures__closing span{height:1px;background:linear-gradient(90deg,transparent,var(--treasures-line))}
.happou-treasures__closing span:last-child{background:linear-gradient(90deg,var(--treasures-line),transparent)}
.happou-treasures__closing p{margin:0;text-align:center;font:400 clamp(1.05rem,1.6vw,1.35rem)/1.8 var(--treasures-serif);letter-spacing:.09em}
@media(max-width:1180px){.happou-treasures__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  :root{--treasures-inner:min(100vw - 24px,720px)}
  .happou-treasures{padding:78px 0 84px}
  .happou-treasures__title{font-size:clamp(2.2rem,11vw,3.3rem);letter-spacing:.06em}
  .happou-treasures__lead{font-size:1rem;letter-spacing:.06em}
  .happou-treasures__intro{font-size:.90rem}
  .happou-treasures__grid{grid-template-columns:1fr;gap:18px;margin-top:52px}
  .happou-treasures__card{padding:18px 16px 24px}
  .happou-treasures__closing{grid-template-columns:1fr;gap:16px;margin-top:52px}
  .happou-treasures__closing span{width:120px;margin:0 auto}
  .happou-treasures__closing span:last-child{display:none}
}