/* 事業領域本文。FVはcompany-hero.cssで管理。 */
.alnetz-fields-shell, .alnetz-fields-shell * { box-sizing:border-box; }
.alnetz-fields-shell { width:100%; padding-top:0; color:#333; font-family:inherit; }
.alnetz-fields-shell a:focus-visible { outline:3px solid #2f9bc5; outline-offset:5px; }










/* 事業領域ページ本文専用 */
.alnetz-fields, .alnetz-fields * { box-sizing: border-box; }
.alnetz-fields { --af-navy:#142a45; --af-blue:#3478a6; --af-line:#dce3e9; max-width:var(--alnetz-ui-wide,1320px); margin:0 auto; padding:64px 24px 72px; color:#333; font-family:inherit; font-size:16px; line-height:1.9; }
.alnetz-fields h2, .alnetz-fields h3, .alnetz-fields p, .alnetz-fields ul { margin:0; }
.alnetz-fields h2, .alnetz-fields h3 { font-family:inherit; font-weight:700; letter-spacing:normal; }
.alnetz-fields a { text-decoration:none; }
.alnetz-fields a:focus-visible { outline:3px solid #2f9bc5; outline-offset:5px; }
.alnetz-fields .af-intro { max-width:860px; }
.alnetz-fields .af-intro-line { display:block; }
.alnetz-fields .af-intro-phrase { display:inline-block; }
.alnetz-fields .af-area { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0, 2fr); gap:48px; padding:48px 0; border-bottom:1px solid var(--af-line); scroll-margin-top:100px; }
.alnetz-fields .af-area:first-of-type { padding-top:12px; }
.alnetz-fields .af-lead { color:#555; }
.alnetz-fields .af-points { list-style:none; padding:0; margin:18px 0 0; background:none; }
.alnetz-fields .af-points li { display:grid; grid-template-columns:150px minmax(0,1fr); gap:16px; padding:10px 0; margin:0; border-top:1px solid #e8edf1; list-style:none; }
.alnetz-fields .af-points li::before { content:none; }
.alnetz-fields .af-points strong { color:var(--af-navy); font-weight:700; }
.alnetz-fields .af-points span { color:#555; font-size:14px; }
.alnetz-fields .af-links { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:24px; }
.alnetz-fields .af-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; list-style:none; padding:0; margin:22px 0 0; }
.alnetz-fields .af-products li { list-style:none; margin:0; padding:0; border-top:1px solid var(--af-line); }
.alnetz-fields .af-products li::before { content:none; }
.alnetz-fields .af-products a { display:block; position:relative; height:100%; padding:20px 28px 20px 0; color:var(--af-navy); }
.alnetz-fields .af-products h3 { color:inherit; font-size:19px; line-height:1.5; }
.alnetz-fields .af-products p { color:#555; font-size:13px; line-height:1.8; margin-top:6px; }
.alnetz-fields .af-products .af-arrow { position:absolute; top:22px; right:0; color:var(--af-blue); }
.alnetz-fields .af-products a:hover h3 { text-decoration:underline; text-underline-offset:4px; }
.alnetz-fields .af-external { display:block; margin-top:5px; color:#666; font-size:11px; }
.alnetz-fields .af-model { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px 0; }
.alnetz-fields .af-model h2 { color:var(--af-navy); font-size:21px; line-height:1.6; margin-bottom:8px; }
.alnetz-fields .af-model p { max-width:670px; font-size:14px; color:#555; }
.alnetz-fields .af-model .af-link { flex-shrink:0; }
.alnetz-fields .af-contact { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:38px 40px; margin-top:12px; border-radius:16px; background:linear-gradient(110deg,#1c3655,#2d547d); color:#fff; }
.alnetz-fields .af-contact h2 { font-size:24px; line-height:1.6; margin:0 0 10px; color:#fff; }
.alnetz-fields .af-contact p { max-width:630px; color:#e0e8f0; font-size:14px; }
.alnetz-fields .af-button { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:22px; padding:18px 26px; border:1px solid #fff; border-radius:40px; background:#fff; color:#203f61; font-size:15px; font-weight:700; line-height:1.5; }
.alnetz-fields .af-button:hover { background:#e8f1f9; color:#142a45; }
@media(max-width:900px) {
 .alnetz-fields .af-area { grid-template-columns:minmax(0,1fr); gap:24px; }
 .alnetz-fields .af-model, .alnetz-fields .af-contact { flex-direction:column; align-items:flex-start; }
}
@media(max-width:767px) {
 .alnetz-fields { padding:40px 20px 48px; font-size:15px; }
 .alnetz-fields .af-area { padding:32px 0; gap:16px; }
 .alnetz-fields .af-points li { grid-template-columns:minmax(0,1fr); gap:3px; }
 .alnetz-fields .af-products { grid-template-columns:minmax(0,1fr); }
 .alnetz-fields .af-contact { padding:28px 22px; gap:24px; border-radius:12px; }
 .alnetz-fields .af-contact h2 { font-size:21px; }
 .alnetz-fields .af-button { width:100%; padding:17px 20px; }
}

/* SaaS製品の画面画像：事業領域の製品一覧だけに適用 */
.alnetz-fields .af-products .af-product--visual > a { padding:20px 0 24px; }
.alnetz-fields .af-product-image { display:block; aspect-ratio:556 / 360; overflow:hidden; background:#f3f6f8; }
.alnetz-fields .af-product-image img { display:block; width:100%; height:100%; object-fit:contain; margin:0; }
.alnetz-fields .af-product-copy { position:relative; padding:16px 28px 0 0; }
.alnetz-fields .af-product-copy .af-arrow { top:17px; }

/* Page composition only; reusable controls live in site-ui.css. */
.alnetz-fields .af-nav { --alnetz-ui-nav-columns: 5; margin-bottom: 40px; }