@charset "UTF-8";
:root{--deep:#072c79;--blue:#075cce;--azure:#0a9ce7;--ocean:#03b4d9;--ink:#143054;--soft:#e8f7ff;--line:#cbddec;--white:#fff}
html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth}*,*::before,*::after{box-sizing:inherit}
body{margin:0!important;color:var(--ink);background:#f5fbff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;line-height:1.8;overflow-wrap:break-word;overflow-x:hidden}
body img,body video,body iframe,body object{max-width:100%;height:auto}body table{max-width:100%;}body a{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffa600!important;outline-offset:3px}
.skip-link{position:absolute;z-index:300;top:-80px;left:16px;background:white;padding:8px 16px}.skip-link:focus{top:10px}
.ocean-header{position:relative;z-index:10;background:linear-gradient(125deg,#d7f5ff,#ffffff 52%,#e9f8ff);border-top:5px solid #008cf7;box-shadow:0 5px 18px #004da420}
.ocean-header-inner{width:min(1160px,100% - 32px);min-height:116px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ocean-brand{max-width:680px;min-width:0}.ocean-brand img{display:block;width:min(100%,660px);height:auto;object-fit:contain;mix-blend-mode:multiply}.ocean-phone{text-align:right;flex-shrink:0;display:grid;justify-items:end;line-height:1.4;color:#174b79}.ocean-phone span{font-size:12px;font-weight:700}.ocean-phone a{color:#063a9d;font-size:clamp(19px,2.3vw,29px);font-weight:900;white-space:nowrap;text-decoration:none}.ocean-phone svg{width:21px;height:21px;vertical-align:-4px}
.ocean-nav{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:0 10px 13px}
.ocean-nav-button{color:#fff!important;text-decoration:none!important;position:relative;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 23px 8px 9px;background:linear-gradient(165deg,#0cc9f0 0%,#0079e0 45%,#0034a6 100%);border:2px solid white;border-radius:17px;box-shadow:0 6px 0 #0b3794,0 9px 14px #002f7c35,inset 0 3px 2px #ffffffac;font-weight:800;font-size:clamp(13px,1.5vw,17px);text-align:center;line-height:1.2;transition:transform .15s,filter .15s;overflow-wrap:normal}
.ocean-nav-button svg{width:28px;height:28px;stroke-width:2.2;margin-bottom:5px;flex:none}.ocean-nav-button .chevron{width:17px;height:17px;position:absolute;right:7px;bottom:16px;margin:0}.ocean-nav-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.ocean-nav-button.is-active{background:linear-gradient(160deg,#22daec,#006fd5 50%,#002a90)}
.ocean-subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 15px;padding:9px 16px;background:#063b87;color:white}.ocean-subnav a{color:white!important;text-decoration:none;font-size:12px;letter-spacing:.02em;padding:2px 3px}.ocean-subnav a:hover{text-decoration:underline}
.ocean-home-main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.ocean-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 11% 0%,#ffffffb8 0%,transparent 26%),linear-gradient(180deg,#009eff12 0%,#13d4f818 65%,#13d2ed35 100%),url("hands-assets/net-ocean-hero.webp") center 57%/cover no-repeat;min-height:560px;overflow:hidden;color:#082a8d;text-align:center;border-bottom:9px solid #c9f5ff}
.ocean-hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#76dbff25 0%,#c4f6ff10 50%,#00c7ef33 100%);z-index:-1}
.ocean-sun{position:absolute;left:-40px;top:-80px;width:360px;height:360px;pointer-events:none;background:radial-gradient(circle,#ffffffcc 0 7%,#fff7b6b2 11%,#ffffff00 69%);filter:blur(8px)}
.ocean-hero-inner{max-width:1100px;margin:0 auto;padding:30px 22px 65px}.ocean-kicker{margin:14px 0 0;font-size:clamp(19px,3vw,36px);font-weight:900;letter-spacing:.12em;color:#0035a3;text-shadow:0 2px 0 #fff,0 0 14px #fff}
.ocean-hero h1{color:#042c96!important;font-size:clamp(38px,6.9vw,85px)!important;line-height:1.25!important;margin:10px 0 10px!important;letter-spacing:-.035em!important;font-weight:900!important;text-shadow:0 3px 0 #fff,3px 0 0 #fff,-3px 0 0 #fff,0 0 19px #fff,0 7px 15px #00287a25}.ocean-hero h1 span{font-size:.68em}.mobile-hero-break{display:none}
.ocean-hero-lead{margin:8px auto 20px!important;color:#003c8c;font-size:clamp(19px,2.5vw,28px);font-weight:800;text-shadow:0 2px 8px #fff}
.ocean-hero-box{display:grid;justify-items:center;gap:5px;max-width:810px;padding:14px 22px;margin:0 auto;background:#ffffffc9;backdrop-filter:blur(2px);border:1px solid #ffffff;box-shadow:0 4px 14px #006dc528;border-radius:22px}.ocean-hero-box strong{font-size:clamp(18px,2.4vw,27px);line-height:1.35;color:#0539a4}.ocean-hero-box span{font-size:clamp(14px,1.9vw,19px);font-weight:800;color:#07398b}.ocean-hero-box small{font-size:12px;color:#244c6b}
.ocean-hero-company{display:grid;justify-items:center;gap:0;margin-top:24px;color:#04329a;text-shadow:0 2px 8px white,0 0 8px white}.ocean-hero-company span{font-weight:900;font-size:22px;letter-spacing:.08em}.ocean-hero-company strong{font-size:clamp(21px,3.5vw,45px);font-weight:900}.ocean-hero-company a{color:inherit;text-decoration:none;white-space:nowrap}
.ocean-home-content{max-width:1150px;margin:0 auto;padding:24px 20px 70px}.ocean-section{margin:38px 0 50px}.ocean-section-title{text-align:center;margin:12px auto 24px}.ocean-section-title>span{display:block;color:#048ac9;font-size:12px;font-weight:800;letter-spacing:.2em}.ocean-section-title h2{color:#073b97!important;margin:4px 0 5px!important;font-size:clamp(23px,3vw,32px)!important;line-height:1.4!important}.ocean-section-title p{margin:5px 0;color:#55718b}
.ocean-intro-text{max-width:930px;margin:0 auto 23px;line-height:2}.ocean-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ocean-feature-row>div{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:0 9px;background:white;border-radius:15px;border:1px solid #d1e7f4;padding:17px;box-shadow:0 5px 18px #0066aa0f}.ocean-feature-row svg{width:40px;height:40px;grid-row:span 2;color:#009dc8;background:#dff8ff;padding:9px;border-radius:50%}.ocean-feature-row strong{font-size:14px;color:#06418e;line-height:1.5}.ocean-feature-row span{color:#55708a;font-size:12px;line-height:1.5}
.ocean-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ocean-info-card{position:relative;display:flex;flex-direction:column;background:white;border:1px solid #cfe5f3;border-top:5px solid #079dd7;border-radius:14px;padding:22px 18px 19px;box-shadow:0 5px 20px #134f7a14}.ocean-card-mark{font-size:12px;font-weight:900;color:#1bb9d9;letter-spacing:.15em}.ocean-info-card h3{font-size:18px;margin:9px 0;color:#0c3990!important;line-height:1.5}.ocean-info-card p{font-size:14px;line-height:1.85;flex:1;margin:0 0 17px}.ocean-info-card a{color:#0068bc;font-weight:800;font-size:13px;text-decoration:none}
.ocean-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ocean-gallery-card{overflow:hidden;border-radius:14px;background:white;box-shadow:0 7px 23px #063d7d22;border:1px solid #e0eaf4}.ocean-gallery-card a{text-decoration:none;color:#083e96;font-weight:800;display:block}.ocean-gallery-card img{display:block;aspect-ratio:4/3;object-fit:cover;width:100%}.ocean-gallery-card span{display:flex;justify-content:space-between;gap:6px;padding:12px 16px}.ocean-center{text-align:center}.ocean-outline-link{display:inline-block;margin-top:13px;border:2px solid #058ce1;border-radius:99px;padding:9px 25px;text-decoration:none;color:#0752aa;background:white;font-weight:800}
.ocean-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.ocean-steps li{border:1px solid #b9deef;background:linear-gradient(180deg,#fff,#eaf9ff);border-radius:13px;padding:18px}.ocean-steps li strong{color:#094098;font-size:16px}.ocean-steps li p{margin:8px 0 0;font-size:13px;color:#385971}
.ocean-questions{max-width:890px;margin-inline:auto}.ocean-questions details{background:#fff;border:1px solid #cfe4f0;border-radius:10px;margin:10px 0;padding:11px 16px}.ocean-questions summary{font-weight:800;cursor:pointer;color:#123f85}.ocean-questions details p{padding:0 10px;font-size:14px}
.ocean-final-cta{text-align:center;color:white;background:linear-gradient(125deg,#007dd3,#033ba4);border-radius:22px;padding:29px 25px 33px;box-shadow:0 8px 30px #0059b63b}.ocean-final-cta>span{letter-spacing:.15em;font-size:12px;color:#a9efff;font-weight:800}.ocean-final-cta h2{color:white!important;font-size:clamp(22px,3vw,29px)!important;margin:5px 0 8px!important}.ocean-final-cta p{margin:9px auto;max-width:760px}.ocean-cta-actions{display:flex;gap:12px;justify-content:center;margin:19px 0 10px;flex-wrap:wrap}.ocean-cta-actions a{padding:11px 22px;border-radius:12px;font-weight:900;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ocean-cta-primary{background:#fff;color:#074a9b}.ocean-cta-phone{color:#fff;border:2px solid #ffffffaa}.ocean-cta-phone svg{width:21px;height:21px}.ocean-final-cta small{color:#dbf3ff}
.ocean-other-link{padding:15px 0;text-align:center}.ocean-other-link h2{color:#063ca3;font-size:18px;margin:12px 0}.ocean-other-link p{font-size:14px;margin:5px}.ocean-other-link a{font-size:14px;font-weight:bold}
.ocean-footer{background:#042f71;color:#e2f5ff;margin-top:0}.ocean-footer-inner{max-width:1120px;padding:33px 22px;margin:auto;display:flex;justify-content:space-between;gap:40px}.ocean-footer strong{font-size:19px}.ocean-footer p{font-size:13px}.ocean-footer a{color:#e7faff}.ocean-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 17px;font-size:13px}.ocean-copyright{text-align:center;font-size:11px;border-top:1px solid #2e5686;padding:9px}
/* Modern guide pages: retain the underlying content and improve its appearance. */
body:has(.ocean-header) .site-header,body:has(.ocean-header) .net-legacy-bar,body:has(.ocean-header) .hands-v63-header{display:none!important}
body:has(.ocean-header) main:not(.ocean-home-main){width:min(1120px,100% - 30px)!important;margin:22px auto 50px!important;padding:20px 22px 50px!important;max-width:1120px!important;background:#ffffff;border:1px solid #e0eaf0;border-radius:12px}
body:has(.ocean-header) main:not(.ocean-home-main) h1{color:#093d97;font-size:clamp(25px,3vw,34px);line-height:1.45}
body:has(.ocean-header) main:not(.ocean-home-main) h2{color:#075298;border-bottom:2px solid #8cdef4;padding-bottom:.25em;line-height:1.4}
body:has(.ocean-header) main:not(.ocean-home-main) p{line-height:1.9}
body:has(.ocean-header) .site-footer,body:has(.ocean-header) .hands-v63-footer{display:none}
body:has(.ocean-header) .table-scroll{overflow-x:auto;max-width:100%}
body:has(.ocean-header) .button,body:has(.ocean-header) .cta a.button{border-radius:9px;background:linear-gradient(135deg,#049ad4,#0754bf);color:white;border:0;padding:11px 22px;display:inline-block;text-decoration:none;font-weight:800}
body:has(.ocean-header) :is(table,pre){max-width:100%}
body:has(.ocean-header) :is(img,iframe,video){max-width:100%;height:auto}
body:has(.ocean-header) .net-inquiry-image-link{display:none}
/* Legacy pages are retained with their content and media; global clipping avoids mobile horizontal scroll. */
body.ocean-legacy-page{background:#f5fbff!important}
body.ocean-legacy-page>center,body.ocean-legacy-page>table,body.ocean-legacy-page>div:not(.ocean-header):not(.ocean-footer){max-width:100%!important}
body.ocean-legacy-page table[width],body.ocean-legacy-page td[width],body.ocean-legacy-page img[width]{max-width:100%!important}
body.ocean-legacy-page .ocean-header{font-size:16px;line-height:1.4}
@media(max-width:900px){.ocean-header-inner{min-height:90px}.ocean-brand{max-width:60%}.ocean-nav-button{min-height:78px;padding:7px 12px 8px;font-size:12px}.ocean-nav-button svg{width:24px;height:24px}.ocean-nav-button .chevron{display:none}.ocean-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocean-feature-row{grid-template-columns:1fr 1fr}.ocean-hero{min-height:520px}}
@media(max-width:650px){.ocean-header-inner{width:min(100% - 22px,540px);min-height:0;display:grid;grid-template-columns:1fr;gap:0;padding:7px 0 11px}.ocean-brand{max-width:100%}.ocean-brand img{width:100%;max-height:80px}.ocean-phone{justify-items:center}.ocean-phone span:first-child{display:none}.ocean-phone a{font-size:22px}.ocean-phone span:last-child{font-size:11px}
.ocean-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px 11px 13px}.ocean-nav-button{min-height:66px;flex-direction:row;gap:7px;border-radius:12px;font-size:13px;padding:8px 12px;box-shadow:0 4px 0 #0b3794,0 6px 9px #002f7c32}.ocean-nav-button svg{height:24px;width:24px;margin:0}.ocean-nav-button:last-child{grid-column:1/-1}.ocean-subnav{gap:2px 10px;justify-content:flex-start;padding:9px 13px}.ocean-subnav a{font-size:11px}
.ocean-hero{min-height:0;background-position:center center}.ocean-hero-inner{padding:30px 14px 42px}.ocean-kicker{letter-spacing:0;font-size:17px}.ocean-hero h1{font-size:clamp(32px,8vw,46px)!important;letter-spacing:-.03em!important}.mobile-hero-break{display:block}.ocean-hero-lead{font-size:17px}.ocean-hero-box{border-radius:15px;padding:13px 11px}.ocean-hero-box strong{font-size:17px}.ocean-hero-box span{font-size:13px;line-height:1.6}.ocean-hero-box small{font-size:11px}.ocean-hero-company{margin-top:18px}.ocean-hero-company span{font-size:16px}.ocean-hero-company strong{font-size:20px}.ocean-home-content{padding:15px 14px 55px}.ocean-section{margin:25px 0 40px}.ocean-feature-row{grid-template-columns:1fr}.ocean-card-grid{grid-template-columns:1fr 1fr;gap:9px}.ocean-info-card{padding:14px 11px}.ocean-info-card h3{font-size:15px}.ocean-info-card p{font-size:12px}.ocean-gallery{grid-template-columns:1fr;gap:13px}.ocean-gallery-card img{aspect-ratio:16/9}.ocean-steps ol{grid-template-columns:1fr}.ocean-final-cta{padding:25px 15px}.ocean-cta-actions{display:grid}.ocean-footer-inner{display:grid;gap:12px}.ocean-footer-links{gap:6px}
body:has(.ocean-header) main:not(.ocean-home-main){width:calc(100% - 18px)!important;padding:18px 12px 35px!important}body:has(.ocean-header) .two-col,body:has(.ocean-header) .cards{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ocean-nav-button{transition:none}}

/* Extra safeguards for historic table layouts on narrow displays. */
body.ocean-legacy-page>table{width:min(100%,1120px)!important;margin-inline:auto}body.ocean-legacy-page h1.ocean-legacy-title{max-width:1100px;margin:15px auto;padding:0 12px;color:#073b97;font-size:clamp(23px,4vw,32px)}