html,body{margin:0;background:#fff}

.ftF{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.ftF__in{max-width:900px;margin:0 auto}
.ftF__title{margin:0 0 30px;font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--ink);text-align:center;letter-spacing:-.01em}
.ftF__tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.ftF__tabs input{position:absolute;opacity:0;pointer-events:none}
.ftF__tabs label{
  text-align:center;padding:14px 8px;font-size:13.5px;font-weight:700;color:var(--sub);cursor:pointer;
  border-bottom:2px solid var(--line);transition:.14s;
}
.ftF__tabs label:hover{color:var(--ink)}
.ftF__panels{grid-column:1/-1;position:relative;padding-top:32px}
.ftF__panel{display:none}
#ftF-1:checked ~ .ftF__panels .ftF__panel:nth-child(1),
#ftF-2:checked ~ .ftF__panels .ftF__panel:nth-child(2),
#ftF-3:checked ~ .ftF__panels .ftF__panel:nth-child(3){display:block;animation:ftF-in .28s ease}
#ftF-1:checked + label,#ftF-2:checked + label,#ftF-3:checked + label{color:var(--acc);border-bottom-color:var(--acc)}
@keyframes ftF-in{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.ftF__panel h3{margin:0;font-size:19px;font-weight:800;color:var(--ink)}
.ftF__panel p{margin:14px 0 0;font-size:14.5px;line-height:2;color:var(--body)}
.ftF__panel ul{margin:20px 0 0;padding:0;list-style:none;display:flex;gap:10px;flex-wrap:wrap}
.ftF__panel li{
  font-size:12.5px;font-weight:700;color:var(--body);background:#f6f9fc;padding:8px 14px;border-radius:99px;
  box-shadow:inset 0 0 0 1px var(--line);
}
@media (max-width:560px){ .ftF__tabs label{font-size:12.5px;padding:12px 4px} }