*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#002939;background:#fff;font-family:Meiryo,"Yu Gothic",Arial,sans-serif;line-height:1.85}a{color:inherit}img{display:block;max-width:100%}header{border-bottom:1px solid #d9e3e4;background:#fff}nav{max-width:1160px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:27px}nav .brand{margin-right:auto;width:145px}nav .brand img{width:100%}nav a{font-size:13px;text-decoration:none;font-weight:700}.language{border:1px solid #cad7d9;border-radius:30px;padding:5px 15px}.wrap{max-width:1160px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:66px}.eyebrow{font-size:13px;font-weight:700;color:#267c7d;margin:0 0 18px}h1{font-size:clamp(32px,4.6vw,53px);line-height:1.45;letter-spacing:-.03em;margin:0 0 15px}h2{font-size:clamp(24px,3vw,34px);line-height:1.55;margin:0 0 20px}h3{font-size:19px;line-height:1.65;margin:0 0 13px}p{margin:0 0 20px}.lead{font-size:16px;max-width:600px}.product-name{font-size:21px;font-weight:700}.hero figure{margin:0;border-radius:20px;background:#fff;overflow:hidden}.hero figure img{width:100%;height:470px;object-fit:contain}.caption{font-size:11px;line-height:1.7;color:#62777c;margin:10px 0 0}figcaption{padding:0 15px 14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:13px 21px;border:1px solid #002939;text-decoration:none;font-size:13px;font-weight:700}.primary{background:#002939;color:#fff}.button:hover{background:#d5e9e7;color:#002939}section{padding:75px 0}.soft{background:#eff5f5}.section-intro{max-width:830px}.section-number{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.13em;color:#267c7d;font-weight:700;margin:0 0 17px}.scenes{margin:35px 0 0}.scenes img{width:100%;border-radius:12px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.case{border-top:2px solid #91bdb8;padding:24px 0 0}.case p{font-size:14px}.case-num{font-family:Arial,sans-serif;font-weight:700;color:#267c7d;font-size:14px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0}.step{padding:17px 15px;background:white;border:1px solid #ccdcde;border-radius:7px;font-size:13px;position:relative}.step span{font-size:11px;color:#267c7d;display:block}.step:nth-child(1){animation:focusstep 12s infinite}.step:nth-child(2){animation:focusstep 12s 3s infinite}.step:nth-child(3){animation:focusstep 12s 6s infinite}.step:nth-child(4){animation:focusstep 12s 9s infinite}@keyframes focusstep{0%,24%{border-color:#267c7d;background:#deeeea}26%,100%{border-color:#ccdcde;background:white}}@media(prefers-reduced-motion:reduce){.step{animation:none!important}}.key-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start;margin-top:33px}.dashboard-frame{margin:0;background:#0c1114;border-radius:11px;padding:12px;overflow:hidden}.dashboard-frame img{width:100%}.dashboard-frame figcaption{color:#b1c8cc;padding-top:13px;font-size:11px}.key-items{display:grid;gap:20px}.key-items h3{font-size:17px}.key-items p{font-size:14px}.power-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;margin:35px 0}.real-photo{margin:0}.real-photo img{width:100%;border-radius:12px}.power-options{display:grid;gap:25px}.power-options p{font-size:14px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bfcfd2;margin-top:32px}.fact{padding:19px 18px 0 0}.fact strong{display:block;font-size:14px}.fact span{font-size:13px}.status{padding:24px;border:1px solid #c8d7d9;border-left:4px solid #267c7d;background:#f7fafa;margin-top:32px}.status h3{font-size:16px}.status p{font-size:13px;margin:0}.services{margin-top:35px;padding-top:30px;border-top:1px solid #d4dedf}.services h3{font-size:17px}.services p{font-size:14px;max-width:900px}.contact-panel{background:#002939;color:white;border-radius:12px;padding:35px;margin-top:40px}.contact-panel .button{background:white;color:#002939}.contact-panel h3{font-size:22px}.contact-panel p{font-size:14px;max-width:800px}footer{border-top:1px solid #d4dedf;padding:30px 0;color:#62777c;font-size:11px}.footer-inner{display:flex;gap:20px;justify-content:space-between}@media(max-width:780px){nav{gap:15px;padding:15px 20px}nav .brand{width:112px}nav .section-link{display:none}.wrap{padding:0 21px}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.hero figure img{height:330px}section{padding:48px 0}.case-grid,.key-grid,.power-grid{grid-template-columns:1fr;gap:24px}.flow,.facts{grid-template-columns:repeat(2,1fr)}h1{font-size:34px}.footer-inner{display:block}.button{font-size:12px;padding:12px 16px}.contact-panel{padding:24px}.caption{font-size:11px}}.spec-tables{max-width:950px;margin:30px 0}.spec-table{border-collapse:collapse;width:100%;margin-bottom:30px;font-size:15px;table-layout:fixed}.spec-table caption{text-align:left;font-size:20px;font-weight:700;color:#267c7d;padding-bottom:12px}.spec-table th,.spec-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #d4e1e3;overflow-wrap:anywhere;vertical-align:top}.spec-table thead th{background:#002939;color:#fff;font-size:13px}.spec-table th:first-child{width:35%}.spec-table tbody th{font-weight:500}.spec-table tbody tr:nth-child(odd){background:#edf3f3}.spec-note{font-size:13px;max-width:950px;color:#576a71}@media(max-width:780px){.spec-table{font-size:13px}.spec-table th,.spec-table td{padding:12px 10px}.spec-table th:first-child{width:42%}.spec-table caption{font-size:18px}}.lineup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:25px 0 32px;max-width:950px}.lineup-model{background:#edf3f3;padding:22px;border-top:3px solid #267c7d;border-radius:6px}.lineup-model h3{color:#267c7d;margin-bottom:8px}.lineup-model p{font-size:14px;margin:0}.module-curve{margin:28px 0 14px;max-width:950px;background:#fff;border:1px solid #d7e1e3;border-radius:8px;overflow:hidden}.module-curve img{width:100%;height:auto}.graph-link{display:inline-block;padding:7px 0;color:#267c7d;font-weight:700}.module-curve figcaption{font-size:12px;color:#576a71;padding:15px 20px 18px;line-height:1.8}@media(max-width:780px){.lineup-grid{grid-template-columns:1fr;gap:14px}.lineup-model{padding:19px}.module-curve figcaption{padding:12px;font-size:11px}}
.procedure-group{margin-top:32px}.procedure-role{font-size:13px;color:#61727c;margin-top:-6px}
.procedure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 12px}
.procedure-step{border:1px solid #d2e1e3;border-radius:8px;overflow:hidden;background:#fff;padding:18px 22px 24px}
.procedure-step img{width:100%;height:220px;object-fit:contain;margin-bottom:15px}
.procedure-step h4{font-size:18px;line-height:1.6;margin:0 0 12px;color:#002939}
.procedure-step p{font-size:14px;margin:0}.procedure-step .procedure-number{color:#267c7d;font-weight:bold;font-size:12px;margin-bottom:7px}
.procedure-ready{font-size:14px;font-weight:bold;color:#267c7d;margin:10px 0 28px}
.charging-information{background:#eff5f5;border-left:4px solid #267c7d;padding:24px;margin-top:30px}
.charging-information h3{font-size:18px;margin-bottom:14px}.charging-information p{font-size:15px;margin:0}
@media(max-width:780px){.procedure-grid{grid-template-columns:1fr;gap:18px}.procedure-step{padding:16px 18px 22px}.procedure-step img{height:210px}.procedure-step h4{font-size:17px}.charging-information{padding:20px}}