html:root{--sectionGap:180px}.businessAreaFlow{background:var(--bg-subtle);border:1px solid var(--accent);border-radius:12px;grid-template-columns:minmax(156px,.68fr) repeat(3,minmax(0,1fr));align-items:center;gap:0;margin-top:48px;padding:12px 16px;display:grid}.businessAreaFlow>h2{color:var(--navy);letter-spacing:.06em;margin:0;font-size:22px;font-weight:900;line-height:1.55}.businessAreaItem{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%);background:#fff;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;min-height:72px;margin-left:-16px;padding:10px 24px 10px 32px;display:grid;position:relative}.businessAreaItem:first-of-type{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);margin-left:0;padding-left:14px}.businessAreaIcon{background:var(--bg-subtle);width:36px;height:36px;color:var(--navy-light);border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;display:flex}.businessAreaItem h3{color:var(--navy);white-space:nowrap;margin:0;font-size:15px;font-weight:900;line-height:1.35}.businessAreaItem p{color:var(--text-muted);margin:2px 0 0;font-size:11px;font-weight:500;line-height:1.55}.businessServiceGroups{gap:84px;display:grid}.businessServiceGroup>h3{border-left:3px solid var(--accent);color:var(--navy);letter-spacing:.06em;margin:0 0 28px;padding-left:16px;font-size:25px;font-weight:900;line-height:1.35}.businessServiceCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.businessServiceCard{background:var(--navy);min-height:410px;box-shadow:var(--shadow-smooth);color:#fff;isolation:isolate;border-radius:14px;text-decoration:none;display:block;position:relative;overflow:hidden}.businessServiceCard:after{z-index:-1;content:"";background:linear-gradient(#161d3008 16%,#161d30eb 100%);position:absolute;inset:0}.businessServiceCard img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .8s var(--cb), filter .8s var(--cb);position:absolute;inset:0}.businessServiceCard:hover img{filter:saturate(1.04);transform:scale(1.045)}.businessServiceCard:focus-visible{outline:3px solid var(--cta);outline-offset:4px}.businessServiceCardContent{padding:34px 34px 30px;position:absolute;bottom:0;left:0;right:0}.businessServiceEn{font-family:var(--font-title-en);letter-spacing:-.02em;margin:0 0 7px;font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:700;line-height:1.05}.businessServiceEn--long{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.12}.businessServiceCard h4{margin:0 0 14px;font-size:20px;font-weight:900;line-height:1.4}.businessServiceText{color:#ffffffeb;max-width:500px;margin:0;padding-right:66px;font-size:14px;font-weight:500;line-height:1.8}.businessServiceArrow{width:46px;height:46px;transition:background-color .3s var(--cb), color .3s var(--cb), transform .3s var(--cb);border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;bottom:28px;right:28px}.businessServiceCard:hover .businessServiceArrow{color:var(--navy);background:#fff;transform:translate(4px)}@media (width<=1024px){html:root{--sectionGap:120px}.businessAreaFlow{grid-template-columns:repeat(3,minmax(0,1fr))}.businessAreaFlow>h2{grid-column:1/-1;font-size:21px}.businessAreaItem{min-height:80px}.businessServiceCard{min-height:370px}.businessServiceCardContent{padding:30px 28px 26px}.businessServiceArrow{bottom:24px;right:24px}}@media (width<=680px){html:root{--padX:20px;--sectionGap:96px;--sectionPadY:76px}.sectionTitle{margin-bottom:40px}.sectionTitle .jp{font-size:15px}.subpageIntro--business h2{letter-spacing:0!important;font-size:19px!important}.businessAreaFlow{grid-template-columns:1fr;gap:8px;margin-top:40px;padding:14px 16px}.businessAreaFlow>h2{padding:4px 0 14px;font-size:20px}.businessAreaFlow>h2 br{display:none}.businessAreaItem{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);min-height:64px;margin-left:0;padding:10px 30px 10px 20px}.businessAreaItem:not(:last-child):after{background:var(--accent);content:"";width:2px;height:8px;position:absolute;bottom:-8px;left:38px}.businessAreaIcon{width:36px;height:36px}.businessAreaItem h3{font-size:15px}.businessServiceGroups{gap:64px}.businessServiceGroup>h3{margin-bottom:22px;padding-left:13px;font-size:21px}.businessServiceCards{grid-template-columns:1fr;gap:22px}.businessServiceCard{border-radius:10px;min-height:340px}.businessServiceCardContent{padding:28px 26px 24px}.businessServiceEn{font-size:30px}.businessServiceEn--long{font-size:24px}.businessServiceCard h4{margin-bottom:12px;font-size:18px}.businessServiceText{padding-right:60px;font-size:13px}.businessServiceArrow{width:42px;height:42px;bottom:22px;right:22px}}