/* 水墨画の風景を使う、院長・経営者向けのデザイン確認版。 */
:root{--ink:#21363d;--body:#43545a;--muted:#5b6c70;--paper:#faf9f6;--white:#fff;--accent:#2a5c58;--line:#d8dfdc}
body{background:#fff}.header{background:rgba(255,255,255,.96)}
.hero{position:relative;isolation:isolate;background:#faf9f6;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("assets/ink-coast-v1.png");background-repeat:no-repeat;background-position:center bottom;background-size:cover;opacity:.94}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,249,246,.99) 0%,rgba(250,249,246,.97) 31%,rgba(250,249,246,.68) 49%,rgba(250,249,246,.05) 76%)}
.hero-grid{grid-template-columns:1.45fr .55fr;gap:40px;min-height:665px;padding-top:80px;padding-bottom:70px;position:relative}
h1{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-size:52px;font-weight:600;line-height:1.7;letter-spacing:-.04em}
.hero-lead{font-size:17px;line-height:2.05;margin-top:26px;margin-bottom:29px}
.audience{font-size:12px;letter-spacing:.04em}.pill{font-size:13px;letter-spacing:.13em;border-left-color:#78958b;margin-bottom:27px}
.hero-landscape-space{position:relative;align-self:stretch;min-height:400px;display:flex;justify-content:flex-end;padding-top:56px}
.landscape-phrase{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;writing-mode:vertical-rl;font-size:22px;letter-spacing:.17em;line-height:2.15;color:#2a454a;height:240px;text-shadow:0 1px 12px #fff}
.landscape-caption{position:absolute;right:0;bottom:6px;font-size:10px;letter-spacing:.04em;color:#40595c;background:#faf9f6b8;padding:3px 6px}
.hero-signature{position:relative;background:transparent;border-top-color:#aebfb8;padding-top:22px;padding-bottom:24px}
.hero-signature p{font-size:13px}.hero-signature>span:last-child{font-size:11px}.signature-rule{background:#567c72}
.button{border-radius:2px;box-shadow:none}.primary{background:#2a5c58}.header-cta{border-radius:2px}
.framework{background:#fff;border-bottom:1px solid #e0e5e1;padding:30px 0}
.framework-grid{display:grid;grid-template-columns:.72fr 1fr 1.2fr 1fr;align-items:center;gap:27px}
.framework-label{font-size:11px;letter-spacing:.12em;color:#5b6c70}
.framework-item{display:flex;align-items:center;gap:15px;border-left:1px solid #d7dfda;padding-left:25px}
.framework-item>span{font:13px Georgia,serif;color:#5e7b70}.framework-item h2{font-size:16px;line-height:1.7;font-weight:600;letter-spacing:.03em}.framework-item p{font-size:10px;line-height:1.8;color:#5b6c70;margin-top:3px}
.intro{background:linear-gradient(180deg,#fff,#fbfbf9)}.intro h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:32px;line-height:1.9;font-weight:600}
.services{background:linear-gradient(180deg,#fbfbf9,#fff)}.section-label{letter-spacing:.14em}
.service-card{border-radius:2px;border-top:2px solid #6f8c7e}.organization{background:#f0f3f0}.dental{background:#f2f3f2;border-top-color:#8e9da2}
.ai-section{background:#f5f6f3}.about{background:#203940}.about-copy h3{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:30px;line-height:1.9}.about-identity h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.13em}
.approach{background:#fff}.seminar-panel{border-radius:2px;background:#f5f6f3}.seminar-copy h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:32px;line-height:1.8}.seminar-mark svg{color:#5d7868}
.consultation{position:relative;isolation:isolate;background:#f5f6f2;overflow:hidden}.consultation::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/ink-coast-v1.png") no-repeat right bottom/cover;opacity:.11}.consultation h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:39px;line-height:1.9;font-weight:600}.consultation-content{position:relative}
@media(min-width:1600px){h1{font-size:56px}.hero-grid{min-height:715px}}
@media(max-width:1180px){h1{font-size:45px}.hero-grid{grid-template-columns:1.5fr .5fr;gap:26px;min-height:625px}.hero-lead{font-size:16px}.landscape-phrase{font-size:20px}.framework-grid{grid-template-columns:.7fr 1fr 1.2fr 1fr;gap:17px}.framework-item{gap:12px;padding-left:16px}.framework-item h2{font-size:14px}.framework-item p{font-size:9px}.intro h2{font-size:29px}}
@media(max-width:950px){h1{font-size:37px}.hero-grid{min-height:580px;padding-top:58px;padding-bottom:45px;gap:22px;grid-template-columns:1.55fr .45fr}.hero-lead{font-size:15px}.hero-landscape-space{min-height:365px;padding-top:48px}.landscape-phrase{font-size:18px;line-height:1.8}.landscape-caption{font-size:8px;right:0;bottom:0;max-width:100px}.framework-grid{grid-template-columns:repeat(3,1fr);gap:17px 20px}.framework-label{grid-column:1/-1}.framework-item{padding-left:14px;gap:11px}.framework-item h2{font-size:14px}.framework-item p{font-size:9px}.framework{padding:25px 0}.intro h2{font-size:25px}.about-copy h3{font-size:26px}.seminar-copy h2{font-size:27px}.consultation h2{font-size:33px}}
@media(max-width:680px){.hero::before{inset:auto -15% 30px auto;width:150%;height:430px;background-size:cover;background-position:74% bottom;opacity:.95}.hero::after{background:linear-gradient(180deg,#faf9f6 0%,rgba(250,249,246,.96) 44%,rgba(250,249,246,.18) 78%,rgba(250,249,246,.2) 100%)}.hero-grid{display:flex;min-height:0;padding-top:37px;padding-bottom:17px;gap:0}h1{font-size:31px;line-height:1.85;letter-spacing:-.055em;font-weight:600}.hero-lead{font-size:14px;line-height:2;margin-top:21px;margin-bottom:24px}.audience{font-size:10.5px;letter-spacing:0}.pill{font-size:11px;letter-spacing:.11em;margin-bottom:23px}.hero-landscape-space{min-height:0;width:100%;height:207px;margin-top:20px;align-self:auto;padding-top:5px;padding-right:10px}.landscape-phrase{font-size:17px;line-height:1.95;height:165px;letter-spacing:.11em}.landscape-caption{font-size:8px;max-width:none;right:0;bottom:2px;padding:2px 4px}.hero-signature{padding-top:19px;padding-bottom:21px;gap:12px}.hero-signature p{font-size:12px}.hero-signature>span:last-child{padding-left:38px;font-size:9px;text-align:left;max-width:330px;line-height:1.9}.framework{padding:26px 0 23px}.framework-grid{display:block}.framework-label{margin-bottom:19px;font-size:10px}.framework-item{padding:13px 0;border-left:0;border-top:1px solid #dce3de;gap:18px;align-items:start}.framework-item>span{font-size:12px;padding-top:4px}.framework-item>div{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%}.framework-item h2{font-size:14px;white-space:nowrap}.framework-item p{font-size:9px;max-width:170px;text-align:right;margin-top:2px}.intro h2{font-size:26px;line-height:1.85}.service-card{border-radius:2px}.about-copy h3{font-size:26px;line-height:1.8}.seminar-copy h2{font-size:25px;line-height:1.8}.consultation h2{font-size:27px;line-height:1.9}.consultation::before{background-position:70% bottom;opacity:.1}.consultation .section-label{font-size:10px}}
@media(max-width:360px){h1{font-size:27px}.audience{font-size:9px}.hero-lead{font-size:13px}.framework-item h2{font-size:12px}.framework-item p{font-size:8px}.framework-item{gap:13px}.framework-item>div{gap:8px}.intro h2{font-size:23px}.about-copy h3{font-size:24px}.consultation h2{font-size:23px}}

.framework-item h2{font-size:17px}.framework-item p{font-size:12px}.framework-item>span{color:#526f64}
@media(max-width:1180px){.framework-item h2{font-size:15px}.framework-item p{font-size:11px}}
@media(max-width:950px){.framework-item h2{font-size:15px}.framework-item p{font-size:11px}}
@media(max-width:680px){.framework-item>div{display:block}.framework-item h2{font-size:15px}.framework-item p{font-size:12px;text-align:left;max-width:none;margin-top:3px}.framework-item{padding:12px 0;gap:18px}}
@media(max-width:360px){.framework-item h2{font-size:14px}.framework-item p{font-size:11px}}