/* 写真と正式な各事業ロゴを組み込んだ第2稿 */
.field-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;background:#fff}.field-intro h2{margin-bottom:0}.field-intro h2 em{font-style:normal;color:#548368}.field-intro>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.field-intro .text-link{max-width:310px;margin-top:25px}.photo-band{height:510px;position:relative;overflow:hidden;background:#24463b}.photo-band>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e2b23cc,transparent 80%)}.photo-band>div{position:absolute;left:7%;top:50%;transform:translateY(-50%);color:#fff;z-index:1}.photo-band span{font:10px Arial;letter-spacing:.18em}.photo-band p{font:36px/1.8 "Yu Mincho",serif;letter-spacing:.08em;margin:22px 0 0}.business-grid article{border:1px solid #d9dfd6;padding:25px;background:#fff}.brand-image{height:195px;margin:0 0 28px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf0e9;padding:5px 12px 22px}.brand-image img{width:100%;height:100%;object-fit:contain}.business-grid h3{font-size:26px}.business-grid h4{font-weight:bold}.activities{background:#fff}.activity-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;margin:50px 0}.activity-layout article:nth-child(2){padding-top:100px}.activity-layout figure{margin:0 0 30px}.training-story img{width:100%;aspect-ratio:4/3;object-fit:cover}.consultation-story img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}.activity-layout figcaption{font-size:10px;color:#66746b;padding-top:10px}.activity-layout h3{font:27px/1.8 "Yu Mincho",serif;font-weight:normal}.activity-layout article>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:520px}.activity-layout .eyebrow{margin-top:20px;margin-bottom:16px}.activities>.button{min-width:350px}.about{background:#f5f4ee}.philosophy-logo{width:100px;height:auto;mix-blend-mode:multiply;margin:0 0 25px}.hero-image{height:590px}.hero-image img{object-position:62% center}.business-grid{gap:25px}header nav{gap:17px}header nav a{font-size:11px}.portrait{padding:18px 18px 0}.care-grid article{position:relative}.care-grid h3:after{content:"";display:block;width:30px;height:2px;background:var(--gold);margin-top:12px}.section-head h2{max-width:650px}
@media(max-width:1100px){header .logo{width:145px}header nav{gap:12px}header nav a{font-size:10px}.brand-image{height:170px}.business-grid article{padding:20px}.activity-layout{gap:5%}.photo-band{height:420px}}
@media(max-width:820px){.field-intro{gap:6%}.brand-image{height:180px;justify-content:start}.brand-image img{width:220px}.business-grid article{padding:28px}.activity-layout h3{font-size:23px}.activity-layout article>p:not(.eyebrow){font-size:13px}header nav a{font-size:14px}.photo-band p{font-size:31px}.hero-image{height:530px}.activities>.button{min-width:0}}
@media(max-width:560px){.field-intro{grid-template-columns:1fr;gap:25px}.field-intro h2{font-size:26px}.field-intro>div>p:not(.eyebrow){font-size:13px}.photo-band{height:310px}.photo-band>img{object-position:50% center}.photo-band:after{background:linear-gradient(0deg,#0e2b23db,transparent 85%)}.photo-band>div{left:6%;top:auto;bottom:25px;transform:none}.photo-band p{font-size:25px;margin-top:14px}.photo-band span{font-size:8px}.brand-image{height:185px;justify-content:center}.brand-image img{width:220px}.business-grid article{padding:25px}.activity-layout{grid-template-columns:1fr;gap:30px;margin:30px 0}.activity-layout article:nth-child(2){padding-top:0}.activity-layout h3{font-size:25px}.consultation-story img{aspect-ratio:4/4.5;object-position:center}.activity-layout figure{margin-bottom:22px}.activity-layout figcaption{font-size:9px}.activity-layout .eyebrow{margin-top:15px}.philosophy-logo{width:85px}.hero-image{height:230px}.about{padding-top:60px}}
.dialogue-strip{display:grid;grid-template-columns:1fr 1fr;background:#e9eee7;align-items:center}.dialogue-strip>img{width:100%;height:500px;object-fit:cover;object-position:center 47%}.dialogue-strip>div{padding:55px 12%}.dialogue-strip p:not(.eyebrow){font-size:14px;color:var(--muted)}.dialogue-strip .text-link{max-width:300px}.activity-layout .consultation-story img{object-position:center 43%}@media(max-width:560px){.dialogue-strip{grid-template-columns:1fr}.dialogue-strip>img{height:340px}.dialogue-strip>div{padding:40px 6%}.dialogue-strip p:not(.eyebrow){font-size:13px}}
/* 第3稿：法人サイトとしての明快さを重視した文字設計 */
:root{--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;--font-serif:"Yu Mincho","Hiragino Mincho ProN",serif}
body{font-family:var(--font-sans);font-weight:400;line-height:1.9;letter-spacing:.025em;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-sans);font-style:normal;font-weight:700;letter-spacing:.015em;line-height:1.55;text-wrap:pretty}
h1{font-size:clamp(34px,3.5vw,56px);font-weight:750;line-height:1.55;letter-spacing:.025em;margin-bottom:28px}
h1 em{font-weight:inherit}h2{font-size:clamp(27px,2.45vw,38px);line-height:1.55}
.activity-layout h3{font-family:var(--font-sans);font-size:25px;font-weight:700;line-height:1.65;letter-spacing:.015em}
.photo-band p{font-family:var(--font-sans);font-size:34px;font-weight:700;line-height:1.7;letter-spacing:.04em}
.hero-image figcaption{font-family:var(--font-sans);font-weight:600;letter-spacing:.12em}
.business-grid h3,.care-footer strong,.footer-brand{font-family:Arial,var(--font-sans);font-weight:600;letter-spacing:-.025em}
.business-grid h3{font-size:27px}.business-grid h4{font-weight:650;line-height:1.8}
.eyebrow,.number,.steps span{font-family:Arial,var(--font-sans);font-weight:600;letter-spacing:.14em}
.lead{font-size:16px;line-height:1.95;letter-spacing:.035em}
.concerns p,.section-head>p,.activity-layout article>p:not(.eyebrow),.about p:not(.eyebrow):not(.values):not(.signature){font-size:15px;line-height:1.95}
.care-grid p,.business-grid p:not(.eyebrow){font-size:14px;line-height:1.95}.steps p{font-size:13px;line-height:1.9}
.button,.header-cta,.mobile-cta a{font-weight:650;letter-spacing:.02em}
.about h2{font-family:var(--font-serif);font-weight:500;letter-spacing:.06em;line-height:1.7}
.diagnosis-center strong{font-family:var(--font-sans);font-weight:700}
.closing h2{font-size:clamp(28px,2.7vw,40px);font-weight:700;line-height:1.6}
@media(max-width:820px){.activity-layout h3{font-size:23px}.photo-band p{font-size:30px}}
@media(max-width:560px){body{font-size:15px;letter-spacing:.015em}h1{font-size:clamp(27px,7.3vw,39px);line-height:1.6;letter-spacing:0}h2,.field-intro h2,.closing h2{font-size:27px;line-height:1.6;letter-spacing:.005em}.diagnosis h2{font-size:28px}.activity-layout h3{font-size:24px;line-height:1.65}.photo-band p{font-size:25px;line-height:1.65}.lead{font-size:15px;line-height:1.9}.concerns p,.section-head>p,.activity-layout article>p:not(.eyebrow),.about p:not(.eyebrow):not(.values):not(.signature),.field-intro>div>p:not(.eyebrow),.dialogue-strip p:not(.eyebrow){font-size:14px;line-height:1.95}.care-grid p{font-size:13px}.business-grid p:not(.eyebrow){font-size:14px}.steps p{font-size:14px}.about h2{font-size:28px}.small{font-size:12px}}
/* 第4稿：Well Meのロゴを軸にした配色 */
:root{--ink:#183e55;--green:#087eb0;--paper:#ffffff;--muted:#536b78;--gold:#287c73;--line:#dbe7ed;--brand-blue:#168fc2;--brand-green:#70b83f}
body{background:#fff;color:var(--ink)}header{background:rgba(255,255,255,.97);border-color:#e0ebf0}.preview-note{background:#edf7fb;color:#285c77}.hero{background:#eff8fc}.hero-image:before{background:linear-gradient(90deg,#eff8fc 0%,transparent 30%)}h1 em{color:#087eb0}.hero-bottom{border-color:#cde3ed}.hero-bottom a{color:#176b91}.eyebrow{color:#197ca0}.primary,.header-cta,.mobile-cta a{background:#087eaf;color:#fff}.primary:hover,.header-cta:hover,.mobile-cta a:hover{background:#08678f}.button:focus-visible,a:focus-visible,button:focus-visible{outline-color:#1b95be}.hero-copy .button{box-shadow:0 6px 20px #168fc218}.care{background:#f1f9f5}.care-grid{border-color:#c5dfd2}.care-grid article{border-color:#c5dfd2}.care-grid h3{color:#26794f}.care-grid h3:after{background:#70b83f}.care-footer{border-color:#c5dfd2}.care-footer strong{color:#247e88}.number{color:#287c73}.diagnosis{background:#116d96;color:#fff}.diagnosis .eyebrow,.diagnosis-visual b{color:#d4f1bb}.diagnosis-copy>p:not(.eyebrow):not(.free-label):not(.small),.diagnosis .small{color:#e5f3fa}.free-label{border-color:#9dcddd}.diagnosis-visual li{border-color:#6ba5be}.diagnosis-center{border-color:#b8dbe7}.light{background:#fff;color:#11658b}.light:hover{background:#e8f5fc}.diagnosis-center strong{color:#fff}.businesses{background:#f5f9fc}.business-grid article{border-color:#dce8ed;background:#fff}.business-grid article:nth-child(1){border-top:3px solid #4eaf90}.business-grid article:nth-child(2){border-top:3px solid #ef9a24}.business-grid article:nth-child(3){border-top:3px solid #7653b6}.business-grid article:nth-child(1) h3 em{color:#268b92}.business-grid article:nth-child(2) h3 em{color:#a9650c}.business-grid article:nth-child(3) h3 em{color:#7850a4}.brand-image{border-color:#edf1f4}.field-intro h2 em{color:#2384a7}.photo-band{background:#155b78}.photo-band:after{background:linear-gradient(90deg,#123b58cc,transparent 80%)}.about{background:#f2f8fb}.portrait{background:#e0eef4}.philosophy-logo{mix-blend-mode:multiply}.values{color:#267c77}.values span{color:#7eacbd}.company{background:#f0f8f6}.company dl>div{border-color:#cddfdb}.dialogue-strip{background:#edf7fb}.closing{background:#eff8fc}.contact-links a,.text-link{border-color:#a9cdd9}.news-list time,.news-type{color:#247e9e}.steps li{border-color:#7eb4ca}.steps span{color:#227b99}.concern-list li span{color:#277e9c}footer{background:#134c68;color:#f0f8fc}footer>small{color:#bcdbe9}.mobile-cta{background:#fffffff5;border-color:#d7e7ee}.text-link:hover,nav a:hover{color:#087eaf}
@media(max-width:820px){nav{background:#fff;box-shadow:0 12px 20px #168fc212}}
@media(max-width:560px){.hero-image:before{background:none}.photo-band:after{background:linear-gradient(0deg,#123b58db,transparent 85%)}}