@charset "UTF-8";
.price-overview{--po-pink:#e94f86;--po-blue:#3fa8e5;--po-ink:#1a1a1a;--po-gray:#71717a;--po-bg:#f7f6fc;--po-line:#e5e7eb;color:var(--po-ink);font-family:"Noto Sans JP",sans-serif;background:#fff}
.price-overview *{box-sizing:border-box}
.po-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.po-page-head{padding:40px clamp(24px,8.333vw,120px)}
.po-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:16px;line-height:28px}
.po-breadcrumb a,.po-breadcrumb span{color:var(--po-gray);text-decoration:none}
.po-breadcrumb strong{color:var(--po-pink);font-weight:400}
.po-page-head h1{margin:0;font-size:48px;line-height:72px}
.po-page-head>p{margin:16px 0 0;font-size:18px;line-height:32px}
.po-page-head>small{display:block;margin-top:16px;color:var(--po-gray);font-size:12px;line-height:20px}
.po-price-section{padding:60px 0}
.po-muted{background:var(--po-bg)}
.po-price-section h2,.po-notes h2{position:relative;margin:0 0 32px;padding-left:16px;font-size:28px;line-height:44px}
.po-price-section h2:before,.po-notes h2:before{content:"";position:absolute;left:0;top:10px;width:4px;height:24px;background:var(--po-pink)}
.po-table{overflow:hidden;border:1px solid var(--po-line);border-radius:12px;background:#fff}
.po-table-head,.po-table dl>div{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center}
.po-table-head{min-height:64px;padding:0 24px;background:var(--po-bg);font-size:18px;font-weight:700;line-height:32px}
.po-table-head span:last-child{text-align:right}
.po-table dl{margin:0}
.po-table dl>div{min-height:84px;padding:20px 24px;border-top:1px solid var(--po-line)}
.po-table dt{font-size:18px;line-height:32px}
.po-table dd{margin:0;text-align:right;white-space:nowrap;font-size:24px;font-weight:700;line-height:38px}
.po-table dd small{margin-left:6px;color:var(--po-gray);font-size:12px;font-weight:400;line-height:20px}
.po-link{display:inline-flex;align-items:center;gap:8px;margin-top:32px;color:var(--po-pink);font-size:18px;font-weight:700;line-height:32px;text-decoration:none}
.po-link b{font-size:24px}
.po-notes{padding:60px 0}
.po-notes ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.po-notes li{position:relative;padding-left:18px;font-size:18px;line-height:32px}
.po-notes li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:var(--po-pink)}
@media(max-width:860px){
  .po-container{width:calc(100% - 40px)}
  .po-page-head{padding:20px 20px 48px}
  .po-breadcrumb{flex-wrap:wrap;margin-bottom:28px;font-size:12px;line-height:20px}
  .po-page-head h1{font-size:28px;line-height:44px}
  .po-page-head>p{font-size:16px;line-height:28px}
  .po-price-section{padding:52px 0}
  .po-price-section h2,.po-notes h2{margin-bottom:24px;font-size:22px;line-height:36px}
  .po-price-section h2:before,.po-notes h2:before{top:6px}
  .po-table-head,.po-table dl>div{grid-template-columns:minmax(0,55%) minmax(0,45%)}
  .po-table-head{min-height:52px;padding:0 16px;font-size:13px;line-height:22px}
  .po-table dl>div{min-height:68px;padding:14px 16px}
  .po-table dt{padding-right:12px;font-size:14px;line-height:24px}
  .po-table dd{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;white-space:nowrap;font-size:15px;line-height:26px}
  .po-table dd small{display:inline;margin:0;font-size:10px;line-height:18px}
  .po-link{margin-top:24px;font-size:15px;line-height:26px}
  .po-notes{padding:52px 0}
  .po-notes li{font-size:15px;line-height:26px}
  .po-notes li:before{top:10px}
}