@charset "UTF-8";
:root{--navy:#092c54;--blue:#0878d1;--muted:#60758d;--line:#dce9f4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#243c58;line-height:1.8}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:78px;position:sticky;top:0;background:#fffffff2;z-index:10;border-bottom:1px solid #dce9f4}.header-inner,.footer-main{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand-logo{display:block;width:250px;max-width:100%;height:auto}.primary-nav,.footer-main nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:bold}.nav-contact,.button-primary{background:var(--blue);color:white;border-radius:30px;padding:11px 20px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#eaf8ff,#9dd8ff 55%,#0878d1);min-height:500px;display:flex;align-items:center}.hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 90%,#fff9e7,transparent 35%);z-index:0}.comet{position:absolute;right:15%;top:25%;width:230px;height:3px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(-28deg);box-shadow:0 0 12px white}.comet:after{content:'✦';position:absolute;right:0;top:-30px;font-size:44px;color:white}.hero-content{position:relative;z-index:1;padding:65px 0 90px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.16em;color:var(--blue);margin:0 0 12px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.25;color:var(--navy);margin:0 0 12px}.hero-lead{font-size:clamp(20px,2.5vw,28px);font-weight:bold;color:var(--navy);margin:0 0 12px}.hero-copy{font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;padding:12px 22px;border-radius:28px;font-size:13px;font-weight:bold;gap:14px}.button-ghost{border:1px solid #6daee2;background:#ffffff88;color:var(--navy)}.hero-note{font-size:12px;margin-top:22px}.note-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:7px}.cityline{position:absolute;bottom:0;left:0;right:0;height:65px;display:flex;align-items:end;gap:4px;opacity:.3}.cityline span{flex:1;height:45px;background:#1e568d}.cityline span:nth-child(3n){height:60px}.cityline span:nth-child(4n){height:28px}.section{padding:78px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 38px}.section-heading h2,.strengths-intro h2,.company-section h2{font-size:clamp(26px,3vw,36px);line-height:1.4;color:var(--navy);margin:0 0 12px}.section-heading>p:last-child,.strengths-intro>p:not(.eyebrow){color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:15px;padding:25px 22px;display:flex;flex-direction:column;box-shadow:0 8px 25px #0c47700a}.service-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:27px;margin-bottom:15px}.service-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2}.icon-blue{background:#e5f3ff;color:#0878d1}.icon-green{background:#e2f8f0;color:#10a87b}.icon-orange{background:#fff0e5;color:#f47b2a}.icon-purple{background:#f2e9ff;color:#8b55d9}.service-number{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:bold;margin:0}.service-card h3{font-size:17px;color:var(--navy);margin:5px 0 10px}.service-card>p:not(.service-number){font-size:13px;color:var(--muted)}.text-link{margin-top:auto;color:var(--blue);font-size:12px;font-weight:bold}.strengths-section{background:linear-gradient(115deg,#eef8ff,#f8fcff,#e1f2ff)}.strengths-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.strength-list{display:grid;gap:22px}.strength-item{display:flex;gap:14px}.strength-check{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white}.strength-item h3{margin:0;color:var(--navy);font-size:16px}.strength-item p{margin:5px 0;color:var(--muted);font-size:13px}.decor-card{grid-column:1/-1;min-height:130px;display:flex;align-items:center;justify-content:center;gap:25px;border-radius:16px;background:linear-gradient(120deg,#cbeaff,#edf8ff,#b7e0ff);padding:20px}.decor-window{width:55%;background:white;border:5px solid white;border-radius:10px;overflow:hidden}.window-bar{height:18px;background:#e9f1f7}.window-content{padding:14px 20px;background:linear-gradient(120deg,#eaf8ff,#8ecbf7);color:var(--navy)}.mini-comet{font-size:22px;color:var(--blue)}.window-content b{display:block}.decor-bubble{color:#24618f}.decor-bubble strong{font-size:24px;color:var(--blue)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-card{display:flex;gap:18px;border:1px solid var(--line);border-radius:14px;padding:24px}.audience-icon{flex:0 0 50px;height:50px;border-radius:15px;background:#eaf6ff;color:var(--blue);display:grid;place-items:center;font-size:27px}.audience-card h3{margin:0;color:var(--navy)}.audience-card p{margin:5px 0;color:var(--muted);font-size:13px}.contact-banner{background:linear-gradient(110deg,#063b76,#0878d1,#269ce5);color:white;padding:45px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-banner .eyebrow{color:#a8dbff}.contact-banner h2{font-size:clamp(23px,3vw,34px);margin:0 0 10px}.contact-banner p{font-size:13px}.contact-actions{min-width:280px}.button-light{background:white;color:#075aa5}.contact-actions>p a{color:white;text-decoration:underline}.company-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.align-left{text-align:left;margin:0}.company-table{margin:0;border-top:1px solid var(--line)}.company-table div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.company-table dt{font-weight:bold;color:var(--navy);font-size:13px}.company-table dd{margin:0;font-size:14px}.company-table a{color:var(--blue);text-decoration:underline}.site-footer{background:#082747;color:#d9e9f8;padding:28px 0 18px}.brand-footer .brand-logo{filter:brightness(0) invert(1);opacity:.95}.footer-bottom{border-top:1px solid #ffffff20;padding-top:15px;display:flex;justify-content:space-between;gap:15px;color:#9db6cc;font-size:10px}.back-top{font-size:11px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.primary-nav{gap:13px}.strengths-layout{gap:24px}}@media(max-width:680px){.container{width:calc(100% - 34px)}.site-header{height:68px}.brand-logo{width:210px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:9px}.menu-toggle>span:not(.sr-only){width:23px;height:2px;background:var(--navy);display:block}.primary-nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:15px 20px;box-shadow:0 12px 20px #092c5414;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:11px 4px;border-bottom:1px solid var(--line)}.primary-nav .nav-contact{text-align:center;margin-top:10px}.hero{min-height:550px}.hero-content{padding:50px 0 90px}.hero h1{font-size:clamp(34px,9vw,46px)}.hero-lead{font-size:21px}.hero-copy{font-size:13px}.desktop-only{display:none}.comet{right:5%;top:19%;width:135px}.section{padding:58px 0}.service-grid,.audience-grid,.strengths-layout,.company-layout{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:58px 1fr;gap:0 15px;padding:20px}.service-icon{grid-row:1/4;margin:0}.service-card>p:not(.service-number),.service-card .text-link{grid-column:1/-1}.service-card>p:not(.service-number){margin-top:8px}.decor-card{grid-column:auto;min-height:120px;padding:12px}.decor-window{width:62%}.window-content{padding:10px}.decor-bubble{font-size:12px}.decor-bubble strong{font-size:19px}.contact-inner{display:block}.contact-actions{margin-top:20px}.contact-actions .button{width:100%}.company-layout{gap:25px}.company-table div{grid-template-columns:95px 1fr;gap:10px}.footer-main{height:auto;align-items:flex-start;flex-direction:column}.footer-main nav{flex-wrap:wrap;gap:8px 16px}.footer-bottom{flex-direction:column;gap:4px}}


/* Official logo placed inside the hero/title visual */
.hero-brand {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  margin: 0 0 22px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 35, 75, .14);
}
.hero-brand-logo {
  display: block;
  width: min(220px, 52vw);
  height: auto;
  max-height: 64px;
  object-fit: contain;
}
@media (max-width: 600px) {
  .hero-brand { margin-bottom: 18px; padding: 8px 12px; border-radius: 9px; }
  .hero-brand-logo { width: min(180px, 58vw); max-height: 52px; }
}

/* グローバルメニューのロゴのみ非表示 */
.site-header .brand { display: none; }

/* ヘッダーのロゴを表示し、タイトルエリアのロゴは表示しない */
.site-header .brand { display: inline-flex; }
.hero-brand { display: none !important; }