:root{--navy:#062d5d;--blue:#0c67ae;--light:#eaf4fb;--ink:#13263b;--muted:#617384;--line:#d9e1e8;--paper:#fbfcfd;--warm:#c89028;--green:#16854b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.section-wrap{max-width:1280px;margin:auto;padding:88px clamp(24px,6vw,88px)}
.site-header{position:sticky;z-index:30;top:0;min-height:92px;padding:13px clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border-bottom:6px solid var(--navy);box-shadow:0 8px 28px #062d5d12}.brand{display:flex;align-items:center;gap:20px;min-width:0}.brand img{width:min(340px,30vw);height:auto}.brand span{padding-left:20px;border-left:1px solid var(--line);color:var(--navy);font-size:14px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.page-nav{display:flex;gap:22px;color:var(--navy);font-size:13px;font-weight:800}.page-nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:9px}.header-button{min-width:124px;padding:12px 16px;border:1px solid var(--navy);border-radius:4px;text-align:center;color:var(--navy);font-size:13px;font-weight:800}.header-button:hover{background:var(--navy);color:#fff}.header-button.line{border-color:var(--green);color:var(--green)}.header-button.line:hover{background:var(--green);color:#fff}
.hero{overflow:hidden;padding:clamp(20px,2.5vw,38px) clamp(22px,4vw,72px);background:var(--light)}.hero-banner{width:100%;max-width:1380px;height:auto;margin:auto;border-radius:10px;box-shadow:0 18px 46px #062d5d18}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.18em}.intro{text-align:center;padding-bottom:44px}.intro h1,.intro h2,.section-heading h2,.price-area h2,.area-section h2{margin:0;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(29px,3.8vw,48px);line-height:1.45}.lead{max-width:820px;margin:26px auto 0;color:var(--muted);font-size:16px;line-height:2}
.entrances{max-width:1180px;margin:auto;padding:0 clamp(24px,5vw,64px) 80px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.entrance-guide{grid-column:1/-1;margin:0 0 4px;text-align:center;color:var(--navy);font-size:16px;font-weight:900}.entrance-guide:before,.entrance-guide:after{content:"";display:inline-block;width:48px;height:1px;margin:0 14px;vertical-align:middle;background:#a8bfD1}.entrance-card{position:relative;overflow:hidden;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;padding:30px 28px;border:1px solid var(--line);border-top:6px solid var(--navy);border-radius:12px;background:#fff;box-shadow:0 18px 40px #102f4c10;transition:transform .2s,box-shadow .2s,border-color .2s}.entrance-card:hover{transform:translateY(-4px);border-color:#8db7d7;box-shadow:0 22px 46px #102f4c20}.entrance-card.business{border-top-color:var(--blue)}.audience-visual{display:grid;place-items:center;min-height:170px;border-radius:10px;background:linear-gradient(145deg,#f2f8fc,#e5f1f9)}.audience-visual svg{width:95%;height:auto}.entrance-copy{min-width:0}.card-number{width:42px;height:42px;display:grid;place-items:center;float:left;margin:0 12px 7px 0;border-radius:50%;color:var(--navy);background:var(--light);font:700 15px Georgia,serif}.entrance-card small{display:block;padding-top:5px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.entrance-card h3{clear:both;margin:10px 0 12px;color:var(--navy);font-size:22px}.entrance-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.entrance-button{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding:13px 15px;border-radius:5px;color:#fff;background:var(--navy);font-size:13px;font-weight:900}.business .entrance-button{background:var(--blue)}.entrance-button b{font-size:19px}
.service-section{max-width:none;padding-left:max(clamp(24px,6vw,88px),calc((100vw - 1280px)/2 + 88px));padding-right:max(clamp(24px,6vw,88px),calc((100vw - 1280px)/2 + 88px));background:#f1f6fa}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>p{max-width:450px;margin:0;color:var(--muted);line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid>a{position:relative;padding:28px 24px 54px;background:#fff;border:1px solid #dce6ee;border-radius:7px;transition:transform .2s,border-color .2s,box-shadow .2s}.service-grid>a:hover{transform:translateY(-3px);border-color:#89b6d7;box-shadow:0 14px 28px #062d5d12}.service-grid b{color:#8ab2d0;font:700 14px Georgia,serif}.service-grid h3{margin:15px 0 10px;color:var(--navy);font-size:19px}.service-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.service-grid span{position:absolute;right:24px;bottom:24px;color:var(--blue);font-size:12px;font-weight:900}
.service-details{max-width:1120px}.detail-heading{text-align:center}.detail-heading h2{margin:0;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(29px,3.6vw,44px)}.detail-heading>p:last-child{max-width:680px;margin:18px auto 34px;color:var(--muted);line-height:1.8}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-list details{scroll-margin-top:115px;border:1px solid var(--line);border-radius:7px;background:#fff}.detail-list details[open]{border-color:#96bad4;box-shadow:0 12px 28px #062d5d10}.detail-list summary{list-style:none;display:flex;align-items:center;gap:14px;padding:20px;cursor:pointer}.detail-list summary::-webkit-details-marker{display:none}.detail-list summary>b{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:50%;color:var(--blue);background:var(--light);font:700 13px Georgia,serif}.detail-list summary>span{display:grid;gap:3px;min-width:0}.detail-list summary strong{color:var(--navy);font-size:17px}.detail-list summary small{color:var(--muted);font-size:12px}.detail-list summary:after{content:"＋";margin-left:auto;color:var(--blue);font-size:21px}.detail-list details[open] summary:after{content:"−"}.detail-list details>div{padding:0 22px 20px;border-top:1px solid #edf1f4}.detail-list details p{color:var(--muted);font-size:13px;line-height:1.8}.detail-list ul{margin:12px 0 0;padding-left:20px;color:var(--ink);font-size:13px;line-height:1.9}.cases-link{display:block;max-width:430px;margin:32px auto 0;padding:15px 20px;border:1px solid var(--blue);border-radius:5px;text-align:center;color:var(--blue);font-weight:900}.cases-link:hover{color:#fff;background:var(--blue)}
.philosophy{padding:42px 24px;color:#fff;background:linear-gradient(100deg,var(--navy),#0b639d)}.philosophy p{margin:0;text-align:center;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(22px,2.8vw,36px);letter-spacing:.06em}.price-area{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.price-card,.flow-card{padding:40px;border:1px solid var(--line);background:#fff}.price-card{border-top:5px solid var(--warm)}.flow-card{border-top:5px solid var(--blue)}.price-area h2{font-size:32px}.price-main{margin:25px 0 18px;padding:18px 20px;background:#fff8e8;color:var(--navy)}.price-main strong{display:block;margin-top:5px;font-size:28px}.price-card>p:not(.eyebrow):not(.price-main){color:var(--muted);line-height:1.9}.flow-card ol{list-style:none;margin:25px 0 0;padding:0}.flow-card li{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.flow-card li>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--light);color:var(--blue)}.flow-card span{display:grid;gap:4px}.flow-card small{color:var(--muted)}
.area-section{background:var(--navy);color:#fff}.area-section .eyebrow{color:#82c2ec}.area-section h2{color:#fff}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:38px}.area-grid>div{padding-top:24px;border-top:1px solid #ffffff4a}.area-grid h3{margin:0 0 15px}.area-grid p{font-size:17px;line-height:1.9}.area-grid small{color:#c5d8e9;line-height:1.8}.hours strong{display:inline-block;width:80px;color:#8fd3ff}
.company{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:92px clamp(24px,7vw,105px)}.company-copy h2{margin:0 0 24px;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(31px,4vw,52px);line-height:1.45}.company-copy>p:not(.eyebrow){color:var(--muted);line-height:2}.company dl{margin:28px 0 0;border-top:1px solid var(--line)}.company dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.company dt{color:var(--blue);font-size:12px;font-weight:900}.company dd{margin:0;line-height:1.6}.company-art{padding:22px;border:1px solid var(--line);background:#fff}.company-art img{width:100%;max-height:480px;object-fit:contain}
.contact-section{padding:80px 24px;text-align:center;background:#edf5fa}.contact-section h2{margin:0;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3.6vw,44px);line-height:1.5}.contact-section>p:not(.eyebrow){color:var(--muted)}.contact-buttons{max-width:740px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-buttons a{display:grid;gap:5px;padding:19px;color:#fff;background:var(--navy);border-radius:4px}.contact-buttons a.line{background:var(--green)}.contact-buttons small{font-size:11px}.contact-buttons strong{font-size:21px}
footer{min-height:120px;padding:28px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);background:#fff;border-top:6px solid var(--navy)}footer img{width:270px;filter:none}footer p{margin:0;font-size:11px;letter-spacing:.08em}.mobile-contact,.mobile-only{display:none}
@media(max-width:1100px){.brand span,.page-nav{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.entrance-card{grid-template-columns:135px 1fr}.audience-visual{min-height:145px}}
@media(max-width:760px){body{padding-bottom:62px}.site-header{min-height:72px;padding:10px 17px;border-bottom-width:4px}.brand img{width:230px;max-width:78vw}.header-actions{display:none}.hero{padding:0;background:#eaf4fb}.hero-banner{width:100%;height:auto;min-height:0;object-fit:contain;object-position:center}.section-wrap{padding:60px 21px;scroll-margin-top:74px}.intro{padding-bottom:34px}.intro h2 br{display:none}.lead{font-size:14px;text-align:left}.entrances{grid-template-columns:1fr;padding:0 16px 55px;scroll-margin-top:84px}.entrance-guide{font-size:14px}.entrance-guide:before,.entrance-guide:after{width:22px;margin:0 8px}.entrance-card{grid-template-columns:112px 1fr;gap:14px;padding:16px 14px;border-radius:10px}.audience-visual{min-height:128px}.card-number{width:34px;height:34px;font-size:13px}.entrance-card h3{font-size:18px;line-height:1.4}.entrance-card p{font-size:12px;line-height:1.75}.entrance-button{margin-top:14px;padding:11px;font-size:12px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-section{padding-left:21px;padding-right:21px}.service-grid{grid-template-columns:1fr}.service-grid>a{padding:24px 20px 50px}.detail-list{grid-template-columns:1fr}.detail-list details{scroll-margin-top:84px}.detail-list summary{padding:17px 15px}.detail-list summary strong{font-size:15px}.detail-list summary small{font-size:11px}.detail-list details>div{padding:0 17px 17px}.philosophy{padding:30px 20px}.mobile-only{display:block}.price-area{grid-template-columns:1fr}.price-card,.flow-card{padding:29px 21px}.price-main strong{font-size:23px}.area-grid{grid-template-columns:1fr;gap:30px}.company{grid-template-columns:1fr;gap:34px;padding:64px 22px}.company dl div{grid-template-columns:80px 1fr;gap:12px}.contact-buttons{grid-template-columns:1fr}footer{min-height:130px;padding:30px 22px;display:block;text-align:center}footer img{width:220px;margin:0 auto 18px}.mobile-contact{position:fixed;z-index:40;right:0;bottom:0;left:0;height:62px;display:grid;grid-template-columns:1fr 1fr;color:#fff;box-shadow:0 -8px 24px #05284e2a}.mobile-contact a{display:grid;place-items:center;background:var(--navy);font-weight:900}.mobile-contact a:last-child{background:var(--green)}}
@media(max-width:430px){.brand img{max-width:68vw}.entrance-card{grid-template-columns:96px 1fr}.audience-visual{min-height:114px}.entrance-card p{font-size:11.5px}.entrance-button{font-size:11px}}
