.ls-home{
  --ls-navy:#0b1730;--ls-blue:#174c8f;--ls-cyan:#47a7d8;--ls-ink:#1a2230;
  --ls-muted:#667085;--ls-line:#e8edf3;--ls-bg:#f5f8fb;--ls-white:#fff;
  width:100%;max-width:none!important;margin:0!important;padding:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  color:var(--ls-ink);background:#fff;line-height:1.8;
}
.ls-home *,.ls-home *:before,.ls-home *:after{box-sizing:border-box}
.ls-home a{text-decoration:none!important;color:inherit}
.ls-home .ls-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ls-home .ls-kicker{margin:0 0 10px;font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--ls-blue)}
.ls-home .ls-kicker-light{color:#86c9eb}
.ls-home .ls-title{margin:0;font-size:clamp(34px,5vw,62px);line-height:1.2;letter-spacing:-.03em;color:var(--ls-navy)}
.ls-home .ls-title strong{color:var(--ls-blue)}
.ls-home .ls-section-title{margin:0;font-size:clamp(26px,3vw,40px);line-height:1.35;color:inherit}
.ls-home .ls-lead{margin:18px 0 0;color:var(--ls-muted);font-size:16px;max-width:760px}
.ls-home .ls-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ls-home .ls-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s}
.ls-home .ls-btn:hover{transform:translateY(-2px)}
.ls-home .ls-btn-primary{background:var(--ls-navy);color:#fff}
.ls-home .ls-btn-secondary{background:#fff;border-color:#cfd8e4;color:var(--ls-navy)}
.ls-home .ls-btn-light{background:#fff;color:var(--ls-navy)}
.ls-home .ls-align-start{align-self:flex-start}

.ls-home .ls-hero{position:relative;overflow:hidden;padding:86px 0 70px;background:
radial-gradient(circle at 88% 18%,rgba(71,167,216,.20),transparent 30%),
radial-gradient(circle at 72% 72%,rgba(23,76,143,.16),transparent 32%),
linear-gradient(135deg,#f8fbff,#fff 45%,#f1f6fb)}
.ls-home .ls-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:58px;align-items:center}
.ls-home .ls-hero-copy{margin:22px 0 0;max-width:690px;font-size:17px;color:#526071}
.ls-home .ls-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ls-home .ls-pill{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce5ef;color:#4b5b6e;font-size:13px;font-weight:700}
.ls-home .ls-hero-visual{min-height:470px;position:relative}
.ls-home .ls-photo-card{position:absolute;border-radius:30px;overflow:hidden;box-shadow:0 24px 60px rgba(23,45,74,.18);border:6px solid #fff;background-color:#203757;background-size:cover;background-position:center}
.ls-home .ls-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,15,33,.68))}
.ls-home .ls-photo-card span{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em}
.ls-home .ls-photo-a{width:74%;height:350px;right:0;top:0;background-image:url("https://liaisonservice.jp/wp-content/uploads/2026/02/vQIMfEbAEx5-CY423aUp0nKSbnTIssJHt06mywUhSZudZJ5eogKWF4o8l5x1GyRVKoRVjJrdQ9dNotJJiQrPJ1ndiLCANchm9-9VqDNYrh6Uhiid12F3oaBd6tuJC16sCPs1Dl06N9VAVlxHgFo47A-1-1024x681.jpg")}
.ls-home .ls-photo-b{width:55%;height:245px;left:0;bottom:0;background-image:url("https://liaisonservice.jp/wp-content/uploads/2026/02/1-1024x1024.jpg")}
.ls-home .ls-stat{position:absolute;right:6%;bottom:28px;z-index:3;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 15px 40px rgba(23,45,74,.14)}
.ls-home .ls-stat b{display:block;color:var(--ls-navy);font-size:24px;line-height:1.1}
.ls-home .ls-stat small{color:var(--ls-muted);font-weight:700}

.ls-home .ls-route{padding:36px 0 84px}
.ls-home .ls-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ls-home .ls-route-card{min-height:270px;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.ls-home .ls-route-card h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.3}
.ls-home .ls-route-card p{margin:12px 0 0;max-width:500px}
.ls-home .ls-route-order{background:var(--ls-navy);color:#fff}
.ls-home .ls-route-order:before{content:"ORDER MADE";position:absolute;right:-8px;bottom:-18px;font-size:clamp(46px,7vw,92px);font-weight:900;color:rgba(255,255,255,.05)}
.ls-home .ls-route-shop{background:#eef5fa;color:var(--ls-navy);border:1px solid #dae7f1}
.ls-home .ls-route-shop:before{content:"SHOP";position:absolute;right:18px;bottom:-18px;font-size:clamp(64px,9vw,112px);font-weight:900;color:rgba(23,76,143,.06)}

.ls-home .ls-section{padding:92px 0}
.ls-home .ls-section-soft{background:var(--ls-bg)}
.ls-home .ls-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.ls-home .ls-text-link{font-weight:800;color:var(--ls-blue);white-space:nowrap}

.ls-home .ls-service-grid,.ls-home .ls-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ls-home .ls-service-card,.ls-home .ls-audience{background:#fff;border:1px solid var(--ls-line);border-radius:22px;padding:26px;box-shadow:0 10px 28px rgba(17,41,68,.04)}
.ls-home .ls-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef5fb;color:var(--ls-blue);font-size:13px;font-weight:900}
.ls-home .ls-service-card h3{margin:16px 0 8px;font-size:20px;color:var(--ls-navy)}
.ls-home .ls-service-card p,.ls-home .ls-audience p{margin:0;color:var(--ls-muted);font-size:14px}
.ls-home .ls-mini-link{display:inline-block;margin-top:18px;color:var(--ls-blue);font-size:13px;font-weight:800}
.ls-home .ls-audience-grid{margin-top:32px}
.ls-home .ls-audience strong{display:block;color:var(--ls-navy);font-size:19px;margin-bottom:8px}

.ls-home .ls-works-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.ls-home .ls-work-card{min-height:360px;border-radius:26px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 16px 42px rgba(17,41,68,.10)}
.ls-home .ls-work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,33,.04) 30%,rgba(4,15,33,.82))}
.ls-home .ls-work-1{background-image:url("https://liaisonservice.jp/wp-content/uploads/2026/02/1-1024x1024.jpg")}
.ls-home .ls-work-2{background-image:url("https://liaisonservice.jp/wp-content/uploads/2026/02/vQIMfEbAEx5-CY423aUp0nKSbnTIssJHt06mywUhSZudZJ5eogKWF4o8l5x1GyRVKoRVjJrdQ9dNotJJiQrPJ1ndiLCANchm9-9VqDNYrh6Uhiid12F3oaBd6tuJC16sCPs1Dl06N9VAVlxHgFo47A-1-1024x681.jpg")}
.ls-home .ls-work-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.ls-home .ls-work-copy small{font-weight:800;letter-spacing:.14em;opacity:.82}
.ls-home .ls-work-copy h3{margin:8px 0 6px;font-size:24px;color:#fff}
.ls-home .ls-work-copy p{margin:0;opacity:.88;font-size:14px}

.ls-home .ls-shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ls-home .ls-shop-card{min-height:148px;border:1px solid var(--ls-line);border-radius:18px;padding:20px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
.ls-home .ls-shop-card strong{color:var(--ls-navy);font-size:18px}
.ls-home .ls-shop-card span{color:var(--ls-muted);font-size:12px}
.ls-home .ls-shop-card b{color:var(--ls-blue);font-size:13px}

.ls-home .ls-process{background:var(--ls-navy);color:#fff}
.ls-home .ls-process .ls-lead{color:#c8d5e4}
.ls-home .ls-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:38px}
.ls-home .ls-step{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px;background:rgba(255,255,255,.05)}
.ls-home .ls-step small{color:#8dd2f2;font-weight:900}
.ls-home .ls-step strong{display:block;margin-top:8px;font-size:17px}
.ls-home .ls-step p{margin:8px 0 0;color:#c6d2e0;font-size:12px;line-height:1.7}

.ls-home .ls-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ls-home .ls-news-box,.ls-home .ls-contact-box{border-radius:24px;padding:30px}
.ls-home .ls-news-box{background:#fff;border:1px solid var(--ls-line)}
.ls-home .ls-box-title{margin:0;color:var(--ls-navy)}
.ls-home .ls-news-item{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--ls-line);font-size:14px}
.ls-home .ls-news-item time{color:var(--ls-muted);font-size:12px}
.ls-home .ls-contact-box{background:linear-gradient(135deg,#174c8f,#0b1730);color:#fff}
.ls-home .ls-contact-box p{color:#d9e4f0}
.ls-home .ls-contact-title{margin:0;font-size:30px;color:#fff}

@media(max-width:980px){
 .ls-home .ls-hero-grid{grid-template-columns:1fr}
 .ls-home .ls-hero-visual{min-height:400px;max-width:620px;width:100%;margin:0 auto}
 .ls-home .ls-service-grid,.ls-home .ls-audience-grid{grid-template-columns:1fr 1fr}
 .ls-home .ls-shop-grid{grid-template-columns:repeat(3,1fr)}
 .ls-home .ls-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .ls-home .ls-container{width:min(100% - 28px,1180px)}
 .ls-home .ls-hero{padding:58px 0 46px}
 .ls-home .ls-hero-visual{min-height:330px}
 .ls-home .ls-photo-a{width:82%;height:260px}
 .ls-home .ls-photo-b{width:58%;height:180px}
 .ls-home .ls-stat{right:0;bottom:12px;padding:14px 16px}
 .ls-home .ls-route-grid,.ls-home .ls-service-grid,.ls-home .ls-audience-grid,.ls-home .ls-works-grid,.ls-home .ls-bottom-grid{grid-template-columns:1fr}
 .ls-home .ls-route-card{min-height:230px;padding:26px}
 .ls-home .ls-section{padding:68px 0}
 .ls-home .ls-heading-row{align-items:start;flex-direction:column;margin-bottom:26px}
 .ls-home .ls-work-card{min-height:300px}
 .ls-home .ls-shop-grid{grid-template-columns:1fr 1fr}
 .ls-home .ls-steps{grid-template-columns:1fr}
 .ls-home .ls-news-item{grid-template-columns:1fr;gap:4px}
}