:root{--pay-gold:#b18a50;--pay-text:#342e29;--pay-muted:#716961;--pay-bg:#fbf8f5;--pay-line:#ded5cc}
.how-pay-page{min-height:760px;padding:70px 20px 100px;background:var(--pay-bg);color:var(--pay-text);font-family:'Noto Serif JP',serif}
.how-pay-container{width:min(960px,100%);margin:0 auto}.how-pay-header{text-align:center}.how-pay-header h1{margin:0;font-size:36px;font-weight:600;line-height:1.45;letter-spacing:.05em}.how-pay-header p{margin:28px 0 52px;color:var(--pay-muted);font-size:20px;line-height:1.7;letter-spacing:.04em}
.how-pay-sections{display:grid;gap:48px}.how-pay-section{padding-left:24px;border-left:4px solid var(--pay-gold)}
.how-pay-section h2{margin:0;padding:0 0 14px;border-bottom:1px solid var(--pay-line);font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.03em}
.how-pay-body{padding:22px 2px 4px;font-family:Arial,'Noto Serif JP',sans-serif;font-size:16px;line-height:1.85}.how-pay-body p{margin:0}.how-pay-body p+p{margin-top:4px}
.how-pay-status{display:inline-flex;margin-top:18px;padding:6px 13px;border-radius:2px;background:var(--pay-gold);color:#fff;font-size:13px;font-weight:700;line-height:1.4}.how-pay-status.is-maintenance{background:#8c847c}
.how-pay-brands{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.how-pay-brands span{display:grid;width:116px;height:48px;border:1px solid #e4dfda;border-radius:3px;background:#fff;font-family:Arial,sans-serif;font-size:16px;font-weight:700;place-items:center}.how-pay-brands .is-visa{color:#1a4db5;font-size:25px;font-style:italic}.how-pay-brands .is-mastercard{color:#c44732}.how-pay-brands .is-jcb{color:#27744d}.how-pay-brands .is-amex{color:#2873a5}.how-pay-brands .is-paypal{color:#194b87}
.how-pay-bank-details{display:grid;gap:9px;margin:22px 0 0}.how-pay-bank-details div{display:grid;grid-template-columns:150px 1fr;gap:16px}.how-pay-bank-details dt{font-weight:700}.how-pay-bank-details dd{margin:0;color:#5f5852}
.how-pay-other-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.how-pay-other-list li{display:flex;align-items:center;gap:12px}.how-pay-other-list li span{width:18px;height:18px;border-radius:2px;background:var(--pay-gold);opacity:.8}
@media(max-width:767px){.how-pay-page{padding:50px 14px 72px}.how-pay-header p{margin:22px 0 42px}.how-pay-sections{gap:38px}.how-pay-section{padding-left:16px;border-left-width:3px}.how-pay-body{padding-top:18px}.how-pay-bank-details div{grid-template-columns:1fr;gap:1px}.how-pay-brands{gap:10px}.how-pay-brands span{width:104px}}
@media(max-width:480px){.how-pay-page{padding-right:10px;padding-left:10px}.how-pay-brands span{width:calc(50% - 5px)}.how-pay-section{padding-left:12px}}