@charset "utf-8";
/* 法人向けセキュリティ */
.page-header--business{padding-bottom:clamp(36px,5vw,72px)}
.business-page{background:var(--color-white)}
.business-section-label{color:var(--color-teal);font-family:var(--font-en);font-size: clamp(30px, calc(20px + 0.8333vw), 36px);;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.business-intro{padding:clamp(56px,7vw,100px) 0}
.business-intro__inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(36px,7vw,96px)}
.business-intro__title{margin-top:var(--space-20);color:var(--color-text-strong);font-size:clamp(1.75rem,1.25rem + 1.5vw,2.75rem);font-weight:900;line-height:1.5;letter-spacing:.04em}
.business-intro__text{margin-top:var(--space-30);line-height:2}
.business-intro__visual,.business-service__visual{position:relative;overflow:hidden;min-width:0;background:var(--color-surface-blue)}
.business-intro__visual{aspect-ratio:4/3;border-radius:4px 48px 4px 4px}
.business-intro__visual img,.business-service__visual img{width:100%;height:100%;object-fit:cover}
.business-intro__visual.is-placeholder,.business-service__visual.is-placeholder{display:grid;place-items:center;background-image:linear-gradient(135deg,rgba(50,100,100,.07) 25%,transparent 25%),linear-gradient(315deg,rgba(50,100,100,.07) 25%,transparent 25%);background-position:0 0,18px 18px;background-size:36px 36px;color:var(--color-teal);font-family:var(--font-en);font-size:1rem;letter-spacing:.14em}
.business-index{padding:var(--space-30) 0;background:var(--color-teal)}
.business-index__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.business-index__list li+li{border-left:1px solid rgba(255,255,255,.28)}
.business-index__list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:10px var(--space-20);color:var(--color-white);font-weight:700;line-height:1.5}
.business-index__list a>span{color:var(--color-gold-light);font-family:var(--font-en);font-size:1.25rem}
.business-index__list a:hover,.business-index__list a:focus-visible{background:rgba(255,255,255,.1)}
.business-strengths,.business-services{padding:clamp(64px,8vw,120px) 0}
.business-strengths{background:var(--color-surface-green)}
.business-heading{max-width:760px}
.business-heading h2{margin-top:var(--space-20);color:var(--color-text-strong);font-size:clamp(1.75rem,1.3rem + 1.35vw,2.625rem);font-weight:900;line-height:1.4}
.business-heading>p:last-child{margin-top:var(--space-20);color:var(--color-text-mute);line-height:1.8}
.business-strengths__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20);margin-top:clamp(36px,5vw,64px)}
.business-strengths__list li{min-width:0;padding:clamp(28px,3vw,42px);border-top:3px solid var(--color-teal);background:var(--color-white)}
.business-strengths__list li>span{color:var(--color-teal);font-family:var(--font-en);font-size:2rem;line-height:1}
.business-strengths__list h3{margin-top:var(--space-20);color:var(--color-text-strong);font-size:clamp(1.25rem,1.08rem + .5vw,1.5rem);font-weight:900}
.business-strengths__list p{margin-top:var(--space-10);color:var(--color-text-mute);line-height:1.8}
.business-services__list{margin-top:clamp(44px,6vw,80px)}
.business-service{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;scroll-margin-top:calc(var(--header-h) + var(--space-20))}
.business-service+.business-service{margin-top:clamp(64px,9vw,128px)}
.business-service--reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.business-service--reverse .business-service__visual{grid-column:2}
.business-service--reverse .business-service__body{grid-row:1;grid-column:1;margin-right:-32px;margin-left:0}
.business-service__visual{aspect-ratio:3/2;border-radius:4px}
.business-service__body{position:relative;z-index:1;margin-left:-32px;padding:clamp(30px, calc(20px + 0.8333vw), 36px); clamp(30px,4vw,56px);background:var(--color-white);box-shadow:0 18px 60px rgba(18,60,150,.09)}
.business-service__number{color:var(--color-teal);font-family:var(--font-en);font-size:clamp(2rem,1.6rem + 1.2vw,3rem);line-height:1}
.business-service__body h3{margin-top:var(--space-20);color:var(--color-text-strong);font-size:clamp(1.5rem,1.18rem + .95vw,2.125rem);font-weight:900;line-height:1.4}
.business-service__body>p:not(.business-service__number){margin-top:var(--space-20);line-height:1.9}
.business-service__link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:190px;margin-top:var(--space-30);padding:13px 24px;border:1px solid var(--color-teal);border-radius:999px;color:var(--color-teal);font-weight:700}
.business-service__link:hover,.business-service__link:focus-visible{background:var(--color-teal);color:var(--color-white)}
@media screen and (max-width:980px){.business-intro__inner{gap:var(--space-40)}.business-index__list{grid-template-columns:repeat(2,minmax(0,1fr))}.business-index__list li:nth-child(3){border-left:0}.business-index__list li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.28)}.business-strengths__list{grid-template-columns:1fr}}
@media screen and (max-width:700px){.page-header--business{padding-bottom:var(--space-40)}.business-intro__inner,.business-service,.business-service--reverse{grid-template-columns:1fr}.business-intro__visual{grid-row:1;border-radius:4px 28px 4px 4px}.business-index__list{grid-template-columns:1fr}.business-index__list li+li,.business-index__list li:nth-child(3){border-top:1px solid rgba(255,255,255,.28);border-left:0}.business-index__list a{min-height:58px}.business-service--reverse .business-service__visual,.business-service--reverse .business-service__body,.business-service__visual,.business-service__body{grid-row:auto;grid-column:1}.business-service__body,.business-service--reverse .business-service__body{margin:-16px var(--space-10) 0;padding:28px var(--space-20)}.business-service__link{width:100%}}