/* Standalone Company ESG page */
.sjp-esg-page { font-family:var(--sjp-font-jp,sans-serif); }
.sjp-esg-page--2 { --ink:#0f172a; --muted:#64748b; --blue:#2563eb; --pale:#eff6ff; --line:#e2e8f0; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); color:var(--ink); }
.sjp-esg2-container { width:min(1280px,100%); margin:0 auto; }
.sjp-esg2-eyebrow { margin:0; color:var(--blue); font:600 15px/1.2 'Inter',sans-serif; letter-spacing:.14em; }
.sjp-esg2-rule { display:block; width:60px; height:3px; background:linear-gradient(90deg,#1e40af,#93c5fd); }
.sjp-esg2-hero { position:relative; min-height:420px; box-sizing:border-box; display:flex; align-items:center; overflow:hidden; padding:118px 40px 72px; color:#fff; background:linear-gradient(104.04deg,#0B1D4F 0%,#1E40AF 60%,#2563EB 100%); background-size:cover; background-position:center; background-repeat:no-repeat; }
.sjp-esg2-hero__inner { position:relative; z-index:1; }
.sjp-esg2-hero__orb { position:absolute; border-radius:50%; pointer-events:none; }
.sjp-esg2-hero__orb--one { width:300px; height:300px; right:-70px; top:-90px; background:rgba(96,165,250,.22); }
.sjp-esg2-hero__orb--two { width:220px; height:220px; left:-100px; bottom:-100px; background:rgba(15,23,42,.24); }
.sjp-esg2-breadcrumb { display:flex; gap:10px; align-items:center; margin-bottom:28px; font-size:13px; }
.sjp-esg2-breadcrumb a { color:#bfdbfe; text-decoration:none; }
.sjp-esg2-breadcrumb span:last-child { color:#cbd5e1; }
.sjp-esg2-hero h1 { margin:0 0 14px; font-size:44px; font-weight:700; line-height:1.2; color:#fff; }
.sjp-esg2-hero p { max-width:760px; margin:0; color:#dbeafe; font-size:16px; line-height:1.8; }
.sjp-esg2-policy,.sjp-esg2-performance,.sjp-esg2-environment,.sjp-esg2-society,.sjp-esg2-governance { padding:90px 40px; }
.sjp-esg2-policy { background:#fff; padding:43px 40px 108px; }
.sjp-esg2-policy__grid { display:grid; grid-template-columns:424px 1fr; gap:60px; align-items:stretch; max-width:1280px; margin:0 auto; }
.sjp-esg2-policy__image { min-height:419px; overflow:hidden; border-radius:22px; border:1px solid #E1E7F1; box-shadow:0 22px 55px 0 rgba(36,70,150,.14); }
.sjp-esg2-policy__image img { width:100%; height:100%; display:block; object-fit:cover; }
.sjp-esg2-policy .sjp-esg2-copy { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.sjp-esg2-policy .sjp-esg2-eyebrow { margin:0; color:#3B82F6; font:700 12.5px/21.25px 'Inter',sans-serif; letter-spacing:.24em; text-transform:uppercase; }
.sjp-esg2-policy .sjp-esg2-copy h2 { margin:0; color:#0B1220; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:36px; line-height:45px; letter-spacing:-.005em; }
.sjp-esg2-policy .sjp-esg2-rule { width:56px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-policy .sjp-esg2-copy h3 { margin:9px 0 0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:14px; line-height:27.3px; }
.sjp-esg2-policy .sjp-esg2-copy__text { margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:400; font-size:14px; line-height:27.3px; }
.sjp-esg2-policy .sjp-esg2-copy small { align-self:flex-end; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:14px; line-height:32.4px; }
.sjp-esg2-performance,.sjp-esg2-environment,.sjp-esg2-governance { background:#f8fafc; }
.sjp-esg2-section-head { display:flex; flex-direction:column; align-items:center; gap:14px; margin-bottom:48px; text-align:center; }
.sjp-esg2-section-head h2 { margin:0; font-size:40px; line-height:1.25; }
.sjp-esg2-section-head > p:last-child { max-width:800px; margin:0; color:var(--muted); font-size:16px; line-height:1.8; }
.sjp-esg2-performance .sjp-esg2-eyebrow { font:700 15px/25.5px var(--sjp-font-jp,'Noto Sans JP',sans-serif); letter-spacing:.1333em; color:#3B82F6; }
.sjp-esg2-performance .sjp-esg2-section-head h2 { color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:40px; line-height:68px; }
.sjp-esg2-performance .sjp-esg2-rule { width:60px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-performance .sjp-esg2-section-head p.sjp-esg2-performance__lead { max-width:940px; margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:18px; line-height:32.4px; }
.sjp-esg2-stat-grid { display:flex; justify-content:center; gap:23px; padding:16px 0 32px; border-top:1px solid #E2E8F0; border-bottom:1px solid #E2E8F0; }
.sjp-esg2-stat { flex:1; max-width:236.8px; display:flex; flex-direction:column; align-items:center; gap:20px; padding:28px 20px 26px; text-align:center; }
.sjp-esg2-stat__icon { width:48px; height:48px; border-radius:24px; background:#DBEAFE; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.sjp-esg2-stat__icon img { width:24px; height:24px; display:block; }
.sjp-esg2-stat strong { font:700 56px/56px 'Inter',sans-serif; letter-spacing:-.02em; background:linear-gradient(171deg,#1E40AF 0%,#3B82F6 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#1E40AF; }
.sjp-esg2-stat > span:not(.sjp-esg2-stat__icon) { color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:13px; line-height:22.1px; }
.sjp-esg2-perf-gallery { display:flex; flex-direction:column; gap:20px; padding:32px 0 0; }
.sjp-esg2-perf-gallery__row { display:flex; gap:20px; }
.sjp-esg2-perf-gallery__item { height:320px; overflow:hidden; }
.sjp-esg2-perf-gallery__item--fixed { flex:0 0 480px; }
.sjp-esg2-perf-gallery__item--fill { flex:1 1 auto; }
.sjp-esg2-perf-gallery__item img { width:100%; height:100%; display:block; object-fit:cover; }
.sjp-esg2-insights { background:#fff; padding:80px 40px; }
.sjp-esg2-insights__inner { display:flex; flex-direction:column; align-items:center; gap:39.5px; }
.sjp-esg2-insights .sjp-esg2-section-head { gap:9.8px; margin-bottom:0; }
.sjp-esg2-insights .sjp-esg2-eyebrow { font:700 15px/25.5px var(--sjp-font-jp,'Noto Sans JP',sans-serif); letter-spacing:.1333em; color:#3B82F6; }
.sjp-esg2-insights .sjp-esg2-section-head h2 { color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:40px; line-height:68px; }
.sjp-esg2-insights .sjp-esg2-rule { width:60px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-insights__lead { margin:0; text-align:center; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:18px; line-height:32.4px; }
.sjp-esg2-insights__grid { display:grid; grid-template-columns:repeat(2,1fr); justify-content:center; gap:69px; width:100%; max-width:1281px; }
.sjp-esg2-insight-card { display:flex; align-items:center; gap:16px; width:100%; min-height:206px; padding:20px 24px 26px; background:#fff; border:1px solid #E2E8F0; border-radius:12px; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.sjp-esg2-insight-card:hover { border-color:#BFDBFE; box-shadow:0 14px 32px rgba(30,64,175,.10); transform:translateY(-3px); }
.sjp-esg2-insight-card__media { flex:0 0 160px; width:160px; height:143px; display:flex; align-items:center; justify-content:center; }
.sjp-esg2-insight-card__media img { max-width:131px; max-height:143px; width:auto; height:auto; object-fit:contain; }
.sjp-esg2-insight-card__body { display:flex; flex-direction:column; justify-content:center; gap:16px; }
.sjp-esg2-insight-card__title { margin:0; color:#0B1220; font:700 15px/25.5px 'Inter',sans-serif; letter-spacing:-.005em; }
.sjp-esg2-insight-card__text { margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:13px; line-height:25.5px; letter-spacing:-.0058em; }
.sjp-esg2-environment .sjp-esg2-eyebrow { font:700 15px/25.5px var(--sjp-font-jp,'Noto Sans JP',sans-serif); letter-spacing:.1333em; color:#3B82F6; }
.sjp-esg2-environment .sjp-esg2-section-head h2 { color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:40px; line-height:68px; }
.sjp-esg2-environment .sjp-esg2-rule { width:60px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-environment .sjp-esg2-section-head p.sjp-esg2-environment__lead { max-width:940px; margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:14px; line-height:32.4px; }
.sjp-esg2-env-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.sjp-esg2-env-card { flex:0 1 calc((100% - 48px) / 3); display:flex; flex-direction:column; align-items:center; gap:16px; padding:32px; background:#fff; border:1px solid #E2E8F0; border-radius:16px; text-align:center; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.sjp-esg2-env-card:hover { border-color:#BFDBFE; box-shadow:0 14px 32px rgba(30,64,175,.10); transform:translateY(-3px); }
.sjp-esg2-env-card__icon { width:56px; height:56px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:12px; background:linear-gradient(135deg,#1E40AF 0%,#3B82F6 100%); }
.sjp-esg2-env-card__icon img { width:28px; height:28px; display:block; }
.sjp-esg2-env-card__title { margin:0; color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:20px; line-height:34px; }
.sjp-esg2-env-card__text { margin:0; align-self:stretch; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:13px; line-height:28.8px; text-align:left; }
.sjp-esg2-card-grid { display:grid; gap:24px; }
.sjp-esg2-card-grid--three { grid-template-columns:repeat(3,1fr); }
.sjp-esg2-card-grid--four { grid-template-columns:repeat(4,1fr); }
.sjp-esg2-card-grid--two { grid-template-columns:repeat(2,1fr); }
.sjp-esg2-card { padding:30px 26px; border:1px solid var(--line); border-radius:12px; background:#fff; text-align:center; box-shadow:0 8px 24px rgba(15,23,42,.04); }
.sjp-esg2-card__icon { display:block; width:52px; height:52px; margin:0 auto 18px; border-radius:50%; background:var(--pale); }
.sjp-esg2-card__icon:after { content:""; display:block; width:20px; height:20px; position:relative; top:16px; left:16px; border:2px solid var(--blue); border-radius:50%; }
.sjp-esg2-card h3 { margin:0 0 12px; font-size:17px; line-height:1.45; }
.sjp-esg2-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.sjp-esg2-society { background:#fff; }
.sjp-esg2-society .sjp-esg2-container { display:flex; flex-direction:column; align-items:center; gap:40px; }
.sjp-esg2-society .sjp-esg2-section-head { margin-bottom:0; }
.sjp-esg2-society .sjp-esg2-eyebrow { font:700 15px/25.5px var(--sjp-font-jp,'Noto Sans JP',sans-serif); letter-spacing:.1333em; color:#3B82F6; }
.sjp-esg2-society .sjp-esg2-section-head h2 { color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:40px; line-height:68px; }
.sjp-esg2-society .sjp-esg2-rule { width:60px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-society .sjp-esg2-section-head p.sjp-esg2-society__lead { max-width:820px; margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:14px; line-height:32.4px; }
.sjp-esg2-society-grid { display:grid; grid-template-columns:repeat(4,1fr); justify-content:center; gap:24px; width:100%; }
.sjp-esg2-society-card { display:flex; flex-direction:column; align-items:center; gap:13.01px; border:1px solid #E2E8F0; background:#fff; overflow:hidden; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.sjp-esg2-society-card:hover { border-color:#BFDBFE; box-shadow:0 14px 32px rgba(30,64,175,.10); transform:translateY(-3px); }
.sjp-esg2-society-card__media { position:relative; align-self:stretch; height:201px; background:#1E3558; overflow:hidden; }
.sjp-esg2-society-card__media img { width:100%; height:100%; display:block; object-fit:cover; }
.sjp-esg2-society-card__overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(30,53,88,0) 40%,rgba(30,53,88,.55) 100%); }
.sjp-esg2-society-card__title { margin:0; color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:20px; line-height:34px; text-align:center; }
.sjp-esg2-society-card__body { align-self:stretch; padding:0 22px 24px; }
.sjp-esg2-society-card__body p { margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:13px; line-height:24.8px; letter-spacing:-.0062em; text-align:left; }
.sjp-esg2-governance .sjp-esg2-eyebrow { font:700 15px/25.5px var(--sjp-font-jp,'Noto Sans JP',sans-serif); letter-spacing:.1333em; color:#3B82F6; }
.sjp-esg2-governance .sjp-esg2-section-head h2 { color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:40px; line-height:68px; }
.sjp-esg2-governance .sjp-esg2-rule { width:60px; height:3px; border-radius:2px; background:linear-gradient(90deg,#3B82F6 0%,#1E40AF 100%); }
.sjp-esg2-governance .sjp-esg2-section-head p.sjp-esg2-governance__lead { max-width:940px; margin:0; color:#3F5069; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:14px; line-height:32.4px; }
.sjp-esg2-gov-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.sjp-esg2-gov-card { display:flex; flex-direction:column; align-items:flex-start; gap:20px; padding:40px 40px 32px; background:#fff; border:1px solid #E2E8F0; border-radius:16px; box-shadow:0 8px 24px rgba(15,23,42,.04); transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.sjp-esg2-gov-card:hover { border-color:#BFDBFE; box-shadow:0 14px 32px rgba(30,64,175,.10); transform:translateY(-3px); }
.sjp-esg2-gov-card__icon { width:56px; height:56px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:14px; background:linear-gradient(135deg,#1E40AF 0%,#3B82F6 100%); }
.sjp-esg2-gov-card__icon img { width:28px; height:28px; display:block; }
.sjp-esg2-gov-card__title { margin:0; color:#0F172A; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-weight:700; font-size:20px; line-height:1.7; }
.sjp-esg2-gov-card__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; width:100%; }
.sjp-esg2-gov-card__list li { position:relative; padding-left:18px; color:#3F5069
; font-family:var(--sjp-font-jp,'Noto Sans JP',sans-serif); font-size:13px; line-height:1.5; }
.sjp-esg2-gov-card__list li::before { content:""; position:absolute; left:0; top:.7em; width:10px; height:5px; border-left:2px solid #3B82F6; border-bottom:2px solid #3B82F6; transform:rotate(-45deg); transform-origin:left bottom; }
.sjp-esg2-cta { padding:90px 40px; color:#fff; text-align:center; background:linear-gradient(135deg,#0b1d4f,#1e40af 55%,#2563eb); }
.sjp-esg2-cta h2 { margin:14px 0; color:#fff; font-size:38px; }
.sjp-esg2-cta p { color:#dbeafe; font-size:16px; }
.sjp-esg2-cta a { display:inline-flex; gap:10px; align-items:center; margin-top:18px; padding:14px 28px; border-radius:7px; background:#fff; color:var(--blue); font-weight:700; text-decoration:none; }
@media (max-width:1200px) {
  .sjp-esg2-perf-gallery__item--fixed { flex:0 0 380px; }
  .sjp-esg2-insights__grid { gap:40px; }
}
@media (max-width:1080px) {
  .sjp-esg2-env-card { flex-basis:calc((100% - 24px) / 2); }
}
@media (max-width:900px) {
  .sjp-esg2-hero { min-height:360px; padding:104px 24px 60px; }
  .sjp-esg2-policy,.sjp-esg2-performance,.sjp-esg2-insights,.sjp-esg2-environment,.sjp-esg2-society,.sjp-esg2-governance,.sjp-esg2-cta { padding:64px 24px; }
  .sjp-esg2-insights__grid { grid-template-columns:1fr; gap:24px; }
  .sjp-esg2-policy__grid { grid-template-columns:1fr; gap:32px; }
  .sjp-esg2-policy__image { min-height:300px; }
  .sjp-esg2-stat-grid { flex-wrap:wrap; }
  .sjp-esg2-stat { flex:1 1 40%; }
  .sjp-esg2-perf-gallery__row { flex-direction:column; }
  .sjp-esg2-perf-gallery__item--fixed { flex:1 1 auto; }
  .sjp-esg2-perf-gallery__item { height:240px; }
  .sjp-esg2-card-grid--four,.sjp-esg2-card-grid--three { grid-template-columns:repeat(2,1fr); }
  .sjp-esg2-society-grid { grid-template-columns:repeat(2,1fr); }
  .sjp-esg2-gov-grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .sjp-esg2-policy .sjp-esg2-copy h2,.sjp-esg2-section-head h2,
  .sjp-esg2-performance .sjp-esg2-section-head h2,.sjp-esg2-insights .sjp-esg2-section-head h2,
  .sjp-esg2-environment .sjp-esg2-section-head h2,.sjp-esg2-society .sjp-esg2-section-head h2,
  .sjp-esg2-governance .sjp-esg2-section-head h2 { font-size:30px; line-height:38px; }
  .sjp-esg2-hero h1 { font-size:36px; }
  .sjp-esg2-hero p { font-size:15px; }
  .sjp-esg2-insights__lead,.sjp-esg2-performance .sjp-esg2-section-head p.sjp-esg2-performance__lead { font-size:16px; line-height:28px; }
  .sjp-esg2-stat strong { font-size:44px; line-height:44px; }
  .sjp-esg2-env-card { flex-basis:100%; }
  .sjp-esg2-society-grid { grid-template-columns:1fr; }
  .sjp-esg2-cta h2 { font-size:30px; }
  .sjp-esg2-insight-card { flex-direction:column; text-align:center; min-height:0; }
  .sjp-esg2-insight-card__body { align-items:center; }
}
@media (max-width:560px) {
  .sjp-esg2-hero { min-height:300px; padding:92px 20px 52px; }
  .sjp-esg2-hero h1 { font-size:30px; }
  .sjp-esg2-hero p { font-size:14px; }
  .sjp-esg2-policy,.sjp-esg2-performance,.sjp-esg2-insights,.sjp-esg2-environment,.sjp-esg2-society,.sjp-esg2-governance,.sjp-esg2-cta { padding:48px 16px; }
  .sjp-esg2-policy .sjp-esg2-copy h2,.sjp-esg2-section-head h2 { font-size:26px; }
  .sjp-esg2-card-grid--two,.sjp-esg2-card-grid--three,.sjp-esg2-card-grid--four { grid-template-columns:1fr; }
  .sjp-esg2-stat { flex:1 1 100%; }
  .sjp-esg2-cta h2 { font-size:26px; }
  .sjp-esg2-cta a { width:100%; justify-content:center; }
}