/* 楽天モバイル紹介キャンペーンナビ
   1. 共通ルール・動き・レスポンシブ（@layer base）
   2. 各パーツの見た目（.u◯◯：ビルド時に自動生成）
   2 は 1 より優先されます。1 から上書きするときは !important を付けます。 */
@layer base{
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF}
img{max-width:100%}
a{color:#0170C9}a:hover{color:#015A9F}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;vertical-align:middle}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .pm-v{opacity:0}
[data-opt]{border-color:#DCDCDC!important}
[data-opt]>span:first-child{border-color:#DCDCDC!important}
[data-opt]>span:first-child>span{background:transparent!important}
[data-opt][aria-pressed="true"],[data-opt][aria-pressed="true"]>span:first-child{border-color:#FF008C!important}
[data-opt][aria-pressed="true"]>span:first-child>span{background:#FF008C!important}
.cta-btn,.hd-btn,a.k1,[data-opt]{transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .18s ease,color .18s ease,border-color .18s ease;will-change:transform}
.cta-btn svg,a.k1 svg{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}
details summary{transition:color .18s ease}
@media (hover:hover){
.cta-btn:hover,.hd-btn:hover{background-color:#FF33A3!important;transform:scale(1.05)}
.cta-btn.k2:hover{background-color:#FFF0F3!important}
.cta-btn:hover svg{transform:translateX(5px)}
a.k1:hover{background-color:#2B3A67!important;color:#FFFFFF!important;transform:scale(1.04)}
a.k1:hover svg{transform:translate(2px,-2px)}
[data-opt]:hover{border-color:#FF33A3!important;background-color:#FFF0F3!important;transform:translateY(-3px)}
details summary:hover{color:#FF008C}
a.k3:hover{color:#FF008C;text-decoration-thickness:2px!important}
}
.cta-btn:active,.hd-btn:active,a.k1:active,[data-opt]:active{transform:scale(.96)!important;transition-duration:.08s}
.cta-btn:focus-visible,.hd-btn:focus-visible,a.k1:focus-visible,[data-opt]:focus-visible{outline:3px solid #2B3A67;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.cta-btn:hover,.hd-btn:hover,a:hover,[data-opt]:hover{transform:none!important}}
.cmp-outer{position:relative}
.cmp-fade,.cmp-hint{display:none;position:absolute;pointer-events:none;transition:opacity .3s ease}
.cmp-fade{top:1px;right:1px;bottom:1px;width:44px;border-radius:0 15px 15px 0;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.95))}
.cmp-hint{top:-17px;right:12px;margin:0;align-items:center;gap:6px;background:#2B3A67;color:#FFFFFF;border-radius:9999px;padding:8px 14px 8px 12px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;z-index:3;animation:cmpnudge 1.4s ease-in-out infinite}
.cmp-hint svg{flex:none}
@keyframes cmpnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
.cmp-outer.is-scrollable .cmp-fade{display:block}
.cmp-outer.is-scrollable .cmp-hint{display:inline-flex}
.cmp-outer.is-scrolled .cmp-hint,.cmp-outer.is-end .cmp-fade{opacity:0}
.ph{display:inline-block}
h1,h2,h3,h4{text-wrap:balance;line-break:strict}
.to-top{position:fixed;right:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:9999px;border:1px solid #FFFFFF;background:#2B3A67;color:#FFFFFF;cursor:pointer;padding:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,visibility .25s ease,transform .22s cubic-bezier(.34,1.56,.64,1),background-color .18s ease}
.to-top.is-on{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.to-top.is-on:hover{background:#FF008C;transform:scale(1.1)}}
.to-top.is-on:active{transform:scale(.94)}
.to-top:focus-visible{outline:3px solid #FBCE2A;outline-offset:3px}
@media (max-width:760px){.to-top{right:12px;bottom:12px;width:46px;height:46px}}
.tl-mobile,.scroll-hint{display:none}
.scroll-hint{margin:0 0 8px;font-size:12px;color:#666666;text-align:right}
@media (max-width:1100px){
.hero-model,.fin-model{left:auto!important;right:-40px}
.hero-copy{width:62%!important}
.hero-num{font-size:84px!important}
}
.map-roam{height:680px}.map-speed{height:560px}
@media (max-width:760px){
.cmp-wrap table{min-width:720px!important;font-size:13px!important}
.cmp-wrap th,.cmp-wrap td{padding:10px 8px!important}
.cmp-wrap thead th{font-size:13px!important}
.cmp-wrap th:first-child{position:sticky;left:0;z-index:2;width:88px!important;min-width:88px;max-width:88px;font-size:12px!important;line-height:1.5;box-shadow:1px 0 0 #DCDCDC}
.map-roam{height:480px}.map-speed{height:440px}
h2.k4,h3.k4{font-size:24px!important}
.k5{flex:1 1 100%!important}
span.k6{align-self:center!important}
span.k6+h3{text-align:center}
.k7{padding:64px 16px 0!important}
.hd{height:60px!important;padding:0 16px!important}
.hd-title{font-size:15px!important}
.hd-sub{display:none}
.hd-btn{min-height:40px!important;padding:0 16px!important;font-size:14px!important}
.hero{height:auto!important;display:flex;flex-direction:column}
.hero-inner{order:1}
.hero-model{order:2}
.hero-inner{display:block!important;height:auto!important;padding:28px 16px 0!important;width:100%;box-sizing:border-box}
.hero-copy{width:100%!important}
.hero-pill{font-size:13px!important;padding:4px 14px!important}
.hero-name{font-size:20px!important}
.hero-row{flex-wrap:wrap;gap:2px 8px!important}
.hero-l{flex:0 0 100%;text-align:center!important;font-size:16px!important}
.hero-l br{display:none}
.hero-num{font-size:76px!important}
.hero-r{font-size:22px!important}
.hero-box{flex-direction:column}
.hero-box span{font-size:15px!important;justify-content:center;white-space:normal!important}
.hero-box span span{font-size:24px!important}
.hero-model{position:static!important;display:block;height:250px!important;margin:16px auto 0}
.hero-deco{opacity:.35}
.fin .hero-inner{padding:40px 16px!important}
.fin-model{display:none}
.cta-btn{font-size:17px!important;height:60px!important}
.cta-lead{font-size:min(13px,3.4vw)!important;white-space:nowrap}
.steps-h{flex-wrap:wrap}
.steps-h>span:first-child{font-size:18px!important}
.steps-h>span:last-child{font-size:34px!important}
.steps-h>span:last-child>span{font-size:40px!important}
.ben-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ben-grid>div{border:0!important;border-bottom:1px solid #DCDCDC!important;padding:20px 12px!important}
.ben-grid>div:nth-child(odd){border-right:1px solid #DCDCDC!important}
.ben-grid>div:nth-last-child(-n+2){border-bottom:0!important}
.disc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.price-grid{min-width:0!important;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr)!important}
.price-grid>div{font-size:13px!important;padding:12px 4px!important}
.price-grid p{white-space:normal!important}
.price-grid p>span:first-child{font-size:28px!important}
.price-grid p>span:nth-child(2){font-size:13px!important}
.price-grid p>span:last-child{display:block;margin:4px 0 0!important;font-size:11px!important}
.tl-wide{display:none}
.tl-mobile,.scroll-hint{display:block}
}
}

/* ---- 各パーツの見た目 ---- */
.u1{display:none;visibility:hidden}
.u2{font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333333; background: #FFFFFF; font-size: 16px; line-height: 1.5; overflow: hidden}
.u3{background: #FFFFFF; border-bottom: 1px solid #DCDCDC}
.u4{max-width: 1180px; margin: 0 auto; height: 80px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px}
.u5{text-decoration: none; color: #333333; display: flex; align-items: baseline; gap: 10px}
.u6{font-weight: 900; font-size: 22px}
.u7{font-size: 12px; font-weight: 700; color: #666666}
.u8{display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; border-radius: 9999px; background: #FF008C; color: #FFFFFF; font-weight: 700; font-size: 19px; text-decoration: none}
.u9{background: #F8F8F8; border-bottom: 1px solid #DCDCDC}
.u10{margin: 0 auto; max-width: 1180px; padding: 8px 24px; font-size: 12px; line-height: 1.6; color: #333333; text-align: left}
.u11{display: inline-block; background: #333333; color: #FFFFFF; border-radius: 4px; padding: 0 8px; margin-right: 8px; font-weight: 700}
.u12{position: relative; background: radial-gradient(ellipse at 40% 45%, #FF008C 0%, #FF008C 55%, #E8007F 100%); height: 420px; overflow: hidden}
.u13{position: absolute; left: 50%; top: 0; transform: translateX(-50%); pointer-events: none}
.u14{position: absolute; left: calc(50% + 230px); bottom: 0; height: 400px; width: auto}
.u15{position: relative; max-width: 1180px; margin: 0 auto; padding: 0 24px; height: 100%; display: flex; align-items: center}
.u16{width: 760px; max-width: 100%; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; text-align: center}
.u17{margin: 0; display: inline-block; background: #FFFFFF; color: #FF008C; border-radius: 9999px; padding: 4px 22px; font-size: 19px; font-weight: 700}
.u18{margin: 14px 0 0; font-weight: 900; line-height: 1.2}
.u19{margin: 0; display: block; font-size: 28px; font-weight: 700; line-height: 1.2}
.u20{display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px}
.u21{font-size: 22px; font-weight: 700; line-height: 1.35; text-align: right; white-space: nowrap}
.u22{font-size: 108px; line-height: 1; letter-spacing: -0.02em; font-family: 'Poppins', sans-serif; font-weight: 800}
.u23{font-size: 34px; line-height: 1.1; text-align: left; white-space: nowrap}
.u24{margin: 16px 0 0; display: flex; align-items: stretch; border: 2px solid #FFFFFF; border-radius: 8px; overflow: hidden}
.u25{display: flex; align-items: center; background: #FBCE2A; color: #333333; padding: 6px 18px; font-size: 20px; font-weight: 900}
.u26{display: flex; align-items: baseline; gap: 4px; padding: 6px 22px; font-size: 20px; font-weight: 700; white-space: nowrap}
.u27{font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 30px; line-height: 1}
.u28{padding: 16px 24px 0; text-align: center}
.u29{margin: 0 auto 32px; max-width: 980px; font-size: 12px; text-align: left}
.u30{margin: 0 0 8px; font-size: 20px; font-weight: 700}
.u31{display: inline-flex; align-items: center; justify-content: center; width: 464px; max-width: 100%; height: 68px; border-radius: 9999px; background: #FF008C; color: #FFFFFF; font-size: 22px; font-weight: 700; text-decoration: none}
.u32{margin: 24px 0 0}
.u33{max-width: 980px; margin: 0 auto; padding: 96px 24px 0; text-align: center}
.u34{margin: 0 0 8px; font-size: 32px; font-weight: 700; line-height: 1.5}
.u35{background: linear-gradient(transparent 60%, #FBCE2A 60%)}
.u36{margin: 0 0 48px}
.u37{overflow-x: auto; border: 1px solid #DCDCDC; border-radius: 16px; text-align: left}
.u38{min-width: 900px; font-size: 15px; line-height: 1.6}
.u39{padding: 14px 16px; font-weight: 700; background: #EBEBEB; text-align: center; font-size: 15px; width: 17%}
.u40{padding: 14px 6px; font-weight: 700; background: #FF008C; color: #FFFFFF; text-align: center; font-size: 19px; width: 23%; white-space: nowrap}
.u41{padding: 14px 16px; font-weight: 700; background: #EBEBEB; text-align: center; font-size: 15px; width: 20%}
.u42{border-top: 1px solid #EBEBEB}
.u43{padding: 14px 16px; font-weight: 700; background: #F8F8F8}
.u44{padding: 12px; background: #FFF0F3}
.u45{display: block; width: 100%; height: auto; border-radius: 6px}
.u46{padding: 12px}
.u47{display: flex; gap: 6px; align-items: center}
.u48{display: block; width: calc(50% - 3px); height: auto; border-radius: 6px}
.u49{padding: 14px 16px; text-align: center; background: #FFF0F3; font-weight: 700; color: #FF008C}
.u50{padding: 14px 16px; text-align: center}
.u51{padding: 14px 16px; text-align: center; background: #FFF0F3}
.u52{margin: 8px 0 0; font-size: 12px; text-align: left}
.u53{margin: 72px 0 32px; font-size: 32px; font-weight: 700; color: #FF008C}
.u54{background: linear-gradient(transparent 60%, #FBCE2A 60%); color: #333333}
.u55{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap: 24px; text-align: left}
.u56{border: 1px solid #DCDCDC; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 12px}
.u57{display: block; width: 100%; height: 200px; object-fit: contain; background: #F8F8F8; border-radius: 8px}
.u58{align-self: flex-start; background: #FBCE2A; border-radius: 9999px; padding: 4px 16px; font-size: 14px; font-weight: 700}
.u59{margin: 0; font-size: 20px; font-weight: 700}
.u60{margin: 0}
.u61{text-decoration: underline; font-weight: 700}
.u62{display: flex; gap: 8px}
.u63{display: block; width: calc(50% - 4px); height: 200px; object-fit: contain; background: #F8F8F8; border-radius: 8px}
.u64{position: relative; margin-top: 96px; background: #FFF0F3; padding: 136px 24px 56px}
.u65{position: absolute; left: 0; top: -1px; display: block}
.u66{max-width: 900px; margin: 0 auto; text-align: center}
.u67{margin: 0 0 48px; font-size: 32px; font-weight: 700; line-height: 1.5}
.u68{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap: 24px}
.u69{background: #FFFFFF; border-radius: 16px; padding: 36px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center}
.u70{width: 64px; height: 64px; border-radius: 9999px; background: #FF008C; display: flex; align-items: center; justify-content: center}
.u71{margin: 0; font-size: 20px; font-weight: 700; line-height: 1.6}
.u72{color: #FF008C; white-space: nowrap}
.u73{font-size: 13px}
.u74{position: relative; background: #FFF6D6; color: #333333; padding: 136px 24px 100px}
.u75{margin: 0 0 48px; font-size: 32px; font-weight: 700}
.u76{color: #FF008C}
.u77{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: 32px; text-align: left}
.u78{background: #FFFFFF; color: #333333; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 12px}
.u79{align-self: flex-start; width: 76px; height: 76px; border-radius: 9999px; background: #FBCE2A; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; line-height: 1.1}
.u80{font-size: 30px; font-weight: 900}
.u81{position: absolute; left: 0; bottom: -1px; display: block}
.u82{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: 24px; text-align: left}
.u83{border: 1px solid #DCDCDC; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 10px}
.u84{align-self: flex-start; background: #FFF0F3; color: #FF008C; border-radius: 9999px; padding: 2px 14px; font-size: 13px; font-weight: 700}
.u85{margin: 0; font-size: 14px; line-height: 1.6}
.u86{margin: 0; font-size: 16px; font-weight: 700}
.u87{margin: 56px 0 24px; font-size: 32px; font-weight: 700; color: #FF008C}
.u88{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 16px; text-align: left}
.u89{border: 1px solid #DCDCDC; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 6px}
.u90{display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: contain; background: #F8F8F8; border-radius: 8px}
.u91{margin: 4px 0 0; font-size: 17px; font-weight: 700}
.u92{margin: 0; font-size: 13px; color: #666666}
.u93{margin: 0; font-size: 15px; font-weight: 700; color: #FF008C}
.u94{margin-top: 64px; background: #F8F8F8; border-radius: 16px; padding: 48px clamp(16px, 4vw, 48px)}
.u95{margin: 0 0 40px; font-size: 32px; font-weight: 700}
.u96{margin: 0 0 12px; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 20px; font-weight: 700}
.u97{background: #333333; color: #FFFFFF; border-radius: 4px; padding: 2px 10px; font-size: 14px}
.u98{display: flex; flex-wrap: wrap; gap: 16px; max-width: 560px; margin: 0 auto 32px}
.u99{flex: 1 1 200px; min-height: 76px; box-sizing: border-box; border-radius: 8px; background: #FFFFFF; border: 2px solid #DCDCDC; font: inherit; font-size: 16px; font-weight: 700; color: #333333; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; cursor: pointer}
.u100{width: 22px; height: 22px; box-sizing: border-box; border-radius: 9999px; border: 2px solid #DCDCDC; display: flex; align-items: center; justify-content: center}
.u101{width: 10px; height: 10px; border-radius: 9999px; background: transparent}
.u102{display: flex; flex-wrap: wrap; gap: 16px; margin: 0 auto 32px}
.u103{flex: 1 1 150px; min-height: 76px; box-sizing: border-box; border-radius: 8px; background: #FFFFFF; border: 2px solid #DCDCDC; font: inherit; font-size: 16px; font-weight: 700; color: #333333; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; cursor: pointer}
.u104{margin: 0 0 32px; background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 8px; padding: 16px 20px; font-size: 16px; font-weight: 700}
.u105{background: #FFFFFF; border-radius: 16px; padding: 32px clamp(12px, 3vw, 32px)}
.u106{margin: 0 0 24px; font-size: 22px; font-weight: 700}
.u107{border-bottom: 4px solid #FBCE2A; padding-bottom: 4px}
.u108{overflow-x: auto}
.u109{min-width: 640px; display: grid; grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1fr); border: 1px solid #DCDCDC; border-radius: 16px; overflow: hidden; text-align: center}
.u110{background: #EBEBEB; padding: 14px 8px; font-size: 14px; font-weight: 700}
.u111{background: #FF008C; color: #FFFFFF; padding: 12px 8px; font-size: 20px; font-weight: 700}
.u112{background: #333333; color: #FFFFFF; padding: 12px 8px; font-size: 20px; font-weight: 700}
.u113{background: #F8F8F8; color: #333333; display: flex; align-items: center; justify-content: center; padding: 20px 8px; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.4}
.u114{display: flex; align-items: center; justify-content: center; padding: 20px 12px; border-left: 1px solid #DCDCDC; }
.u115{margin: 0; line-height: 1; white-space: nowrap}
.u116{font-size: 48px; font-family: 'Poppins', sans-serif; font-weight: 800}
.u117{font-size: 18px; font-weight: 700}
.u118{font-size: 14px; color: #666666; margin-left: 8px}
.u119{grid-row: span 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px 12px; border-left: 1px solid #DCDCDC}
.u120{margin: 0; font-size: 14px}
.u121{background: #FFF0F3; color: #333333; display: flex; align-items: center; justify-content: center; padding: 20px 8px; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.4}
.u122{display: flex; align-items: center; justify-content: center; padding: 20px 12px; border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC}
.u123{background: #FF008C; color: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 20px 8px; font-size: 19px; font-weight: 700; text-align: center; line-height: 1.4}
.u124{margin: 24px 0 0; border: 1px solid #DCDCDC; border-radius: 8px; padding: 14px 16px; font-size: 16px; font-weight: 700}
.u125{color: #FF008C; font-size: 24px; margin: 0 8px}
.u126{margin: 12px 0 0; font-size: 12px; text-align: left}
.u127{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #DCDCDC; border-radius: 16px; overflow: hidden}
.u128{border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; gap: 6px}
.u129{width: 56px; height: 56px; border-radius: 9999px; background: #FFF0F3; display: flex; align-items: center; justify-content: center}
.u130{margin: 6px 0 0; font-size: 15px; font-weight: 700}
.u131{margin: 0; font-size: 22px; font-weight: 900; color: #FF008C; line-height: 1.3}
.u132{margin: 2px 0 0; font-size: 13px; line-height: 1.6; color: #666666; text-align: left}
.u133{border-bottom: 1px solid #DCDCDC; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; gap: 6px}
.u134{border-right: 1px solid #DCDCDC; padding: 24px 16px; display: flex; flex-direction: column; align-items: center; gap: 6px}
.u135{padding: 24px 16px; display: flex; flex-direction: column; align-items: center; gap: 6px}
.u136{position: relative; margin-top: 96px; background: #EFF8FF; padding: 128px 24px 176px}
.u137{max-width: 980px; margin: 0 auto; text-align: center}
.u138{margin: 0; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 900; line-height: 1}
.u139{background: #FF33A3; color: #FFFFFF; border-radius: 8px; padding: 8px 14px; font-size: 26px}
.u140{color: #FF008C; font-size: 48px}
.u141{font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 56px}
.u142{margin: 12px 0 48px; font-size: 20px; font-weight: 700; color: #2B3A67}
.u143{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: stretch; text-align: left}
.u144{background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 16px; padding: 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px 40px}
.u145{flex: 999 1 420px; min-width: 0}
.u146{margin: 0 0 12px; font-size: 20px; font-weight: 700; color: #2B3A67}
.u147{margin: 20px 0 0}
.u148{display: inline-flex; align-items: center; justify-content: center; width: 400px; max-width: 100%; height: 68px; border-radius: 9999px; background: #FF008C; color: #FFFFFF; font-size: 22px; font-weight: 700; text-decoration: none}
.u149{flex: 0 0 240px; display: flex; justify-content: center}
.u150{height: 48px; display: flex; align-items: center; justify-content: center}
.u151{margin-top: 16px; background: #ECF6FF; border-radius: 8px; padding: 16px 20px; display: flex; gap: 12px; font-size: 14px; line-height: 1.6}
.u152{flex: 0 0 22px; height: 22px; border-radius: 9999px; background: #0170C9; color: #FFFFFF; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center}
.u153{margin: 0 0 12px; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700}
.u154{flex: 0 0 56px; width: 56px; height: 56px; border-radius: 12px}
.u155{max-width: 980px; margin: 0 auto; padding: 96px 24px 0}
.u156{margin: 0 0 48px; font-size: 32px; font-weight: 700; line-height: 1.5; text-align: center}
.u157{display: flex; flex-wrap: wrap; gap: 32px; align-items: center}
.u158{flex: 1 1 400px; min-width: 0; width: 100%; max-width: 460px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px}
.u159{flex: 1 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.u160{margin: 0; font-size: 22px; font-weight: 700}
.u161{background: #ECF6FF; border-radius: 8px; padding: 16px 20px; display: flex; gap: 12px}
.u162{margin: 0; padding-left: 1.1em; font-size: 14px; line-height: 1.6}
.u163{min-width: 900px; border: 1px solid #DCDCDC; border-radius: 16px; overflow: hidden; background: #FFFFFF; text-align: left}
.u164{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #EBEBEB}
.u165{min-height: 44px; box-sizing: border-box; padding: 10px 12px; text-align: left; font-size: 14px; font-weight: 700}
.u166{font-size: 22px; margin: 0 2px}
.u167{border-left: 1px dashed #C9C9C9; min-height: 44px; box-sizing: border-box; padding: 10px 12px; text-align: left; font-size: 14px; font-weight: 700}
.u168{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr))}
.u169{grid-column: span 2; min-height: 84px; box-sizing: border-box; padding: 16px 12px 8px; display: flex; align-items: flex-end; justify-content: center}
.u170{display: inline-block; background: #333333; color: #FFFFFF; border-radius: 8px; padding: 8px 14px; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: center}
.u171{grid-column: span 3; border-left: 1px dashed #C9C9C9; min-height: 84px; box-sizing: border-box; padding: 16px 12px 8px}
.u172{margin: 0; background: #FFF6D6; border: 2px solid #FBCE2A; border-radius: 8px; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 20px; font-size: 16px; font-weight: 700}
.u173{font-size: 14px}
.u174{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.u175{min-height: 52px; box-sizing: border-box; }
.u176{border-left: 1px dashed #C9C9C9; min-height: 52px; box-sizing: border-box; }
.u177{border-left: 1px dashed #C9C9C9; min-height: 52px; box-sizing: border-box; padding: 4px 12px 2px; text-align: right; line-height: 1}
.u178{font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 800; color: #FF008C}
.u179{font-size: 12px; font-weight: 700; color: #FF008C}
.u180{min-height: 36px; box-sizing: border-box; display: flex; align-items: center; padding-left: 20%}
.u181{flex: 1; height: 24px; background: #FFC2E0; border-radius: 12px 0 0 12px; display: flex; align-items: center; justify-content: space-between; padding: 0 6px}
.u182{width: 14px; height: 14px; border-radius: 9999px; background: #333333}
.u183{border-left: 1px dashed #C9C9C9; min-height: 36px; box-sizing: border-box; display: flex; align-items: center; border-left: 0}
.u184{flex: 1; height: 24px; background: #C9C9C9}
.u185{flex: 0 0 18px}
.u186{border-left: 1px dashed #C9C9C9; min-height: 36px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; background: linear-gradient(#FFF1BF, #FFF1BF) center / 100% 24px no-repeat}
.u187{width: 28px; height: 28px; border-radius: 9999px; background: #FBCE2A; border: 2px solid #F2B705; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; color: #7A5A00; margin-right: 8px}
.u188{grid-column: span 2; min-height: 150px; box-sizing: border-box; padding: 8px 12px 8px 20%; text-align: left; font-size: 13px; line-height: 1.6}
.u189{font-size: 15px}
.u190{grid-column: span 3; border-left: 1px dashed #C9C9C9; min-height: 150px; box-sizing: border-box; display: flex; flex-direction: column}
.u191{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr))}
.u192{padding: 8px 12px; text-align: right; font-size: 16px; font-weight: 700}
.u193{flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 8px 12px 16px}
.u194{margin: 0; font-weight: 700; color: #FF008C; line-height: 1}
.u195{font-size: 20px}
.u196{font-size: 44px; font-family: 'Poppins', sans-serif; font-weight: 800; color: #FF008C}
.u197{color: #333333}
.u198{margin: 0; padding: 0; list-style: none; border: 1px solid #DCDCDC; border-radius: 16px; overflow: hidden; text-align: left}
.u199{padding: 14px 16px; background: #F8F8F8}
.u200{font-weight: 700}
.u201{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-top: 1px solid #DCDCDC}
.u202{font-weight: 700; color: #FF008C; white-space: nowrap}
.u203{font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 26px}
.u204{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-top: 1px solid #DCDCDC; background: #FFF6D6}
.u205{margin: 16px 0 0; font-size: 14px; text-align: left}
.u206{padding: 64px 24px 96px; text-align: center}
.u207{position: relative; background: #EFF8FF; padding: 136px 24px 136px}
.u208{margin: 0 0 12px}
.u209{display: inline-block; background: #FBCE2A; border-radius: 9999px; padding: 4px 18px; font-size: 14px; font-weight: 700}
.u210{margin: 0 0 8px; font-size: 32px; font-weight: 700; line-height: 1.5; color: #2B3A67}
.u211{margin: 0 0 16px; font-size: 20px; font-weight: 700}
.u212{display: inline-block; background: linear-gradient(transparent 62%, #FBCE2A 62%)}
.u213{margin: 0 0 32px}
.u214{list-style: none; margin: 0 0 32px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px}
.u215{display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 16px; padding: 24px 20px; text-align: left}
.u216{display: flex; align-items: center; gap: 12px}
.u217{flex: none; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #FFF0F3}
.u218{font-size: 16px; font-weight: 700; line-height: 1.5; color: #2B3A67}
.u219{font-size: 14px; line-height: 1.7}
.u220{background: #FFFFFF; border: 1px solid #DCDCDC; border-radius: 16px; overflow: hidden}
.u221{display: block; width: 100%; border: 0}
.u222{margin: 12px 0 0; font-size: 13px; text-align: left}
.u223{margin: 32px 0 0}
.u224{display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 464px; max-width: 100%; height: 56px; border-radius: 9999px; border: 1px solid #2B3A67; background: #FFFFFF; color: #2B3A67; font-size: 18px; font-weight: 700; text-decoration: none}
.u225{margin: 72px 0 12px}
.u226{margin: 0 0 8px; font-size: 32px; font-weight: 700; color: #2B3A67}
.u227{margin: 32px 0 0; font-size: 14px}
.u228{text-decoration: underline}
.u229{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 24px; text-align: left}
.u230{margin: 0; border: 1px solid #DCDCDC; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 12px}
.u231{display: flex; align-items: center; gap: 12px; font-size: 13px; color: #666666}
.u232{flex: 0 0 72px; border-radius: 9999px}
.u233{margin: 0; align-self: flex-start; background: #FFF0F3; color: #FF008C; border-radius: 9999px; padding: 2px 12px; font-size: 13px; font-weight: 700}
.u234{margin: 0; font-size: 14px; line-height: 1.6; color: #666666}
.u235{flex: 0 0 72px; width: 72px; height: 72px; border-radius: 9999px; border: 1px dashed #A0A0A0; background: #F8F8F8; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #666666}
.u236{margin: 0 0 48px; font-size: 32px; font-weight: 700; text-align: center}
.u237{border-top: 1px solid #DCDCDC}
.u238{border-bottom: 1px solid #DCDCDC}
.u239{padding: 20px 8px; display: flex; align-items: center; gap: 16px; min-height: 44px; font-weight: 700}
.u240{font-size: 20px; font-weight: 900; color: #FF008C}
.u241{flex: 1}
.u242{position: relative; width: 14px; height: 14px; flex: 0 0 14px}
.u243{position: absolute; left: 0; top: 6px; width: 14px; height: 2px; background: #333333}
.u244{position: absolute; left: 6px; top: 0; width: 2px; height: 14px; background: #333333}
.u245{margin: 0; padding: 0 8px 20px 44px}
.u246{max-width: 980px; margin: 0 auto; padding: 64px 24px 0}
.u247{border: 1px solid #DCDCDC; border-radius: 16px; padding: 32px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center}
.u248{width: 96px; height: 96px; border-radius: 9999px; object-fit: cover; flex: 0 0 auto}
.u249{margin: 0; font-size: 12px; font-weight: 700; color: #666666}
.u250{margin: 4px 0 8px; font-size: 20px; font-weight: 700}
.u251{margin-top: 96px; position: relative; background: radial-gradient(ellipse at 40% 50%, #FF008C 0%, #FF008C 55%, #E8007F 100%); height: 420px; overflow: hidden}
.u252{position: absolute; left: calc(50% + 210px); bottom: 0; height: 400px; width: auto}
.u253{width: 680px; max-width: 100%; color: #FFFFFF; text-align: center; display: flex; flex-direction: column; align-items: center}
.u254{margin: 0; font-weight: 900; line-height: 1; display: flex; flex-direction: column; align-items: center}
.u255{display: inline-block; background: #FFFFFF; color: #FF008C; border-radius: 9999px; padding: 4px 20px; font-size: 19px; font-weight: 700; line-height: 1.7}
.u256{display: block; margin-top: 12px}
.u257{font-size: 108px; letter-spacing: -0.02em; font-family: 'Poppins', sans-serif; font-weight: 800}
.u258{font-size: 36px}
.u259{margin: 24px 0 8px; font-size: 20px; font-weight: 700}
.u260{display: inline-flex; align-items: center; justify-content: center; width: 464px; max-width: 100%; height: 68px; border-radius: 9999px; background: #FFFFFF; color: #FF008C; font-size: 22px; font-weight: 700; text-decoration: none}
.u261{background: #F8F8F8; padding: 32px 24px}
.u262{max-width: 980px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 14px}
.u263{font-weight: 900; font-size: 18px}
.u264{display: flex; gap: 20px}
.u265{background: #333333; color: #FFFFFF; padding: 16px 24px; font-size: 12px; text-align: center}
.u266{display: inline-block; margin-top: 8px; font-size: 12px}