:root{--ink:#29332e;--paper:#f4f0e7;--sand:#ddd3c1;--gold:#9d8050;--deep:#243029;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Mincho ProN","Yu Mincho",serif;line-height:1.9}.header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;color:var(--white)}.brand{display:flex;flex-direction:column;text-decoration:none;color:inherit;line-height:1.05;letter-spacing:.16em}.brand span{font:10px/1.2 Arial,sans-serif;letter-spacing:.28em}.brand strong{font-size:24px;font-weight:500}.header nav{display:flex;align-items:center;gap:2.2vw}.header nav a{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.08em}.header .reserve{border:1px solid rgba(255,255,255,.6);padding:9px 19px}.menu{display:none;background:none;border:0;color:inherit;letter-spacing:.12em}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;background:linear-gradient(180deg,#778780,#a8afa2 55%,#d2c9b6);color:var(--white)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,35,29,.58),transparent 62%)}.hero-art{position:absolute;inset:0}.sun{position:absolute;width:25vw;height:25vw;border-radius:50%;background:rgba(237,222,181,.35);right:12vw;top:17vh;filter:blur(2px)}.mountain{position:absolute;bottom:-12%;width:75vw;height:62%;background:#56665d;clip-path:polygon(0 100%,42% 18%,52% 35%,61% 16%,100% 100%)}.m1{right:-8vw;opacity:.85}.m2{left:-26vw;bottom:-22%;background:#33483d;opacity:.75}.hero-copy{position:absolute;z-index:2;left:11vw;top:50%;transform:translateY(-43%)}.eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:.28em;margin:0 0 25px}.hero h1{font-size:clamp(58px,8vw,112px);line-height:1.12;font-weight:400;letter-spacing:.1em;margin:0 0 30px}.hero .lead{font-size:clamp(19px,2vw,27px);letter-spacing:.12em;line-height:1.8}.hero-copy>p:last-child{font-size:14px;letter-spacing:.12em}.scroll{position:absolute;z-index:2;right:5vw;bottom:42px;color:inherit;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.25em}.scroll span{font-size:18px;margin-left:14px}.section{padding:130px 10vw}.section h2,.landscape h2,.research h2,.daily h2,.contact h2{font-weight:400;font-size:clamp(34px,4.2vw,62px);line-height:1.55;letter-spacing:.08em;margin:0 0 55px}.intro{background:var(--white)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.two-col .large{font-size:23px;line-height:2}.two-col p:last-child{max-width:560px}.paths{background:var(--paper)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bcb3a3;border-bottom:1px solid #bcb3a3}.path-grid a{color:inherit;text-decoration:none;padding:50px 35px;position:relative;border-right:1px solid #bcb3a3;transition:.3s}.path-grid a:last-child{border:0}.path-grid a:hover{background:var(--white);transform:translateY(-8px)}.path-grid span{font:11px Arial,sans-serif;color:var(--gold)}.path-grid h3{font-size:30px;font-weight:400;margin:30px 0 15px}.path-grid b{font-weight:400;position:absolute;right:28px;bottom:24px}.experiences{background:var(--deep);color:var(--white)}.section-head{display:flex;justify-content:space-between;gap:10vw;align-items:end}.section-head>p{max-width:350px;margin-bottom:60px}.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #657068;border-left:1px solid #657068}.exp-grid article{min-height:260px;padding:35px;border-right:1px solid #657068;border-bottom:1px solid #657068}.exp-grid article span{font:10px Arial,sans-serif;letter-spacing:.25em;color:#c8b486}.exp-grid h3{font-size:56px;font-weight:400;margin:35px 0 15px}.landscape{min-height:720px;position:relative;overflow:hidden;background:#aab3a8;display:flex;align-items:center;padding:10vw;color:var(--white)}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,45,36,.65),transparent 70%)}.landscape>div:last-child{position:relative;z-index:2}.landscape-art i{position:absolute;bottom:-12%;left:-8%;width:120%;height:62%;background:#73847b;clip-path:polygon(0 100%,24% 42%,35% 62%,53% 18%,68% 64%,82% 40%,100% 100%)}.landscape-art i:nth-child(2){bottom:-24%;background:#536a5e}.landscape-art i:nth-child(3){width:30vw;height:30vw;border-radius:50%;clip-path:none;background:#e9dcb5;left:auto;right:10vw;top:10vh;opacity:.25}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb19e}.timeline div{padding:40px 20px;border-right:1px solid #bbb19e}.timeline div:last-child{border:0}.timeline span{font:10px Arial,sans-serif;letter-spacing:.2em;color:var(--gold)}.timeline h3{font-weight:400;font-size:25px}.note{font-size:12px;color:#766f63}.research{background:var(--sand);padding:130px 10vw;display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.research>div:last-child{padding-top:80px}.research a{display:flex;justify-content:space-between;margin-top:45px;padding:18px 0;border-bottom:1px solid #918773;text-decoration:none;color:inherit}.cycle{text-align:center;background:var(--white)}.cycle-row{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-top:70px}.cycle-row span{width:180px;padding:30px 14px;border:1px solid #b8ae9b;border-radius:100%}.cycle-row b{color:var(--gold);font-weight:400}.daily{padding:140px 10vw;background:#66766e;color:var(--white)}.daily p:last-child{max-width:600px}.contact{text-align:center;padding:140px 8vw;background:var(--paper)}.actions{display:flex;justify-content:center;gap:16px}.actions button{min-width:250px;padding:18px 25px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-family:inherit;font-size:14px}.actions button+button{background:transparent;color:var(--ink)}.actions button:disabled{opacity:.65}footer{padding:50px 5vw;background:var(--deep);color:var(--white);display:flex;justify-content:space-between;align-items:end}footer p{font:9px Arial,sans-serif;letter-spacing:.15em;color:#b8c0bb}@media(max-width:760px){.header{height:74px}.header nav{display:none;position:absolute;top:70px;left:5vw;right:5vw;background:var(--deep);padding:24px;flex-direction:column;align-items:flex-start}.header nav.open{display:flex}.menu{display:block}.hero-copy{left:8vw}.sun{width:60vw;height:60vw}.section{padding:90px 7vw}.two-col,.research{grid-template-columns:1fr;gap:30px}.path-grid,.exp-grid,.timeline{grid-template-columns:1fr}.path-grid a{border-right:0;border-bottom:1px solid #bcb3a3}.section-head{display:block}.research{padding:90px 7vw}.research>div:last-child{padding-top:0}.cycle-row{flex-direction:column}.cycle-row b{transform:rotate(90deg)}.actions{flex-direction:column}.landscape{padding:8vw;min-height:620px}.contact{padding:90px 7vw}footer{align-items:start;gap:30px;flex-direction:column}}
.hero-art{background:url('assets/stay-exterior-day.jpg') center/cover no-repeat!important;filter:saturate(.82) brightness(.8)}
.landscape{background:url('assets/lounge.png') center/cover no-repeat!important}
.photo-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px;background:var(--white)}
.photo-story figure{margin:0;position:relative;min-height:360px;overflow:hidden}
.photo-story .photo-main{grid-column:span 3;min-height:620px}
.photo-story img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s ease}
.photo-story figure:hover img{transform:scale(1.025)}
.photo-story figcaption{position:absolute;left:24px;right:24px;bottom:20px;color:white;text-shadow:0 1px 12px rgba(0,0,0,.8);letter-spacing:.08em}
.photo-story figcaption span{display:block;font:10px Arial,sans-serif;letter-spacing:.25em;margin-bottom:6px}
footer address{font-style:normal;font-size:11px;line-height:1.9;color:#c8cfca;margin-top:20px}
@media(max-width:760px){.photo-story{grid-template-columns:1fr}.photo-story .photo-main{grid-column:span 1;min-height:430px}.photo-story figure{min-height:330px}}
.exp-grid article{display:flex;flex-direction:column;position:relative}
.exp-grid article>a{margin-top:auto;padding-top:28px;color:#f0e7d6;text-decoration:none;font-size:12px;letter-spacing:.08em;border-top:1px solid #657068;display:flex;justify-content:space-between}
.exp-grid article>a::before{content:"";position:absolute;inset:0}
.exp-grid article>a:hover{color:#d8bd83}
.exp-grid .pending{margin-top:auto;padding-top:28px;border-top:1px solid #657068;color:#9da79f;font:11px/1.5 Arial,sans-serif;letter-spacing:.08em}
.link-note{text-align:right;margin:22px 0 0;color:#b9c1bc;font-size:11px}
.daily-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.35);margin-top:55px;max-width:900px}
.daily-links>*{background:#66766e;color:white;text-decoration:none;padding:24px;min-height:100px;display:flex;align-items:center;justify-content:space-between;font-size:14px}
.daily-links small{font-size:10px;color:#cbd1cd}
.daily-links a:hover{background:#586a61}
@media(max-width:760px){.daily-links{grid-template-columns:1fr}.link-note{text-align:left}}

/* v0.7 — light, calm hospitality direction */
:root{--paper:#f8f5ee;--sand:#eee5d6;--gold:#a88752;--deep:#34473d;--white:#fffefb}
.hero-art{filter:saturate(.86) brightness(.9)}
.hero:after{background:linear-gradient(90deg,rgba(35,49,41,.42),rgba(35,49,41,.08) 64%,transparent)}
.hero-copy{left:5vw;top:13vh;transform:none}
@media(max-width:760px){.hero-copy{left:5vw;top:15vh}}
.intro{background:#fffefb}
.paths{background:#f7f2e9}
.path-grid{border-color:#d5cbbc}
.path-grid a{border-color:#d5cbbc}
.path-grid a:hover{background:#fffefb;box-shadow:0 18px 38px rgba(62,54,40,.08)}
.experiences{background:#f1eadf;color:var(--ink)}
.exp-grid{border-color:#cfc3b1}
.exp-grid article{border-color:#cfc3b1;background:rgba(255,255,255,.22);transition:background .3s,transform .3s}
.exp-grid article:hover{background:#fffefb;transform:translateY(-4px)}
.exp-grid article span{color:var(--gold)}
.exp-grid article>a{color:#51675c;border-color:#cfc3b1}
.exp-grid article>a:hover{color:#9b7741}
.exp-grid .pending{color:#7b827d;border-color:#cfc3b1}
.link-note{color:#766f65}
.photo-story{background:#fffefb;gap:14px;padding:14px}
.photo-story img{filter:saturate(.9) brightness(1.04)}
.landscape:after{background:linear-gradient(90deg,rgba(42,57,49,.46),rgba(42,57,49,.06) 72%,transparent)}
.research{background:#eee5d6}
.daily{background:#dfe7df;color:var(--ink)}
.daily-links{background:rgba(71,91,80,.18)}
.daily-links>*{background:#f7faf6;color:var(--ink)}
.daily-links small{color:#68766e}
.daily-links a:hover{background:#fffefb}
.contact{background:#fbf8f1}

/* Desktop hero: keep the complete supporting copy inside the hero */
@media(min-width:761px){.hero{min-height:840px}.hero h1{font-size:clamp(52px,7vw,96px);letter-spacing:.08em;white-space:nowrap}}

/* Keep the top-page reservation action consistent with the green subpage button. */
.header .reserve{background:rgba(52,71,61,.94);border-color:rgba(255,255,255,.65);color:#fff}
.header .reserve:hover{background:#2b3d33}

/* ヘッダーロゴ：LPと同じ2段ロックアップ（AGING CARE AUBERGE / SOLA RESORT BESEED） */
.header .brand{letter-spacing:.06em;line-height:1.15}
.header .brand span{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:12px;font-weight:600;letter-spacing:.2em;margin-bottom:4px}
.header .brand strong{font-size:26px;font-weight:600;letter-spacing:.07em;white-space:nowrap}
@media(max-width:760px){
  .header .brand span{font-size:9px;letter-spacing:.16em;margin-bottom:3px}
  .header .brand strong{font-size:17px;letter-spacing:.05em}
}

/* ヘッダーロゴ：ゴールド（LPと同一 #b6a204） */
.header .brand{color:#b6a204}

/* フッター：LPと同じ構成（左＝ゴールドロゴ／右＝連絡先）※背景は従来の濃緑のまま */
footer{align-items:flex-start;gap:6vw;padding:72px 5vw}
.footer-brand{display:flex;flex-direction:column;color:#c9b53f;line-height:1.15;letter-spacing:.06em}
.footer-brand span{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:12px;font-weight:600;letter-spacing:.2em;margin-bottom:4px}
.footer-brand strong{font-size:26px;font-weight:600;letter-spacing:.07em;white-space:nowrap}
.footer-info{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;line-height:1.9;letter-spacing:.02em;color:#e4e9e5}
.footer-info address{font-style:normal;margin:0;color:#e4e9e5;font-size:14px;line-height:1.9}
.footer-info p{margin:14px 0 0;font:inherit;color:#e4e9e5;letter-spacing:.02em}
.footer-info a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:13px}
.footer-links a{text-decoration:none;color:#cdd4cf}
.footer-links a:hover{color:#c9b53f}
@media(max-width:760px){
  footer{gap:32px;padding:56px 7vw}
  .footer-brand strong{font-size:19px;letter-spacing:.05em}
  .footer-brand span{font-size:10px;letter-spacing:.16em}
  .footer-info,.footer-info address{font-size:13px}
  .footer-links{gap:16px;font-size:12px}
}

/* RESERVATION：aタグのボタンにもスタイルを適用 */
.actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:58px;padding:18px 25px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-family:inherit;font-size:14px;letter-spacing:.06em;text-decoration:none;transition:background .25s,color .25s}
.actions .button+.button{background:transparent;color:var(--ink)}
.actions .button:hover{background:#2b3d33;color:var(--white)}
.actions .button+.button:hover{background:var(--ink);color:var(--white)}
@media(max-width:760px){
  .actions{align-items:center}
  .actions .button{width:min(320px,100%)}
}

/* FV：ヘッダーとの間隔を画面の高さに依存させず、常に一定に保つ */
@media(min-width:761px){
  .hero-copy{top:max(13vh,168px)}
}