.pro-page{--pro-a:#333;--pro-b:#ddd;overflow-x:hidden}
.pro-hero{background:var(--pro-a);color:#fff;padding:56px 0 44px}
.pro-badge{display:inline-block;background:var(--pro-b);color:var(--pro-a);font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.pro-hero h1{font-size:2rem;font-weight:900;line-height:1.3;margin:0 0 14px;word-break:keep-all}
.pro-lead{font-size:1.06rem;line-height:1.7;max-width:760px;margin:0 0 18px;word-break:keep-all}
.pro-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pro-facts li{background:rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;font-size:.9rem}
.pro-facts b{color:var(--pro-b);margin-right:4px}
.pro-body{max-width:900px;padding-bottom:48px}
.pro-sec{padding:36px 0 0}
.pro-sec h2{font-size:1.4rem;font-weight:900;color:var(--pro-a);border-left:5px solid var(--pro-b);padding-left:12px;margin:0 0 16px;word-break:keep-all}
.pro-sec h3{font-size:1.05rem;margin:20px 0 6px;color:var(--pro-a);word-break:keep-all}
.pro-sec p,.pro-sec li{line-height:1.8;word-break:keep-all}
.pro-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;margin:0;padding:0}
.pro-photos figure{margin:0}
.pro-photos img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:10px;background:#eee}
.pro-photos figcaption{font-size:.82rem;color:#555;margin-top:6px;line-height:1.5}
.pro-proc{list-style:none;margin:0;padding:0;counter-reset:s}
.pro-proc li{counter-increment:s;position:relative;display:block}
.pro-proc strong{display:block}
.pro-proc li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--pro-a);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.pro-proc-steps li{padding:0 0 18px 44px}
.pro-proc-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.pro-proc-flow li,.pro-proc-cards li{background:#f6f6f4;border-radius:10px;padding:50px 14px 14px}
.pro-proc-flow li::before,.pro-proc-cards li::before{left:14px;top:12px}
.pro-proc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pro-proc-cards li{border-top:4px solid var(--pro-b)}
.pro-proc span{display:block;font-size:.92rem;color:#444;line-height:1.6}
.pro-table{overflow-x:auto}
.pro-table table{width:100%;border-collapse:collapse;font-size:.92rem}
.pro-table th,.pro-table td{border:1px solid #ddd;padding:10px 12px;text-align:left;vertical-align:top;word-break:keep-all}
.pro-table thead th{background:var(--pro-a);color:#fff}
.pro-table tbody th{background:#f6f6f4}
.pro-check{list-style:none;padding:0;margin:0}
.pro-check li{padding:6px 0 6px 28px;position:relative}
.pro-check li::before{content:"✓";position:absolute;left:0;color:var(--pro-a);font-weight:900}
.pro-caution ul{padding-left:20px;margin:0 0 16px}
.pro-caution>ul:first-of-type{background:#fff8e6;border-radius:10px;padding:14px 14px 14px 34px}
.pro-spaces{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.pro-spaces li{background:#f6f6f4;border-radius:10px;padding:12px 14px}
.pro-spaces strong,.pro-spaces span{display:block}
.pro-rel{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.pro-rel a{display:flex;align-items:center;min-height:52px;padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-weight:700;color:var(--pro-a);word-break:keep-all}
.pro-cta{margin-top:40px;background:var(--pro-a);color:#fff;border-radius:14px;padding:32px 20px;text-align:center}
.pro-cta p{margin:0 0 16px;font-weight:700}
.pro-tel{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 32px;border-radius:12px;background:var(--pro-b);color:var(--pro-a);font-size:1.25rem;font-weight:900}
@media(max-width:640px){.pro-photos{grid-template-columns:repeat(2,1fr)}.pro-hero h1{font-size:1.6rem}.pro-proc-cards{grid-template-columns:1fr}.pro-tel{width:100%}}
