/* --- service.html --- */
.page-hero{background:linear-gradient(135deg,#EAF6FF,#fff);padding:110px 20px 36px;text-align:center}
.page-hero .eyebrow{color:#1468B8;font-weight:700;letter-spacing:.2em;font-size:12px}
.page-hero h1{font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;color:#0052A5;margin-top:6px}
.page-hero p{color:#666;margin-top:6px}
.hp-breadcrumb{font-size:12px;color:#666;max-width:1160px;margin:10px auto 0;padding:0 20px}
.hp-grid{display:grid;gap:20px}
.hp-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.hp-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hp-card{background:#fff;border:1px solid #DCECF8;border-radius:20px;box-shadow:0 4px 16px rgba(0,80,140,.08);padding:26px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;position:relative}
.ba img{height:280px !important;object-fit:cover;width:100% !important;display:block}
.ba .batag{position:absolute;top:10px;padding:4px 14px;border-radius:999px;color:#fff;font-weight:800;font-size:13px;z-index:2}
.ba .batag.b{left:10px;background:#8a95a5}.ba .batag.a{left:calc(50% + 10px);background:#22B14C}
.staffc{text-align:center}
.staffc img{border-radius:20px;height:360px !important;object-fit:cover;width:100% !important;display:block}
.staffc h3{font-family:"M PLUS Rounded 1c",sans-serif;color:#0052A5;margin:14px 0 4px;font-size:19px}
.staffc .role{font-size:13px;color:#1468B8;font-weight:700}
.staffc p{font-size:14px;text-align:left;margin-top:10px;color:#666}
.ph{background:#FFF6E8;border:2px dashed #F28C28;border-radius:12px;padding:10px 14px;font-size:13px;color:#9a6a1f;text-align:left}
.video-box{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,80,140,.14);background:#0b2035}
.video-box iframe,.video-box video{width:100%;height:100%;border:0}
.newsl{max-width:760px;margin:0 auto}
.newsi{display:flex;gap:18px;padding:16px 6px;border-bottom:1px solid #DCECF8;align-items:baseline}
.newsi time{font-size:13px;color:#666;white-space:nowrap;font-family:"M PLUS Rounded 1c",sans-serif}
.newsi .cat{background:#EAF6FF;color:#0052A5;border-radius:999px;font-size:11px;font-weight:700;padding:2px 10px;white-space:nowrap}
.cta-band2{background:linear-gradient(135deg,#1468B8,#0052A5);color:#fff;text-align:center;padding:56px 20px;margin-top:40px}
.cta-band2 h2{font-family:"M PLUS Rounded 1c",sans-serif;font-size:26px;margin-bottom:6px}
.cta-band2 p{opacity:.92;margin-bottom:22px}
.cta-band2 .btn{width:auto !important;min-width:280px;max-width:420px}
.hp-note{font-size:13px;color:#666}
.hp-chip{background:#EAF6FF;border:1px solid #DCECF8;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:#0052A5;display:inline-block;margin:4px}
/* ご利用の流れ（STEPカード） */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:0;padding:0}
.steps li{position:relative;background:#fff;border:1px solid #DCECF8;border-radius:20px;box-shadow:0 4px 16px rgba(0,80,140,.08);padding:34px 20px 24px;text-align:center}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#FFA84D,#F28C28);color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;font-size:27px;font-weight:800;box-shadow:0 5px 12px rgba(242,140,40,.35);margin-bottom:14px;position:relative}
.step-num::before{content:"STEP";position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;color:#F28C28;font-weight:800}
.steps li h3{color:#0052A5;font-size:17px;margin:2px 0 8px;font-family:"M PLUS Rounded 1c",sans-serif}
.steps li p{font-size:13.5px;color:#666;text-align:left;line-height:1.8}
.steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-19px;width:11px;height:11px;border-top:3px solid #B9D7EE;border-right:3px solid #B9D7EE;transform:translateY(-50%) rotate(45deg)}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}.steps li:not(:last-child)::after{display:none}}
@media(max-width:640px){.steps{grid-template-columns:1fr;gap:30px}.steps li:not(:last-child)::after{display:block;top:auto;right:auto;bottom:-21px;left:50%;transform:translateX(-50%) rotate(135deg)}}
body{padding-bottom:70px}

/* --- case.html --- */
.page-hero{background:linear-gradient(135deg,#EAF6FF,#fff);padding:110px 20px 36px;text-align:center}
.page-hero .eyebrow{color:#1468B8;font-weight:700;letter-spacing:.2em;font-size:12px}
.page-hero h1{font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;color:#0052A5;margin-top:6px}
.page-hero p{color:#666;margin-top:6px}
.hp-breadcrumb{font-size:12px;color:#666;max-width:1160px;margin:10px auto 0;padding:0 20px}
.hp-grid{display:grid;gap:20px}
.hp-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.hp-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hp-card{background:#fff;border:1px solid #DCECF8;border-radius:20px;box-shadow:0 4px 16px rgba(0,80,140,.08);padding:26px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;position:relative}
.ba img{height:280px !important;object-fit:cover;width:100% !important;display:block}
.ba .batag{position:absolute;top:10px;padding:4px 14px;border-radius:999px;color:#fff;font-weight:800;font-size:13px;z-index:2}
.ba .batag.b{left:10px;background:#8a95a5}.ba .batag.a{left:calc(50% + 10px);background:#22B14C}
.staffc{text-align:center}
.staffc img{border-radius:20px;height:360px !important;object-fit:cover;width:100% !important;display:block}
.staffc h3{font-family:"M PLUS Rounded 1c",sans-serif;color:#0052A5;margin:14px 0 4px;font-size:19px}
.staffc .role{font-size:13px;color:#1468B8;font-weight:700}
.staffc p{font-size:14px;text-align:left;margin-top:10px;color:#666}
.ph{background:#FFF6E8;border:2px dashed #F28C28;border-radius:12px;padding:10px 14px;font-size:13px;color:#9a6a1f;text-align:left}
.video-box{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,80,140,.14);background:#0b2035}
.video-box iframe,.video-box video{width:100%;height:100%;border:0}
.newsl{max-width:760px;margin:0 auto}
.newsi{display:flex;gap:18px;padding:16px 6px;border-bottom:1px solid #DCECF8;align-items:baseline}
.newsi time{font-size:13px;color:#666;white-space:nowrap;font-family:"M PLUS Rounded 1c",sans-serif}
.newsi .cat{background:#EAF6FF;color:#0052A5;border-radius:999px;font-size:11px;font-weight:700;padding:2px 10px;white-space:nowrap}
.cta-band2{background:linear-gradient(135deg,#1468B8,#0052A5);color:#fff;text-align:center;padding:56px 20px;margin-top:40px}
.cta-band2 h2{font-family:"M PLUS Rounded 1c",sans-serif;font-size:26px;margin-bottom:6px}
.cta-band2 p{opacity:.92;margin-bottom:22px}
.cta-band2 .btn{width:auto !important;min-width:280px;max-width:420px}
.hp-note{font-size:13px;color:#666}
.hp-chip{background:#EAF6FF;border:1px solid #DCECF8;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:#0052A5;display:inline-block;margin:4px}
body{padding-bottom:70px}

/* --- index.html --- */
.page-hero{background:linear-gradient(135deg,#EAF6FF,#fff);padding:110px 20px 36px;text-align:center}
.page-hero .eyebrow{color:#1468B8;font-weight:700;letter-spacing:.2em;font-size:12px}
.page-hero h1{font-family:"M PLUS Rounded 1c",sans-serif;font-size:30px;color:#0052A5;margin-top:6px}
.page-hero p{color:#666;margin-top:6px}
.hp-breadcrumb{font-size:12px;color:#666;max-width:1160px;margin:10px auto 0;padding:0 20px}
.hp-grid{display:grid;gap:20px}
.hp-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.hp-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hp-card{background:#fff;border:1px solid #DCECF8;border-radius:20px;box-shadow:0 4px 16px rgba(0,80,140,.08);padding:26px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:20px;overflow:hidden;position:relative}
.ba img{height:280px !important;object-fit:cover;width:100% !important;display:block}
.ba .batag{position:absolute;top:10px;padding:4px 14px;border-radius:999px;color:#fff;font-weight:800;font-size:13px;z-index:2}
.ba .batag.b{left:10px;background:#8a95a5}.ba .batag.a{left:calc(50% + 10px);background:#22B14C}
.staffc{text-align:center}
.staffc img{border-radius:20px;height:360px !important;object-fit:cover;width:100% !important;display:block}
.staffc h3{font-family:"M PLUS Rounded 1c",sans-serif;color:#0052A5;margin:14px 0 4px;font-size:19px}
.staffc .role{font-size:13px;color:#1468B8;font-weight:700}
.staffc p{font-size:14px;text-align:left;margin-top:10px;color:#666}
.ph{background:#FFF6E8;border:2px dashed #F28C28;border-radius:12px;padding:10px 14px;font-size:13px;color:#9a6a1f;text-align:left}
.video-box{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,80,140,.14);background:#0b2035}
.video-box iframe,.video-box video{width:100%;height:100%;border:0}
.newsl{max-width:760px;margin:0 auto}
.newsi{display:flex;gap:18px;padding:16px 6px;border-bottom:1px solid #DCECF8;align-items:baseline}
.newsi time{font-size:13px;color:#666;white-space:nowrap;font-family:"M PLUS Rounded 1c",sans-serif}
.newsi .cat{background:#EAF6FF;color:#0052A5;border-radius:999px;font-size:11px;font-weight:700;padding:2px 10px;white-space:nowrap}
.cta-band2{background:linear-gradient(135deg,#1468B8,#0052A5);color:#fff;text-align:center;padding:56px 20px;margin-top:40px}
.cta-band2 h2{font-family:"M PLUS Rounded 1c",sans-serif;font-size:26px;margin-bottom:6px}
.cta-band2 p{opacity:.92;margin-bottom:22px}
.cta-band2 .btn{width:auto !important;min-width:280px;max-width:420px}
.hp-note{font-size:13px;color:#666}
.hp-chip{background:#EAF6FF;border:1px solid #DCECF8;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:#0052A5;display:inline-block;margin:4px}
body{padding-bottom:70px}
.feat3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:34px;}
.feat3-ph{height:250px;border-radius:14px;overflow:hidden;background:#EAF6FF;}
.feat3-ph img{width:100%;height:250px !important;object-fit:cover;display:block;}
.feat3-ph--fee{display:flex;align-items:center;justify-content:center;padding:26px;}
.feat3-ph--fee img{object-fit:contain !important;height:100% !important;width:100%;}
.feat3-t{font-size:19px;color:#222;margin:16px 0 8px;font-family:'M PLUS Rounded 1c',sans-serif;display:flex;align-items:baseline;}
.feat3-n{color:#F28C28;font-size:27px;font-weight:800;margin-right:10px;flex:none;}
.feat3-d{font-size:15px;line-height:1.9;color:#444;}
@media(max-width:760px){.feat3{grid-template-columns:1fr;gap:28px;}.feat3-ph,.feat3-ph img{height:210px !important;}}
@media(max-width:760px){.feat-lead br{display:none;}}