.bp-page{--navy:#1D2F6F;--bp-white:#fff;--bp-black:#1A1A1A;--grey-bg:#F5F6FA;--bp-border:#E5E7EB;--text-sub:#555;--accent:#E8EAF3;color:var(--bp-black);line-height:1.8;font-family:Hiragino Kaku Gothic ProN,Murecho,Noto Sans JP,sans-serif}.bp-page a{color:inherit;text-decoration:none}.bp-page img{max-width:100%;display:block}.bp-page .wrap{max-width:1080px;margin:0 auto;padding:0 24px}.bp-page .section{padding:48px 0}.bp-page .sec-head{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:6px}.bp-page .sec-head .num{flex:0 0 auto;width:26px;height:26px;border-radius:7px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.bp-page .sec-desc{font-size:14px;color:var(--text-sub);margin-bottom:22px}.bp-page .btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:700;font-size:14px;transition:.2s}.bp-page .btn-primary{background:var(--navy);color:#fff}.bp-page .btn-primary:hover{opacity:.88}.bp-page .btn-outline{border:2px solid var(--navy);color:var(--navy);background:#fff}.bp-page .btn-outline:hover{background:var(--navy);color:#fff}.bp-page .afl{background:#bf0000;color:#fff}.bp-page .afl:hover{opacity:.9}.bp-page .phero{background:var(--grey-bg);border-bottom:1px solid var(--bp-border)}.bp-page .phero .inner{display:flex;align-items:center;gap:28px;padding:44px 0}.bp-page .phero .txt{flex:1 1 auto}.bp-page .phero h1{font-size:34px;line-height:1.3;color:var(--navy);font-weight:800;margin-bottom:14px}.bp-page .phero p{font-size:15px;color:#33405e;margin-bottom:18px;max-width:34em}.bp-page .phero .pbtns{display:flex;gap:12px;flex-wrap:wrap}.bp-page .phero .pic{flex:0 0 auto;width:200px}.bp-page .phero .pic img{width:200px;height:auto;filter:drop-shadow(0 10px 16px rgba(29,47,111,.16))}.bp-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bp-page .cards.two{grid-template-columns:repeat(2,1fr)}.bp-page .card{border:1px solid var(--bp-border);border-radius:12px;padding:22px 20px;background:#fff}.bp-page .card h3{font-size:16px;color:var(--navy);margin-bottom:8px}.bp-page .card p{font-size:13px;color:var(--text-sub);line-height:1.75}.bp-page .card .k{font-size:11px;font-weight:700;letter-spacing:.08em;color:#9aa3c0;text-transform:uppercase;margin-bottom:6px}.bp-page .profile{display:flex;gap:24px;align-items:center;background:var(--grey-bg);border:1px solid var(--bp-border);border-radius:14px;padding:26px}.bp-page .profile img{flex:0 0 auto;width:120px;height:120px;object-fit:contain}.bp-page .profile .ptable{font-size:14px}.bp-page .profile .ptable div{display:flex;gap:10px;padding:3px 0}.bp-page .profile .ptable b{flex:0 0 86px;color:var(--navy);font-weight:700}.bp-page .axes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bp-page .axis{border:1px solid var(--bp-border);border-radius:12px;padding:18px;background:#fff;display:flex;gap:12px;align-items:flex-start}.bp-page .axis .ico{flex:0 0 auto;width:40px;height:40px;border-radius:9px;background:var(--accent);color:var(--navy);display:flex;align-items:center;justify-content:center}.bp-page .axis .ico svg{width:22px;height:22px}.bp-page .axis h4{font-size:14px;color:var(--navy);margin-bottom:3px}.bp-page .axis p{font-size:12px;color:var(--text-sub);line-height:1.7}.bp-page .scale{border:1px solid var(--bp-border);border-radius:12px;overflow:hidden}.bp-page .scale .row{display:flex;align-items:center;gap:14px;padding:11px 18px;border-top:1px solid var(--bp-border);font-size:13px}.bp-page .scale .row:first-child{border-top:none}.bp-page .scale .stars{flex:0 0 96px;color:var(--navy);font-weight:800;letter-spacing:1px}.bp-page .scale .num{flex:0 0 34px;font-weight:800;color:var(--navy)}.bp-page .summary{background:var(--grey-bg);border:1px solid var(--bp-border);border-radius:14px;padding:24px}.bp-page .summary .total{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.bp-page .summary .total .n{font-size:40px;font-weight:800;color:var(--navy);line-height:1}.bp-page .summary .total .s{font-size:20px;color:#f5a623;letter-spacing:2px}.bp-page .meters{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.bp-page .meter .lab{display:flex;justify-content:space-between;font-size:12px;color:var(--text-sub);margin-bottom:4px}.bp-page .meter .lab b{color:var(--navy);font-weight:700}.bp-page .meter .bar{height:8px;border-radius:99px;background:#e3e6f0;overflow:hidden}.bp-page .meter .bar span{display:block;height:100%;border-radius:99px;background:var(--navy)}.bp-page .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.bp-page .step{text-align:center}.bp-page .step .c{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.bp-page .step h4{font-size:13px;color:var(--navy);margin-bottom:3px}.bp-page .step p{font-size:11px;color:var(--text-sub);line-height:1.6}.bp-page .types{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bp-page .type{border:1px solid var(--bp-border);border-radius:12px;padding:16px 18px;background:#fff;display:flex;gap:14px;align-items:center;transition:.2s}.bp-page .type:hover{border-color:var(--navy);box-shadow:0 8px 20px #1d2f6f1a;transform:translateY(-2px)}.bp-page .type img{width:54px;height:54px;object-fit:contain;flex:0 0 auto}.bp-page .type h4{font-size:15px;color:var(--navy);margin-bottom:2px}.bp-page .type p{font-size:12px;color:var(--text-sub)}.bp-page table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.bp-page th,.bp-page td{border:1px solid var(--bp-border);padding:10px 12px;text-align:left;vertical-align:top}.bp-page thead th,.bp-page tr:first-child th{background:var(--navy);color:#fff;font-weight:700}.bp-page tbody tr:nth-child(2n){background:var(--grey-bg)}.bp-page .tags{display:flex;flex-wrap:wrap;gap:10px}.bp-page .tags a{border:2px solid var(--navy);color:var(--navy);background:#fff;border-radius:999px;padding:8px 18px;font-weight:700;font-size:13px;transition:.2s}.bp-page .tags a:hover{background:var(--navy);color:#fff}.bp-page .cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bp-page .cat{border:1px solid var(--bp-border);border-radius:12px;padding:20px;background:#fff;transition:.2s}.bp-page .cat:hover{border-color:var(--navy);box-shadow:0 8px 20px #1d2f6f1a;transform:translateY(-2px)}.bp-page .cat h3{font-size:17px;color:var(--navy);margin-bottom:4px}.bp-page .cat p{font-size:12px;color:var(--text-sub)}.bp-page .links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bp-page .links a{border:1px solid var(--bp-border);border-radius:10px;padding:16px 18px;background:#fff;font-weight:700;color:var(--navy);font-size:14px;transition:.2s}.bp-page .links a:hover{background:var(--grey-bg);border-color:var(--navy)}.bp-page .closing{display:flex;gap:16px;align-items:center;background:var(--navy);border-radius:14px;padding:24px 26px;color:#fff;margin-top:8px}.bp-page .closing img{width:84px;height:84px;object-fit:contain;flex:0 0 auto}.bp-page .closing .say{font-size:15px;font-weight:700;line-height:1.7}.bp-page .closing .cta{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.bp-page .closing .cta a{font-size:13px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.6)}.bp-page .afl-note{font-size:12px;color:var(--text-sub);border-left:3px solid var(--navy);padding-left:12px;margin-top:18px}@media(max-width:880px){.bp-page .section{padding:38px 0}.bp-page .cards,.bp-page .axes,.bp-page .cats,.bp-page .steps{grid-template-columns:repeat(2,1fr)}.bp-page .phero .inner{flex-direction:column;align-items:flex-start}.bp-page .phero .pic{width:150px;align-self:center}.bp-page .phero .pic img{width:150px}}@media(max-width:560px){.bp-page .wrap{padding:0 18px}.bp-page .phero h1{font-size:27px}.bp-page .cards,.bp-page .cards.two,.bp-page .axes,.bp-page .cats,.bp-page .types,.bp-page .meters,.bp-page .links{grid-template-columns:1fr}.bp-page .steps{grid-template-columns:1fr 1fr}.bp-page .profile{flex-direction:column;text-align:center}.bp-page .profile .ptable b{flex-basis:74px}}.bp-page .bp-search{display:flex;gap:0;max-width:560px;margin:0 0 18px;border:1px solid var(--bp-border);border-radius:10px;overflow:hidden;background:#fff}.bp-page .bp-search input[type=search]{flex:1 1 auto;border:none;padding:12px 16px;font-size:14px;outline:none}.bp-page .bp-search button{flex:0 0 auto;border:none;background:var(--navy);color:#fff;font-weight:700;padding:0 20px;cursor:pointer;font-size:14px}.bp-page .bp-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:26px}.bp-page .bp-tabs a{font-size:13px;font-weight:700;border:1px solid var(--bp-border);border-radius:999px;padding:7px 15px;color:var(--navy);background:#fff;transition:.18s}.bp-page .bp-tabs a:hover{background:var(--grey-bg)}.bp-page .bp-tabs a.on{background:var(--navy);color:#fff;border-color:var(--navy)}.bp-page .bp-tabs .sep{flex:0 0 auto;width:1px;height:20px;background:var(--bp-border);margin:0 4px}.bp-page .bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bp-page .bp-acard{border:1px solid var(--bp-border);border-radius:12px;overflow:hidden;background:#fff;transition:.2s;display:block}.bp-page .bp-acard:hover{box-shadow:0 8px 20px #1d2f6f1f;transform:translateY(-2px)}.bp-page .bp-acard .th{aspect-ratio:16/9;background:var(--grey-bg);overflow:hidden}.bp-page .bp-acard .th img{width:100%;height:100%;object-fit:cover;display:block}.bp-page .bp-acard .bd{padding:14px 16px 16px}.bp-page .bp-acard .badge{display:inline-block;font-size:11px;font-weight:700;color:var(--navy);background:var(--accent);border-radius:999px;padding:3px 10px;margin-bottom:8px}.bp-page .bp-acard h3{font-size:15px;line-height:1.5;color:var(--bp-black);margin-bottom:8px}.bp-page .bp-acard .meta{font-size:12px;color:var(--text-sub)}.bp-page .bp-acard .bp-acard-hype{display:flex;align-items:center;gap:7px;margin-bottom:8px}.bp-page .bp-acard .bp-acard-hype>span:first-child{font-size:11px;font-weight:700;color:var(--navy)}.bp-page .bp-acard .bp-acard-hype .dots{display:inline-flex;gap:3px}.bp-page .bp-acard .bp-acard-hype .dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--navy);box-sizing:border-box}.bp-page .bp-acard .bp-acard-hype .dots i.on{background:var(--navy)}.bp-page .bp-empty{padding:30px;text-align:center;color:var(--text-sub);font-size:14px}.bp-page .bp-pag{display:flex;gap:10px;justify-content:center;margin-top:28px;font-weight:700;color:var(--navy)}.bp-page .bp-pag a,.bp-page .bp-pag span{padding:6px 12px;border:1px solid var(--bp-border);border-radius:8px}@media(max-width:880px){.bp-page .bp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.bp-page .bp-grid{grid-template-columns:1fr}}.bp-art-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch;margin:18px 0 28px}.bp-art-hero .img{border-radius:14px;overflow:hidden;background:#f5f6fa;aspect-ratio:16/9}.bp-art-hero .img img{width:100%;height:100%;object-fit:cover;display:block}.bp-art-concl{background:#f5f6fa;border:1px solid #E5E7EB;border-radius:14px;padding:22px;display:flex;flex-direction:column}.bp-art-concl h2{font-size:16px;color:#1d2f6f;margin:0 0 10px}.bp-art-concl p{font-size:14px;line-height:1.8;color:#1a1a1a;margin:0 0 16px;flex:1 1 auto}.bp-art-concl .afl-btn{display:inline-block;text-align:center;background:#bf0000;color:#fff;font-weight:700;border-radius:8px;padding:12px 20px;font-size:14px}.bp-art-concl .afl-btn:hover{opacity:.9}.bp-art-sum{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:22px;margin:0 0 28px}.bp-art-sum .total{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.bp-art-sum .total .n{font-size:38px;font-weight:800;color:#1d2f6f;line-height:1}.bp-art-sum .total .s{font-size:20px;color:#f5a623;letter-spacing:2px}.bp-art-sum .total .ttl{font-size:13px;font-weight:700;color:#1d2f6f}.bp-art-sum .ms{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.bp-art-sum .m .l{display:flex;justify-content:space-between;font-size:12px;color:#555;margin-bottom:4px}.bp-art-sum .m .l b{color:#1d2f6f}.bp-art-sum .m .bar{height:8px;border-radius:99px;background:#e3e6f0;overflow:hidden}.bp-art-sum .m .bar span{display:block;height:100%;background:#1d2f6f;border-radius:99px}@media(max-width:749px){.bp-art-hero,.bp-art-sum .ms{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-bp-page.css.map */