.hlp{--navy: #0d2152;
  --navy-2: #1d3a7a;
  --ink: #1d2433;
  --sub: #5b6475;
  --yellow: #ffd200;
  --marker: #ffe066;
  --orange: #ee7410;
  --green: #06c755;
  --bg: #ffffff;
  --bg-alt: #f3f6fa;
  --line: #dde3ec;
  --r: 6px;
  --r-lg: 10px;
  --btn-r: 6px;
  --font: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-head: var(--font);
  --font-num: var(--font);
  --wrap: 1120px;
  --sec-pad: 96px;}
.hlp *, .hlp *::before, .hlp *::after{box-sizing: border-box;}
.hlp{-webkit-text-size-adjust: 100%;}
.hlp{margin: 0; background: var(--bg); color: var(--ink);
  font-family: var(--font); font-size: 16px; line-height: 1.9; letter-spacing: .02em;
  word-break: auto-phrase; line-break: strict; overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;}
.hlp img, .hlp svg{display: block; max-width: 100%;}
.hlp img{height: auto;}
.hlp a{color: inherit; text-decoration: none;}
.hlp h1, .hlp h2, .hlp h3, .hlp p, .hlp ul, .hlp ol, .hlp dl, .hlp dd, .hlp figure{margin: 0; padding: 0;}
.hlp ul, .hlp ol{list-style: none;}
.hlp p{text-wrap: pretty;}
.hlp h1, .hlp h2, .hlp h3{text-wrap: balance; line-height: 1.45;}
.hlp table{border-collapse: collapse;}
.hlp summary{list-style: none; cursor: pointer;}
.hlp summary::-webkit-details-marker{display: none;}
.hlp .vh{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; opacity: 0;}
.hlp .sp{display: none;}
.hlp .ic{width: 1em; height: 1em; flex: none;}
.hlp .wrap{max-width: calc(var(--wrap) + 64px); margin: 0 auto; padding: 0 32px;}
.hlp .sec{padding: var(--sec-pad) 0;}
.hlp .sec-alt{background: var(--bg-alt);}
.hlp .em{color: var(--navy); font-weight: 700;}
.hlp .em-o{color: var(--orange); font-weight: 700;}
.hlp .mk{background: linear-gradient(transparent 60%, var(--marker) 60%); font-weight: 700; padding: 0 .1em;}
.hlp .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; color: #fff; border-radius: var(--btn-r); line-height: 1.3; white-space: nowrap;}
.hlp .btn .ic{width: 1.5em; height: 1.5em;}
.hlp .btn .ic:last-child:not(:first-child){width: 1em; height: 1em; margin-left: 4px;}
.hlp .btn-line{background: var(--green);}
.hlp .btn-line .ic-line{color: #fff;}
.hlp .btn-mail{background: var(--orange);}
.hlp .btn-navy{background: var(--navy);}
.hlp .btn-sm{font-size: 14px; padding: 9px 16px;}
.hlp .btn-md{font-size: 17px; padding: 16px 28px; min-width: 260px;}
.hlp .btn-lg{font-size: 20px; padding: 20px 28px;}
.hlp .site-header{background: #fff; border-bottom: 1px solid var(--line); position: relative; z-index: 5;}
.hlp .hd-in{max-width: 1376px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; gap: 24px;}
.hlp .hd-logo{margin-right: auto;}
.hlp .hd-logo img{width: 190px;}
.hlp .hd-tel{display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2;}
.hlp .hd-tel-num{display: flex; align-items: center; gap: 6px; font-family: var(--font-num); font-size: 26px; font-weight: 800; color: var(--navy); letter-spacing: .01em;}
.hlp .hd-tel-num .ic{width: 22px; height: 22px;}
.hlp .hd-tel-time{font-size: 12px; color: var(--sub);}
.hlp .hd-btns{display: flex; gap: 10px;}
.hlp .fv{position: relative; overflow: hidden;}
.hlp .fv-cat{font-size: 15px; font-weight: 700; letter-spacing: .04em;}
.hlp .fv-h1{display: flex; flex-direction: column; font-weight: 900; line-height: 1.12; letter-spacing: .01em;}
.hlp .fv-h1 > span:not(.vh){display: block;}
.hlp .fv-qs{display: flex; flex-direction: column; gap: 8px;}
.hlp .fv-qs li{display: flex; align-items: center; gap: 10px; font-weight: 700;}
.hlp .q-ic, .hlp .a-ic{display: inline-flex; align-items: center; justify-content: center; flex: none; font-family: var(--font-num); font-weight: 800;}
.hlp .fv-ans{display: flex; align-items: center; gap: 12px; font-weight: 900;}
.hlp .fv-proof{display: flex; align-items: center; gap: 16px;}
.hlp .fv-badges{width: 470px;}
.hlp .fv-sdgs{display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; color: var(--navy);}
.hlp .fv-sdgs img{width: 104px;}
.hlp .fv-cta{display: flex; gap: 14px;}
.hlp .fv-cta .btn{flex: 1;}
.hlp .fv-tel{display: flex; align-items: center; gap: 18px; background: #fff; border: 2px solid var(--navy); border-radius: var(--btn-r); padding: 12px 22px;}
.hlp .fv-tel-num{display: flex; align-items: center; gap: 8px; font-family: var(--font-num); font-size: 32px; font-weight: 800; color: var(--navy); line-height: 1.1; white-space: nowrap;}
.hlp .fv-tel-num .ic{width: 26px; height: 26px;}
.hlp .fv-tel-info{display: flex; flex-direction: column; font-size: 13px; color: var(--ink); line-height: 1.5;}
.hlp .photo-note{position: absolute; right: 12px; bottom: 10px; font-size: 11px; color: #fff; background: rgba(0,0,0,.35); padding: 2px 8px; border-radius: 3px; z-index: 3; line-height: 1.5;}
.hlp .free-band{background: var(--navy); color: #fff; padding: 26px 0;}
.hlp .free-list{display: grid; grid-template-columns: repeat(3, 1fr);}
.hlp .free-list li{display: flex; align-items: center; justify-content: center; gap: 16px; padding: 4px 16px;}
.hlp .free-list li + li{border-left: 1px solid rgba(255,255,255,.25);}
.hlp .free-ic{width: 56px; height: 56px; border-radius: 50%; background: #fff; color: var(--navy); display: flex; align-items: center; justify-content: center; flex: none;}
.hlp .free-ic .ic{width: 30px; height: 30px;}
.hlp .free-t{font-size: 22px; font-weight: 900; line-height: 1.3;}
.hlp .free-t em{font-style: normal;}
.hlp .free-d{font-size: 13px; opacity: .9; line-height: 1.6;}
.hlp .sec-head{margin-bottom: 20px;}
.hlp .sec-title{font-family: var(--font-head); font-size: 38px; font-weight: 900; color: var(--navy); line-height: 1.35;}
.hlp .sec-sub{font-size: 18px; font-weight: 700; color: var(--ink); margin-bottom: 28px;}
.hlp .sec-lead{max-width: 900px; margin-bottom: 48px;}
.hlp .sec-lead p + p{margin-top: 1em;}
.hlp .note-s{font-size: 13px; color: var(--sub); margin-top: 16px;}
.hlp .note-center{text-align: center;}
.hlp .more-link{text-align: right; margin-top: 24px; font-weight: 700; color: var(--navy);}
.hlp .more-link a{display: inline-flex; align-items: center; gap: 6px; border-bottom: 2px solid currentColor; padding-bottom: 2px;}
.hlp .more-link .ic{width: 14px; height: 14px;}
.hlp .ic-badge{display: inline-flex; align-items: center; justify-content: center; flex: none;}
.hlp .sec-intro{padding: 80px 0;}
.hlp .intro-grid{display: grid; grid-template-columns: 1fr 360px; gap: 56px; align-items: center;}
.hlp .intro-title{font-size: 15px; font-weight: 700; color: var(--sub); margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line);}
.hlp .intro-lead{font-size: 19px; margin-bottom: 1em;}
.hlp .intro-text p + p{margin-top: 1em;}
.hlp .intro-catch{text-align: center; padding: 32px 24px;}
.hlp .intro-catch-t{display: flex; flex-direction: column; line-height: 1.3; margin-bottom: 20px;}
.hlp .intro-catch-s{font-size: 20px; font-weight: 700;}
.hlp .intro-catch-b{font-size: 44px; font-weight: 900; color: var(--navy);}
.hlp .intro-tools{display: flex; justify-content: center; gap: 10px;}
.hlp .intro-tools img{width: 96px; height: 96px; object-fit: contain; background: #fff;}
.hlp .market-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
.hlp .market-card{background: #fff; padding: 36px 30px 34px;}
.hlp .market-top{display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 18px;}
.hlp .market-top .ic-badge{width: 84px; height: 84px;}
.hlp .market-top .ic-badge .ic{width: 40px; height: 40px;}
.hlp .market-label{font-size: 20px; font-weight: 900; color: var(--navy); line-height: 1.4;}
.hlp .market-h3{font-size: 17px; font-weight: 700; text-align: center; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px dashed var(--line);}
.hlp .market-card p + p{margin-top: .9em;}
.hlp .market-card p{font-size: 15.5px;}
.hlp .pick-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.hlp .pick-card{position: relative; background: #fff; border: 1px solid var(--line); padding: 20px 24px 24px; display: flex; flex-direction: column;}
.hlp .pick-badge{position: absolute; top: 16px; right: 16px; z-index: 1; background: var(--yellow); color: var(--navy); font-size: 13px; font-weight: 900; padding: 6px 12px; line-height: 1.3;}
.hlp .pick-img{display: flex; justify-content: center; margin-bottom: 12px;}
.hlp .pick-img img{width: 200px; height: 200px; object-fit: contain;}
.hlp .pick-maker{font-size: 22px; font-weight: 900; color: var(--navy); line-height: 1.3;}
.hlp .pick-name{font-size: 14px; color: var(--sub); line-height: 1.6;}
.hlp .pick-model{font-family: var(--font-num); font-size: 24px; font-weight: 800; letter-spacing: .03em; line-height: 1.3; margin-top: 4px;}
.hlp .pick-after{margin-top: 36px; padding: 28px 32px; background: var(--bg-alt); border-radius: var(--r);}
.hlp .pick-after p + p{margin-top: .6em;}
.hlp .rank-list{display: flex; flex-direction: column; gap: 32px;}
.hlp .rank-card{background: #fff; border: 1px solid var(--line); overflow: hidden;}
.hlp .rank-head{display: flex; align-items: center; gap: 20px; padding: 18px 32px; background: var(--navy); color: #fff;}
.hlp .rank-medal{display: inline-flex; align-items: baseline; justify-content: center; width: 72px; height: 72px; padding-top: 10px; border-radius: 50%; font-family: var(--font-num); font-weight: 800; flex: none;}
.hlp .rank-no{font-size: 38px; line-height: 1;}
.hlp .rank-i{font-size: 15px; margin-left: 2px;}
.hlp .rank-1 .rank-medal{background: linear-gradient(135deg, #f7d25c, #c99a1a); color: #fff;}
.hlp .rank-2 .rank-medal{background: linear-gradient(135deg, #e3e7ee, #9aa3b2); color: #fff;}
.hlp .rank-3 .rank-medal{background: linear-gradient(135deg, #e6a877, #a8622d); color: #fff;}
.hlp .rank-title{font-size: 30px; font-weight: 900; line-height: 1.3; display: flex; align-items: baseline; gap: 14px;}
.hlp .rank-label{font-size: 17px; font-weight: 700; opacity: .85;}
.hlp .rank-en{margin-left: auto; font-family: var(--font-num); font-size: 15px; font-weight: 700; letter-spacing: .12em; opacity: .7;}
.hlp .rank-body{display: grid; grid-template-columns: 1fr 1.25fr 1fr;}
.hlp .rank-col{padding: 28px 30px 32px; font-size: 15.5px;}
.hlp .rank-col + .rank-col{border-left: 1px solid var(--line);}
.hlp .rank-col p + p, .hlp .rank-col p + ul, .hlp .rank-col ul + p{margin-top: .7em;}
.hlp .rank-col-h{display: inline-block; font-size: 14px; font-weight: 900; color: var(--navy); background: var(--bg-alt); padding: 4px 14px; border-radius: 3px; margin-bottom: 14px; line-height: 1.5;}
.hlp .model-list{display: flex; flex-direction: column; gap: 6px;}
.hlp .model-list li{display: flex; align-items: baseline; gap: 10px; padding: 6px 12px; background: var(--bg-alt); border-left: 3px solid var(--navy); line-height: 1.5;}
.hlp .model-type{font-size: 13px; color: var(--sub);}
.hlp .model-no{font-family: var(--font-num); font-weight: 800; font-size: 16px; letter-spacing: .03em; color: var(--ink);}
.hlp .rank-voice{display: flex; gap: 14px; align-items: flex-start; margin: 0 30px 30px; padding: 18px 22px; background: #fffbe6; border-radius: var(--r); font-size: 15px;}
.hlp .rank-voice .ic{width: 28px; height: 28px; color: var(--navy); margin-top: 2px;}
.hlp .js-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.hlp .js-card{background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; overflow: hidden;}
.hlp .js-img img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover;}
.hlp .js-body{padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1;}
.hlp .js-cat{display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 700; color: #fff; background: var(--navy); padding: 2px 10px; border-radius: 3px; line-height: 1.7; margin-bottom: 8px;}
.hlp .js-title{font-size: 16px; font-weight: 700; line-height: 1.6; margin-bottom: 10px;}
.hlp .js-tags{display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px;}
.hlp .js-tags li{font-size: 12px; font-weight: 700; color: var(--navy); border: 1px solid var(--navy); padding: 0 8px; border-radius: 3px; line-height: 1.8;}
.hlp .js-meta{font-size: 13.5px; margin-bottom: 14px;}
.hlp .js-meta div{display: flex; gap: 10px; line-height: 1.8;}
.hlp .js-meta dt{color: var(--sub); width: 5.5em; flex: none;}
.hlp .js-meta dd{font-weight: 700;}
.hlp .js-price{margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--bg-alt); padding: 10px 14px; border-radius: var(--r);}
.hlp .js-price-l{font-size: 13px; font-weight: 700;}
.hlp .js-price-v{font-family: var(--font-num); font-size: 28px; font-weight: 800; color: var(--navy); line-height: 1.2;}
.hlp .js-price-v small{font-size: 15px; margin-left: 2px;}
.hlp .js-link{display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--navy); padding: 9px; border: 1px solid var(--navy); border-radius: var(--r);}
.hlp .js-link .ic{width: 12px; height: 12px;}
.hlp .js-more{margin-top: 32px;}
.hlp .js-more-btn{display: flex; align-items: center; justify-content: center; gap: 12px; width: min(420px, 100%); margin: 0 auto; padding: 17px 24px; background: var(--navy); color: #fff; font-weight: 700; font-size: 17px; border-radius: var(--btn-r);}
.hlp .js-more-btn .ic{width: 18px; height: 18px;}
.hlp .js-more[open] .js-more-btn{margin-bottom: 32px;}
.hlp .cta-mid{background: var(--navy); color: #fff; padding: 48px 0;}
.hlp .cta-mid-in{display: flex; align-items: center; gap: 32px; flex-wrap: wrap; justify-content: center;}
.hlp .cta-mid-t{display: flex; flex-direction: column; font-size: 24px; font-weight: 900; line-height: 1.45;}
.hlp .cta-mid-t span{font-size: 14px; font-weight: 700; color: var(--yellow);}
.hlp .cta-mid-btns{display: flex; gap: 14px;}
.hlp .cta-mid-tel{display: flex; flex-direction: column; line-height: 1.3;}
.hlp .cta-mid-tel a{display: flex; align-items: center; gap: 6px; font-family: var(--font-num); font-size: 28px; font-weight: 800;}
.hlp .cta-mid-tel .ic{width: 22px; height: 22px;}
.hlp .cta-mid-tel span{font-size: 12px; opacity: .85;}
.hlp .col-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.hlp .col-card{background: #fff; border: 1px solid var(--line); overflow: hidden;}
.hlp .col-card a{display: flex; flex-direction: column; height: 100%;}
.hlp .col-img img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover;}
.hlp .col-img-white{background: #fff;}
.hlp .col-img-white img{object-fit: contain;}
.hlp .col-body{padding: 18px 22px 22px; display: flex; flex-direction: column; flex: 1;}
.hlp .col-tag{font-size: 12px; font-weight: 700; color: var(--navy); margin-bottom: 6px;}
.hlp .col-title{font-size: 17px; font-weight: 700; line-height: 1.6; margin-bottom: 14px;}
.hlp .col-more{margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--navy);}
.hlp .col-more .ic{width: 12px; height: 12px;}
.hlp .maker-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.hlp .maker-tile{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 120px; background: #fff; border: 1px solid var(--line); padding: 16px; text-align: center;}
.hlp .maker-logo{font-size: 26px; font-weight: 900; color: var(--ink); line-height: 1.3; letter-spacing: .02em;}
.hlp .maker-ja{font-size: 12px; color: var(--sub); line-height: 1.5;}
.hlp .maker-etc .maker-logo{color: var(--sub);}
.hlp .str-list{display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 44px;}
.hlp .str-item{background: #fff; padding: 28px 14px 24px; text-align: center; display: flex; flex-direction: column; align-items: center;}
.hlp .str-item .ic-badge{width: 76px; height: 76px; margin-bottom: 14px;}
.hlp .str-item .ic-badge .ic{width: 36px; height: 36px;}
.hlp .str-t{font-size: 18px; font-weight: 900; color: var(--navy); line-height: 1.4; margin-bottom: 4px;}
.hlp .str-d{font-size: 14px; color: var(--sub); line-height: 1.6;}
.hlp .str-after{max-width: 900px; margin-bottom: 56px;}
.hlp .str-after p + p{margin-top: 1em;}
.hlp .biz-box{display: grid; grid-template-columns: 340px 1fr; background: #fff; border: 1px solid var(--line);}
.hlp .biz-side{background: var(--navy); color: #fff; padding: 40px 34px;}
.hlp .biz-h3{display: flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 900; margin-bottom: 14px;}
.hlp .biz-h3 .ic{width: 34px; height: 34px; color: var(--yellow);}
.hlp .biz-catch{font-size: 17px; font-weight: 700; line-height: 1.7; margin-bottom: 22px;}
.hlp .free-chips{display: flex; flex-direction: column; gap: 10px;}
.hlp .free-chips li{display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.1); padding: 10px 14px; font-weight: 700; border-radius: var(--r);}
.hlp .free-chips .ic{width: 20px; height: 20px; color: var(--yellow);}
.hlp .biz-text{padding: 40px 44px;}
.hlp .biz-text p + p{margin-top: 1em;}
.hlp .reason-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
.hlp .reason-card{background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column;}
.hlp .reason-top{display: flex; align-items: center; gap: 14px; padding: 20px 26px; background: var(--navy); color: #fff;}
.hlp .reason-num{font-family: var(--font-num); font-size: 40px; font-weight: 800; color: var(--yellow); line-height: 1;}
.hlp .reason-key{font-size: 22px; font-weight: 900;}
.hlp .reason-ic{margin-left: auto;}
.hlp .reason-ic .ic{width: 34px; height: 34px; color: #fff; opacity: .9;}
.hlp .reason-body{padding: 26px 28px 30px; font-size: 15.5px;}
.hlp .reason-h3{font-size: 19px; font-weight: 900; color: var(--navy); margin-bottom: 8px;}
.hlp .reason-pt{display: block; font-size: 12px; font-weight: 700; color: var(--sub); letter-spacing: .08em;}
.hlp .reason-sum{display: inline-block; font-weight: 700; background: linear-gradient(transparent 60%, var(--marker) 60%); margin-bottom: 16px;}
.hlp .reason-body p + p{margin-top: .9em;}
.hlp .table-scroll{overflow-x: auto; -webkit-overflow-scrolling: touch;}
.hlp .cmp-table{width: 100%; max-width: 940px; margin: 0 auto; table-layout: fixed; font-size: 17px;}
.hlp .cmp-table th, .hlp .cmp-table td{padding: 18px 16px; text-align: center; line-height: 1.5;}
.hlp .cmp-table thead th{font-size: 18px; font-weight: 900; padding: 20px 12px;}
.hlp .cmp-table thead .cmp-flea{background: #fff; color: var(--ink); border-radius: 14px 14px 0 0;}
.hlp .cmp-table thead .cmp-ku{background: var(--navy); border-radius: 14px 14px 0 0;}
.hlp .cmp-table thead .cmp-ku img{width: 150px; margin: 0 auto;}
.hlp .cmp-table tbody th{text-align: left; font-weight: 700; background: #fff; border: 2px solid #c5dc3c; border-right: 0;}
.hlp .cmp-table tbody th .cmp-ic{display: inline-flex; vertical-align: middle; margin-right: 12px;}
.hlp .cmp-table tbody th .ic{width: 30px; height: 30px; color: var(--ink);}
.hlp .cmp-table tbody td{background: #fff; border: 2px solid #c5dc3c; border-left: 1px solid #c5dc3c; font-weight: 700;}
.hlp .cmp-table tbody td.cmp-ku{background: var(--navy); color: #fff; font-size: 21px; font-weight: 900; border: 0; border-bottom: 1px solid rgba(255,255,255,.2);}
.hlp .cmp-table tbody td.cmp-ku b{color: var(--yellow);}
.hlp .cmp-blank{background: transparent;}
.hlp .check-box{border: 2px solid var(--navy); background: #fff; margin-bottom: 48px;}
.hlp .check-title{display: flex; align-items: center; gap: 10px; background: var(--navy); color: #fff; font-size: 20px; font-weight: 900; padding: 14px 28px;}
.hlp .check-title .ic{width: 26px; height: 26px; color: var(--yellow);}
.hlp .check-list{display: grid; grid-template-columns: repeat(5, 1fr);}
.hlp .check-list li{display: flex; align-items: center; gap: 10px; padding: 22px 18px; font-weight: 700; font-size: 15.5px; line-height: 1.5;}
.hlp .check-list li + li{border-left: 1px solid var(--line);}
.hlp .check-list .ic{width: 26px; height: 26px; color: #fff; background: var(--navy); border-radius: 50%; padding: 5px; stroke-width: 4;}
.hlp .tip-list{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.hlp .tip-item{background: var(--bg-alt); padding: 30px 32px; border-radius: var(--r);}
.hlp .tip-item:last-child{grid-column: 1 / -1;}
.hlp .tip-head{display: flex; align-items: center; gap: 14px; margin-bottom: 14px;}
.hlp .tip-num{font-family: var(--font-num); font-size: 15px; font-weight: 800; color: #fff; background: var(--navy); width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none;}
.hlp .tip-ic .ic{width: 34px; height: 34px; color: var(--navy);}
.hlp .tip-h3{font-size: 20px; font-weight: 900; color: var(--navy);}
.hlp .tip-item p{font-size: 15.5px;}
.hlp .tip-item p + p{margin-top: .9em;}
.hlp .item-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;}
.hlp .item-tile{display: flex; flex-direction: column; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line); padding: 18px 10px 16px; text-align: center; height: 100%;}
.hlp .item-img img{width: 120px; height: 120px; object-fit: contain;}
.hlp .item-name{font-size: 15px; font-weight: 700; line-height: 1.5;}
.hlp .g-grid{display: grid; grid-template-columns: 400px 1fr; gap: 32px; align-items: start;}
.hlp .g-box{background: #fff; border: 2px solid var(--navy); padding: 34px 32px 30px; position: relative; text-align: center;}
.hlp .g-ribbon{position: absolute; top: -2px; left: 50%; transform: translateX(-50%); background: var(--navy); color: #fff; font-size: 14px; font-weight: 700; padding: 4px 22px; white-space: nowrap;}
.hlp .g-score{display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 12px;}
.hlp .g-mark{width: 54px;}
.hlp .g-num{font-family: var(--font-num); font-size: 76px; font-weight: 800; color: var(--navy); line-height: 1;}
.hlp .g-of{font-size: 18px; color: var(--sub); margin-left: 6px; font-weight: 600;}
.hlp .g-stars{color: #f5b301; font-size: 32px; letter-spacing: .1em; line-height: 1.3; margin-top: 6px;}
.hlp .g-count{font-size: 16px; font-weight: 700; margin-top: 4px;}
.hlp .g-count-n{font-family: var(--font-num); font-size: 34px; font-weight: 800; color: var(--orange); margin: 0 2px; background: linear-gradient(transparent 65%, var(--marker) 65%);}
.hlp .g-tags-wrap{border-top: 1px solid var(--line); margin-top: 18px; padding-top: 18px;}
.hlp .g-tags-h{font-size: 14px; font-weight: 700; margin-bottom: 10px;}
.hlp .g-tags{display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;}
.hlp .g-tags li{display: inline-flex; align-items: center; gap: 4px; color: #fff; font-size: 13.5px; font-weight: 700; padding: 5px 12px 5px 9px; border-radius: 99px; line-height: 1.4;}
.hlp .g-tags .ic{width: 15px; height: 15px; stroke-width: 4;}
.hlp .g-tag-1{background: #0e8a74;}
.hlp .g-tag-2{background: var(--navy);}
.hlp .g-tag-3{background: #d79a00;}
.hlp .g-btn{width: 100%; margin-top: 22px; font-size: 16px; padding: 15px 18px;}
.hlp .g-btn .ic{width: 14px; height: 14px;}
.hlp .g-quotes{display: flex; flex-direction: column; gap: 18px;}
.hlp .g-quote{display: flex; gap: 18px; background: #fff; padding: 24px 28px; border-left: 5px solid var(--navy); box-shadow: 0 2px 12px rgba(13,33,82,.07);}
.hlp .g-quote-2{border-left-color: #d79a00; margin-left: 32px;}
.hlp .g-quote-3{border-left-color: #0e8a74;}
.hlp .g-quote-ic{width: 50px; height: 50px; border-radius: 50%; background: var(--navy); color: #fff; display: flex; align-items: center; justify-content: center; flex: none;}
.hlp .g-quote-ic .ic{width: 26px; height: 26px;}
.hlp .g-quote-meta{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; line-height: 1.5;}
.hlp .g-quote-src{font-size: 11px; color: var(--sub); border: 1px solid var(--line); padding: 1px 8px; border-radius: 99px;}
.hlp .g-quote-tag{font-size: 13px; font-weight: 700; color: var(--navy); background: var(--bg-alt); padding: 2px 10px; border-radius: 99px;}
.hlp .g-quote-t{font-size: 17px; font-weight: 500; line-height: 1.8;}
.hlp .voice-list{display: flex; flex-direction: column; gap: 18px; max-width: 980px;}
.hlp .voice-card{background: #fff; border: 1px solid var(--line);}
.hlp .voice-head{display: flex; align-items: center; gap: 14px; padding: 20px 28px; flex-wrap: wrap;}
.hlp .voice-ic{width: 46px; height: 46px; border-radius: 50%; background: var(--bg-alt); color: var(--navy); display: flex; align-items: center; justify-content: center; flex: none;}
.hlp .voice-ic .ic{width: 24px; height: 24px;}
.hlp .voice-h3{font-size: 20px; font-weight: 900; color: var(--navy);}
.hlp .voice-tags{display: flex; gap: 6px;}
.hlp .voice-tags li{font-size: 12.5px; font-weight: 700; background: var(--bg-alt); color: var(--navy); padding: 2px 10px; border-radius: 99px; line-height: 1.7;}
.hlp .acc-ic{margin-left: auto; display: flex;}
.hlp .acc-ic .ic{width: 22px; height: 22px; color: var(--navy);}
.hlp details[open] > summary .acc-ic .ic{transform: rotate(45deg);}
.hlp .voice-body{padding: 0 28px 26px 88px;}
.hlp .voice-body p + p{margin-top: .9em;}
.hlp .faq-list{display: flex; flex-direction: column; gap: 12px; max-width: 980px;}
.hlp .faq-item{background: #fff; border: 1px solid var(--line);}
.hlp .faq-item summary{display: flex; align-items: center; gap: 14px; padding: 18px 24px; font-weight: 700; font-size: 17px; line-height: 1.6;}
.hlp .faq-q, .hlp .faq-ai{width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none; font-family: var(--font-num); font-weight: 800; font-size: 16px;}
.hlp .faq-q{background: var(--navy); color: #fff;}
.hlp .faq-ai{background: var(--yellow); color: var(--navy);}
.hlp .faq-a{display: flex; gap: 14px; padding: 4px 24px 22px;}
.hlp .faq-a p{padding-top: 2px;}
.hlp .method-lead{font-size: 26px; font-weight: 900; color: var(--navy); margin-bottom: 28px; line-height: 1.4;}
.hlp .method-lead-n{font-family: var(--font-num); font-size: 44px; color: var(--orange); margin-right: 2px;}
.hlp .method-list{display: flex; flex-direction: column; gap: 28px;}
.hlp .method-card{background: #fff; border: 1px solid var(--line); padding: 30px 32px 32px;}
.hlp .method-head{display: flex; align-items: center; gap: 20px; margin-bottom: 22px;}
.hlp .method-ic{width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: none; background: var(--bg-alt); color: var(--navy);}
.hlp .method-ic .ic{width: 38px; height: 38px;}
.hlp .method-h3{font-size: 26px; font-weight: 900; color: var(--navy); line-height: 1.3;}
.hlp .method-catch{font-size: 16px; font-weight: 700;}
.hlp .method-key{color: var(--orange);}
.hlp .step-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px;}
.hlp .step-list li{position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; background: var(--bg-alt); padding: 20px 14px 18px; border-radius: var(--r);}
.hlp .step-list li + li::before{content: ""; position: absolute; left: -20px; top: 50%; margin-top: -7px; border: 7px solid transparent; border-left: 10px solid var(--navy);}
.hlp .step-n{font-family: var(--font-num); font-size: 16px; font-weight: 800; color: #fff; background: var(--navy); width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;}
.hlp .step-ic .ic{width: 38px; height: 38px; color: var(--navy);}
.hlp .step-t{font-size: 14.5px; font-weight: 700; line-height: 1.6;}
.hlp .cta-final{background: var(--navy); color: #fff; padding: 72px 0; text-align: center;}
.hlp .cta-final-t{font-size: 32px; font-weight: 900; line-height: 1.5;}
.hlp .cta-final-s{font-size: 16px; font-weight: 700; color: var(--yellow); margin: 8px 0 32px;}
.hlp .cta-final-row{display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap;}
.hlp .cta-final-tel{text-align: left; background: #fff; color: var(--navy); padding: 12px 24px; border-radius: var(--btn-r);}
.hlp .cta-final-num{display: flex; align-items: center; gap: 8px; font-family: var(--font-num); font-size: 32px; font-weight: 800; line-height: 1.2;}
.hlp .cta-final-num .ic{width: 26px; height: 26px;}
.hlp .cta-final-tel p{font-size: 12.5px; color: var(--ink); line-height: 1.5;}
.hlp .site-footer{background: #0a1736; color: #fff; padding: 36px 0;}
.hlp .ft-in{display: flex; align-items: center; gap: 24px;}
.hlp .ft-in img{width: 150px;}
.hlp .ft-co{font-size: 14px;}
.hlp .ft-copy{margin-left: auto; font-size: 12px; opacity: .7;}
@media (max-width: 767px){.hlp{--sec-pad: 64px;}
.hlp{font-size: 15px; line-height: 1.85;}
.hlp .sp{display: inline;}
.hlp .pc-in{display: none;}
.hlp .wrap{padding: 0 20px;}
.hlp .hd-in{padding: 10px 14px; gap: 8px;}
.hlp .hd-logo img{width: 128px;}
.hlp .hd-tel{display: none;}
.hlp .hd-btns{gap: 6px;}
.hlp .btn-sm{font-size: 12.5px; padding: 8px 10px; gap: 5px;}
.hlp .btn-md{min-width: 0; width: 100%; font-size: 16px;}
.hlp .btn-lg{font-size: 17px; padding: 17px 18px; width: 100%;}
.hlp .fv-cta{flex-direction: column; gap: 10px;}
.hlp .fv-tel{flex-direction: column; align-items: center; gap: 2px; padding: 12px 14px;}
.hlp .fv-tel-num{font-size: 30px;}
.hlp .fv-tel-info{flex-direction: row; gap: 12px; font-size: 12px;}
.hlp .fv-badges{width: 100%; max-width: 350px;}
.hlp .fv-proof{flex-direction: column; gap: 10px;}
.hlp .fv-sdgs{flex-direction: row; gap: 8px;}
.hlp .fv-sdgs img{width: 84px;}
.hlp .free-band{padding: 18px 0;}
.hlp .free-list{grid-template-columns: 1fr; gap: 0;}
.hlp .free-list li{justify-content: flex-start; padding: 12px 4px;}
.hlp .free-list li + li{border-left: 0; border-top: 1px solid rgba(255,255,255,.2);}
.hlp .free-ic{width: 44px; height: 44px;}
.hlp .free-ic .ic{width: 24px; height: 24px;}
.hlp .free-t{font-size: 18px;}
.hlp .free-d{font-size: 12.5px;}
.hlp .sec-title{font-size: 27px;}
.hlp .sec-sub{font-size: 16px; margin-bottom: 20px;}
.hlp .sec-lead{margin-bottom: 32px;}
.hlp .sec-intro{padding: 56px 0;}
.hlp .intro-grid{grid-template-columns: 1fr; gap: 28px;}
.hlp .intro-lead{font-size: 17px;}
.hlp .intro-catch-b{font-size: 36px;}
.hlp .intro-tools img{width: 88px; height: 88px;}
.hlp .market-grid{grid-template-columns: 1fr; gap: 20px;}
.hlp .market-card{padding: 28px 22px;}
.hlp .pick-grid{grid-template-columns: 1fr 1fr; gap: 12px;}
.hlp .pick-card{padding: 38px 12px 16px;}
.hlp .pick-badge{top: 8px; right: 8px; left: 8px; text-align: center; font-size: 12px; padding: 3px 4px;}
.hlp .pick-img img{width: 120px; height: 120px;}
.hlp .pick-maker{font-size: 17px;}
.hlp .pick-name{font-size: 12px;}
.hlp .pick-model{font-size: 17px;}
.hlp .pick-after{padding: 20px;}
.hlp .rank-head{padding: 14px 18px; gap: 12px;}
.hlp .rank-medal{width: 54px; height: 54px; padding-top: 8px;}
.hlp .rank-no{font-size: 28px;}
.hlp .rank-i{font-size: 12px;}
.hlp .rank-title{font-size: 23px; gap: 8px;}
.hlp .rank-label{font-size: 14px;}
.hlp .rank-en{display: none;}
.hlp .rank-body{grid-template-columns: 1fr;}
.hlp .rank-col{padding: 22px 20px;}
.hlp .rank-col + .rank-col{border-left: 0; border-top: 1px solid var(--line);}
.hlp .rank-voice{margin: 0 20px 22px; padding: 16px; font-size: 14.5px;}
.hlp .js-grid{grid-template-columns: 1fr; gap: 14px;}
.hlp .js-card{display: grid; grid-template-columns: 128px 1fr;}
.hlp .js-img img{height: 100%; aspect-ratio: auto; min-height: 128px;}
.hlp .js-body{padding: 12px 14px 14px;}
.hlp .js-title{font-size: 14px; margin-bottom: 6px;}
.hlp .js-tags{margin-bottom: 6px;}
.hlp .js-tags li{font-size: 11px;}
.hlp .js-meta{font-size: 12px; margin-bottom: 8px;}
.hlp .js-meta dt{width: 5.2em;}
.hlp .js-price{padding: 6px 10px; flex-wrap: wrap; gap: 0 8px;}
.hlp .js-price-l{font-size: 11.5px;}
.hlp .js-price-v{font-size: 22px;}
.hlp .js-link{margin-top: 8px; padding: 6px; font-size: 13px;}
.hlp .cta-mid{padding: 40px 0;}
.hlp .cta-mid-in{flex-direction: column; gap: 18px; align-items: stretch;}
.hlp .cta-mid-t{font-size: 20px; text-align: center;}
.hlp .cta-mid-btns{flex-direction: column; gap: 10px;}
.hlp .cta-mid-tel{align-items: center;}
.hlp .col-grid{grid-template-columns: 1fr; gap: 16px;}
.hlp .col-card a{flex-direction: row;}
.hlp .col-img{width: 120px; flex: none;}
.hlp .col-img img{height: 100%; aspect-ratio: auto;}
.hlp .col-body{padding: 12px 14px;}
.hlp .col-title{font-size: 14.5px; margin-bottom: 8px;}
.hlp .maker-grid{grid-template-columns: 1fr 1fr; gap: 10px;}
.hlp .maker-tile{min-height: 92px; padding: 12px 8px;}
.hlp .maker-logo{font-size: 20px;}
.hlp .maker-ja{font-size: 11px;}
.hlp .str-list{grid-template-columns: 1fr 1fr; gap: 10px;}
.hlp .str-item:last-child{grid-column: 1 / -1;}
.hlp .str-item{padding: 20px 10px 18px;}
.hlp .str-item .ic-badge{width: 60px; height: 60px;}
.hlp .str-item .ic-badge .ic{width: 30px; height: 30px;}
.hlp .str-t{font-size: 16px;}
.hlp .str-d{font-size: 13px;}
.hlp .biz-box{grid-template-columns: 1fr;}
.hlp .biz-side{padding: 28px 22px;}
.hlp .biz-h3{font-size: 22px;}
.hlp .biz-text{padding: 26px 22px;}
.hlp .reason-grid{grid-template-columns: 1fr; gap: 20px;}
.hlp .reason-body{padding: 22px 20px 24px;}
.hlp .cmp-table{font-size: 13.5px; min-width: 350px;}
.hlp .cmp-table th, .hlp .cmp-table td{padding: 12px 6px;}
.hlp .cmp-table thead th{font-size: 14px; padding: 12px 4px;}
.hlp .cmp-table thead .cmp-ku img{width: 96px;}
.hlp .cmp-table tbody th{font-size: 13px; padding-left: 8px;}
.hlp .cmp-table tbody th .cmp-ic{display: flex; margin: 0 0 4px;}
.hlp .cmp-table tbody th .ic{width: 22px; height: 22px;}
.hlp .cmp-table tbody td.cmp-ku{font-size: 14.5px;}
.hlp .cmp-table colgroup, .hlp .cmp-table thead th:first-child{width: 28%;}
.hlp .check-list{grid-template-columns: 1fr;}
.hlp .check-list li{padding: 14px 18px;}
.hlp .check-list li + li{border-left: 0; border-top: 1px solid var(--line);}
.hlp .check-title{padding: 12px 18px; font-size: 18px;}
.hlp .tip-list{grid-template-columns: 1fr; gap: 16px;}
.hlp .tip-item{padding: 22px 20px;}
.hlp .tip-head{gap: 10px; align-items: flex-start;}
.hlp .tip-ic{display: none;}
.hlp .tip-h3{font-size: 17px;}
.hlp .item-grid{grid-template-columns: 1fr 1fr; gap: 10px;}
.hlp .item-img img{width: 96px; height: 96px;}
.hlp .item-name{font-size: 13.5px;}
.hlp .g-grid{grid-template-columns: 1fr; gap: 20px;}
.hlp .g-box{padding: 30px 18px 22px;}
.hlp .g-num{font-size: 60px;}
.hlp .g-quote{padding: 18px 16px; gap: 12px;}
.hlp .g-quote-2{margin-left: 0;}
.hlp .g-quote-ic{width: 40px; height: 40px;}
.hlp .g-quote-t{font-size: 15px;}
.hlp .voice-head{padding: 16px 18px; gap: 10px;}
.hlp .voice-ic{width: 38px; height: 38px;}
.hlp .voice-h3{font-size: 17px;}
.hlp .voice-tags{width: 100%; order: 3; padding-left: 48px;}
.hlp .voice-body{padding: 0 18px 20px;}
.hlp .faq-item summary{padding: 16px 14px; gap: 10px; font-size: 15.5px;}
.hlp .faq-q, .hlp .faq-ai{width: 30px; height: 30px; font-size: 14px;}
.hlp .faq-a{padding: 2px 14px 18px; gap: 10px;}
.hlp .method-lead{font-size: 22px;}
.hlp .method-card{padding: 22px 18px;}
.hlp .method-head{gap: 14px;}
.hlp .method-ic{width: 58px; height: 58px;}
.hlp .method-ic .ic{width: 30px; height: 30px;}
.hlp .method-h3{font-size: 22px;}
.hlp .method-catch{font-size: 14.5px;}
.hlp .step-list{grid-template-columns: 1fr 1fr; gap: 12px;}
.hlp .step-list li + li::before{display: none;}
.hlp .step-list li{padding: 14px 10px;}
.hlp .step-ic .ic{width: 30px; height: 30px;}
.hlp .step-t{font-size: 13px;}
.hlp .cta-final{padding: 56px 0;}
.hlp .cta-final-t{font-size: 22px;}
.hlp .cta-final-row{flex-direction: column; align-items: stretch; gap: 10px;}
.hlp .cta-final-tel{text-align: center;}
.hlp .cta-final-num{justify-content: center; font-size: 30px;}
.hlp .ft-in{flex-direction: column; gap: 8px;}
.hlp .ft-copy{margin-left: 0;}

}
.hlp .voice-sign{text-align: right; font-size: 13px; color: var(--sub); margin-top: 12px;}
.hlp .voice-list, .hlp .faq-list{max-width: none;}
@media (max-width: 767px){.hlp .js-card{grid-template-columns: 128px minmax(0, 1fr);}
.hlp .step-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
.hlp .voice-head{display: grid; grid-template-columns: 38px minmax(0, 1fr) 24px; align-items: center; column-gap: 10px; row-gap: 6px;}
.hlp .voice-tags{grid-column: 2 / 4; padding-left: 0; width: auto; order: 0;}
.hlp .voice-head .acc-ic{grid-row: 1; grid-column: 3;}
.hlp .photo-note{top: 10px; bottom: auto;}

}
.hlp .js-meta dd{min-width: 0;}
@media (min-width: 768px){.hlp .check-list{display: flex;}
.hlp .check-list li{flex: 1 1 auto; white-space: nowrap; padding: 22px 16px;}

}
.hlp .mgr-card{display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 36px; align-items: center; margin-top: 56px; padding: 32px 40px 32px 32px; background: #fff; position: relative;}
.hlp .mgr-photo img{width: 220px; height: 220px; object-fit: cover; object-position: 40% 30%;}
.hlp .mgr-label{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; line-height: 1.4;}
.hlp .mgr-tag{display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 900; padding: 6px 16px; background: var(--navy); color: #fff;}
.hlp .mgr-tag .ic{width: 18px; height: 18px;}
.hlp .mgr-name{font-size: 14px; font-weight: 700; color: var(--sub);}
.hlp .mgr-text{font-size: 17px; line-height: 2; font-weight: 500;}
.hlp .num-band{padding: 72px 0; background: var(--navy); color: #fff;}
.hlp .num-title{display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 28px; font-weight: 900; line-height: 1.4; margin-bottom: 36px;}
.hlp .num-title-en{font-family: var(--font-num); font-size: 12px; font-weight: 700; letter-spacing: .24em; color: var(--yellow); margin-bottom: 4px;}
.hlp .num-list{display: grid; grid-template-columns: repeat(4, 1fr);}
.hlp .num-item{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 16px;}
.hlp .num-item + .num-item{border-left: 1px solid rgba(255,255,255,.25);}
.hlp .num-ic{display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 10px; color: var(--yellow);}
.hlp .num-ic .ic{width: 36px; height: 36px;}
.hlp .num-l{font-size: 15px; font-weight: 700; line-height: 1.5;}
.hlp .num-v{font-size: 20px; font-weight: 900; line-height: 1.25; margin-top: 4px;}
.hlp .num-v b{font-family: var(--font-num); font-size: 58px; font-weight: 800; margin-right: 2px; letter-spacing: .01em;}
.hlp .num-v-area{font-size: 27px; line-height: 1.35; padding: 8px 0;}
.hlp .num-s{font-size: 14px; font-weight: 700; margin-top: 2px; opacity: .9;}
@media (max-width: 767px){.hlp .mgr-card{grid-template-columns: 1fr; gap: 18px; padding: 20px; margin-top: 40px;}
.hlp .mgr-photo img{width: 100%; height: 210px; object-position: 40% 28%;}
.hlp .mgr-text{font-size: 15.5px; line-height: 1.9;}
.hlp .num-band{padding: 56px 0;}
.hlp .num-title{font-size: 23px; margin-bottom: 24px;}
.hlp .num-list{grid-template-columns: 1fr 1fr; row-gap: 22px;}
.hlp .num-item{padding: 6px 8px;}
.hlp .num-item:nth-child(3){border-left: 0;}
.hlp .num-l{font-size: 13px;}
.hlp .num-v{font-size: 16px;}
.hlp .num-v b{font-size: 40px;}
.hlp .num-v-area{font-size: 19px;}

}
.hlp{--red: #d7262e;}
.hlp .t-red{color: var(--red); font-weight: 700;}
.hlp .cmp-mk, .hlp .logo-k{display: none;}
.hlp .br-d{display: none;}
@media (max-width: 767px){.hlp p:not([class]), .hlp .sec-lead, .hlp .mgr-text, .hlp .rank-voice, .hlp .g-quote-t, .hlp .intro-lead, .hlp .note-s, .hlp .faq-a p, .hlp .voice-body p{word-break: normal; line-break: normal; text-wrap: wrap;}

}
.hlp .step-t{word-break: keep-all; overflow-wrap: anywhere;}
@media (max-width: 374px){.hlp .cmp-table{table-layout: fixed; width: 100%;}
.hlp .cmp-table th, .hlp .cmp-table td{padding: 10px 4px; font-size: 12px;}
.hlp .cmp-table tbody td.cmp-ku, .hlp.theme-d .cmp-table tbody td.cmp-ku{font-size: 12.5px;}
.hlp .g-quotes, .hlp .g-quote, .hlp .g-quote > *, .hlp .g-quote-t{min-width: 0; max-width: 100%;}
.hlp .g-quote-t{overflow-wrap: anywhere;}

}
@media (min-width: 768px) and (max-width: 1023px){.hlp{zoom: 0.6;}
 }
@media (min-width: 1024px) and (max-width: 1279px){.hlp{zoom: 0.8;}
 }
@media (max-width: 374px){.hlp .cmp-table{min-width: 0;}
.hlp .g-grid, .hlp .g-wrap, .hlp .g-box, .hlp .g-quotes{min-width: 0;}
.hlp .sec-google .wrap > *, .hlp .sec-google [class*="grid"] > *{min-width: 0;}
.hlp .g-box .btn{white-space: normal; text-align: center;}

}
@media (max-width: 374px){.hlp{overflow-wrap: anywhere;}
 }
.hlp .voice-h3 .v-item{white-space: nowrap;}
@media (max-width: 767px){.hlp .voice-h3 .v-area{display: block; font-size: .82em;}
.hlp .voice-h3 .v-sep{display: none;}
.hlp .voice-h3 .v-item{white-space: normal;}

}
.hlp .g-quote-2{margin-left: 0;}
@media (min-width: 768px){.hlp .sec-lead{max-width: 1000px;}
 }
.hlp .g-lead .em{white-space: nowrap;}
@media (min-width: 768px){.hlp .g-quote-t{text-wrap: wrap;}
 }
.hlp .il, .hlp .market-no, .hlp .cs-no, .hlp .cs-arrow, .hlp .mgr-hand, .hlp .line-hand, .hlp .sec-bg-en, .hlp .sec-dots, .hlp .sec-burst, .hlp .reason-il, .hlp .market-il{display: none;}
.hlp br.pc{display: inline;}
@media (max-width: 767px){.hlp br.pc{display: none;}
 }
.hlp .line-box{margin-top: 36px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px 32px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; position: relative;}
.hlp .line-title{display: flex; align-items: center; gap: 12px; font-size: 26px; font-weight: 900; color: var(--navy); line-height: 1.3;}
.hlp .line-badge{width: 44px; height: 44px; border-radius: 50%; background: var(--green); display: inline-flex; align-items: center; justify-content: center; flex: none;}
.hlp .line-badge .ic{width: 30px; height: 30px; color: #fff;}
.hlp .line-lead{font-size: 17px; font-weight: 700; margin: 8px 0 18px;}
.hlp .line-steps{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px;}
.hlp .line-steps li{display: flex; flex-direction: column; align-items: center; gap: 6px; background: var(--bg-alt); border-radius: var(--r); padding: 16px 10px 14px; text-align: center;}
.hlp .ls-no{width: 30px; height: 30px; border-radius: 50%; background: var(--navy); color: #fff; font-family: var(--font-num); font-weight: 800; display: inline-flex; align-items: center; justify-content: center;}
.hlp .ls-ic .ic{width: 36px; height: 36px; color: var(--navy);}
.hlp .ls-t{font-size: 15px; font-weight: 700; line-height: 1.5;}
.hlp .line-btn{min-width: 300px;}
@media (max-width: 767px){.hlp .line-box{padding: 22px 18px;}
.hlp .line-title{font-size: 21px;}
.hlp .line-lead{font-size: 15.5px;}
.hlp .line-steps{gap: 8px;}
.hlp .line-steps li{padding: 12px 4px;}
.hlp .ls-t{font-size: 13px;}
.hlp .line-btn{min-width: 0; width: 100%;}

}
.hlp .more{margin-top: 12px;}
.hlp .more-sum{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--r); font-weight: 700; color: var(--navy);}
.hlp .more-chev{display: flex; flex: none;}
.hlp .more-chev .ic{width: 18px; height: 18px;}
.hlp .more[open] > .more-sum .more-chev .ic{transform: rotate(180deg);}
.hlp .more-body{padding-top: 14px;}
.hlp .more-body > p + p{margin-top: .9em;}
.hlp .rank-models{padding: 16px 30px 0;}
.hlp .rank-models-h{font-weight: 700; margin-right: 8px;}
.hlp .more-rank{margin: 12px 30px 24px;}
.hlp .voice-lead{padding: 0 28px;}
.hlp .more-voice{margin: 10px 28px 20px;}
.hlp .more-voice .voice-body{padding: 0;}
.hlp .mt-radio, .hlp .mt-labels{display: none;}

.hlp.theme-d{--d-main: #2B5DA4;
  --d-dark: #33569A;
  --d-sub: #4C78B2;
  --d-pale: #EAF0F8;
  --d-pale2: #F4F7FB;
  --d-line: #C9D6EA;
  --d-cream: #FCF4CD;
  --d-cream-line: #EEDFA0;
  --d-yellow: #FFD400;
  --d-yellow-sh: #E0B800;
  --d-marker: #FFE36B;
  --d-ink: #1A1D23;
  --d-ink2: #3A4350;
  --d-gray: #5B6475;
  --d-white: #FFFFFF;
  
  --navy: var(--d-ink);
  --navy-2: var(--d-main);
  --yellow: var(--d-yellow);
  --marker: var(--d-marker);
  --bg-alt: var(--d-pale);
  --line: var(--d-line);
  --ink: var(--d-ink);
  --sub: var(--d-gray);
  --r: 10px;
  --r-lg: 14px;
  --btn-r: 8px;
  --font-head: "M PLUS 1p", "Noto Sans JP", sans-serif;
  --font-num: "Roboto", "Noto Sans JP", sans-serif;
  --shadow: 0 4px 18px rgba(26, 29, 35, .08);}
.hlp.theme-d .logo-w{display: none;}
.hlp.theme-d .logo-k{display: block;}
.hlp.theme-d .em{color: var(--d-main);}
.hlp.theme-d .sec-alt{background: var(--bg-alt);}
.hlp.theme-d .sec-alt{background-image: linear-gradient(170deg, rgba(43,93,164,.06) 0 30%, transparent 30%);}
.hlp.theme-d .sec-head{display: flex; align-items: center; flex-wrap: wrap; column-gap: 14px; row-gap: 4px; margin-bottom: 26px; padding-bottom: 12px; border-bottom: 4px solid var(--d-main); position: relative;}
.hlp.theme-d .sec-head .sh-bar{position: absolute; left: 0; bottom: -4px; width: 120px; height: 4px; background: var(--yellow);}
.hlp.theme-d .sh-slash{width: 58px; height: 44px; flex: none;}
.hlp.theme-d .sec-title{font-family: "M PLUS 1p", sans-serif; font-weight: 900; color: var(--d-ink); font-size: 40px; letter-spacing: .01em;}
.hlp.theme-d .sec-title .key{background: linear-gradient(transparent 60%, var(--yellow) 60%, var(--yellow) 92%, transparent 92%); padding: 0 .06em;}
.hlp.theme-d .hand-note{font-family: "Yomogi", cursive; font-size: 19px; color: var(--d-ink2); line-height: 1.5; margin-left: 8px; transform: rotate(-3deg); border-bottom: 1.5px solid var(--d-ink2); padding: 0 4px 2px;}
.hlp.theme-d .sec-sub{font-family: "M PLUS 1p", sans-serif; font-weight: 800; color: var(--d-dark);}
.hlp.theme-d .ic-badge{border-radius: 50%; background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .sec-alt .ic-badge{background: var(--d-main); color: var(--d-white);}
.hlp .fvd{background: linear-gradient(180deg, var(--d-pale2) 0%, var(--d-pale) 100%); --vis-w: 500px;}
.hlp .fvd-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.hlp .fvd-photo{position: absolute; top: 0; right: 0; bottom: 0; width: 46%; z-index: 1;}
.hlp .fvd-photo img{width: 100%; height: 100%; object-fit: cover; object-position: 58% 16%;}
.hlp .fvd-fade{position: absolute; top: 0; bottom: 0; left: 0; width: 30%; background: linear-gradient(90deg, var(--d-pale2) 0%, rgba(244,247,251,0) 100%);}
.hlp .fvd-tencho .fvd-photo img{object-position: 6% 40%;}
.hlp .fvd-sp{display: none;}
.hlp .fvd .fvx-grid{padding-top: 46px; padding-bottom: 48px;}
.hlp .fvd .fv-cat{display: flex; align-items: center; gap: 8px; font-family: "M PLUS 1p", sans-serif; font-weight: 800; font-size: 17px; color: var(--d-ink); transform: rotate(-2deg); transform-origin: left; margin-bottom: 10px;}
.hlp .fvd-sl{color: var(--d-dark); font-weight: 900;}
.hlp .fv-d .fv-h1{font-family: "M PLUS 1p", sans-serif; font-weight: 900; color: var(--d-ink); gap: 2px;}
.hlp .fv-d .h1-l1{font-size: 60px; line-height: 1.15; letter-spacing: .01em;}
.hlp .fv-d .h1-s{font-size: 40px; margin-left: 2px;}
.hlp .fv-d .h1-l2{display: flex !important; align-items: flex-start; font-size: 136px; line-height: 1.02; letter-spacing: -.02em;}
.hlp .fv-d .h1-arrow{width: 54px; height: 64px; margin: 14px 0 0 2px; flex: none;}
.hlp .fv-d .h1-l3{margin-top: 10px;}
.hlp .fv-d .h1-band{display: inline-block; background: var(--yellow); color: var(--d-ink); font-size: 48px; line-height: 1.2; padding: 6px 26px 10px; transform: rotate(-4deg); transform-origin: left center; box-shadow: 4px 4px 0 rgba(0,0,0,.06);}
.hlp .fvd-qa{gap: 14px; margin-top: 6px;}
.hlp .fvd-bubbles{display: flex; gap: 16px; flex-wrap: wrap;}
.hlp .fvd-bubble{position: relative; background: var(--d-white); border: 2px solid var(--d-ink); border-radius: 40px; padding: 12px 26px; font-weight: 700; font-size: 17px; line-height: 1.45; text-align: center; color: var(--d-ink);}
.hlp .fvd-bubble::after{content: ""; position: absolute; right: 34px; bottom: -13px; border: 7px solid transparent; border-top: 12px solid var(--d-ink); border-bottom: 0;}
.hlp .fvd-ans{display: flex; align-items: center; gap: 10px;}
.hlp .fvd-tri{width: 22px; height: 26px; flex: none;}
.hlp .fvd-ans-t{font-family: "M PLUS 1p", sans-serif; font-weight: 900; font-size: 32px; color: var(--red); background: linear-gradient(transparent 64%, var(--yellow) 64%); line-height: 1.3; padding: 0 .06em; transform: rotate(-2deg); display: inline-block;}
.hlp .fvd .fv-badges{width: 440px;}
.hlp .fvd .fv-sdgs{background: var(--d-white); border-radius: 8px; padding: 8px 12px; box-shadow: var(--shadow);}
.hlp .fvd .fv-tel{border: 1.5px solid var(--d-ink); border-radius: 8px;}
.hlp .fvd .fv-tel-num{color: var(--d-ink);}
.hlp .fvd .btn-lg{box-shadow: 0 4px 0 rgba(0,0,0,.14);}
.hlp .fvd-quote{position: absolute; z-index: 3; right: -20px; top: 40px; display: flex; flex-direction: column; gap: 6px; background: rgba(255,255,255,.95); padding: 16px 22px 12px; box-shadow: var(--shadow); transform: rotate(-4deg); border-left: 6px solid var(--yellow);}
.hlp .fvd-quote-t{font-family: "Yomogi", cursive; font-size: 26px; line-height: 1.45; color: var(--d-ink);}
.hlp .fvd-quote-s{font-size: 12px; font-weight: 700; color: var(--sub); text-align: right;}
.hlp .fvd-toolset{min-height: 600px;}
.hlp .fvd-tool{position: absolute; display: block;}
.hlp .fvd-tool img{width: 100%; height: auto;}
.hlp .fvd-t1{top: 10px; right: 0; width: 230px; transform: rotate(6deg); z-index: 1;}
.hlp .fvd-t2{top: 0; left: 40px; width: 200px; transform: rotate(-12deg); z-index: 2;}
.hlp .fvd-t3{top: 240px; left: 0; width: 270px; transform: rotate(7deg); z-index: 3;}
.hlp .fvd-t4{top: 250px; right: -30px; width: 300px; transform: rotate(-8deg); z-index: 4;}
.hlp .fvd-t5{bottom: 30px; right: 20px; width: 230px; transform: rotate(-3deg); z-index: 3;}
.hlp .fvd-t6{bottom: 50px; left: 30px; width: 290px; transform: rotate(-10deg); z-index: 5;}
.hlp .fvd-tool-note{position: absolute; right: 0; bottom: 0; font-size: 11px; color: var(--sub);}
.hlp.theme-d .free-band{background: var(--d-dark); color: var(--d-white); padding: 30px 0; border-top: 6px solid var(--d-main);}
.hlp.theme-d .free-list li + li{border-left: 1px solid rgba(255,255,255,.35);}
.hlp.theme-d .free-ic{width: 78px; height: 78px; background: var(--d-white); color: var(--d-dark); box-shadow: var(--shadow);}
.hlp.theme-d .free-ic .ic{width: 38px; height: 38px;}
.hlp.theme-d .free-t{font-family: "M PLUS 1p", sans-serif; font-weight: 800; font-size: 20px; display: flex; flex-direction: column; line-height: 1.2;}
.hlp.theme-d .free-t em{font-size: 38px; font-weight: 900; letter-spacing: .12em; color: var(--yellow); align-self: flex-start; padding: 0 .04em; border-bottom: 4px solid var(--yellow); line-height: 1.1;}
.hlp.theme-d .free-d{color: var(--d-white); font-weight: 500;}
.hlp.theme-d .intro-catch{background: var(--d-pale); border: 2px solid var(--d-line); border-radius: var(--r-lg);}
.hlp.theme-d .intro-catch-b{color: var(--d-ink); font-family: "M PLUS 1p", sans-serif; background: linear-gradient(transparent 62%, var(--yellow) 62%); align-self: center; padding: 0 .1em;}
.hlp.theme-d .intro-catch-s{font-family: "Yomogi", cursive;}
.hlp.theme-d .market-card{border-radius: var(--r-lg); box-shadow: var(--shadow); border: 2px solid var(--d-line); border-top: 6px solid var(--d-main);}
.hlp.theme-d .market-label{font-family: "M PLUS 1p", sans-serif; color: var(--d-ink);}
.hlp.theme-d .pick-card, .hlp.theme-d .js-card, .hlp.theme-d .col-card, .hlp.theme-d .maker-tile, .hlp.theme-d .item-tile, .hlp.theme-d .str-item, .hlp.theme-d .reason-card, .hlp.theme-d .rank-card, .hlp.theme-d .voice-card, .hlp.theme-d .faq-item, .hlp.theme-d .method-card, .hlp.theme-d .biz-box, .hlp.theme-d .tip-item{border-radius: var(--r-lg); border: 2px solid var(--d-line); box-shadow: var(--shadow); overflow: hidden;}
.hlp.theme-d .pick-card{padding-top: 24px;}
.hlp.theme-d .pick-img{background: var(--d-white);}
.hlp.theme-d .pick-body{background: var(--d-pale); margin: 8px -24px -24px; padding: 14px 24px 18px;}
.hlp.theme-d .pick-badge{top: 12px; left: 12px; right: auto; width: 74px; height: 74px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; line-height: 1.25; color: var(--d-ink); box-shadow: 0 0 0 4px var(--d-white), 0 0 0 6px var(--yellow); transform: rotate(-8deg);}
.hlp.theme-d .pick-maker{font-family: "M PLUS 1p", sans-serif; font-size: 16px; color: var(--d-ink2);}
.hlp.theme-d .pick-model{font-size: 26px; color: var(--d-ink);}
.hlp.theme-d .pick-after{background: var(--d-white); box-shadow: var(--shadow); border-left: 6px solid var(--yellow); border-radius: var(--r);}
.hlp.theme-d .rank-head{background: var(--d-main); color: var(--d-white);}
.hlp.theme-d .rank-title{font-family: "M PLUS 1p", sans-serif;}
.hlp.theme-d .rank-maker{display: inline-block; background: var(--yellow); color: var(--d-ink); padding: 2px 14px 4px; transform: rotate(-3deg);}
.hlp.theme-d .rank-en{color: var(--d-white); opacity: .85;}
.hlp.theme-d .rank-col-h{background: var(--d-pale); color: var(--d-dark); border-radius: 99px;}
.hlp.theme-d .model-list li{border-left-color: var(--d-main); background: var(--bg-alt); border-radius: 0 6px 6px 0;}
.hlp.theme-d .rank-voice{background: var(--d-cream);}
.hlp.theme-d .rank-voice .ic{color: var(--d-dark);}
.hlp.theme-d .js-cat{background: var(--d-pale); color: var(--d-dark); border-radius: 99px;}
.hlp.theme-d .js-tags li{color: var(--d-dark); border-color: var(--d-line); border-radius: 99px;}
.hlp.theme-d .js-price{background: var(--d-cream);}
.hlp.theme-d .js-price-v{color: var(--d-ink);}
.hlp.theme-d .js-link{color: var(--d-ink); border-color: var(--d-line); border-radius: 99px;}
.hlp.theme-d .js-more-btn{background: var(--yellow); color: var(--d-ink); box-shadow: 0 4px 0 var(--d-yellow-sh);}
.hlp.theme-d .more-link{color: var(--d-ink);}
.hlp.theme-d .cta-mid{background: var(--d-dark); color: var(--d-white);}
.hlp.theme-d .cta-mid-t span{color: var(--yellow);}
.hlp.theme-d .col-tag{color: var(--d-dark);}
.hlp.theme-d .col-more{color: var(--d-ink);}
.hlp.theme-d .maker-logo{font-family: "M PLUS 1p", sans-serif;}
.hlp.theme-d .str-t{font-family: "M PLUS 1p", sans-serif; color: var(--d-ink);}
.hlp.theme-d .biz-side{background: var(--d-main); color: var(--d-white);}
.hlp.theme-d .biz-h3{font-family: "M PLUS 1p", sans-serif; color: var(--d-white);}
.hlp.theme-d .biz-h3 .ic{color: var(--yellow);}
.hlp.theme-d .free-chips li{background: var(--d-white); color: var(--d-ink);}
.hlp.theme-d .free-chips .ic{color: var(--red);}
.hlp.theme-d .reason-top{background: var(--d-main); color: var(--d-white);}
.hlp.theme-d .reason-num{font-family: "Roboto", sans-serif; font-weight: 900; font-size: 52px; color: var(--yellow);}
.hlp.theme-d .reason-key{font-family: "M PLUS 1p", sans-serif; font-weight: 900;}
.hlp.theme-d .reason-ic{width: 52px; height: 52px; border-radius: 50%; background: var(--d-white); display: flex; align-items: center; justify-content: center;}
.hlp.theme-d .reason-ic .ic{color: var(--d-dark); width: 28px; height: 28px;}
.hlp.theme-d .reason-h3{color: var(--d-ink);}
.hlp.theme-d .cmp-mk{display: inline-flex; vertical-align: middle; margin-right: 10px;}
.hlp.theme-d .cmp-mk .ic{width: 22px; height: 22px; color: var(--d-gray);}
.hlp.theme-d .cmp-mk-o{width: 30px; height: 30px; border: 4px solid var(--red); border-radius: 50%; flex: none;}
.hlp.theme-d .cmp-table{box-shadow: var(--shadow); background: var(--d-white); border-radius: var(--r-lg);}
.hlp.theme-d .cmp-table thead th{background: var(--d-dark); color: var(--d-white);}
.hlp.theme-d .cmp-table thead .cmp-flea{background: var(--d-dark); color: var(--d-white); border-radius: 0;}
.hlp.theme-d .cmp-blank{background: var(--d-dark) !important; border-radius: var(--r-lg) 0 0 0;}
.hlp.theme-d .cmp-table thead .cmp-ku{background: var(--yellow); border: 5px solid var(--yellow); border-bottom: 0; border-radius: 12px 12px 0 0;}
.hlp.theme-d .cmp-table tbody th, .hlp.theme-d .cmp-table tbody td{border: 0; border-bottom: 1px solid var(--d-line); background: var(--d-white);}
.hlp.theme-d .cmp-table tbody th{background: var(--d-pale);}
.hlp.theme-d .cmp-table tbody td{border-left: 1px solid var(--line); font-weight: 500; text-align: left;}
.hlp.theme-d .cmp-table tbody td.cmp-ku{background: var(--d-cream); color: var(--d-ink); font-weight: 800; font-size: 19px; border-left: 5px solid var(--yellow); border-right: 5px solid var(--yellow); border-bottom: 1px solid var(--d-cream-line);}
.hlp.theme-d .cmp-table tbody tr:last-child td.cmp-ku{border-bottom: 5px solid var(--yellow);}
.hlp.theme-d .cmp-table tbody td.cmp-ku b{color: var(--red);}
.hlp.theme-d .cmp-table tbody th .ic{color: var(--d-ink2);}
.hlp.theme-d .num-band{background: var(--d-main); color: var(--d-white);}
.hlp.theme-d .num-title{font-family: "M PLUS 1p", sans-serif; color: var(--d-white);}
.hlp.theme-d .num-title-en{color: var(--yellow);}
.hlp.theme-d .num-item{color: var(--ink);}
.hlp.theme-d .num-item{background: var(--d-white); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 24px 12px 22px;}
.hlp.theme-d .num-list{gap: 18px;}
.hlp.theme-d .num-item + .num-item{border-left: 0;}
.hlp.theme-d .num-ic{color: var(--d-dark);}
.hlp.theme-d .num-v b{color: var(--d-ink); font-family: "Roboto", sans-serif; font-weight: 900; background: linear-gradient(transparent 70%, var(--yellow) 70%);}
.hlp.theme-d .check-box{border: 0; border-radius: var(--r-lg); box-shadow: var(--shadow); overflow: hidden;}
.hlp.theme-d .check-title{background: var(--d-main); color: var(--d-white); font-family: "M PLUS 1p", sans-serif;}
.hlp.theme-d .check-title .ic{color: var(--yellow);}
.hlp.theme-d .check-list .ic{background: var(--yellow); color: var(--d-ink);}
.hlp.theme-d .tip-item{background: var(--d-white);}
.hlp.theme-d .tip-num{background: var(--d-main);}
.hlp.theme-d .tip-ic .ic{color: var(--d-dark);}
.hlp.theme-d .tip-h3{color: var(--d-ink); font-family: "M PLUS 1p", sans-serif;}
.hlp.theme-d .item-name{font-family: "M PLUS 1p", sans-serif; font-weight: 800;}
.hlp.theme-d .mgr-card{border-radius: var(--r-lg); box-shadow: var(--shadow); background: var(--d-pale); border: 3px solid var(--d-main);}
.hlp.theme-d .mgr-photo img{border-radius: 10px;}
.hlp.theme-d .mgr-tag{background: var(--yellow); color: var(--d-ink); font-family: "M PLUS 1p", sans-serif; font-size: 18px; padding: 6px 18px; transform: rotate(-5deg);}
.hlp.theme-d .mgr-text{background: var(--d-white); border-radius: 16px; padding: 18px 24px; position: relative;}
.hlp.theme-d .mgr-text::before{content: ""; position: absolute; left: -14px; top: 26px; border: 9px solid transparent; border-right: 14px solid var(--d-white); border-left: 0;}
.hlp.theme-d .g-box{border: 3px solid var(--d-main); border-radius: var(--r-lg); box-shadow: var(--shadow);}
.hlp.theme-d .g-ribbon{background: var(--yellow); color: var(--d-ink); font-weight: 900; border-radius: 0 0 10px 10px;}
.hlp.theme-d .g-num{color: var(--d-ink); font-family: "Roboto", sans-serif; font-weight: 900;}
.hlp.theme-d .btn-navy{background: var(--orange);}
.hlp.theme-d .g-quote{border: 2px solid var(--d-line); border-left: 6px solid var(--d-main); border-radius: var(--r-lg); box-shadow: var(--shadow);}
.hlp.theme-d .g-quote-ic{background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .g-quote-tag{background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .g-tag-2{background: var(--d-dark);}
.hlp.theme-d .voice-ic{background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .voice-h3{color: var(--d-ink); font-family: "M PLUS 1p", sans-serif;}
.hlp.theme-d .voice-tags li{background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .acc-ic .ic{color: var(--d-dark);}
.hlp.theme-d .faq-q{background: var(--d-dark);}
.hlp.theme-d .faq-ai{background: var(--yellow); color: var(--d-ink);}
.hlp.theme-d .faq-item summary{font-family: "M PLUS 1p", sans-serif; font-weight: 800;}
.hlp.theme-d .method-lead{font-family: "M PLUS 1p", sans-serif; color: var(--d-ink);}
.hlp.theme-d .method-ic{background: var(--d-pale); color: var(--d-dark);}
.hlp.theme-d .method-h3{color: var(--d-ink); font-family: "M PLUS 1p", sans-serif; background: linear-gradient(transparent 64%, var(--yellow) 64%); display: inline; padding: 0 .06em;}
.hlp.theme-d .step-list li{background: var(--bg-alt); border-radius: 12px;}
.hlp.theme-d .step-list li + li::before{border-left-color: var(--d-main);}
.hlp.theme-d .step-n{background: var(--d-dark);}
.hlp.theme-d .step-ic .ic{color: var(--d-dark);}
.hlp.theme-d .cta-final{background: var(--d-dark); color: var(--d-white); background-image: linear-gradient(160deg, rgba(255,255,255,.08) 0 40%, transparent 40%);}
.hlp.theme-d .cta-final-t{font-family: "M PLUS 1p", sans-serif; color: var(--d-white);}
.hlp.theme-d .cta-final-s{color: var(--yellow);}
.hlp.theme-d .cta-final-tel{border: 0;}
.hlp.theme-d .cta-final-num{color: var(--d-ink);}
.hlp.theme-d .site-footer{background: var(--d-white); color: var(--ink); border-top: 6px solid var(--d-main);}
.hlp.theme-d .hd-tel-num{color: var(--d-ink);}
@media (max-width: 767px){.hlp.theme-d .sec-title{font-size: 28px; flex: 1 1 0; min-width: 0;}
.hlp.theme-d .sh-slash{width: 40px; height: 30px;}
.hlp.theme-d .hand-note{font-size: 15px; flex-basis: auto; margin-left: 52px;}
.hlp .fvd-bg{display: none;}
.hlp .fvd-photo{display: none;}
.hlp .fvd .fvx-grid{padding-top: 22px;}
.hlp .fvd .fv-cat{font-size: 12.5px; gap: 4px;}
.hlp .fv-d .h1-l1{font-size: 34px;}
.hlp .fv-d .h1-s{font-size: 23px;}
.hlp .fv-d .h1-l2{font-size: 84px;}
.hlp .fv-d .h1-arrow{width: 34px; height: 40px; margin-top: 8px;}
.hlp .fv-d .h1-band{font-size: 28px; padding: 4px 16px 6px;}
.hlp .fvd-visual{margin: 0 -20px; min-height: 0;}
.hlp .fvd-sp{display: block; position: relative; height: 360px; background: var(--d-pale);}
.hlp .fvd-sp img{width: 100%; height: 100%; object-fit: cover; object-position: 60% 14%;}
.hlp .fvd-tencho .fvd-sp{height: 300px;}
.hlp .fvd-tencho .fvd-sp img{object-position: 4% 40%;}
.hlp .fvd-quote{position: relative; right: auto; top: auto; margin: -26px 24px 0 auto; width: max-content;}
.hlp .fvd-quote-t{font-size: 19px;}
.hlp .fvd-bubbles{gap: 10px;}
.hlp .fvd-bubble{font-size: 14.5px; padding: 10px 14px; flex: 1 1 0;}
.hlp .fvd-bubble::after{right: 24px;}
.hlp .fvd-ans-t{font-size: 21px;}
.hlp .fvd-tri{width: 16px; height: 20px;}
.hlp .fvd .fv-badges{width: 100%;}
.hlp .fvd-toolset{min-height: 0; height: 330px; background: var(--d-pale);}
.hlp .fvd-t1{top: 10px; right: 16px; width: 120px;}
.hlp .fvd-t2{top: 4px; left: 36px; width: 104px;}
.hlp .fvd-t3{top: 120px; left: 14px; width: 150px;}
.hlp .fvd-t4{top: 130px; right: 6px; width: 165px;}
.hlp .fvd-t5{bottom: 16px; right: 30px; width: 115px;}
.hlp .fvd-t6{bottom: 20px; left: 40px; width: 165px;}
.hlp .fvd-tool-note{right: 10px; bottom: 4px;}
.hlp.theme-d .free-list li{padding: 12px 4px;}
.hlp.theme-d .free-list li + li{border-left: 0; border-top: 1px solid rgba(255,255,255,.3);}
.hlp.theme-d .free-ic{width: 54px; height: 54px;}
.hlp.theme-d .free-ic .ic{width: 28px; height: 28px;}
.hlp.theme-d .free-t{flex-direction: row; align-items: baseline; gap: 8px; font-size: 17px;}
.hlp.theme-d .free-t em{font-size: 26px;}
.hlp.theme-d .pick-card{padding-top: 16px;}
.hlp.theme-d .pick-body{margin: 6px -12px -16px; padding: 10px 12px 12px;}
.hlp.theme-d .pick-badge{width: 56px; height: 56px; font-size: 11px; left: 8px; top: 8px; right: auto; padding: 0;}
.hlp.theme-d .pick-model{font-size: 18px;}
.hlp.theme-d .cmp-table tbody td{text-align: center;}
.hlp.theme-d .cmp-mk{display: flex; justify-content: center; margin: 0 auto 4px;}
.hlp.theme-d .cmp-mk .ic{width: 18px; height: 18px;}
.hlp.theme-d .cmp-mk-o{width: 24px; height: 24px; border-width: 3px; margin: 0 auto 4px;}
.hlp.theme-d .cmp-table tbody td.cmp-ku{font-size: 14px; border-left-width: 3px; border-right-width: 3px;}
.hlp.theme-d .cmp-table tbody tr:last-child td.cmp-ku{border-bottom-width: 3px;}
.hlp.theme-d .cmp-table thead .cmp-ku{border-width: 3px;}
.hlp.theme-d .num-list{gap: 10px;}
.hlp.theme-d .num-item{padding: 16px 6px 14px;}
.hlp.theme-d .reason-num{font-size: 40px;}
.hlp.theme-d .mgr-text::before{left: 50%; top: -14px; margin-left: -9px; border: 9px solid transparent; border-bottom: 14px solid var(--d-white); border-top: 0;}

}
.hlp.theme-d .sec-alt .ic-badge, .hlp.theme-d .str-item .ic-badge, .hlp.theme-d .reason-ic{background: var(--d-sub); color: var(--d-white);}
.hlp.theme-d .reason-ic .ic{color: var(--d-white);}
.hlp.theme-d .num-band{background: var(--d-main);}
.hlp.theme-d .tip-num, .hlp.theme-d .step-n, .hlp.theme-d .faq-q{background: var(--d-main);}
.hlp.theme-d .check-title{background: var(--d-main);}
.hlp.theme-d .sec-compare{background: var(--d-cream); background-image: none;}
.hlp.theme-d .sec-compare .wrap{display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 48px; align-items: start;}
.hlp.theme-d .sec-compare .sec-head{grid-column: 1; border-bottom-color: var(--d-main);}
.hlp.theme-d .sec-compare .sec-title{font-size: 36px; flex-basis: 100%;}
.hlp.theme-d .sec-compare .hand-note{margin-left: 0;}
.hlp.theme-d .sec-compare .sec-sub{grid-column: 1;}
.hlp.theme-d .sec-compare .table-scroll{grid-column: 2; grid-row: 1 / span 3;}
.hlp.theme-d .cmp-table thead th, .hlp.theme-d .cmp-table thead .cmp-flea, .hlp.theme-d .cmp-blank{background: var(--d-dark) !important; color: var(--d-white);}
.hlp.theme-d .cmp-table thead .cmp-ku{background: var(--d-main) !important;}
.hlp.theme-d .cmp-table .logo-w{display: block;}
.hlp.theme-d .cmp-table .logo-k{display: none;}
.hlp.theme-d .cmp-table tbody th{background: var(--d-white);}
.hlp.theme-d .cmp-table tbody td.cmp-ku{background: var(--d-cream);}
@media (max-width: 767px){.hlp.theme-d .sec-compare .wrap{grid-template-columns: minmax(0, 1fr);}
.hlp.theme-d .sec-compare .table-scroll{grid-column: 1; grid-row: auto;}
.hlp.theme-d .sec-compare .sec-title{font-size: 26px; flex-basis: auto;}
.hlp.theme-d .sec-compare .hand-note{margin-left: 52px;}

}
.hlp.theme-d .br-d{display: inline;}
@media (max-width: 767px){.hlp.theme-d .br-d{display: none;}
.hlp.theme-d .hand-note{flex-basis: 100%; margin-left: 50px; max-width: calc(100% - 50px);}
.hlp.theme-d .sec-compare .hand-note{margin-left: 50px;}

}
@media (max-width: 767px){.hlp.theme-d .hand-note, .hlp.theme-d .sec-compare .hand-note{font-size: 14px; margin-left: 28px; max-width: calc(100% - 28px); letter-spacing: 0; white-space: nowrap;}

}
@media (min-width: 768px){.hlp .fvd-tencho .fvd-quote{top: auto; bottom: 36px; right: -10px;}

}
.hlp .fv-d .h1-l2{align-items: center; margin: 8px 0 10px;}
.hlp .fv-d .h1-logo{display: block; height: 112px; width: auto;}
.hlp .fv-d .h1-arrow{margin: 0 0 30px 6px;}
@media (max-width: 767px){.hlp .fv-d .h1-l2{margin: 6px 0 8px;}
.hlp .fv-d .h1-logo{height: 62px; max-width: calc(100% - 44px); object-fit: contain; object-position: left;}
.hlp .fv-d .h1-arrow{margin: 0 0 16px 4px;}

}
@media (min-width: 768px){.hlp .fv-d .h1-l2{margin-bottom: 24px;}
 }
.hlp .fv-d .h1-band, .hlp .fvd-ans-t{font-family: "M PLUS Rounded 1c", "M PLUS 1p", sans-serif; font-weight: 900;}
.hlp.theme-d .cmp-table tbody th{text-align: center; vertical-align: middle;}
.hlp.theme-d .cmp-table tbody th .cmp-ic{display: flex; justify-content: center; margin: 0 auto 6px;}
@media (max-width: 767px){.hlp.theme-d .cmp-table tbody th .cmp-ic{margin-bottom: 4px;}

}
@media (max-width: 374px){.hlp.theme-d .hand-note, .hlp.theme-d .sec-compare .hand-note{white-space: normal; font-size: 12.5px;}

}
.hlp .fv-d .h1-band, .hlp .fvd-ans-t{font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif; font-weight: 900;}
.hlp.theme-d .il{display: block; max-width: 100%; height: auto;}
.hlp.theme-d .sec{position: relative; overflow: hidden;}
.hlp.theme-d .sec > .wrap{position: relative; z-index: 0;}
.hlp.theme-d .sec-bg-en{display: block; position: absolute; z-index: -1; right: 24px; top: -64px; font-family: "Roboto", sans-serif; font-weight: 900; font-size: 140px; line-height: 1; letter-spacing: .02em; color: rgba(43, 93, 164, .07); white-space: nowrap; pointer-events: none;}
.hlp.theme-d .sec-dots{display: block; position: absolute; z-index: -1; right: -40px; top: 120px; width: 120px; height: 84px; opacity: .35;}
.hlp.theme-d .sec-head{position: relative;}
.hlp.theme-d .sec-burst{display: block; position: absolute; left: -30px; top: -18px; width: 30px; height: 30px;}
.hlp.theme-d .sec-compare .sec-dots, .hlp.theme-d .sec-compare .sec-bg-en{display: none;}
.hlp.theme-d .more{margin-top: 14px;}
.hlp.theme-d .more-sum{display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--d-pale); border: 1.5px solid var(--d-line); border-radius: 10px; padding: 11px 16px; font-weight: 800; font-size: 15px; line-height: 1.5; color: var(--d-ink);}
.hlp.theme-d .more-chev{display: flex; flex: none;}
.hlp.theme-d .more-chev .ic{width: 20px; height: 20px; color: var(--d-main); stroke-width: 4.5;}
.hlp.theme-d .more[open] > .more-sum .more-chev .ic{transform: rotate(180deg);}
.hlp.theme-d .more[open] > .more-sum{border-color: var(--d-main);}
.hlp.theme-d .more-body{padding-top: 16px;}
.hlp.theme-d .more-body > p + p{margin-top: .9em;}
.hlp.theme-d .market-card .ic-badge{display: none;}
.hlp.theme-d .market-il{display: flex; justify-content: center; align-items: center; align-self: stretch; height: 210px; margin: -36px -30px 4px; padding: 18px 20px 6px; background: linear-gradient(180deg, var(--d-pale) 0%, #f7f9fd 100%);}
.hlp.theme-d .market-il .il{height: 100%; width: auto; max-width: 88%; object-fit: contain;}
.hlp.theme-d .market-label{display: flex; align-items: center; justify-content: center; gap: 10px;}
.hlp.theme-d .market-no{display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--d-main); color: var(--d-white); font-family: "Roboto", sans-serif; font-weight: 900; font-size: 16px; line-height: 1;}
.hlp.theme-d .market-card .market-h3{margin-bottom: 4px;}
.hlp.theme-d .more-market .more-body p{font-size: 15.5px;}
.hlp.theme-d .rank-models{display: flex; flex-direction: column; gap: 8px; padding: 20px 30px 4px;}
.hlp.theme-d .rank-models-row{display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; line-height: 1.6;}
.hlp.theme-d .rank-models-h{flex: none; font-size: 13px; font-weight: 800; color: var(--d-main); background: var(--d-pale); border-radius: 99px; padding: 2px 12px;}
.hlp.theme-d .rank-models-v{font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: .02em; color: var(--d-ink);}
.hlp.theme-d .more-rank{margin: 14px 30px 24px;}
.hlp.theme-d .more-rank .more-body{padding-top: 6px;}
.hlp.theme-d .more-rank .rank-col{padding: 20px 22px 8px 0;}
.hlp.theme-d .more-rank .rank-col + .rank-col{padding-left: 22px;}
.hlp.theme-d .more-rank .rank-voice{margin: 14px 0 0;}
.hlp.theme-d .str-item .ic-badge{display: none;}
.hlp.theme-d .il-str{width: 118px; height: 104px; object-fit: contain; margin: 0 auto 10px;}
.hlp.theme-d .biz-side{position: relative; padding-bottom: 0; display: flex; flex-direction: column;}
.hlp.theme-d .il-biz{width: 100%; max-width: 270px; margin: 18px auto 0; align-self: center;}
.hlp.theme-d .mgr-card{position: relative;}
.hlp.theme-d .mgr-tag{font-size: 19px; padding: 7px 18px; border: 2px dashed var(--d-ink); transform: rotate(-6deg); box-shadow: 3px 3px 0 rgba(26, 29, 35, .15);}
.hlp.theme-d .mgr-hand{display: block; position: absolute; z-index: 2; top: 14px; right: 24px; font-family: "Yomogi", cursive; font-size: 20px; line-height: 1.35; color: var(--d-main); text-align: center; transform: rotate(7deg);}
.hlp.theme-d .reason-il{display: flex; justify-content: center; align-items: flex-end; height: 220px; padding: 16px 16px 0; background: linear-gradient(180deg, var(--d-pale) 0%, var(--d-white) 100%);}
.hlp.theme-d .reason-il .il{height: 100%; width: auto; max-width: 92%; object-fit: contain;}
.hlp.theme-d .reason-sum{margin-bottom: 0;}
.hlp.theme-d .more-reason{margin-top: 16px;}
.hlp.theme-d .num-ic{display: none;}
.hlp.theme-d .il-num{width: auto; height: 96px; margin: 0 auto 6px; object-fit: contain;}
.hlp.theme-d .il-cmp{position: absolute; right: -118px; bottom: -36px; width: 150px; transform: rotate(-8deg);}
.hlp.theme-d .check-list{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; padding: 22px 16px 24px;}
.hlp.theme-d .check-list li{position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 14px; border: 0 !important; text-align: center; white-space: normal;}
.hlp.theme-d .check-list li > .ic{display: none;}
.hlp.theme-d .cs-no{display: inline-flex; position: absolute; z-index: 1; left: 12px; top: 0; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: var(--yellow); color: var(--d-ink); font-family: "Roboto", sans-serif; font-weight: 900; font-size: 17px; line-height: 1;}
.hlp.theme-d .cs-il{width: 100%; max-width: 150px; aspect-ratio: 1 / 1; object-fit: contain; padding: 12px; border-radius: 50%; background: var(--d-pale);}
.hlp.theme-d .cs-t{font-size: 15.5px; font-weight: 800; line-height: 1.5;}
.hlp.theme-d .cs-arrow{display: flex; position: absolute; left: -10px; top: 62px; width: 20px; height: 20px; color: var(--d-main);}
.hlp.theme-d .cs-arrow .ic{width: 20px; height: 20px; stroke-width: 6;}
.hlp.theme-d .tip-head .tip-ic{display: none;}
.hlp.theme-d .tip-head{margin-bottom: 4px;}
.hlp.theme-d .il-tip{flex: none; width: 66px; height: 62px; object-fit: contain; margin-left: auto;}
.hlp.theme-d .tip-item{padding: 22px 26px 24px;}
.hlp.theme-d .more-tip{margin-top: 10px;}
.hlp.theme-d .voice-lead{padding: 0 28px; font-size: 15.5px; line-height: 1.8;}
.hlp.theme-d .more-voice{margin: 12px 28px 22px;}
.hlp.theme-d .more-voice .voice-body{padding: 0;}
.hlp.theme-d .voice-card:has(.more-voice[open]) .voice-lead{display: none;}
.hlp.theme-d .mtabs{position: relative;}
.hlp.theme-d .mt-radio{display: block; position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}
.hlp.theme-d .mt-labels{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; position: relative; z-index: 1; margin-bottom: -2px;}
.hlp.theme-d .mt-label{display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 10px; background: var(--d-white); border: 2px solid var(--d-line); border-bottom: 0; border-radius: 14px 14px 0 0; font-family: "M PLUS 1p", sans-serif; font-weight: 900; font-size: 20px; line-height: 1.3; color: var(--d-ink2); cursor: pointer;}
.hlp.theme-d .mt-label .ic{width: 26px; height: 26px; color: var(--d-main);}
.hlp.theme-d #mt-shop:checked ~ .mt-labels .mt-l-shop, .hlp.theme-d #mt-visit:checked ~ .mt-labels .mt-l-visit, .hlp.theme-d #mt-post:checked ~ .mt-labels .mt-l-post{background: var(--d-main); border-color: var(--d-main); color: var(--d-white);}
.hlp.theme-d #mt-shop:checked ~ .mt-labels .mt-l-shop .ic, .hlp.theme-d #mt-visit:checked ~ .mt-labels .mt-l-visit .ic, .hlp.theme-d #mt-post:checked ~ .mt-labels .mt-l-post .ic{color: var(--d-white);}
.hlp.theme-d .mt-radio:focus-visible ~ .mt-labels .mt-label{outline: 2px dashed var(--d-main); outline-offset: 2px;}
.hlp.theme-d .mtabs .method-list{gap: 0;}
.hlp.theme-d .mtabs .method-card{display: none; border: 2px solid var(--d-main); border-top-width: 4px; border-radius: 0 0 14px 14px;}
.hlp.theme-d #mt-shop:checked ~ .method-list .method-shop, .hlp.theme-d #mt-visit:checked ~ .method-list .method-visit, .hlp.theme-d #mt-post:checked ~ .method-list .method-post{display: grid;}
.hlp.theme-d .method-card{grid-template-columns: 210px minmax(0, 1fr); grid-template-areas: "il head" "il steps"; column-gap: 26px; align-items: start; padding: 22px 28px 26px 22px;}
.hlp.theme-d .il-method{grid-area: il; align-self: center; width: 100%;}
.hlp.theme-d .method-head{grid-area: head; margin-bottom: 14px;}
.hlp.theme-d .method-card .step-list{grid-area: steps;}
.hlp.theme-d .method-ic{display: none;}
.hlp.theme-d .il-method-deco{position: absolute; right: 0; top: -58px; width: 200px; transform: rotate(6deg); z-index: 1;}
.hlp.theme-d .line-box{grid-template-columns: 250px minmax(0, 1fr); column-gap: 34px; align-items: center; padding: 28px 40px 30px 26px; border: 2px solid var(--d-line); background: linear-gradient(135deg, var(--d-white) 0%, var(--d-pale) 100%); box-shadow: var(--shadow);}
.hlp.theme-d .il-line{width: 100%;}
.hlp.theme-d .line-title{font-family: "M PLUS 1p", sans-serif; color: var(--d-ink);}
.hlp.theme-d .line-title-t{background: linear-gradient(transparent 62%, var(--d-marker) 62%); padding: 0 .06em;}
.hlp.theme-d .line-steps{max-width: 620px;}
.hlp.theme-d .line-steps li{background: var(--d-white); border: 2px solid var(--d-line);}
.hlp.theme-d .ls-no{background: var(--d-main);}
.hlp.theme-d .ls-ic .ic{color: var(--d-main);}
.hlp.theme-d .line-hand{display: block; position: absolute; top: 18px; right: 28px; font-family: "Yomogi", cursive; font-size: 20px; line-height: 1.35; color: var(--d-main); text-align: center; transform: rotate(8deg);}
.hlp.theme-d .cta-final{position: relative; overflow: hidden;}
.hlp.theme-d .cta-final-in{position: relative;}
.hlp.theme-d .il-cta-l, .hlp.theme-d .il-cta-r{position: absolute; top: 50%; width: 150px;}
.hlp.theme-d .il-cta-l{left: -70px; transform: translateY(-50%) rotate(-10deg);}
.hlp.theme-d .il-cta-r{right: -70px; transform: translateY(-50%) rotate(10deg);}
@media (max-width: 767px){.hlp.theme-d .sec-bg-en{font-size: 64px; top: -38px; right: 0;}
.hlp.theme-d .sec-dots{width: 80px; height: 56px; right: -24px; top: 96px;}
.hlp.theme-d .sec-burst{left: -14px; top: -16px; width: 22px; height: 22px;}
.hlp.theme-d .more-sum{padding: 10px 12px; font-size: 14px;}
.hlp.theme-d .market-il{height: 150px; margin: -28px -22px 4px; padding: 14px 16px 4px;}
.hlp.theme-d .rank-models{padding: 16px 18px 2px;}
.hlp.theme-d .rank-models-v{font-size: 15.5px;}
.hlp.theme-d .more-rank{margin: 12px 18px 18px;}
.hlp.theme-d .more-rank .rank-col, .hlp.theme-d .more-rank .rank-col + .rank-col{padding: 16px 0 8px;}
.hlp.theme-d .il-str{width: 80px; height: 72px; margin-bottom: 8px;}
.hlp.theme-d .il-biz{max-width: 200px; margin-top: 14px;}
.hlp.theme-d .mgr-hand{top: 30px; right: 30px; font-size: 15px; background: rgba(255, 255, 255, .92); padding: 4px 10px; border-radius: 10px;}
.hlp.theme-d .reason-il{height: 160px; padding: 12px 12px 0;}
.hlp.theme-d .il-num{height: 64px; margin-bottom: 4px;}
.hlp.theme-d .il-cmp{display: none;}
.hlp.theme-d .check-list{grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 18px; padding: 18px 8px 20px;}
.hlp.theme-d .check-list li{grid-column: span 2; padding: 0 4px; gap: 6px;}
.hlp.theme-d .check-list li:nth-child(4){grid-column: 2 / span 2;}
.hlp.theme-d .cs-il{max-width: 92px; padding: 8px;}
.hlp.theme-d .cs-no{left: 4px; width: 26px; height: 26px; font-size: 14px;}
.hlp.theme-d .cs-t{font-size: 13px;}
.hlp.theme-d .cs-arrow{display: none;}
.hlp.theme-d .tip-item{padding: 18px 16px 18px;}
.hlp.theme-d .il-tip{width: 52px; height: 50px;}
.hlp.theme-d .voice-lead{padding: 0 18px; font-size: 15px;}
.hlp.theme-d .more-voice{margin: 10px 18px 18px;}
.hlp.theme-d .mt-labels{gap: 6px;}
.hlp.theme-d .mt-label{flex-direction: column; gap: 4px; padding: 10px 4px; font-size: 15px; border-radius: 10px 10px 0 0;}
.hlp.theme-d .mt-label .ic{width: 22px; height: 22px;}
.hlp.theme-d .method-card{grid-template-columns: 92px minmax(0, 1fr); grid-template-areas: "il head" "steps steps"; column-gap: 14px; padding: 18px 16px 20px;}
.hlp.theme-d .il-method{width: 92px;}
.hlp.theme-d .il-method-deco{width: 84px; top: -58px; right: -4px;}
.hlp.theme-d .line-box{grid-template-columns: minmax(0, 1fr); padding: 22px 18px; row-gap: 6px;}
.hlp.theme-d .line-il-wrap{width: 46%; margin: 0 auto;}
.hlp.theme-d .line-hand{top: 18px; right: 14px; font-size: 15px;}
.hlp.theme-d .il-cta-l, .hlp.theme-d .il-cta-r{display: none;}

}
.hlp.theme-d .sec-dots{right: 0;}
.hlp.theme-d .il-cmp{display: none; right: -88px; bottom: -30px; width: 120px;}
@media (min-width: 1400px){.hlp.theme-d .il-cmp{display: block;}
 }
.hlp.theme-d .il-cta-l, .hlp.theme-d .il-cta-r{width: 120px;}
.hlp.theme-d .il-cta-l{left: 0;}
.hlp.theme-d .il-cta-r{right: 0;}
@media (max-width: 767px){.hlp.theme-d .sec-dots{right: 0;}
 }
@media (max-width: 767px){.hlp.theme-d .il-method-deco{right: 10px;}
 }
.hlp.theme-d .il-cmp{bottom: 10px;}
.hlp.theme-d .sec-method .sec-dots{display: none;}
@media (max-width: 767px){.hlp.theme-d .ls-t{font-size: 12.5px; letter-spacing: 0; white-space: nowrap;}
.hlp.theme-d .line-steps li{padding: 12px 2px;}
 }
.hlp.theme-d .cs-t{text-wrap: balance;}
.hlp.theme-d .il-str{width: 150px; height: 128px;}
@media (max-width: 767px){.hlp.theme-d .il-str{width: 96px; height: 84px;}
 }
.hlp.theme-d .mgr-hand, .hlp.theme-d .line-hand{white-space: nowrap;}
.hlp.theme-d .more-t{text-wrap: balance;}
@media (max-width: 374px){.hlp.theme-d .ls-t{white-space: normal; font-size: 12px; text-wrap: balance;}
 }
@media (max-width: 374px){.hlp.theme-d .num-v{white-space: nowrap;}
.hlp.theme-d .num-v b{font-size: 30px;}
.hlp.theme-d .item-name{font-size: 12px; letter-spacing: 0; white-space: nowrap;}

}
.hlp.theme-d .mt-labels{margin-bottom: -4px;}
.hlp.theme-d #mt-shop:checked ~ .mt-labels .mt-l-shop, .hlp.theme-d #mt-visit:checked ~ .mt-labels .mt-l-visit, .hlp.theme-d #mt-post:checked ~ .mt-labels .mt-l-post{padding-bottom: 19px;}
.hlp.theme-d .pick-img{background: var(--d-white); margin: 0 -24px 0; padding: 4px 24px 8px;}
.hlp.theme-d .pick-img img{width: 100%; max-width: 230px; height: auto; aspect-ratio: 1 / 1; object-fit: contain;}
.hlp.theme-d .rank-logo{margin-left: auto; display: flex; align-items: center; justify-content: center; flex: none; width: 168px; height: 64px; padding: 10px 16px; background: var(--d-white); border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, .12);}
.hlp.theme-d .rank-logo img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.hlp.theme-d .rank-en{display: none;}
.hlp.theme-d .maker-logo-img{display: flex; align-items: center; justify-content: center; height: 56px; width: 100%;}
.hlp.theme-d .maker-logo-img img{display: block; width: auto; max-width: 78%; object-fit: contain;}
.hlp.theme-d .ml-makita{height: 44px;}
.hlp.theme-d .ml-max{height: 48px;}
.hlp.theme-d .ml-hikoki, .hlp.theme-d .ml-panasonic{height: 28px;}
.hlp.theme-d .ml-bosch, .hlp.theme-d .ml-kyocera{height: 34px;}
.hlp.theme-d .ml-ryobi{height: 38px;}
.hlp.theme-d .maker-tile{gap: 10px;}
@media (max-width: 767px){.hlp.theme-d .pick-img{margin: 0 -12px; padding: 2px 12px 6px;}
.hlp.theme-d .pick-img img{max-width: 140px;}
.hlp.theme-d .rank-logo{width: 96px; height: 44px; padding: 7px 10px; border-radius: 10px;}
.hlp.theme-d .maker-logo-img{height: 44px;}
.hlp.theme-d .ml-makita{height: 34px;}
.hlp.theme-d .ml-max{height: 38px;}
.hlp.theme-d .ml-hikoki, .hlp.theme-d .ml-panasonic{height: 20px;}
.hlp.theme-d .ml-bosch, .hlp.theme-d .ml-kyocera{height: 26px;}
.hlp.theme-d .ml-ryobi{height: 30px;}
.hlp.theme-d .maker-logo-img img{max-width: 86%;}

}
@media (max-width: 767px){.hlp.theme-d .rank-label{white-space: nowrap;}
.hlp.theme-d .rank-head{gap: 10px; padding-right: 14px;}
.hlp.theme-d .rank-title{gap: 6px; min-width: 0;}
.hlp.theme-d .rank-logo{width: 84px; height: 40px; padding: 6px 8px;}

}
@media (max-width: 374px){.hlp.theme-d .rank-label{font-size: 12px;}
.hlp.theme-d .rank-logo{width: 72px; height: 36px;}

}
@media (max-width: 767px){.hlp.theme-d .rank-title{flex-direction: column; align-items: flex-start; gap: 2px; flex: 1 1 auto;}
.hlp.theme-d .rank-maker{white-space: nowrap; font-size: 21px; padding: 1px 12px 3px;}
.hlp.theme-d .rank-label{font-size: 12.5px;}

}
@media (max-width: 374px){.hlp.theme-d .rank-medal{width: 46px; height: 46px; padding-top: 6px;}
.hlp.theme-d .rank-no{font-size: 24px;}
.hlp.theme-d .rank-maker{font-size: 18px; padding: 1px 10px 3px;}
.hlp.theme-d .rank-head{padding-left: 14px; gap: 8px;}

}
@media (max-width: 767px){.hlp.theme-d .pick-badge{width: 46px; height: 46px; font-size: 9.5px; left: 5px; top: 5px; box-shadow: 0 0 0 3px var(--d-white), 0 0 0 4px var(--yellow);}
.hlp.theme-d .pick-img{padding: 14px 6px 6px 22px;}
.hlp.theme-d .pick-img img{max-width: 128px;}

}
@media (max-width: 767px){.hlp.theme-d .pick-img{padding: 26px 4px 4px 34px;}
.hlp.theme-d .pick-img img{max-width: 122px;}
 }
@media (max-width: 374px){.hlp.theme-d .pick-body{padding-left: 10px; padding-right: 8px;}
.hlp.theme-d .pick-model{font-size: 15px; white-space: nowrap; overflow-wrap: normal; letter-spacing: -0.01em;}
.hlp.theme-d .pick-name{font-size: 10.5px; white-space: nowrap; overflow-wrap: normal; letter-spacing: 0;}

}
.hlp.theme-d .market-grid, .hlp.theme-d .reason-grid, .hlp.theme-d .tip-list{align-items: start;}
.hlp .fvd .fv-sdgs-badge{background: none; box-shadow: none; padding: 0; border-radius: 0;}
.hlp .fvd .fv-sdgs-badge img{width: 260px; height: auto;}
@media (min-width: 768px){.hlp .fvd{--vis-w: 400px;}
.hlp .fvd .fvx-grid{column-gap: 40px; row-gap: 12px; padding-top: 26px; padding-bottom: 28px; grid-template-rows: auto auto auto auto;}
.hlp .fvd-photo{width: 42%;}
.hlp .fvd-photo img{object-position: 58% 14%;}
.hlp .fvd .fv-cat{font-size: 15px; margin-bottom: 4px;}
.hlp .fv-d .h1-l1{font-size: 46px;}
.hlp .fv-d .h1-s{font-size: 31px;}
.hlp .fv-d .h1-l2{margin: 4px 0 12px;}
.hlp .fv-d .h1-logo{height: 80px;}
.hlp .fv-d .h1-arrow{width: 40px; height: 48px; margin: 0 0 22px 4px;}
.hlp .fv-d .h1-l3{margin-top: 0;}
.hlp .fv-d .h1-band{font-size: 36px; padding: 4px 20px 7px;}
.hlp .fvd-qa{flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 4px;}
.hlp .fvd-bubbles{gap: 12px;}
.hlp .fvd-bubble{font-size: 14.5px; padding: 8px 18px; line-height: 1.4;}
.hlp .fvd-bubble::after{right: 26px; bottom: -11px; border-top-width: 10px;}
.hlp .fvd-ans-t{font-size: 26px;}
.hlp .fvd-tri{width: 18px; height: 22px;}
.hlp .fvd .fv-proof{flex-direction: row; align-items: center; gap: 18px;}
.hlp .fvd .fv-badges{width: 330px;}
.hlp .fvd .fvx-cta{flex-direction: row; align-items: stretch; gap: 10px;}
.hlp .fvd .fv-cta{gap: 10px; flex: 1 1 auto;}
.hlp .fvd.fvx .fv-cta .btn{font-size: 15.5px; padding: 12px 12px; gap: 6px; white-space: nowrap;}
.hlp .fvd .fv-cta .btn .ic{width: 1.35em; height: 1.35em;}
.hlp .fvd .fv-tel{flex: none; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; padding: 4px 14px;}
.hlp .fvd .fv-tel-num{font-size: 23px; gap: 6px;}
.hlp .fvd .fv-tel-num .ic{width: 19px; height: 19px;}
.hlp .fvd .fv-tel-info{flex-direction: row; gap: 8px; font-size: 10.5px; line-height: 1.4; white-space: nowrap;}
.hlp.theme-d .free-band{padding: 14px 0; border-top-width: 4px;}
.hlp.theme-d .free-ic{width: 54px; height: 54px;}
.hlp.theme-d .free-ic .ic{width: 28px; height: 28px;}
.hlp.theme-d .free-t{font-size: 16px;}
.hlp.theme-d .free-t em{font-size: 28px; border-bottom-width: 3px;}
.hlp.theme-d .free-d{font-size: 12px; line-height: 1.5;}

}
@media (max-width: 767px){.hlp .fvd .fvx-grid{padding-top: 14px; padding-bottom: 22px; row-gap: 12px;}
.hlp .fvd .fv-cat{font-size: 11.5px; margin-bottom: 4px;}
.hlp .fv-d .h1-l1{font-size: 30px;}
.hlp .fv-d .h1-s{font-size: 20px;}
.hlp .fv-d .h1-l2{margin: 4px 0 8px;}
.hlp .fv-d .h1-logo{height: 52px;}
.hlp .fv-d .h1-arrow{width: 28px; height: 34px; margin: 0 0 12px 4px;}
.hlp .fv-d .h1-band{font-size: 23px; padding: 3px 14px 5px;}
.hlp .fvd-sp{height: 190px;}
.hlp .fvd-sp img{object-position: 58% 9%;}
.hlp .fvd-qa{gap: 8px; margin-top: 0;}
.hlp .fvd-bubble{font-size: 13.5px; padding: 7px 10px; line-height: 1.4;}
.hlp .fvd-bubble::after{bottom: -11px; border-top-width: 10px;}
.hlp .fvd-ans-t{font-size: 19px;}
.hlp .fvd .fv-proof{gap: 6px;}
.hlp .fvd .fv-badges{width: 300px; max-width: 100%;}
.hlp .fvd .fv-sdgs-badge img{width: 220px;}
.hlp .fvd .fvx-cta{gap: 8px;}
.hlp .fvd .fv-cta{flex-direction: row; gap: 8px;}
.hlp .fvd.fvx .fv-cta .btn{font-size: 14.5px; padding: 13px 6px; gap: 5px; white-space: nowrap;}
.hlp .fvd .fv-cta .btn .ic{width: 1.3em; height: 1.3em;}
.hlp .fvd .fv-cta .btn .ic:last-child:not(:first-child){display: none;}
.hlp .fvd .fv-tel{padding: 7px 12px;}
.hlp .fvd .fv-tel-num{font-size: 25px;}
.hlp .fvd .fv-tel-info{font-size: 11px;}
.hlp.theme-d .free-band{padding: 8px 0;}
.hlp.theme-d .free-list li{padding: 7px 4px; gap: 12px;}
.hlp.theme-d .free-ic{width: 40px; height: 40px;}
.hlp.theme-d .free-ic .ic{width: 22px; height: 22px;}
.hlp.theme-d .free-t{font-size: 15px; gap: 6px;}
.hlp.theme-d .free-t em{font-size: 21px;}
.hlp.theme-d .free-d{font-size: 11.5px;}

}
@media (min-width: 768px){.hlp .fvd-qa{flex-direction: column; align-items: flex-start; gap: 8px;}
.hlp .fvd-bubbles{justify-content: flex-start;}
.hlp .fvd .fvx-grid{padding-top: 22px; padding-bottom: 24px; row-gap: 11px;}
.hlp .fv-d .h1-l2{margin: 2px 0 9px;}
.hlp .fv-d .h1-logo{height: 76px;}

}
@media (max-width: 767px){.hlp .fvd-sp{height: 178px;}
.hlp .fvd .fvx-grid{row-gap: 11px;}

}
@media (min-width: 768px){.hlp .fvd-photo{width: 39%;}
.hlp .fv-d .h1-l2{margin-bottom: 14px;}
.hlp .fvd .fv-cta{flex: none;}
.hlp .fvd.fvx .fv-cta .btn{flex: none; font-size: 15px; padding: 12px 14px;}
.hlp .fvd .fv-tel{padding: 4px 12px;}
.hlp .fvd .fv-tel-num{font-size: 21px;}
.hlp .fvd .fv-tel-info{font-size: 10px; gap: 6px;}

}
@media (min-width: 768px){.hlp .fv-d .h1-l2{margin-bottom: 19px;}
 }
@media (max-width: 767px){.hlp .fv-d .h1-l2{margin-bottom: 11px;}
 }
.hlp.theme-d .mgr-text p + p{margin-top: .7em;}
.hlp.theme-d .col-img img{aspect-ratio: 2 / 1; height: auto;}
.hlp.theme-d .col-body{padding: 14px 18px 16px;}
.hlp.theme-d .col-tag{margin-bottom: 4px;}
.hlp.theme-d .col-title{font-size: 15.5px; line-height: 1.6; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
@media (max-width: 767px){.hlp.theme-d .col-card a{align-items: stretch;}
.hlp.theme-d .col-img{width: 132px; display: flex; align-items: center;}
/* 画像は 2:1 のまま切らずに縦の中央へ置く（11/6 指示）。縦横比は必ず指定する: sizes="auto" の遅延読み込み画像は、ブラウザーが仮の大きさ 3000×1500 を当てるため、高さを画像に任せるとカードが縦に伸びる（11/6 本番で発生） */
.hlp.theme-d .col-img img{width: 100%; height: auto; aspect-ratio: 2 / 1;}
.hlp.theme-d .col-body{padding: 10px 12px;}
.hlp.theme-d .col-title{font-size: 14px; line-height: 1.55; margin-bottom: 4px;}
.hlp.theme-d .col-tag{font-size: 11px; margin-bottom: 2px;}
.hlp.theme-d .col-more{font-size: 12.5px;}

}
.hlp .site-footer-full{background: none; color: var(--ink); padding: 0;}
.hlp .site-footer-full .ft-h{display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 28px; font-weight: 900; line-height: 1.4; margin-bottom: 10px;}
.hlp .site-footer-full .ft-h-en{font-family: var(--font-num); font-size: 12px; font-weight: 700; letter-spacing: .22em; color: var(--navy-2); margin-bottom: 2px;}
.hlp .ft-lead{text-align: center; font-size: 15px; color: var(--sub); margin-bottom: 30px;}
.hlp .ft-cats{padding: 72px 0 64px; background: #fff;}
.hlp .ft-cat-grid{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px;}
.hlp .ft-cat{display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; padding: 12px 8px 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); text-align: center;}
.hlp .ft-cat-img{display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; max-width: 120px;}
.hlp .ft-cat-img img{width: 100%; height: 100%; object-fit: contain;}
.hlp .ft-cat-t{font-size: 13px; font-weight: 700; line-height: 1.45; text-wrap: balance;}
.hlp .ft-area{padding: 64px 0 64px; background: var(--bg-alt);}
.hlp .ft-pref-list{display: flex; flex-direction: column; gap: 12px;}
.hlp .ft-pref{background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 16px 22px;}
.hlp .ft-pref-h{display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 900; line-height: 1.4;}
.hlp .ft-pref-n{font-size: 12px; font-weight: 700; color: var(--sub);}
.hlp .ft-pref-h .more-chev{margin-left: auto;}
.hlp .ft-pref-links{margin-top: 10px; font-size: 13.5px; line-height: 2; color: var(--sub); word-break: keep-all; overflow-wrap: anywhere;}
.hlp .ft-pref-links a{color: var(--ink); text-decoration: underline; text-decoration-color: rgba(0, 0, 0, .25); text-underline-offset: 3px; white-space: nowrap;}
.hlp .ft-pref-h{cursor: pointer; list-style: none;}
.hlp .ft-pref-h::-webkit-details-marker{display: none;}
.hlp .ft-nav{background: #1f2937; color: #fff; padding: 36px 0 30px;}
.hlp .ft-nav-row{display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: start;}
.hlp .ft-nav-row + .ft-nav-row{margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .15);}
.hlp .ft-nav-h{font-size: 15px; font-weight: 900; line-height: 1.6; padding-left: 12px; border-left: 4px solid var(--yellow);}
.hlp .ft-nav-links{display: flex; flex-wrap: wrap; gap: 6px 22px;}
.hlp .ft-nav-links a{font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, .9); white-space: nowrap;}
.hlp .ft-info{background: #fff; padding: 28px 0 32px;}
.hlp .ft-info-in{display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;}
.hlp .ft-logo img{width: 170px;}
.hlp .site-footer-full .ft-logo .logo-w{display: none;}
.hlp .site-footer-full .ft-logo .logo-k{display: block;}
.hlp .site-footer-full .ft-co{font-size: 13px;}
.hlp .site-footer-full .ft-copy{margin-left: 0; font-size: 11.5px; color: var(--sub); opacity: 1;}
@media (max-width: 767px){.hlp .site-footer-full .ft-h{font-size: 22px;}
.hlp .ft-lead{font-size: 13.5px; margin-bottom: 20px;}
.hlp .ft-cats{padding: 52px 0 44px;}
.hlp .ft-cat-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.hlp .ft-cat{padding: 8px 4px 9px; gap: 4px;}
.hlp .ft-cat-img{max-width: 84px;}
.hlp .ft-cat-t{font-size: 11px; letter-spacing: 0;}
.hlp .ft-area{padding: 44px 0;}
.hlp .ft-pref-list{gap: 8px;}
.hlp .ft-pref{padding: 12px 14px;}
.hlp .ft-pref-h{font-size: 15px;}
.hlp .ft-pref-links{font-size: 13px;}
.hlp .ft-nav{padding: 28px 0 24px;}
.hlp .ft-nav-row{grid-template-columns: minmax(0, 1fr); gap: 10px;}
.hlp .ft-nav-links{gap: 4px 16px;}
.hlp .ft-nav-links a{font-size: 12.5px;}
.hlp .site-footer-full .ft-co{font-size: 12px;}
.hlp .site-footer-full .ft-copy{font-size: 10.5px;}

}
.hlp.theme-d .site-footer-full{border-top: 0; background: none;}
.hlp.theme-d .site-footer-full .ft-h{font-family: "M PLUS 1p", sans-serif; color: var(--d-ink);}
.hlp.theme-d .site-footer-full .ft-h-en{color: var(--d-main);}
.hlp.theme-d .ft-cat{border: 2px solid var(--d-line); border-radius: 12px; box-shadow: var(--shadow);}
.hlp.theme-d .ft-area{background: var(--d-pale);}
.hlp.theme-d .ft-pref{border: 2px solid var(--d-line); border-radius: 12px;}
.hlp.theme-d .ft-pref-h > span:first-child{padding-left: 10px; border-left: 4px solid var(--d-main);}
.hlp.theme-d .ft-pref-h .more-chev .ic{width: 20px; height: 20px; color: var(--d-main); stroke-width: 4.5;}
.hlp.theme-d .ft-pref[open] .ft-pref-h .more-chev .ic{transform: rotate(180deg);}
.hlp.theme-d .ft-info{border-top: 6px solid var(--d-main);}
@media (max-width: 767px){.hlp .fvd .fv-cta .btn{flex: 1 1 0; min-width: 0;}
 }
@media (max-width: 374px){.hlp .fvd.fvx .fv-cta .btn{font-size: 13px; padding: 12px 4px; gap: 4px;}
.hlp .ft-cat-t{font-size: 10px;}

}
@media (max-width: 414px){.hlp .ft-cat-t{word-break: keep-all; overflow-wrap: anywhere;}
 }
@media (max-width: 767px){.hlp .fvd-staff .fvd-sp{height: 250px;}
.hlp .fvd-staff .fvd-sp img{object-position: 62% 16%;}

}
@media (max-width: 767px){.hlp .fvd-staff .fvd-sp{height: 300px;}
.hlp .fvd-staff .fvd-sp img{object-position: 70% 26%;}

}
.hlp .ft-cat-t{word-break: keep-all; overflow-wrap: normal;}
@media (max-width: 374px){.hlp .ft-cat-t{font-size: 10px; letter-spacing: 0;}
 }
.hlp.theme-d .item-grid-cur{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
.hlp.theme-d .item-tile-cur{position: relative; gap: 10px; padding: 16px 12px 40px; background: var(--d-white);}
.hlp.theme-d .item-tile-cur .item-img{display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; background: var(--d-white); border-radius: 8px;}
.hlp.theme-d .item-tile-cur .item-img img{width: auto; height: auto; max-width: min(100%, 196px); max-height: 143px; object-fit: contain;}
.hlp.theme-d .item-tile-cur .item-name{font-size: 16px; line-height: 1.45; text-wrap: balance;}
.hlp.theme-d .item-more{position: absolute; right: 12px; bottom: 10px; display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 700; color: var(--d-main);}
.hlp.theme-d .item-more .ic{width: 12px; height: 12px; stroke-width: 5;}
.hlp.theme-d .sec-voice .g-lead{margin-bottom: 36px;}
.hlp.theme-d .rv-block + .rv-block{margin-top: 48px;}
.hlp.theme-d .rv-h3{display: flex; align-items: center; gap: 10px; font-family: "M PLUS 1p", sans-serif; font-size: 23px; font-weight: 900; color: var(--d-ink); line-height: 1.4; padding-bottom: 10px; border-bottom: 2px dashed var(--d-line);}
.hlp.theme-d .rv-h3 .ic{width: 28px; height: 28px; color: var(--d-main);}
.hlp.theme-d .rv-h3-g{width: 28px; height: auto;}
.hlp.theme-d .rv-note{font-size: 12.5px; color: var(--d-gray); margin: 8px 0 18px;}
.hlp.theme-d .rv-google .rv-h3{margin-bottom: 18px;}
.hlp.theme-d .g-band{display: grid; grid-template-columns: 240px minmax(0, 1fr) auto; align-items: center; gap: 28px; background: var(--d-white); border: 3px solid var(--d-main); border-radius: var(--r-lg); box-shadow: var(--shadow); padding: 20px 28px;}
.hlp.theme-d .g-band-score{position: relative; text-align: center; padding-top: 18px;}
.hlp.theme-d .g-band .g-ribbon{position: absolute; top: -22px; left: 50%; transform: translateX(-50%);}
.hlp.theme-d .g-band .g-num{font-size: 60px;}
.hlp.theme-d .g-band .g-stars{font-size: 26px; margin-top: 2px;}
.hlp.theme-d .g-band .g-count{margin: 0 0 8px;}
.hlp.theme-d .g-band .g-tags-wrap{border-top: 0; margin-top: 0; padding-top: 0;}
.hlp.theme-d .g-band .g-tags-h{text-align: left; margin-bottom: 6px;}
.hlp.theme-d .g-band .g-tags{justify-content: flex-start;}
.hlp.theme-d .g-band .g-btn{width: auto; margin-top: 0; white-space: nowrap;}
.hlp.theme-d .rv-google .note-s{margin-top: 10px;}
.hlp.theme-d .num-v-area{white-space: nowrap; font-size: 23px;}
@media (max-width: 1100px) and (min-width: 768px){.hlp.theme-d .g-band{grid-template-columns: 220px minmax(0, 1fr);}
.hlp.theme-d .g-band .g-btn{grid-column: 1 / -1; justify-self: center;}

}
@media (max-width: 767px){.hlp.theme-d .item-grid-cur{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
.hlp.theme-d .item-tile-cur{padding: 10px 8px 32px; gap: 6px;}
.hlp.theme-d .item-tile-cur .item-img{height: 112px;}
.hlp.theme-d .item-tile-cur .item-img img{max-width: min(100%, 160px); max-height: 112px;}
.hlp.theme-d .item-tile-cur .item-name{font-size: 13.5px;}
.hlp.theme-d .item-more{right: 8px; bottom: 7px; font-size: 11.5px;}
.hlp.theme-d .rv-h3{font-size: 19px;}
.hlp.theme-d .rv-block + .rv-block{margin-top: 36px;}
.hlp.theme-d .g-band{grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 26px 16px 18px; text-align: center;}
.hlp.theme-d .g-band .g-num{font-size: 52px;}
.hlp.theme-d .g-band .g-tags-h{text-align: center;}
.hlp.theme-d .g-band .g-tags{justify-content: center;}
.hlp.theme-d .g-band .g-btn{width: 100%; white-space: normal;}
.hlp.theme-d .num-v-area{font-size: 15px; letter-spacing: 0;}

}
@media (max-width: 374px){.hlp.theme-d .num-v-area{font-size: 13.5px;}
.hlp.theme-d .item-tile-cur .item-name{font-size: 12.5px;}

}
@media (max-width: 767px){.hlp.theme-d .item-tile-cur .item-name{word-break: keep-all; overflow-wrap: anywhere;}
 }
@media (max-width: 400px){.hlp.theme-d .g-band .g-btn{font-size: 14px; padding: 14px 10px; white-space: nowrap;}
 }
.hlp.theme-d .rv-google-big{position: relative; margin-bottom: 56px;}
.hlp.theme-d .gx{position: relative; display: grid; grid-template-columns: 400px minmax(0, 1fr); align-items: center; gap: 48px; padding: 40px 48px; border-radius: 20px; overflow: hidden;
  background: #fff; border: 3px solid var(--d-main); box-shadow: 0 10px 30px rgba(43, 93, 164, .14);
  background-image: linear-gradient(115deg, transparent 0 58%, rgba(234, 240, 248, .9) 58% 100%), repeating-linear-gradient(-45deg, rgba(43, 93, 164, .05) 0 2px, transparent 2px 14px);}
.hlp.theme-d .gx::before{content: ""; position: absolute; left: -40px; top: -40px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255, 212, 0, .18);}
.hlp.theme-d .gx-card{position: relative; width: 360px; height: 360px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.hlp.theme-d .g-wreath{position: absolute; inset: 0; width: 100%; height: 100%;}
.hlp.theme-d .gx-card-in{position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: -6px;}
.hlp.theme-d .g-logo{font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 700; font-size: 46px; letter-spacing: -.01em; line-height: 1;}
.hlp.theme-d .g-logo .gb{color: #4285F4;}
.hlp.theme-d .g-logo .gr{color: #EA4335;}
.hlp.theme-d .g-logo .gy{color: #FBBC05;}
.hlp.theme-d .g-logo .gg{color: #34A853;}
.hlp.theme-d .gx-sub{font-size: 15px; font-weight: 800; color: var(--d-ink2); margin-top: 6px; letter-spacing: .1em;}
.hlp.theme-d .gx-num{font-family: "Roboto", sans-serif; font-weight: 900; font-size: 104px; line-height: .95; color: var(--d-ink); letter-spacing: -.02em;}
.hlp.theme-d .gx-stars{display: flex; gap: 3px; margin-top: 6px;}
.hlp.theme-d .g-star{width: 32px; height: 32px;}
.hlp.theme-d .gx-count{margin-top: 10px; font-size: 15px; font-weight: 800; color: var(--d-ink);}
.hlp.theme-d .gx-count b{font-family: "Roboto", sans-serif; font-size: 26px; font-weight: 900; color: var(--orange); background: linear-gradient(transparent 62%, var(--d-marker) 62%); padding: 0 2px;}
.hlp.theme-d .gx-body{position: relative;}
.hlp.theme-d .gx-en{font-family: "Roboto", sans-serif; font-weight: 900; font-size: 13px; letter-spacing: .24em; color: var(--d-main); margin-bottom: 6px;}
.hlp.theme-d .gx-title{display: flex; flex-direction: column; font-family: "M PLUS 1p", sans-serif; font-weight: 900; color: var(--d-ink); line-height: 1.35; margin-bottom: 16px;}
.hlp.theme-d .gx-title-s{font-size: 18px; color: var(--d-dark);}
.hlp.theme-d .gx-title-b{font-size: 36px;}
.hlp.theme-d .gx-hl{display: inline-block; background: var(--yellow); padding: 0 10px 2px; transform: rotate(-2deg); margin: 0 4px;}
.hlp.theme-d .gx-text{font-size: 16px; line-height: 1.9; margin-bottom: 18px; max-width: 560px;}
.hlp.theme-d .gx-tags-h{font-size: 13px; font-weight: 800; color: var(--d-gray); margin-bottom: 8px;}
.hlp.theme-d .gx-tags{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px;}
.hlp.theme-d .gx-tags li{display: inline-flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 800; color: #fff; padding: 9px 18px 9px 14px; border-radius: 99px; line-height: 1.3;}
.hlp.theme-d .gx-tags li:nth-child(1){background: #0e8a74;}
.hlp.theme-d .gx-tags li:nth-child(2){background: var(--d-main);}
.hlp.theme-d .gx-tags li:nth-child(3){background: #d79a00;}
.hlp.theme-d .gx-tags .ic{width: 18px; height: 18px; stroke-width: 4;}
.hlp.theme-d .gx-btn{display: inline-flex; align-items: center; gap: 12px; background: var(--d-main); color: #fff; font-size: 19px; font-weight: 800; padding: 18px 30px 18px 18px; border-radius: 99px; box-shadow: 0 5px 0 #1d4380;}
.hlp.theme-d .gx-btn-g{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #4285F4; font-family: "Roboto", sans-serif; font-weight: 900; font-size: 22px;}
.hlp.theme-d .gx-btn .ic{width: 16px; height: 16px;}
.hlp.theme-d .rv-google-big .note-s{margin-top: 12px;}
.hlp.theme-d .item-tile-cur .item-img{height: 170px;}
.hlp.theme-d .item-tile-cur .item-img img{max-width: 100%; max-height: 170px; width: auto; height: 100%; object-fit: contain;}
@media (max-width: 1100px) and (min-width: 768px){.hlp.theme-d .gx{grid-template-columns: 340px minmax(0, 1fr); gap: 32px; padding: 32px;}
.hlp.theme-d .gx-card{width: 320px; height: 320px;}

}
@media (max-width: 767px){.hlp.theme-d .rv-google-big{margin-bottom: 40px;}
.hlp.theme-d .gx{grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px 18px 28px; background-image: linear-gradient(180deg, rgba(234, 240, 248, .9) 0 46%, transparent 46%), repeating-linear-gradient(-45deg, rgba(43, 93, 164, .05) 0 2px, transparent 2px 14px);}
.hlp.theme-d .gx-card{width: 290px; height: 290px;}
.hlp.theme-d .g-logo{font-size: 38px;}
.hlp.theme-d .gx-num{font-size: 84px;}
.hlp.theme-d .g-star{width: 26px; height: 26px;}
.hlp.theme-d .gx-body{text-align: center;}
.hlp.theme-d .gx-title-s{font-size: 15px;}
.hlp.theme-d .gx-title-b{font-size: 25px;}
.hlp.theme-d .gx-text{font-size: 15px; text-align: left;}
.hlp.theme-d .gx-tags{justify-content: center; gap: 8px;}
.hlp.theme-d .gx-tags li{font-size: 14.5px; padding: 7px 14px 7px 10px;}
.hlp.theme-d .gx-btn{width: 100%; justify-content: center; font-size: 16.5px; padding: 15px 18px;}
.hlp.theme-d .gx-btn-g{width: 30px; height: 30px; font-size: 18px;}
.hlp.theme-d .item-tile-cur .item-img{height: 120px;}
.hlp.theme-d .item-tile-cur .item-img img{max-height: 120px;}

}
@media (max-width: 374px){.hlp.theme-d .gx-card{width: 260px; height: 260px;}
.hlp.theme-d .gx-num{font-size: 74px;}
.hlp.theme-d .gx-title-b{font-size: 22px;}
.hlp.theme-d .gx-btn{font-size: 15px;}

}
.hlp.theme-d .gx-card-in{margin-top: 0;}
.hlp.theme-d .gx-num{font-size: 92px;}
.hlp.theme-d .gx-count{margin-top: 8px; font-size: 14px;}
.hlp.theme-d .gx-count b{font-size: 22px;}
@media (max-width: 767px){.hlp.theme-d .gx-num{font-size: 74px;}
.hlp.theme-d .g-logo{font-size: 34px;}
.hlp.theme-d .g-star{width: 23px; height: 23px;}
.hlp.theme-d .gx-count{font-size: 12.5px;}
.hlp.theme-d .gx-count b{font-size: 19px;}
 }
@media (max-width: 374px){.hlp.theme-d .gx{padding: 22px 12px 26px;}
.hlp.theme-d .gx-card{width: 240px; height: 240px;}
.hlp.theme-d .gx-num{font-size: 64px;}
.hlp.theme-d .g-logo{font-size: 30px;}
.hlp.theme-d .g-star{width: 20px; height: 20px;}
.hlp.theme-d .gx-count{font-size: 11.5px;}
.hlp.theme-d .gx-count b{font-size: 17px;}
 }
@media (max-width: 374px){.hlp.theme-d .gx-card{width: 260px; height: 260px;}
.hlp.theme-d .g-logo{font-size: 26px;}
.hlp.theme-d .gx-sub{font-size: 12px; margin-top: 2px;}
.hlp.theme-d .gx-num{font-size: 58px;}
.hlp.theme-d .g-star{width: 18px; height: 18px;}
.hlp.theme-d .gx-count{font-size: 10.5px; margin-top: 6px;}
.hlp.theme-d .gx-count b{font-size: 15px;}
 }
.hlp.theme-d .rank-card{border-width: 3px;}
.hlp.theme-d .rank-1{border-color: #e2b23a; box-shadow: 0 10px 28px rgba(201,154,26,.28);}
.hlp.theme-d .rank-2{border-color: #b3bccb; box-shadow: 0 8px 22px rgba(120,132,150,.22);}
.hlp.theme-d .rank-3{border-color: #c98a55; box-shadow: 0 8px 22px rgba(168,98,45,.2);}
.hlp.theme-d .rank-head{position: relative; padding-top: 22px; padding-bottom: 18px;}
.hlp.theme-d .rank-1 .rank-head{background: linear-gradient(100deg, #1f4f9a 0%, var(--d-main) 55%, #2f6fcf 100%);}
.hlp.theme-d .rank-head::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 7px;}
.hlp.theme-d .rank-1 .rank-head::before{background: linear-gradient(90deg, #f7d25c, #c99a1a, #f7d25c);}
.hlp.theme-d .rank-2 .rank-head::before{background: linear-gradient(90deg, #eef1f6, #9aa3b2, #eef1f6);}
.hlp.theme-d .rank-3 .rank-head::before{background: linear-gradient(90deg, #f0bf95, #a8622d, #f0bf95);}
.hlp.theme-d .rank-medal{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 92px; height: 92px; padding: 0 0 8px; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,255,255,.9), 0 6px 14px rgba(0,0,0,.25);}
.hlp.theme-d .rank-1 .rank-medal{background: radial-gradient(circle at 35% 30%, #fff2b8 0%, #f2c94c 35%, #c99a1a 100%);}
.hlp.theme-d .rank-2 .rank-medal{background: radial-gradient(circle at 35% 30%, #ffffff 0%, #d9dee7 40%, #8f99aa 100%);}
.hlp.theme-d .rank-3 .rank-medal{background: radial-gradient(circle at 35% 30%, #ffe1c7 0%, #e3a06c 40%, #a05a26 100%);}
.hlp.theme-d .rank-crown{position: absolute; top: -26px; left: 50%; width: 46px; height: 32px; margin-left: -23px; filter: drop-shadow(0 2px 2px rgba(0,0,0,.25));}
.hlp.theme-d .rank-1 .rank-crown{color: #f2c230;}
.hlp.theme-d .rank-2 .rank-crown{color: #c9d0db;}
.hlp.theme-d .rank-3 .rank-crown{color: #d9935c;}
.hlp.theme-d .rank-numwrap{display: flex; align-items: baseline; color: #fff; text-shadow: 0 2px 3px rgba(0,0,0,.28);}
.hlp.theme-d .rank-no{font-family: "Roboto", sans-serif; font-size: 50px; font-weight: 900; line-height: 1;}
.hlp.theme-d .rank-i{font-size: 17px; font-weight: 900; margin-left: 2px;}
.hlp.theme-d .rank-label{font-size: 20px; font-weight: 900; color: #ffe36b; opacity: 1; letter-spacing: .04em;}
.hlp.theme-d .rank-1 .rank-maker{font-size: 1.15em;}
@media (max-width: 767px){.hlp.theme-d .rank-head{padding-top: 26px; padding-bottom: 14px;}
.hlp.theme-d .rank-medal{width: 64px; height: 64px; padding-bottom: 5px; box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 4px 10px rgba(0,0,0,.25);}
.hlp.theme-d .rank-crown{top: -19px; width: 34px; height: 24px; margin-left: -17px;}
.hlp.theme-d .rank-no{font-size: 34px;}
.hlp.theme-d .rank-i{font-size: 12px;}
.hlp.theme-d .rank-label{font-size: 15px;}

}
.hlp.theme-d .gx-count{display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: 10px; padding: 6px 18px 8px; background: var(--d-main); color: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(43,93,164,.3); line-height: 1.15;}
.hlp.theme-d .gx-count-l{font-size: 13px; font-weight: 800; letter-spacing: .08em; opacity: .95;}
.hlp.theme-d .gx-count-v{font-size: 18px; font-weight: 900; white-space: nowrap;}
.hlp.theme-d .gx-count b{font-family: "Roboto", sans-serif; font-size: 38px; font-weight: 900; color: #ffe36b; background: none; padding: 0 3px 0 0; letter-spacing: -.01em;}
@media (max-width: 767px){.hlp.theme-d .gx-count{padding: 5px 14px 6px; margin-top: 8px;}
.hlp.theme-d .gx-count b{font-size: 32px;}
.hlp.theme-d .gx-count-v{font-size: 16px;}

}
@media (max-width: 374px){.hlp.theme-d .gx-count b{font-size: 26px;}
.hlp.theme-d .gx-count-v{font-size: 14px;}
.hlp.theme-d .gx-count-l{font-size: 11px;}

}
@media (min-width: 768px){.hlp.theme-d .rank-head{padding-top: 40px; padding-bottom: 20px;}
 }
.hlp.theme-d .rank-medal{justify-content: center; padding: 0 0 0 4px;}
.hlp.theme-d .rank-numwrap{line-height: 1; transform: translateY(2px);}
.hlp.theme-d .rank-no{line-height: .9;}
@media (max-width: 767px){.hlp.theme-d .rank-medal{padding: 0 0 0 3px;}
.hlp.theme-d .rank-numwrap{transform: translateY(1px);}
 }

.hlp .fvx-grid{position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) var(--vis-w, 520px);
  grid-template-areas: "head visual" "qa visual" "proof visual" "cta visual"; grid-template-rows: auto auto auto 1fr;
  column-gap: var(--vis-gap, 48px); row-gap: 20px; padding-top: 48px; padding-bottom: 52px; align-items: start;}
.hlp .fvx-head{grid-area: head;}
.hlp .fvx-head .fv-cat{margin-bottom: 14px;}
.hlp .fvx-qa{grid-area: qa; display: flex; flex-direction: column; gap: 14px;}
.hlp .fvx-grid > .fv-proof{grid-area: proof;}
.hlp .fvx-cta{grid-area: cta; display: flex; flex-direction: column; gap: 12px;}
.hlp .fvx-visual{grid-area: visual; position: relative; align-self: stretch; min-height: 560px;}
.hlp .fvx .fv-cta .btn, .hlp .fvx .fvx-btns .btn{font-size: 18px; padding: 18px 14px; gap: 8px;}
.hlp .fvx-btns{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.hlp .mgr-quote{position: absolute; z-index: 3; display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,.94); color: var(--navy); padding: 14px 20px 12px; box-shadow: 0 6px 18px rgba(0,0,0,.18); transform: rotate(-3deg);}
.hlp .mgr-quote-t{font-family: "Yomogi", cursive; font-size: 24px; line-height: 1.45; letter-spacing: .02em;}
.hlp .mgr-quote-s{font-size: 12px; font-weight: 700; text-align: right; color: var(--sub);}
.hlp .fvat{background: #f3f6fa; --vis-w: 520px;}
.hlp .fvat .fvx-grid{padding-top: 52px;}
.hlp .fvat-frame{position: absolute; inset: 0; margin: 0; border: 1px solid #c9d3e1; border-radius: 4px; overflow: hidden; background: #fff; padding: 8px 8px 0; display: flex; flex-direction: column;}
.hlp .fvat-frame img{flex: 1; width: 100%; min-height: 0; object-fit: cover; object-position: 0% 40%; border-radius: 2px;}
.hlp .fvat-cap{background: var(--navy); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-align: center; padding: 9px 0; margin: 0 -8px;}
.hlp .fvat .mgr-quote{left: -36px; bottom: 74px;}
.hlp .fvbt{background: var(--navy); --vis-w: 520px; --vis-gap: 40px;}
.hlp .fvbt-bg{position: absolute; top: 0; right: 0; bottom: 0; width: 47%;}
.hlp .fvbt-bg img{width: 100%; height: 100%; object-fit: cover; object-position: 0% 35%;}
.hlp .fvbt-shape{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.hlp .fvbt .fvx-grid{grid-template-columns: minmax(0, 560px) var(--vis-w); justify-content: space-between;}
.hlp .fvbt .fvx-head, .hlp .fvbt .fvx-qa{color: #fff;}
.hlp .fvbt .fv-cat{padding-left: 56px;}
.hlp .fvbt-sp{display: none;}
.hlp .fvbt .mgr-quote{right: -12px; bottom: 6px;}
.hlp .fvbt .fvx .fv-tel, .hlp .fvbt .fv-tel{border-color: #fff;}
.hlp .fvct{background: #eaf5fc; --vis-w: 500px;}
.hlp .fvct .fvx-grid{padding-top: 40px;}
.hlp .fvct-bubble{position: relative; display: inline-flex; flex-direction: column; gap: 2px; background: #fff; border: 2px solid var(--navy); border-radius: 26px; padding: 12px 26px 10px; margin-bottom: 18px; transform: rotate(-3deg); color: var(--navy);}
.hlp .fvct-bubble::after{content: ""; position: absolute; right: 40px; bottom: -14px; border: 8px solid transparent; border-top: 12px solid var(--navy); border-bottom: 0;}
.hlp .fvct-bubble .mgr-quote-t{font-size: 24px;}
.hlp .fvct-frame{top: 10px; left: 10px; width: 470px; height: 560px;}
.hlp .fvct-frame img{object-position: 4% 40%;}
.hlp .fvct-t1{top: 330px; left: -26px;}
.hlp .fvct-t2{top: 446px; left: 70px;}
.hlp .fvct-t3{top: 468px; right: -10px;}
.hlp .fvct .fvc-stamp{top: auto; bottom: auto; top: 120px; left: auto; right: -30px;}
.hlp .fvaw{background: #fff; --vis-w: 560px;}
.hlp .fvaw .fvx-grid{padding-top: 52px;}
.hlp .fvaw-visual{display: flex; flex-direction: column; justify-content: center;}
.hlp .fvaw-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
.hlp .fvaw-grid li{display: flex; flex-direction: column; align-items: center; gap: 8px; background: #f4f7fa; border: 1px solid #e3e9f1; border-radius: 4px; padding: 18px 10px 12px;}
.hlp .fvaw-img{width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;}
.hlp .fvaw-img img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.hlp .fvaw-name{font-size: 13.5px; font-weight: 700; color: var(--navy); line-height: 1.4; text-align: center; border-top: 1px solid #dbe2ec; padding-top: 8px; width: 100%;}
.hlp .fvaw-note{font-size: 11px; color: var(--sub); text-align: right; margin-top: 8px;}
.hlp .fvbw{background: var(--navy); --vis-w: 560px; --vis-gap: 20px;}
.hlp .fvbw-shape{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.hlp .fvbw .fvx-grid{grid-template-columns: minmax(0, 560px) var(--vis-w); justify-content: space-between;}
.hlp .fvbw .fvx-head, .hlp .fvbw .fvx-qa{color: #fff;}
.hlp .fvbw .fv-cat{padding-left: 56px;}
.hlp .fvbw-tool{position: absolute; display: block;}
.hlp .fvbw-tool img{width: 100%; height: auto; filter: drop-shadow(0 10px 14px rgba(13,33,82,.22));}
.hlp .fvbw-t1{top: 0; right: 10px; width: 230px; transform: rotate(6deg); z-index: 1;}
.hlp .fvbw-t2{top: 10px; left: 80px; width: 190px; transform: rotate(-14deg); z-index: 3;}
.hlp .fvbw-t3{top: 250px; right: -20px; width: 300px; transform: rotate(-8deg); z-index: 4;}
.hlp .fvbw-t4{top: 230px; left: 40px; width: 270px; transform: rotate(8deg); z-index: 2;}
.hlp .fvbw-t5{bottom: 40px; right: 30px; width: 240px; transform: rotate(-4deg); z-index: 3;}
.hlp .fvbw-t6{bottom: 70px; left: 60px; width: 300px; transform: rotate(-10deg); z-index: 5;}
.hlp .fvcw{background: #eaf5fc; --vis-w: 520px;}
.hlp .fvcw .fvx-grid{padding-top: 44px;}
.hlp .fvcw-item{position: absolute; display: flex; flex-direction: column; align-items: center; gap: 6px;}
.hlp .fvcw-plate{display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 8px 20px rgba(19,48,110,.13); border: 4px solid #fff;}
.hlp .fvcw-plate img{max-width: 78%; max-height: 78%; width: auto; height: auto;}
.hlp .fvcw-label{font-family: "Yomogi", cursive; font-size: 16px; color: var(--navy); background: #fff; border-radius: 99px; padding: 1px 12px; line-height: 1.6; box-shadow: 0 2px 6px rgba(19,48,110,.08); white-space: nowrap;}
.hlp .fvcw-c1{top: 0; left: 40px; transform: rotate(-6deg);}
.hlp .fvcw-c1 .fvcw-plate{width: 170px; height: 170px; border-radius: 50%;}
.hlp .fvcw-c2{top: 40px; right: 10px; transform: rotate(5deg);}
.hlp .fvcw-c2 .fvcw-plate{width: 180px; height: 180px; border-radius: 28px;}
.hlp .fvcw-c3{top: 220px; left: 170px; transform: rotate(4deg); z-index: 2;}
.hlp .fvcw-c3 .fvcw-plate{width: 180px; height: 180px; border-radius: 50%;}
.hlp .fvcw-c4{top: 270px; left: -10px; transform: rotate(-5deg);}
.hlp .fvcw-c4 .fvcw-plate{width: 160px; height: 140px; border-radius: 24px;}
.hlp .fvcw-c5{top: 300px; right: -10px; transform: rotate(7deg);}
.hlp .fvcw-c5 .fvcw-plate{width: 160px; height: 160px; border-radius: 50%;}
.hlp .fvcw-c6{top: 440px; left: 120px; transform: rotate(-4deg);}
.hlp .fvcw-c6 .fvcw-plate{width: 150px; height: 140px; border-radius: 24px;}
.hlp .fvcw .fvc-stamp{top: 470px; left: auto; right: 20px;}
@media (max-width: 767px){.hlp .fvx-grid{grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "head" "visual" "qa" "proof" "cta"; grid-template-rows: none; padding-top: 24px; padding-bottom: 32px; row-gap: 16px;}
.hlp .fvx-visual{min-height: 0;}
.hlp .fvx .fv-cta .btn, .hlp .fvx .fvx-btns .btn{font-size: 17px; padding: 16px 14px;}
.hlp .fvx-btns{grid-template-columns: 1fr; gap: 10px;}
.hlp .mgr-quote-t{font-size: 18px;}
.hlp .mgr-quote{padding: 10px 14px 8px;}
.hlp .fvat-visual{height: 330px;}
.hlp .fvat .mgr-quote{left: 10px; bottom: 54px;}
.hlp .fvbt-bg, .hlp .fvbt-shape{display: none;}
.hlp .fvbt .fv-cat{padding-left: 0;}
.hlp .fvbt-visual{margin: 0 -20px; height: 300px;}
.hlp .fvbt-sp{display: block; position: absolute; inset: 0;}
.hlp .fvbt-sp img{width: 100%; height: 100%; object-fit: cover; object-position: 0% 40%;}
.hlp .fvbt-cut{position: absolute; left: 0; bottom: -1px; width: 100%; height: 44px;}
.hlp .fvbt .mgr-quote{right: 14px; bottom: 40px;}
.hlp .fvct-bubble{margin-bottom: 12px; padding: 8px 18px 6px;}
.hlp .fvct-bubble .mgr-quote-t{font-size: 18px;}
.hlp .fvct-visual{height: 380px;}
.hlp .fvct-frame{left: 20px; right: 20px; width: auto; height: 360px; top: 10px;}
.hlp .fvct-t1{top: 200px; left: -4px;}
.hlp .fvct-t2{top: 290px; left: 50px;}
.hlp .fvct-t3{top: 290px; right: -4px;}
.hlp .fvct .fvc-stamp{top: 0; right: -6px; left: auto;}
.hlp .fvaw-grid{gap: 8px;}
.hlp .fvaw-grid li{padding: 10px 4px 8px; gap: 4px;}
.hlp .fvaw-img{width: 86px; height: 86px;}
.hlp .fvaw-name{font-size: 11px; padding-top: 5px; letter-spacing: 0;}
.hlp .fvbw-shape{display: none;}
.hlp .fvbw .fv-cat{padding-left: 0;}
.hlp .fvbw-visual{margin: 0 -20px; height: 330px; background: #eef1f6; border-top: 8px solid var(--yellow); border-bottom: 8px solid var(--yellow);}
.hlp .fvbw-t1{top: 10px; right: 14px; width: 120px;}
.hlp .fvbw-t2{top: 6px; left: 40px; width: 100px;}
.hlp .fvbw-t3{top: 130px; right: 0; width: 170px;}
.hlp .fvbw-t4{top: 120px; left: 20px; width: 150px;}
.hlp .fvbw-t5{bottom: 14px; right: 26px; width: 120px;}
.hlp .fvbw-t6{bottom: 20px; left: 40px; width: 170px;}
.hlp .fvcw-visual{height: 470px;}
.hlp .fvcw-label{font-size: 13px; padding: 0 10px;}
.hlp .fvcw-c1{top: 0; left: 6px;}
.hlp .fvcw-c1 .fvcw-plate{width: 118px; height: 118px;}
.hlp .fvcw-c2{top: 10px; right: 2px;}
.hlp .fvcw-c2 .fvcw-plate{width: 120px; height: 120px; border-radius: 22px;}
.hlp .fvcw-c3{top: 150px; left: 116px;}
.hlp .fvcw-c3 .fvcw-plate{width: 124px; height: 124px;}
.hlp .fvcw-c4{top: 170px; left: -6px;}
.hlp .fvcw-c4 .fvcw-plate{width: 110px; height: 96px;}
.hlp .fvcw-c5{top: 186px; right: -4px;}
.hlp .fvcw-c5 .fvcw-plate{width: 110px; height: 110px;}
.hlp .fvcw-c6{top: 330px; left: 20px;}
.hlp .fvcw-c6 .fvcw-plate{width: 108px; height: 100px;}
.hlp .fvcw .fvc-stamp{top: 336px; right: 10px; left: auto;}

}
.hlp .fvbt .fvx-grid{grid-template-columns: minmax(0, 540px) var(--vis-w);}
.hlp .fvct .fvx-qa, .hlp .fvcw .fvx-qa{flex-direction: row; flex-wrap: wrap; gap: 18px;}
.hlp .fvbw-tool img{filter: none;}
.hlp .fvcw .fvc-stamp{top: 560px; right: 40px;}
@media (max-width: 767px){.hlp .fvct .fvx-qa, .hlp .fvcw .fvx-qa{flex-direction: column;}
.hlp .fvat-visual{height: auto; display: flex; flex-direction: column;}
.hlp .fvat-frame{position: relative; inset: auto; height: 330px;}
.hlp .fvat .mgr-quote, .hlp .fvbt .mgr-quote{position: relative; left: auto; right: auto; bottom: auto; align-self: flex-end; margin-top: -18px; margin-right: 6px; transform: rotate(-2deg);}
.hlp .fvbt-visual{height: auto; display: flex; flex-direction: column;}
.hlp .fvbt-sp{position: relative; inset: auto; height: 300px;}
.hlp .fvbt .mgr-quote{margin-right: 26px;}
.hlp .fvbw-visual{background: #f7f9fc;}

}
.hlp .fvbw-t4{z-index: 4;}
.hlp .fvbw-t3{z-index: 5;}
.hlp .fvbw-t6{z-index: 6;}
@media (max-width: 767px){.hlp .fvat .mgr-quote{margin-top: 12px;}
 }
@media (max-width: 767px){.hlp .fvcw .fvc-stamp{top: 336px; right: 10px; left: auto; bottom: auto;}

}


/* ===== WordPress への組み込みで足した調整（#294）。ここより上はデザイナー制作の CSS をスコープ化したもの ===== */
/* 買取実績の写真: 実データは縦長・横長が混ざるので、枠に合わせて切り抜く（写真の比率でカードが伸びない） */
.hlp .js-img{position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: var(--d-pale2, #f4f7fb);}
.hlp .js-img img{position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover;}
@media (max-width: 767px){
.hlp .js-img{aspect-ratio: auto; min-height: 128px;}
}
/* 関連コラム: 幅 360px でカード本文がはみ出さないように */
.hlp .col-body{min-width: 0;}
/* メーカーの写真を出さない設定のとき（maker_images = false）の代わりの表示 */
.hlp .pick-img-text{display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; font-family: "M PLUS 1p", sans-serif; font-weight: 900; font-size: 22px; color: var(--d-main, #2b5da4); background: var(--d-pale2, #f4f7fb);}

/* ===== スマホ表示の手直し（10/20 ユーザーの目視指摘） ===== */
@media (max-width: 767px){
/* 比較表: 375〜440px で表の最小幅 350px が枠（335px）より広く、右端の線が切れて横スクロールになっていた → 枠に収める */
.hlp .cmp-table{min-width: 0;}
/* 流れの 4 枠: 行ごとの高さ（①②と③④で違う）→ いちばん高い枠（①）にそろえる */
.hlp .step-list{grid-auto-rows: 1fr;}
}

/* 流れの番号（01〜04）の位置を 01 にそろえる＝中身を上詰めに（上下中央だと文字の少ない枠で番号が下がる・10/20 指摘。PC・SP とも） */
.hlp .step-list li{justify-content: flex-start;}

/* ページの先頭へ戻る（10/20 指示）。市区町村ページの .kau-totop と同じ大きさ・動き。
   ボタンは .hlp の外（zoom の影響を受けない）にあるので、.hlp の変数は使わず色を直接書く（--d-main と同じ）。
   右下の reCAPTCHA の表示と重なるときは、totop.js がその上に動かす（ここの bottom は表示が無いときの位置） */
.hlp-totop{position: fixed; right: 16px; bottom: 70px; z-index: 998; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #2b5da4; box-shadow: 0 2px 8px rgba(0,0,0,.25); cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s;}
.hlp-totop:hover{filter: brightness(1.12);}
.hlp-totop::before{content: ""; position: absolute; top: 55%; left: 50%; width: 14px; height: 14px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: translate(-50%, -50%) rotate(45deg);}
.hlp-totop.is-visible{opacity: 1; visibility: visible;}
@media (min-width: 1080px){.hlp-totop{right: 24px; bottom: 24px;}}
/* 開閉の矢印・＋の回転も開閉（accordion.js・開く 0.25 秒／閉じる 0.2 秒）に合わせて動かす（11/5） */
.hlp summary .ic{transition: transform .25s ease-out;}
@media (prefers-reduced-motion: reduce){.hlp summary .ic{transition: none;}}
/* 動かしている間のはみ出し: 中身は切るが、ボタンの影（下 4px）・カードの影（ぼかし 18px）は左右と下を残す */
.hlp details.is-animating{clip-path: inset(0 -24px -6px -24px);}
/* 閉じる向きの間は [open] のままなので、矢印・＋を先に閉じた向きへ戻す（[open] の回転指定より強くするため !important） */
.hlp details.is-closing > summary .ic{transform: none !important; transition-duration: .2s;}