@charset "UTF-8";
/* Renewal Service prototype — current WordPress visual language + approved v32 copy. */

.p-renewal-service-title-sp,.p-renewal-meta-sp{display:none}

.p-renewal-service-mv{padding:15.5rem 0 10rem;background:rgba(255,255,255,.95);overflow:hidden}
.p-renewal-service-mv__label{padding-left:0}
.p-renewal-service-mv__title{max-width:108rem;margin-top:5.2rem;color:#293235;font-size:4.4rem;font-weight:900;line-height:1.55;letter-spacing:.10rem}
.p-renewal-service-mv__text{max-width:112rem;margin-top:4.6rem;font-size:1.8rem;font-weight:500;line-height:2.15;letter-spacing:.054rem}
.p-renewal-service-mv__text p+p{margin-top:1rem}

.p-renewal-service-goal,.p-renewal-service-content,.p-renewal-service-flow,.p-renewal-service-scope{padding:11.5rem 0 9.5rem}
.p-renewal-service-goal,.p-renewal-service-flow{background:rgba(250,250,250,.94)}
.p-renewal-service-content,.p-renewal-service-scope{background:rgba(255,255,255,.95)}
.p-renewal-service-goal .c-title-wrap.-small .c-secttl,
.p-renewal-service-content .c-title-wrap.-small .c-secttl,
.p-renewal-service-flow .c-title-wrap.-small .c-secttl,
.p-renewal-service-scope .c-title-wrap.-small .c-secttl{margin-top:5.2rem}

.p-renewal-service-lead{max-width:112rem;margin-top:4.6rem;font-size:1.8rem;font-weight:500;line-height:2.15;letter-spacing:.054rem}
.p-renewal-service-lead p+p{margin-top:.8rem}

.p-renewal-service-goal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:6rem}
.p-renewal-service-goal__card{min-width:0;padding:3.4rem 3.1rem 3.6rem;background:rgba(255,255,255,.92);border:1px solid #92b1d6;border-radius:1.4rem;box-shadow:0 1.4rem 3.6rem rgba(0,64,120,.045)}
.p-renewal-service-goal__icon{width:6rem;height:6rem;margin:0 auto 1.5rem;color:#0069c6}
.p-renewal-service-goal__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.p-renewal-service-goal__role{text-align:center;color:#0069c6;font-size:1.4rem;font-weight:700;letter-spacing:.06rem}
.p-renewal-service-goal__card h3{margin-top:1rem;text-align:center;font-size:2.5rem;font-weight:700;line-height:1.65;letter-spacing:.07rem}
.p-renewal-service-goal__body{margin-top:2rem;font-size:1.7rem;font-weight:500;line-height:1.9;letter-spacing:.048rem}

.p-renewal-service-content__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem;margin-top:5.6rem}
.p-renewal-service-content__card{min-width:0;padding:3.3rem 3.1rem 3.5rem;background:rgba(255,255,255,.94);border:1px solid #92b1d6;border-radius:1.2rem;box-shadow:0 1.2rem 3rem rgba(0,64,120,.04)}
.p-renewal-service-content__head{display:flex;align-items:flex-start;gap:1.5rem}
.p-renewal-service-content__head>span,.p-renewal-service-flow__head>span{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:4rem;height:4rem;padding:0 1rem;border:1px solid #92b1d6;border-radius:.9rem;background:#edf6fb;color:#0069c6;font-family:"Roboto Condensed",sans-serif;font-size:1.5rem;font-weight:700;line-height:1}
.p-renewal-service-content__head h3{padding-top:.2rem;font-size:2.3rem;font-weight:700;line-height:1.65;letter-spacing:.065rem}
.p-renewal-service-content__label{margin-top:2.2rem;color:#0069c6;font-size:1.4rem;font-weight:700;letter-spacing:.06rem}
.p-renewal-service-content__card ul{display:grid;gap:.8rem;margin-top:1.2rem}
.p-renewal-service-content__card li{position:relative;padding-left:1.8rem;font-size:1.65rem;font-weight:500;line-height:1.8;letter-spacing:.045rem}
.p-renewal-service-content__card li:before{content:"";position:absolute;left:.2rem;top:.78em;width:.55rem;height:.55rem;background:#0069c6;border-radius:50%}
.p-renewal-service-content__note{max-width:110rem;margin-top:3.4rem;font-size:1.8rem;font-weight:700;line-height:2;letter-spacing:.054rem}

.p-renewal-service-productivity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:center;max-width:105rem;margin-top:5rem;padding-top:3rem;border-top:1px solid #92b1d6}
.p-renewal-service-productivity__label{color:#0069c6;font-size:1.4rem;font-weight:700;letter-spacing:.06rem}
.p-renewal-service-productivity h3{margin-top:.8rem;font-size:2.4rem;font-weight:700;line-height:1.65;letter-spacing:.07rem}
.p-renewal-service-productivity div>p:last-child{margin-top:1.2rem;font-size:1.7rem;font-weight:500;line-height:1.9;letter-spacing:.048rem}
.p-renewal-service-productivity__link{align-self:end;padding:.7rem 0;border-bottom:1px solid #0069c6;color:#0069c6;font-size:1.6rem;font-weight:700;letter-spacing:.045rem;white-space:nowrap}
.p-renewal-service-productivity__link b{margin-left:.8rem;font-size:2rem}

.p-renewal-service-flow__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(58rem,1fr);gap:5rem;align-items:start}
.p-renewal-service-flow__copy{min-width:0}
.p-renewal-service-flow__start{position:relative;margin-top:3.6rem;padding:2.8rem 2.9rem 3rem;background:rgba(255,255,255,.95);border:1px solid #92b1d6;border-radius:1.2rem;box-shadow:0 1.2rem 3rem rgba(0,64,120,.04)}
.p-renewal-service-flow__head{display:flex;align-items:flex-start;gap:1.3rem}
.p-renewal-service-flow__head h3{padding-top:.2rem;font-size:2.05rem;font-weight:700;line-height:1.65;letter-spacing:.058rem}
.p-renewal-service-flow__start p{margin-top:1.2rem;font-size:1.65rem;font-weight:500;line-height:1.85;letter-spacing:.045rem}
.p-renewal-service-flow__cycle{min-width:0;padding-top:4rem}
.p-renewal-service-flow__cycle-title{text-align:center;color:#0069c6;font-size:1.6rem;font-weight:700;letter-spacing:.05rem}
.p-renewal-service-flow__cycle-desktop{position:relative;min-height:44rem;margin-top:1.3rem}
.p-renewal-service-flow__cycle-desktop>svg{position:absolute;left:0;top:1.8rem;width:100%;height:38rem;overflow:visible}
.p-renewal-service-flow__cycle-desktop>svg>path{fill:none;stroke:#0069c6;stroke-width:2;opacity:.72}
.p-renewal-service-flow__cycle-card{position:absolute;z-index:2;width:30.6rem;padding:2rem 2rem 2.1rem;background:#fff;border:1px solid #92b1d6;border-radius:1.2rem;box-shadow:0 1rem 2.8rem rgba(0,64,120,.05)}
.p-renewal-service-flow__cycle-card.-step2{left:50%;top:0;transform:translateX(-50%)}
.p-renewal-service-flow__cycle-card.-step3{right:0;top:22.3rem}
.p-renewal-service-flow__cycle-card.-step4{left:0;top:22.3rem}
.p-renewal-service-flow__cycle-card h3{font-size:1.65rem;line-height:1.6;letter-spacing:.035rem}
.p-renewal-service-flow__cycle-card p{margin-top:.9rem;font-size:1.45rem;font-weight:500;line-height:1.75;letter-spacing:.035rem}
.p-renewal-service-flow__cycle-mobile{display:none}
.p-renewal-service-flow__note{max-width:105rem;margin-top:2rem;font-size:1.7rem;font-weight:500;line-height:1.9;letter-spacing:.048rem}

.p-renewal-service-scope__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(38rem,.72fr);gap:8rem;align-items:start}
.p-renewal-service-price{margin-top:6.5rem;padding:3.2rem 3.2rem 3.4rem;background:rgba(255,255,255,.96);border:1px solid #92b1d6;border-top:.4rem solid #0069c6;border-radius:0 0 1.2rem 1.2rem;box-shadow:0 1.2rem 3.2rem rgba(0,64,120,.05)}
.p-renewal-service-price__label{color:#0069c6;font-size:1.4rem;font-weight:700;letter-spacing:.07rem}
.p-renewal-service-price__amount{margin-top:1rem;color:#293235;font-size:3.8rem;font-weight:900;line-height:1.4;white-space:nowrap}
.p-renewal-service-price__amount span{margin-left:.6rem;font-size:1.5rem;font-weight:700}
.p-renewal-service-price__term{margin-top:.8rem;font-size:1.7rem;font-weight:700}
.p-renewal-service-price__note{margin-top:2rem;font-size:1.55rem;font-weight:500;line-height:1.85;letter-spacing:.04rem}

.p-renewal-next{padding:6rem 0;background:#fff;border-top:1px solid #e5e5e5}
.p-renewal-next__link{display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:3.2rem 0;border-top:1px solid #92b1d6;border-bottom:1px solid #92b1d6;text-decoration:none;color:#293235}
.p-renewal-next__copy{display:flex;flex-direction:column;min-width:0}
.p-renewal-next__copy small{color:#0069c6;font-size:1.4rem;font-weight:700;letter-spacing:.042rem}
.p-renewal-next__copy strong{margin-top:.8rem;font-size:3rem;font-weight:700;letter-spacing:.09rem}
.p-renewal-next__copy em{max-width:85rem;margin-top:.8rem;font-size:1.6rem;font-style:normal;font-weight:500;line-height:1.75;letter-spacing:.048rem}
.p-renewal-next__action{flex:none;color:#0069c6;font-size:1.7rem;font-weight:700;letter-spacing:.05rem}
.p-renewal-next__action b{margin-left:1rem;font-size:2.2rem}

.c-under-wrap .c-title-wrap.-small .logo-title .logo{position:relative;top:.45rem}
.c-under-wrap + .c-contact .c-btn__inn{border-width:1px!important}
.c-under-wrap + .c-contact .title{text-wrap:balance}

@media screen and (min-width:1244px){
  .c-under-wrap .c-fixed-bg{opacity:.86;background-position:center 56%}
  .p-renewal-service-flow__start:after{content:"→";position:absolute;right:-3.6rem;top:50%;transform:translateY(-50%);color:#0069c6;font-size:2.3rem;font-weight:500}
}

@media screen and (max-width:900px){
  .p-renewal-service-productivity{grid-template-columns:1fr;gap:1.8rem}
  .p-renewal-service-productivity__link{justify-self:start;white-space:normal}
}



/* ===== service v4: restore approved v31 geometry + top v66 background rhythm =====
   Scope: service body only. CTA/footer stay frozen at v2. */

/* Small headings: keep only the blue mark + text. */
.c-under-wrap .c-title-wrap.-small{padding-left:0!important}
.c-under-wrap .c-title-wrap.-small>.deco{display:none!important}

/* Match Top v66: same wave opacity and the same paper / ivory surface rhythm. */
.c-under-wrap .c-fixed-bg{opacity:.74!important;background-position:center center!important;pointer-events:none!important}
.p-renewal-service-mv,
.p-renewal-service-content,
.p-renewal-service-scope,
.p-renewal-next{background:rgba(255,254,250,.86)!important}
.p-renewal-service-goal,
.p-renewal-service-flow{background:rgba(248,245,237,.84)!important}

/* Cards remain slightly opaque so the wave does not compete with text. */
.p-renewal-service-goal__card,
.p-renewal-service-content__card,
.p-renewal-service-flow__start,
.p-renewal-service-flow__cycle-card,
.p-renewal-service-price{background:rgba(255,255,255,.94)}

/* Deliberate desktop prose breaks; smaller widths flow naturally. */
.p-renewal-service-lead-break,
.p-renewal-next__break{display:block}

/* Annual flow heading: keep the approved two-line composition at PC/tablet widths. */
.p-renewal-service-flow__title-line{display:block}
@media screen and (min-width:768px){
  .p-renewal-service-flow__title-line{white-space:nowrap}
}

/* Restore the late-stage v29-v31 annual-cycle geometry on desktop. */
@media screen and (min-width:1244px){
  .p-renewal-service-flow__layout{
    grid-template-columns:minmax(0,480px) minmax(0,696px)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .p-renewal-service-flow__copy{min-width:0}
  .p-renewal-service-flow__copy .c-secttl{
    width:640px!important;
    max-width:640px!important;
    font-size:4rem!important;
    line-height:1.5!important;
    letter-spacing:.12rem!important;
  }
  .p-renewal-service-flow__start{
    max-width:480px;
    margin-top:30px!important;
    padding:20px 20px 21px!important;
  }
  .p-renewal-service-flow__start:after{right:-26px!important}
  /* Annual-cycle desktop geometry is defined once in the consolidated block below. */

  /* Restore the late-stage price relationship from v31. */
  .p-renewal-service-scope__layout{
    grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr)!important;
    gap:76px!important;
    align-items:start!important;
  }
  .p-renewal-service-price{margin-top:66px!important}
}

@media screen and (max-width:900px){
  .p-renewal-service-lead-break,
  .p-renewal-next__break{display:none}
}


/* ===== service v5: PC visual correction after full-page video review =====
   Keep v31 component geometry, but match the actual v66 open wave surface.
   CTA/footer remain untouched. */

/* Top v66 ultimately uses transparent major-section surfaces over the shared wave.
   Remove the alternating service-page veils that made the page look greyer/patchier. */
.c-under-wrap{background:#fffefa!important}
.p-renewal-service-mv,
.p-renewal-service-goal,
.p-renewal-service-content,
.p-renewal-service-flow,
.p-renewal-service-scope,
.p-renewal-next{
  background:transparent!important;
}
.c-under-wrap .c-fixed-bg{opacity:.74!important;background-position:center center!important;pointer-events:none!important}

/* The theme's generic heading span rule can override the v4 block declaration.
   Force the annual-flow title into the approved two semantic lines. */

@media screen and (min-width:1244px){
  .p-renewal-service-flow__title-line{white-space:nowrap!important}

  /* On WordPress the title stack is taller than in the static v31 prototype.
     Lower the price card so its bottom aligns with the explanatory copy instead
     of visually leading the section. */
  .p-renewal-service-price{margin-top:15.5rem!important}
}

/* ===== service v6: annual-flow heading stack correction =====
   The theme's common .c-secttl is inline-flex, so the two semantic title spans
   stayed side-by-side even when each span was display:block.  Restore the
   approved v31-style two-line title without moving the cycle geometry. */
@media screen and (min-width:1244px){
  .p-renewal-service-flow__copy .c-secttl{
    display:block!important;
    width:640px!important;
    max-width:640px!important;
    gap:0!important;
  }
  .p-renewal-service-flow__copy .p-renewal-service-flow__title-line{
    display:block!important;
    width:100%!important;
    white-space:nowrap!important;
  }
}

/* ===== annual-flow desktop: structural grid alignment =====
   PC only. STEP 1 and STEP 4/3 are aligned by layout, not by guessed offsets.
   - The left copy and right cycle share one stretched grid row.
   - STEP 1 is pinned to the bottom of the left column.
   - STEP 4/3 form the bottom row of the right cycle grid.
   - STEP 2 sits centered above them.
   - The approved v31/v32 upper curves remain as a visual overlay, recolored blue. */
@media screen and (min-width:1244px){
  .p-renewal-service-flow__layout{
    --flow-column-gap:24px;
    --flow-column-half-gap:12px;
    grid-template-columns:minmax(0,480px) minmax(0,696px)!important;
    gap:var(--flow-column-gap)!important;
    align-items:stretch!important;
  }

  .p-renewal-service-flow__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
  }

  .p-renewal-service-flow__start{
    width:100%;
    max-width:480px;
    height:165px!important;
    min-height:165px!important;
    margin-top:auto!important;
    padding:2rem 2rem 2.1rem!important;
  }
  .p-renewal-service-flow__start .p-renewal-service-flow__head{gap:8px}
  .p-renewal-service-flow__start h3{
    font-size:1.65rem!important;
    line-height:1.6!important;
    letter-spacing:.035rem!important;
  }
  .p-renewal-service-flow__start p{
    margin-top:.9rem!important;
    font-size:1.45rem!important;
    line-height:1.75!important;
    letter-spacing:.035rem!important;
  }

  .p-renewal-service-flow__cycle{
    width:100%;
    max-width:696px;
    min-width:0;
    margin:0!important;
    padding:0!important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }

  .p-renewal-service-flow__cycle-title{
    margin:0!important;
    text-align:center;
    color:#293235!important;
    font-size:1.6rem!important;
    font-weight:700!important;
    letter-spacing:.05rem!important;
  }
  .p-renewal-service-flow__cycle-title:after{
    content:"↓";
    display:block;
    margin-top:.5rem;
    color:#0069c6;
    font-size:1.9rem;
    line-height:1;
    font-weight:500;
  }

  .p-renewal-service-flow__cycle-desktop{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,340px) minmax(0,340px);
    grid-template-rows:165px 165px;
    column-gap:16px;
    row-gap:40px;
    width:100%;
    height:388px!important;
    min-height:388px!important;
    margin-top:1.6rem!important;
    padding:18px 0 0!important;
    align-content:start;
    overflow:visible;
  }

  .p-renewal-service-flow__cycle-desktop>svg{
    display:block!important;
    position:absolute!important;
    z-index:1;
    left:0!important;
    top:24px!important;
    width:100%!important;
    height:372px!important;
    overflow:visible;
    pointer-events:none;
  }
  .p-renewal-service-flow__cycle-desktop>svg>path{
    fill:none!important;
    stroke:#0069c6!important;
    stroke-width:2!important;
    opacity:.72!important;
  }

  .p-renewal-service-flow__cycle-card{
    position:relative!important;
    z-index:2!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:340px!important;
    height:165px!important;
    min-height:165px!important;
    padding:2rem 2rem 2.1rem!important;
    transform:none!important;
    border-color:#d8cdbb!important;
    box-shadow:0 .8rem 2.4rem rgba(70,54,24,.04)!important;
  }
  .p-renewal-service-flow__cycle-card.-step2{
    grid-column:1 / -1;
    grid-row:1;
    justify-self:center;
    width:340px!important;
  }
  .p-renewal-service-flow__cycle-card.-step4{
    grid-column:1;
    grid-row:2;
    justify-self:start;
  }
  .p-renewal-service-flow__cycle-card.-step3{
    grid-column:2;
    grid-row:2;
    justify-self:end;
  }

  .p-renewal-service-flow__cycle-card .p-renewal-service-flow__head{gap:8px}
  .p-renewal-service-flow__cycle-card h3{
    font-size:1.65rem!important;
    line-height:1.6!important;
    letter-spacing:.035rem!important;
    white-space:normal!important;
  }
  .p-renewal-service-flow__cycle-card p{
    margin-top:.9rem!important;
    font-size:1.45rem!important;
    line-height:1.75!important;
    letter-spacing:.035rem!important;
  }

  /* STEP 4 and STEP 3 are joined at the exact vertical center of the cards. */
  .p-renewal-service-flow__cycle-card.-step3:before{
    content:""!important;
    display:block!important;
    position:absolute;
    left:-16px;
    top:50%;
    width:16px;
    height:1.5px;
    background:#0069c6;
    transform:translateY(-50%);
    z-index:1;
  }
  .p-renewal-service-flow__cycle-card.-step3:after,
  .p-renewal-service-flow__cycle-card.-step4:before,
  .p-renewal-service-flow__cycle-card.-step4:after{
    content:none!important;
    display:none!important;
  }

  /* Place STEP 1 → STEP 4 exactly in the middle of the 24px column gap. */
  .p-renewal-service-flow__start:after{
    content:"→"!important;
    position:absolute!important;
    left:calc(100% + var(--flow-column-half-gap))!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    color:#0069c6!important;
    font-size:2.3rem!important;
    line-height:1!important;
    font-weight:500!important;
    z-index:4;
  }
  .p-renewal-service-flow__note{margin-top:1.4rem!important}
}

/* ===== service v21: final annual-flow copy breaks + summary treatment =====
   PC only. Keep the approved v20 geometry untouched. */
.p-renewal-service-flow__pc-break{display:none}

@media screen and (min-width:1244px){
  .p-renewal-service-flow__pc-break{display:block}

  /* The annual-flow lead uses deliberate PC line breaks; slightly tighten only
     this lead so those short lines keep the same rhythm as the surrounding copy. */
  .p-renewal-service-flow__copy > .p-renewal-service-lead{
    line-height:2!important;
  }

  /* The closing sentence is a summary of the section. Keep its existing weight
     and spacing, but match the 18px body scale so it does not read smaller. */
  .p-renewal-service-flow__note{
    margin-top:3rem!important;
    color:#293235!important;
    font-size:1.8rem!important;
    line-height:1.85!important;
    font-weight:750!important;
    letter-spacing:.01em!important;
  }
}

/* ===== service v23: consolidated tablet layout (768-1243px) =====
   Tablet is treated as its own layout range rather than a scaled-down desktop.
   Goals: stable px/clamp typography, wider readable cards, a dedicated stacked
   annual-flow composition, and one consistent 768-1243 breakpoint. */
@media screen and (min-width:768px) and (max-width:1243px){
  /* Use the available tablet canvas instead of inheriting 120rem scaled by 0.68vw. */
  .c-under-wrap .l-content-inner{
    width:min(calc(100% - 64px),1120px)!important;
    max-width:none!important;
    padding:0!important;
  }

  /* Shared tablet typography and vertical rhythm. */
  .c-under-wrap .c-title-wrap .logo-title{
    gap:8px!important;
    font-size:14px!important;
    line-height:1.35!important;
    letter-spacing:.02em!important;
  }
  .c-under-wrap .c-title-wrap .logo-title .logo{
    width:16px!important;
    height:17px!important;
    top:1px!important;
  }
  .p-renewal-service-goal .c-title-wrap.-small .c-secttl,
  .p-renewal-service-content .c-title-wrap.-small .c-secttl,
  .p-renewal-service-flow .c-title-wrap.-small .c-secttl,
  .p-renewal-service-scope .c-title-wrap.-small .c-secttl{
    display:block!important;
    margin-top:28px!important;
    font-size:clamp(28px,3.15vw,36px)!important;
    line-height:1.55!important;
    letter-spacing:.03em!important;
    gap:0!important;
  }
  .p-renewal-service-lead{
    max-width:920px!important;
    margin-top:28px!important;
    font-size:15px!important;
    line-height:1.95!important;
    letter-spacing:.025em!important;
  }
  .p-renewal-service-lead p+p{margin-top:8px!important}

  .p-renewal-service-mv{
    padding:96px 0 78px!important;
  }
  .p-renewal-service-mv__title{
    max-width:960px!important;
    margin-top:32px!important;
    font-size:clamp(32px,3.7vw,42px)!important;
    line-height:1.5!important;
    letter-spacing:.035em!important;
  }
  .p-renewal-service-mv__text{
    max-width:960px!important;
    margin-top:30px!important;
    font-size:15px!important;
    line-height:2!important;
    letter-spacing:.025em!important;
  }

  .p-renewal-service-goal,
  .p-renewal-service-content,
  .p-renewal-service-flow,
  .p-renewal-service-scope{
    padding:76px 0 72px!important;
  }

  /* Goal cards: one readable centered column. */
  .p-renewal-service-goal__grid{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:20px!important;
    margin-top:42px!important;
  }
  .p-renewal-service-goal__card{
    width:min(100%,820px)!important;
    max-width:820px!important;
    padding:28px 30px 30px!important;
  }
  .p-renewal-service-goal__icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:12px!important;
  }
  .p-renewal-service-goal__role{
    font-size:13px!important;
    letter-spacing:.04em!important;
  }
  .p-renewal-service-goal__card h3{
    margin-top:8px!important;
    font-size:20px!important;
    line-height:1.6!important;
    letter-spacing:.03em!important;
  }
  .p-renewal-service-goal__body{
    margin-top:14px!important;
    font-size:14.5px!important;
    line-height:1.9!important;
    letter-spacing:.02em!important;
  }

  /* Support cards: use the tablet canvas efficiently.
     The column count itself is controlled by the dedicated tablet sub-breakpoints below. */
  .p-renewal-service-content__grid{
    gap:20px!important;
    margin-top:42px!important;
  }
  .p-renewal-service-content__card{
    width:100%!important;
    padding:26px 28px 28px!important;
  }
  .p-renewal-service-content__head{gap:12px!important}
  .p-renewal-service-content__head>span,
  .p-renewal-service-flow__head>span{
    min-width:38px!important;
    height:38px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  .p-renewal-service-content__head h3{
    padding-top:1px!important;
    font-size:19px!important;
    line-height:1.6!important;
    letter-spacing:.025em!important;
  }
  .p-renewal-service-content__label{
    margin-top:18px!important;
    font-size:13px!important;
    letter-spacing:.04em!important;
  }
  .p-renewal-service-content__card ul{
    gap:7px!important;
    margin-top:10px!important;
  }
  .p-renewal-service-content__card li{
    padding-left:16px!important;
    font-size:14.5px!important;
    line-height:1.82!important;
    letter-spacing:.02em!important;
  }
  .p-renewal-service-content__card li:before{
    width:5px!important;
    height:5px!important;
  }
  .p-renewal-service-content__note{
    max-width:980px!important;
    margin-top:28px!important;
    font-size:15px!important;
    line-height:1.9!important;
    letter-spacing:.025em!important;
  }

  .p-renewal-service-productivity{
    max-width:980px!important;
    margin-top:40px!important;
    padding-top:28px!important;
    gap:30px!important;
  }
  .p-renewal-service-productivity__label{font-size:13px!important}
  .p-renewal-service-productivity h3{
    margin-top:6px!important;
    font-size:20px!important;
    line-height:1.6!important;
    letter-spacing:.025em!important;
  }
  .p-renewal-service-productivity div>p:last-child{
    margin-top:10px!important;
    font-size:14.5px!important;
    line-height:1.85!important;
    letter-spacing:.02em!important;
  }
  .p-renewal-service-productivity__link{
    padding:6px 0!important;
    font-size:14px!important;
    letter-spacing:.02em!important;
  }
  .p-renewal-service-productivity__link b{font-size:17px!important}

  /* Annual flow: tablet has its own composition.
     STEP 1 is centered first; STEP 2 sits above STEP 4 / STEP 3. */
  .p-renewal-service-flow__layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:42px!important;
    align-items:start!important;
  }
  .p-renewal-service-flow__copy{
    width:100%!important;
    max-width:none!important;
  }
  .p-renewal-service-flow__copy .c-secttl{
    display:block!important;
    width:min(100%,760px)!important;
    max-width:760px!important;
    gap:0!important;
  }
  .p-renewal-service-flow__copy .p-renewal-service-flow__title-line{
    display:block!important;
    width:100%!important;
    white-space:nowrap!important;
  }
  .p-renewal-service-flow__copy > .p-renewal-service-lead{
    max-width:760px!important;
    line-height:1.95!important;
  }
  .p-renewal-service-flow__pc-break{display:none!important}

  .p-renewal-service-flow__start{
    width:min(100%,680px)!important;
    max-width:680px!important;
    min-height:0!important;
    height:auto!important;
    margin:32px auto 0!important;
    padding:24px 26px 25px!important;
  }
  .p-renewal-service-flow__start:after{content:none!important;display:none!important}
  .p-renewal-service-flow__start .p-renewal-service-flow__head{gap:10px!important}
  .p-renewal-service-flow__start h3{
    padding-top:1px!important;
    font-size:16.5px!important;
    line-height:1.6!important;
    letter-spacing:.025em!important;
  }
  .p-renewal-service-flow__start p{
    margin-top:10px!important;
    font-size:13.5px!important;
    line-height:1.82!important;
    letter-spacing:.02em!important;
  }

  .p-renewal-service-flow__cycle{
    width:min(100%,680px)!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .p-renewal-service-flow__cycle-title{
    margin:0!important;
    text-align:center!important;
    color:#293235!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
  }
  .p-renewal-service-flow__cycle-title:after{
    content:"↓"!important;
    display:block!important;
    margin-top:5px!important;
    color:#0069c6!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .p-renewal-service-flow__cycle-desktop{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,320px))!important;
    grid-template-rows:auto auto!important;
    justify-content:center!important;
    column-gap:24px!important;
    row-gap:42px!important;
    width:100%!important;
    min-height:388px!important;
    height:auto!important;
    margin-top:16px!important;
    padding:18px 0 0!important;
    overflow:visible!important;
  }
  .p-renewal-service-flow__cycle-desktop>svg{
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    left:50%!important;
    top:20px!important;
    width:680px!important;
    max-width:100%!important;
    height:372px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .p-renewal-service-flow__cycle-desktop>svg>path{
    fill:none!important;
    stroke:#0069c6!important;
    stroke-width:2!important;
    opacity:.72!important;
  }
  .p-renewal-service-flow__cycle-card{
    position:relative!important;
    z-index:2!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:320px!important;
    min-height:170px!important;
    height:auto!important;
    padding:20px 20px 21px!important;
    transform:none!important;
  }
  .p-renewal-service-flow__cycle-card.-step2{
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:center!important;
  }
  .p-renewal-service-flow__cycle-card.-step4{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
  }
  .p-renewal-service-flow__cycle-card.-step3{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
  }
  .p-renewal-service-flow__cycle-card .p-renewal-service-flow__head{gap:9px!important}
  .p-renewal-service-flow__cycle-card h3{
    padding-top:1px!important;
    font-size:15.5px!important;
    line-height:1.6!important;
    letter-spacing:.02em!important;
    white-space:normal!important;
  }
  .p-renewal-service-flow__cycle-card p{
    margin-top:9px!important;
    font-size:13.5px!important;
    line-height:1.8!important;
    letter-spacing:.015em!important;
  }
  .p-renewal-service-flow__cycle-card.-step3:before,
  .p-renewal-service-flow__cycle-card.-step3:after,
  .p-renewal-service-flow__cycle-card.-step4:before,
  .p-renewal-service-flow__cycle-card.-step4:after{
    content:none!important;
    display:none!important;
  }
  .p-renewal-service-flow__cycle-mobile{display:none!important}
  .p-renewal-service-flow__note{
    max-width:760px!important;
    margin:28px auto 0!important;
    color:#293235!important;
    font-size:15.5px!important;
    line-height:1.85!important;
    font-weight:750!important;
    letter-spacing:.015em!important;
  }

  /* Scope / price: readable width instead of the old 60rem tablet cap. */
  .p-renewal-service-scope__layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
    align-items:start!important;
  }
  .p-renewal-service-price{
    width:min(100%,560px)!important;
    max-width:560px!important;
    margin:4px auto 0!important;
    padding:28px 30px 30px!important;
  }
  .p-renewal-service-price__label{font-size:13px!important}
  .p-renewal-service-price__amount{
    margin-top:8px!important;
    font-size:32px!important;
    line-height:1.4!important;
  }
  .p-renewal-service-price__amount span{font-size:14px!important}
  .p-renewal-service-price__term{
    margin-top:6px!important;
    font-size:15px!important;
  }
  .p-renewal-service-price__note{
    margin-top:16px!important;
    font-size:13.5px!important;
    line-height:1.82!important;
    letter-spacing:.015em!important;
  }

  /* Next-page route: preserve its structure, only restore a tablet-readable scale. */
  .p-renewal-next{padding:48px 0!important}
  .p-renewal-next__link{
    gap:28px!important;
    padding:24px 0!important;
  }
  .p-renewal-next__copy small{font-size:12px!important}
  .p-renewal-next__copy strong{
    margin-top:6px!important;
    font-size:24px!important;
    letter-spacing:.035em!important;
  }
  .p-renewal-next__copy em{
    max-width:720px!important;
    margin-top:6px!important;
    font-size:13.5px!important;
    line-height:1.75!important;
    letter-spacing:.015em!important;
  }
  .p-renewal-next__action{
    font-size:14px!important;
    letter-spacing:.02em!important;
  }
  .p-renewal-next__action b{font-size:18px!important}
}

/* Support-card column count inside the tablet range.
   901-1243px has enough usable width for the approved 2x2 composition;
   768-900px stays single-column so the five-item lists do not become cramped. */
@media screen and (min-width:901px) and (max-width:1243px){
  .p-renewal-service-content__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media screen and (min-width:768px) and (max-width:900px){
  .p-renewal-service-content__grid{
    grid-template-columns:1fr!important;
  }
}

/* The productivity route needs one natural sub-breakpoint inside tablet. */
@media screen and (min-width:768px) and (max-width:900px){
  .p-renewal-service-productivity{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .p-renewal-service-productivity__link{
    justify-self:start!important;
    align-self:auto!important;
    white-space:normal!important;
  }
  .p-renewal-next__link{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:16px!important;
  }
}



/* ===== service v25: close the tablet short-cycle loop =====
   Tablet only. The PC diagram already joins STEP 4 and STEP 3 with its own
   center line; mobile uses the stacked flow. Add a dedicated 3→4 return
   curve below the two lower tablet cards so the short cycle reads as closed. */
@media screen and (min-width:768px) and (max-width:1243px){
  .p-renewal-service-flow__cycle-desktop{
    padding-bottom:60px!important;
    min-height:460px!important;
  }
  .p-renewal-service-flow__cycle-desktop:after{
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    left:50%;
    bottom:6px;
    width:min(100%,680px);
    height:58px;
    transform:translateX(-50%);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 58'%3E%3Cdefs%3E%3Cmarker id='a' markerWidth='9' markerHeight='9' refX='7.5' refY='4.5' orient='auto' markerUnits='strokeWidth'%3E%3Cpath d='M0 0L9 4.5L0 9Z' fill='%230069c6'/%3E%3C/marker%3E%3C/defs%3E%3Cpath d='M525 3 C485 52 195 52 155 3' fill='none' stroke='%230069c6' stroke-width='2' opacity='.72' marker-end='url(%23a)'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    pointer-events:none;
  }
}




.p-renewal-service-content__title-line{display:block}
.p-renewal-service-content__title-part{display:inline}
/* ===== release hotfix: support-content heading layout =====
   The legacy common .c-secttl is inline-flex on desktop. The two semantic
   title-line spans therefore became side-by-side flex items and wrapped
   independently. Keep this heading as a normal block so the approved
   two-line composition is preserved. */
.p-renewal-service-content .p-renewal-service-content__title{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  gap:0!important;
}
@media screen and (min-width:768px){
  .p-renewal-service-content .p-renewal-service-content__title-line{
    display:block!important;
    white-space:nowrap!important;
  }
}

/* ===== Smartphone layout — authoritative lower-page baseline =====
   About page is the shared reference for gutter, hierarchy, section rhythm and wrapping.
   Keep phone rules in this single block; do not layer versioned phone patches below it. */
@media screen and (max-width:767px){
  /* Width: same 16px gutter as About. */
  .c-under-wrap .l-content-inner{
    width:100%;
    max-width:none;
    padding-left:var(--renewal-sp-gutter);
    padding-right:var(--renewal-sp-gutter);
  }

  .p-renewal-service-title-pc,.p-renewal-meta-pc{display:none}
  .p-renewal-service-title-sp{display:block}
  .p-renewal-service-sp-line{display:block;white-space:normal}
  .p-renewal-service-keep-phrase{white-space:nowrap}
  .p-renewal-meta-sp{display:flex;flex-direction:column;align-items:center;gap:7px}

  /* Shared lower-page label treatment. */
  .p-renewal-service-mv .c-title-wrap.-small .logo-title,
  .p-renewal-service-goal .c-title-wrap.-small .logo-title,
  .p-renewal-service-content .c-title-wrap.-small .logo-title,
  .p-renewal-service-flow .c-title-wrap.-small .logo-title,
  .p-renewal-service-scope .c-title-wrap.-small .logo-title{
    gap:7px;
    font-size:var(--renewal-sp-label-size);
    line-height:1.5;
    font-weight:800;
    letter-spacing:.015em;
  }
  .p-renewal-service-mv .c-title-wrap.-small .logo-title .logo,
  .p-renewal-service-goal .c-title-wrap.-small .logo-title .logo,
  .p-renewal-service-content .c-title-wrap.-small .logo-title .logo,
  .p-renewal-service-flow .c-title-wrap.-small .logo-title .logo,
  .p-renewal-service-scope .c-title-wrap.-small .logo-title .logo{
    width:16px;
    height:17px;
    top:1px;
    flex:0 0 auto;
  }

  /* FV: one rank above section headings. */
  .p-renewal-service-mv{padding:58px 0 0}
  .p-renewal-service-mv__title{
    width:100%;
    max-width:none;
    margin-top:20px;
    font-size:var(--renewal-sp-fv-title-size);
    line-height:1.55;
    font-weight:800;
    letter-spacing:-.018em;
    white-space:normal;
    text-wrap:wrap;
    text-wrap-style:auto;
    word-break:normal;
    line-break:strict;
    overflow-wrap:normal;
  }
  .p-renewal-service-mv__text{
    width:100%;
    max-width:none;
    margin-top:18px;
    color:#223747;
    font-size:var(--renewal-sp-body-size);
    line-height:var(--renewal-sp-body-line-height);
    font-weight:var(--renewal-sp-body-weight);
    letter-spacing:.005em;
  }
  .p-renewal-service-mv__text p+p{margin-top:7px}

  /* Major chapter gap: one 72px gap, not bottom + top padding from adjacent sections. */
  .p-renewal-service-goal,
  .p-renewal-service-content,
  .p-renewal-service-flow,
  .p-renewal-service-scope{padding:var(--renewal-sp-section-gap) 0 0}

  .p-renewal-service-goal .c-title-wrap.-small .c-secttl,
  .p-renewal-service-content .c-title-wrap.-small .c-secttl,
  .p-renewal-service-flow .c-title-wrap.-small .c-secttl,
  .p-renewal-service-scope .c-title-wrap.-small .c-secttl{
    display:block;
    width:100%;
    max-width:none;
    margin-top:20px;
    font-size:var(--renewal-sp-section-title-size);
    line-height:1.55;
    font-weight:800;
    letter-spacing:-.014em;
    white-space:normal;
    text-wrap:wrap;
    text-wrap-style:auto;
    word-break:normal;
    line-break:strict;
    overflow-wrap:normal;
    gap:0;
  }
  /* Major headings use semantic lines; prose below remains natural-wrap. */
  .p-renewal-service-content__title-line,
  .p-renewal-service-content__title-part,
  .p-renewal-service-flow__title-line{display:block;white-space:normal}

  .p-renewal-service-lead,
  .p-renewal-service-flow__note{
    width:100%;
    max-width:none;
    margin-top:18px;
    color:#223747;
    font-size:var(--renewal-sp-body-size);
    line-height:var(--renewal-sp-body-line-height);
    font-weight:var(--renewal-sp-body-weight);
    letter-spacing:.005em;
  }
  .p-renewal-service-lead p+p{margin-top:7px}

  /* Phone prose flows naturally. PC-authored <br> elements do not dictate composition. */
  .p-renewal-service-mv__text br,
  .p-renewal-service-goal .c-secttl br,
  .p-renewal-service-goal__card h3 br,
  .p-renewal-service-lead br,
  .p-renewal-service-content__note br,
  .p-renewal-service-productivity div>p:last-child br,
  .p-renewal-service-flow__start p br,
  .p-renewal-service-flow__cycle-mobile p br,
  .p-renewal-service-flow__note br,
  .p-renewal-next__copy em br{display:none}

  /* Goal cards. */
  .p-renewal-service-goal__grid{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .p-renewal-service-goal__card{padding:24px 22px 26px;border-radius:10px}
  .p-renewal-service-goal__icon{width:50px;height:50px;margin-bottom:12px}
  .p-renewal-service-goal__role{font-size:14px;line-height:1.6;font-weight:800;letter-spacing:.02em}
  .p-renewal-service-goal__card h3{
    margin-top:8px;
    font-size:var(--renewal-sp-item-title-size);
    line-height:1.55;
    font-weight:800;
    letter-spacing:-.005em;
    white-space:normal;
    text-wrap:wrap;
    text-wrap-style:auto;
    word-break:normal;
    line-break:strict;
    overflow-wrap:normal;
  }
  .p-renewal-service-goal__body{
    width:100%;
    max-width:none;
    margin:13px 0 0;
    color:#223747;
    font-size:15px;
    line-height:1.85;
    font-weight:400;
    letter-spacing:.005em;
    text-align:left;
  }

  /* Four support cards. */
  .p-renewal-service-content__grid{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .p-renewal-service-content__card{padding:22px 20px 24px;border-radius:9px}
  .p-renewal-service-content__head,.p-renewal-service-flow__head{gap:11px}
  .p-renewal-service-content__head>span,.p-renewal-service-flow__head>span{
    min-width:38px;height:38px;padding:0 9px;border-radius:8px;font-size:13px
  }
  .p-renewal-service-content__head h3,.p-renewal-service-flow__head h3{
    padding-top:1px;
    font-size:var(--renewal-sp-item-title-size);
    line-height:1.5;
    font-weight:800;
    letter-spacing:-.008em;
  }
  .p-renewal-service-content__label{margin-top:20px;font-size:14px;line-height:1.6;font-weight:800;letter-spacing:.02em}
  .p-renewal-service-content__card ul{gap:8px;margin-top:10px}
  .p-renewal-service-content__card li{
    padding-left:16px;
    color:#223747;
    font-size:15px;
    line-height:1.82;
    font-weight:400;
    letter-spacing:.005em;
  }
  .p-renewal-service-content__card li:before{left:1px;width:5px;height:5px}
  .p-renewal-service-content__note{
    width:100%;max-width:none;margin-top:27px;color:#223747;font-size:15.5px;line-height:1.9;font-weight:700;letter-spacing:.005em
  }

  /* Productivity route. */
  .p-renewal-service-productivity{grid-template-columns:1fr;gap:14px;max-width:none;margin-top:36px;padding-top:24px}
  .p-renewal-service-productivity__label{font-size:14px;line-height:1.6;font-weight:800;letter-spacing:.02em}
  .p-renewal-service-productivity h3{
    margin-top:6px;font-size:20.5px;line-height:1.55;font-weight:800;letter-spacing:-.005em;
    white-space:normal;text-wrap:wrap;text-wrap-style:auto;word-break:normal;line-break:strict;overflow-wrap:normal
  }
  .p-renewal-service-productivity div>p:last-child{margin-top:10px;color:#223747;font-size:15px;line-height:1.85;font-weight:400;letter-spacing:.005em}
  .p-renewal-service-productivity__link{justify-self:start;align-self:auto;padding:5px 0;font-size:15.5px;line-height:1.6;font-weight:700;letter-spacing:.005em;white-space:normal}
  .p-renewal-service-productivity__link b{margin-left:7px;font-size:17px}

  /* Annual flow. */
  .p-renewal-service-flow__layout{grid-template-columns:1fr;gap:28px}
  .p-renewal-service-flow__start{margin-top:28px;padding:22px 20px 23px;border-radius:9px}
  .p-renewal-service-flow__start p,
  .p-renewal-service-flow__cycle-mobile article p{
    margin-top:10px;color:#223747;font-size:15px;line-height:1.85;font-weight:400;letter-spacing:.005em
  }
  .p-renewal-service-flow__cycle{width:100%;padding-top:0}
  .p-renewal-service-flow__cycle-title{font-size:14px;line-height:1.5;font-weight:800;letter-spacing:.02em}
  .p-renewal-service-flow__cycle-desktop{display:none}
  .p-renewal-service-flow__cycle-mobile{display:grid;gap:0;margin-top:20px}
  .p-renewal-service-flow__cycle-mobile article{position:relative;padding:22px 20px 23px;background:#fff;border:1px solid #92b1d6;border-radius:9px}
  .p-renewal-service-flow__cycle-mobile article+article{margin-top:36px}
  .p-renewal-service-flow__cycle-mobile article+article:before{content:"↓";position:absolute;left:50%;top:-31px;transform:translateX(-50%);color:#0069c6;font-size:18px;line-height:1}
  .p-renewal-service-flow__note{margin-top:24px;font-weight:700}

  /* Scope / price. */
  .p-renewal-service-scope__layout{grid-template-columns:1fr;gap:32px}
  .p-renewal-service-price{width:100%;max-width:none;margin:0;padding:24px 22px 26px}
  .p-renewal-service-price__label{font-size:14px;line-height:1.6;font-weight:800;letter-spacing:.02em}
  .p-renewal-service-price__amount{margin-top:7px;font-size:32px;line-height:1.4;font-weight:900;letter-spacing:.01em;white-space:nowrap}
  .p-renewal-service-price__amount span{margin-left:5px;font-size:13px;font-weight:700}
  .p-renewal-service-price__term{margin-top:6px;font-size:15px;line-height:1.6;font-weight:700}
  .p-renewal-service-price__note{margin-top:15px;color:#223747;font-size:15px;line-height:1.85;font-weight:400;letter-spacing:.005em}

  /* Case-study route: same hierarchy as About. */
  .p-renewal-next{padding:48px 0;background:transparent}
  .p-renewal-next__link{align-items:flex-start;flex-direction:column;gap:16px;padding:22px 0}
  .p-renewal-next__copy small{font-size:14px;line-height:1.5;font-weight:800}
  .p-renewal-next__copy strong{margin-top:5px;font-size:24px;line-height:1.5;font-weight:800;letter-spacing:.02em}
  .p-renewal-next__copy em{max-width:none;margin-top:5px;color:#223747;font-size:15.5px;line-height:1.85;font-weight:400;letter-spacing:.005em}
  .p-renewal-next__action{font-size:15.5px;line-height:1.5;font-weight:800;letter-spacing:.005em}
  .p-renewal-next__action b{margin-left:7px;font-size:18px}

  /* Explicit natural-wrap baseline for direct prose nodes. */
  .p-renewal-service-mv__text,
  .p-renewal-service-mv__text>p,
  .p-renewal-service-lead,
  .p-renewal-service-lead>p,
  .p-renewal-service-goal__body,
  .p-renewal-service-content__card li,
  .p-renewal-service-content__note,
  .p-renewal-service-productivity h3,
  .p-renewal-service-productivity div>p:last-child,
  .p-renewal-service-flow__start p,
  .p-renewal-service-flow__cycle-mobile article p,
  .p-renewal-service-flow__note,
  .p-renewal-service-price__note,
  .p-renewal-next__copy em{
    white-space:normal;
    text-wrap:wrap;
    text-wrap-style:auto;
    word-break:normal;
    line-break:strict;
    overflow-wrap:normal;
  }
}

@media screen and (max-width:350px){
  .p-renewal-service-price__amount{font-size:29px;white-space:normal}
  .p-renewal-service-price__amount span{display:block;margin:3px 0 0}
}