@charset "utf-8";
/* 2026-10-22 改修分（安心3点・リスク診断・他社比較・コミコミ料金・解決までの流れ）
   幅640px基準。数値は min(Xpx, X/6.4 vw) で既存CSSと同じ伸縮にしている */

.p-k-sec{padding:min(56px,8.75vw) min(32px,5vw);text-align:center}
.p-k-title{margin:0 0 min(28px,4.375vw);color:#2327a7;font-size:min(36px,5.625vw);font-weight:900;line-height:1.35}
.p-k-title small{display:block;margin-bottom:min(6px,.9375vw);color:#1fa0c5;font-size:min(20px,3.125vw);font-weight:700}
.p-k-title em{font-style:normal;color:#e50111}
.p-k-lead{margin:0 0 min(24px,3.75vw);font-size:min(20px,3.125vw);font-weight:500;line-height:1.7}
.p-k-lead b{color:#e50111}

/* 期限ギリギリの一言（CTAの上） */
.p-k-urgent{display:block;width:fit-content;margin:0 auto min(14px,2.1875vw);padding:min(6px,.9375vw) min(18px,2.8125vw);border-radius:min(40px,6.25vw);background:#fff301;color:#181924;font-size:min(20px,3.125vw);font-weight:900;line-height:1.4;text-align:center}
.p-k-urgent::before{content:"⚠ ";color:#e50111}

/* ① 安心3点バンド（旧オファー枠） */
.p-k-assure{padding:min(36px,5.625vw) min(24px,3.75vw) min(32px,5vw);background:linear-gradient(180deg,#eaf6fc,#fff)}
.p-k-assure__list{display:grid;grid-template-columns:repeat(3,1fr);gap:min(10px,1.5625vw);margin:0;padding:0;list-style:none}
.p-k-assure__item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:min(4px,.625vw) solid #2327a7;border-radius:50%;background:#fff;box-shadow:0 min(4px,.625vw) 0 #1fa0c5;color:#2327a7;font-size:min(18px,2.8125vw);font-weight:700;line-height:1.25;text-align:center}
.p-k-assure__item b{display:block;color:#e50111;font-size:min(34px,5.3125vw);font-weight:900;line-height:1.1}
.p-k-assure__item b small{font-size:min(20px,3.125vw)}
.p-k-assure__item.is-zero b{font-size:min(26px,4.0625vw)}
.p-k-assure__note{margin:min(20px,3.125vw) 0 0;font-size:min(20px,3.125vw);font-weight:700;line-height:1.6;text-align:center}
.p-k-assure__note b{color:#e50111}

/* ② リスク診断とは */
.p-k-diag{background:#f2f8fd}
.p-k-diag__box{margin:0 0 min(20px,3.125vw);padding:min(22px,3.4375vw) min(24px,3.75vw);border:min(3px,.46875vw) solid #2327a7;border-radius:min(14px,2.1875vw);background:#fff;text-align:left}
.p-k-diag__box h3{margin:0 0 min(12px,1.875vw);padding:min(6px,.9375vw) 0;border-radius:min(6px,.9375vw);background:#2327a7;color:#fff;font-size:min(22px,3.4375vw);font-weight:700;text-align:center}
.p-k-diag__box ul{display:grid;grid-template-columns:1fr 1fr;gap:min(8px,1.25vw) min(14px,2.1875vw);margin:0;padding:0;list-style:none}
.p-k-diag__box li{position:relative;padding-left:min(26px,4.0625vw);font-size:min(19px,2.96875vw);font-weight:700;line-height:1.5}
.p-k-diag__box li::before{content:"";position:absolute;left:0;top:.2em;width:min(19px,2.96875vw);height:min(19px,2.96875vw);background:url("../img/icon-check-blue.svg") center/contain no-repeat}
.p-k-diag__box.is-out ul{grid-template-columns:1fr}
.p-k-diag__box.is-out h3{background:#1fa0c5}
.p-k-diag__zero{margin:min(8px,1.25vw) 0 0;padding:min(16px,2.5vw) min(12px,1.875vw);border:min(4px,.625vw) solid #e50111;border-radius:min(14px,2.1875vw);background:#fff;font-size:min(22px,3.4375vw);font-weight:700;line-height:1.5}
.p-k-diag__zero s{color:#666;font-weight:500}
.p-k-diag__zero b{color:#e50111;font-size:min(46px,7.1875vw);font-weight:900;line-height:1}

/* ③ 他社との比較 */
.p-k-vs{background:#fff}
.p-k-vs__table{width:100%;border-collapse:separate;border-spacing:0;font-size:min(18px,2.8125vw);line-height:1.45}
.p-k-vs__table th,.p-k-vs__table td{padding:min(12px,1.875vw) min(8px,1.25vw);border-bottom:1px solid #d6dbe6;vertical-align:middle}
.p-k-vs__table thead th{border:0;color:#fff;font-size:min(19px,2.96875vw);font-weight:700}
.p-k-vs__table thead th.is-other{background:#8a909e;border-radius:min(10px,1.5625vw) min(10px,1.5625vw) 0 0}
.p-k-vs__table thead th.is-us{background:#e50111;border-radius:min(10px,1.5625vw) min(10px,1.5625vw) 0 0}
.p-k-vs__table thead th:first-child{background:none}
.p-k-vs__table tbody th{width:28%;color:#2327a7;font-weight:700;text-align:left}
.p-k-vs__table td{width:36%;color:#555;font-weight:500}
.p-k-vs__table td.is-us{background:#fff4f4;color:#e50111;font-size:min(21px,3.28125vw);font-weight:900}
.p-k-vs__mark{display:block;font-size:min(30px,4.6875vw);line-height:1.1}
.p-k-vs__msg{margin:min(24px,3.75vw) 0 0;padding:min(16px,2.5vw);border-radius:min(12px,1.875vw);background:#2327a7;color:#fff;font-size:min(22px,3.4375vw);font-weight:700;line-height:1.5}
.p-k-vs__msg b{color:#fff301}
.p-k-vs__note{margin:min(10px,1.5625vw) 0 0;color:#666;font-size:min(15px,2.34375vw);text-align:left}

/* ④ 料金（コミコミ） */
.p-k-price{background:linear-gradient(180deg,#eaf6fc,#fff 40%)}
.p-k-price__card{position:relative;margin:0 0 min(22px,3.4375vw);padding:min(26px,4.0625vw) min(22px,3.4375vw) min(20px,3.125vw);border:min(3px,.46875vw) solid #253bac;border-radius:min(14px,2.1875vw);background:#fff;box-shadow:0 0 min(4px,.625vw) rgba(0,0,0,.25);text-align:left}
.p-k-price__card.is-best{border:min(5px,.78125vw) solid #e50111}
.p-k-price__ribbon{position:absolute;top:max(-16px,-2.5vw);right:min(18px,2.8125vw);padding:min(3px,.46875vw) min(16px,2.5vw);border-radius:min(30px,4.6875vw);background:#e50111;color:#fff;font-size:min(17px,2.65625vw);font-weight:900}
.p-k-price__card h3{margin:0;color:#2327a7;font-size:min(28px,4.375vw);font-weight:900}
.p-k-price__desc{margin:min(4px,.625vw) 0 min(12px,1.875vw);font-size:min(18px,2.8125vw);font-weight:500}
.p-k-price__row{display:flex;align-items:center;flex-wrap:wrap;gap:min(4px,.625vw) min(12px,1.875vw);padding:min(10px,1.5625vw) 0;border-top:1px dashed #b9c2d6}
.p-k-price__usual{color:#666;font-size:min(18px,2.8125vw);font-weight:500}
.p-k-price__usual s{font-weight:700}
.p-k-price__arrow{color:#e50111;font-size:min(20px,3.125vw)}
.p-k-price__now{color:#181924;font-size:min(18px,2.8125vw);font-weight:700}
.p-k-price__now b{color:#e50111;font-family:Barlow,"Noto Sans JP",sans-serif;font-size:min(48px,7.5vw);font-weight:600;line-height:1}
.p-k-price__inc{display:flex;flex-wrap:wrap;gap:min(6px,.9375vw);margin:min(6px,.9375vw) 0 0;padding:0;list-style:none}
.p-k-price__inc li{padding:min(4px,.625vw) min(12px,1.875vw);border-radius:min(30px,4.6875vw);background:#eaf2fb;color:#2327a7;font-size:min(16px,2.5vw);font-weight:700}
.p-k-price__inc li.is-free{background:#e50111;color:#fff}
.p-k-price__all{display:grid;grid-template-columns:repeat(3,1fr);gap:min(8px,1.25vw);margin:min(8px,1.25vw) 0 0;padding:0;list-style:none}
.p-k-price__all li{padding:min(12px,1.875vw) min(4px,.625vw);border-radius:min(10px,1.5625vw);background:#2327a7;color:#fff;font-size:min(16px,2.5vw);font-weight:700;line-height:1.35}
.p-k-price__all li b{display:block;color:#fff301;font-size:min(24px,3.75vw);font-weight:900}
.p-k-price__note{margin:min(12px,1.875vw) 0 0;color:#555;font-size:min(15px,2.34375vw);line-height:1.6;text-align:left}

/* ⑤ 解決までの流れ */
.p-k-flow{background:#f2f8fd}
.p-k-flow__list{margin:0;padding:0;list-style:none;text-align:left;counter-reset:step}
.p-k-flow__list li{position:relative;display:grid;grid-template-columns:min(92px,14.375vw) 1fr;gap:min(14px,2.1875vw);align-items:center;margin:0 0 min(22px,3.4375vw);padding:min(14px,2.1875vw) min(16px,2.5vw);border-radius:min(12px,1.875vw);background:#fff;box-shadow:0 min(3px,.46875vw) 0 #c9d7ea}
.p-k-flow__list li:not(:last-child)::after{content:"";position:absolute;left:min(56px,8.75vw);bottom:max(-20px,-3.125vw);border-style:solid;border-width:min(12px,1.875vw) min(10px,1.5625vw) 0;border-color:#1fa0c5 transparent transparent}
.p-k-flow__step{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:#2327a7;color:#fff;font-family:Barlow,"Noto Sans JP",sans-serif;font-size:min(14px,2.1875vw);line-height:1}
.p-k-flow__step b{font-size:min(34px,5.3125vw);font-weight:600}
.p-k-flow__list li.is-free .p-k-flow__step{background:#e50111}
.p-k-flow__list h3{margin:0;color:#2327a7;font-size:min(22px,3.4375vw);font-weight:900;line-height:1.4}
.p-k-flow__list h3 em{display:inline-block;margin-left:min(6px,.9375vw);padding:0 min(10px,1.5625vw);border-radius:min(20px,3.125vw);background:#e50111;color:#fff;font-size:min(15px,2.34375vw);font-style:normal;font-weight:700;vertical-align:.15em}
.p-k-flow__list p{margin:min(4px,.625vw) 0 0;font-size:min(17px,2.65625vw);font-weight:500;line-height:1.55}

/* 共有用プレビューのフォーム差し替え表示 */
.p-k-preview-form{padding:min(30px,4.6875vw) min(20px,3.125vw);border:min(3px,.46875vw) dashed #e50111;border-radius:min(12px,1.875vw);background:#fff;color:#e50111;font-size:min(18px,2.8125vw);font-weight:700;line-height:1.6;text-align:center}

/* 2回目の調整 */
.p-k-assure__item{font-size:min(21px,3.28125vw);gap:min(2px,.3125vw)}
.p-k-assure__item b{font-size:min(56px,8.75vw)}
.p-k-assure__item b small{font-size:min(26px,4.0625vw)}
.p-k-assure__item.is-zero b{font-size:min(50px,7.8125vw)}
.p-k-assure__item.is-zero small{font-size:min(17px,2.65625vw)}
.p-k-vs__table thead th{text-align:center}
.p-k-vs__table td{text-align:center}

/* 料金パック（中央揃え） */
.p-k-pack{position:relative;margin:min(14px,2.1875vw) 0 min(22px,3.4375vw);padding:min(38px,5.9375vw) min(22px,3.4375vw) min(24px,3.75vw);border:min(5px,.78125vw) solid #e50111;border-radius:min(18px,2.8125vw);background:#fff;box-shadow:0 min(6px,.9375vw) 0 rgba(229,1,17,.18);text-align:center}
.p-k-pack__ribbon{position:absolute;top:max(-19px,-2.96875vw);left:50%;transform:translateX(-50%);white-space:nowrap;padding:min(5px,.78125vw) min(22px,3.4375vw);border-radius:min(30px,4.6875vw);background:#e50111;color:#fff;font-size:min(18px,2.8125vw);font-weight:900;box-shadow:0 min(3px,.46875vw) 0 #a8000c}
.p-k-pack__name{margin:0;color:#2327a7;font-size:min(32px,5vw);font-weight:900;line-height:1.35}
.p-k-pack__sub{margin:min(6px,.9375vw) 0 0;font-size:min(18px,2.8125vw);font-weight:500;line-height:1.6}
.p-k-pack__price{display:flex;align-items:baseline;justify-content:center;gap:min(6px,.9375vw);margin:min(14px,2.1875vw) auto 0;padding:min(4px,.625vw) min(18px,2.8125vw) 0;width:fit-content;background:linear-gradient(transparent 68%,#fff301 68%)}
.p-k-pack__label{color:#181924;font-size:min(22px,3.4375vw);font-weight:900}
.p-k-pack__price b{color:#e50111;font-family:Barlow,"Noto Sans JP",sans-serif;font-size:min(96px,15vw);font-weight:600;line-height:1}
.p-k-pack__unit{color:#e50111;font-size:min(30px,4.6875vw);font-weight:900}
.p-k-pack__inc-h{display:flex;align-items:center;gap:min(10px,1.5625vw);margin:min(18px,2.8125vw) 0 min(12px,1.875vw);color:#2327a7;font-size:min(18px,2.8125vw);font-weight:700}
.p-k-pack__inc-h::before,.p-k-pack__inc-h::after{content:"";flex:1;height:2px;background:#c9d4ea}
.p-k-pack__inc{display:flex;align-items:stretch;justify-content:center;gap:min(4px,.625vw);margin:0;padding:0;list-style:none}
.p-k-pack__inc li:not(.p-k-pack__plus){flex:1;display:flex;flex-direction:column;align-items:center;padding:min(12px,1.875vw) min(4px,.625vw);border-radius:min(12px,1.875vw);background:#eef4fc;border:2px solid #d6e2f5}
.p-k-pack__no{display:grid;place-items:center;width:min(34px,5.3125vw);height:min(34px,5.3125vw);border-radius:50%;background:#2327a7;color:#fff;font-family:Barlow,sans-serif;font-size:min(16px,2.5vw);line-height:1}
.p-k-pack__inc b{margin-top:min(6px,.9375vw);color:#2327a7;font-size:min(22px,3.4375vw);font-weight:900;line-height:1.3}
.p-k-pack__inc small{margin-top:min(2px,.3125vw);color:#555;font-size:min(14px,2.1875vw);font-weight:500;line-height:1.4}
.p-k-pack__plus{align-self:center;color:#e50111;font-size:min(24px,3.75vw);font-weight:900}
.p-k-pack__note{margin:min(14px,2.1875vw) 0 0;color:#444;font-size:min(16px,2.5vw);font-weight:500}
.p-k-pack__price{background:linear-gradient(transparent 74%,#fff301 74%,#fff301 94%,transparent 94%)}

/* 「ギリギリの方も」の帯：おまかせ帯の中では見出しとボタンの間に置く */
.p-omakase{height:min(523px,81.71875vw)}
.p-omakase .p-k-urgent{position:absolute;top:min(200px,31.25vw);left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:min(19px,2.96875vw)}
.p-omakase .p-cta{top:min(262px,40.9375vw)}
.p-cta-band .p-k-urgent{margin-bottom:min(18px,2.8125vw);font-size:min(19px,2.96875vw)}

/* ごあいさつ（担当税理士 宇都宮） */
.p-greeting.is-k{height:auto;padding-bottom:min(48px,7.5vw)}
.p-greeting.is-k .p-greeting__photo img{top:0;left:0;width:100%;height:100%}
.p-greeting.is-k .p-greeting__name{top:50%;left:min(40px,6.25vw);transform:translateY(-50%);text-shadow:none}
.p-greeting.is-k .p-greeting__name p{margin:0}
.p-greeting__role{font-family:"Noto Sans JP",sans-serif;font-size:min(16px,2.5vw);font-weight:500;line-height:1.5;color:#181924}
.p-greeting__corp{margin-top:min(14px,2.1875vw)!important;font-size:min(24px,3.75vw);line-height:1.3;color:#181924}
.p-greeting__person{margin-top:min(2px,.3125vw)!important;font-size:min(44px,6.875vw);letter-spacing:.06em;line-height:1.25;color:#181924}
.p-greeting.is-k .p-greeting__text p+p{margin-top:min(14px,2.1875vw)}
.p-greeting.is-k .p-greeting__text{line-height:1.75}
