@charset "UTF-8";
/* Renewal About prototype — keep the existing kotonohalab visual language. */

.p-renewal-about-mv{padding:15.5rem 0 8.5rem;background:#fff;overflow:hidden}
.p-renewal-about-mv__inner{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(32rem,.95fr);gap:5rem;align-items:center}
.p-renewal-about-mv__label{padding-left:0}
.p-renewal-about-mv__title{margin-top:5.2rem;font-size:4.4rem;font-weight:900;line-height:1.55;letter-spacing:.10rem;color:#293235}
.p-renewal-about-mv__text{margin-top:4.8rem;font-size:1.8rem;font-weight:500;line-height:2.15;letter-spacing:.054rem}
.p-renewal-about-mv__text p+p{margin-top:1.4rem}
.p-renewal-about-mv__image{overflow:hidden;border-radius:0 0 4rem 4rem;background:#fff}
.p-renewal-about-mv__image img{display:block;width:100%;border-radius:0;opacity:.84;filter:saturate(.88) contrast(.94) brightness(1.04);box-shadow:1rem 1rem 2.5rem rgba(0,0,0,.05)}

.p-renewal-cycle,.p-renewal-company,.p-renewal-outline{padding:14.5rem 0 9.5rem;background:#fff}
.p-renewal-meaning{padding:14.5rem 0 9.5rem;background:#fafafa}
.p-renewal-section-lead{max-width:100rem;margin-top:3.6rem;font-size:1.8rem;font-weight:500;line-height:2.15;letter-spacing:.054rem}
.p-renewal-section-lead p+p{margin-top:.8rem}
.p-renewal-cycle__flow{margin-top:5.6rem;display:grid;grid-template-columns:minmax(0,1fr) 4.6rem minmax(0,1fr) 4.6rem minmax(0,1fr) 4.6rem minmax(0,1fr) 4.6rem minmax(0,1fr) 4.6rem minmax(0,1fr);align-items:stretch;border-top:1px solid #92b1d6;border-bottom:1px solid #92b1d6}
.p-renewal-cycle__item{min-height:12rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;padding:1.8rem .8rem}
.p-renewal-cycle__item span{color:#0069c6;font-family:"Roboto Condensed",sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.08rem}
.p-renewal-cycle__item strong{margin-top:1rem;font-size:1.8rem;font-weight:700;line-height:1.5}
.p-renewal-cycle__arrow{display:flex;align-items:center;justify-content:center;position:relative;font-size:0;color:#0069c6}
.p-renewal-cycle__arrow:before{content:"";width:2.6rem;height:1px;background:#0069c6}
.p-renewal-cycle__arrow:after{content:"";width:.7rem;height:.7rem;margin-left:-.55rem;border-top:2px solid #0069c6;border-right:2px solid #0069c6;transform:rotate(45deg)}
.p-renewal-cycle__return{position:relative;width:100%;height:6.2rem;margin:.8rem auto 0}
.p-renewal-cycle__return svg{display:block;width:100%;height:100%;overflow:visible}
.p-renewal-cycle__return path{fill:none;stroke:#0069c6;stroke-width:1.35;vector-effect:non-scaling-stroke}
.p-renewal-cycle__return span{position:absolute;left:50%;bottom:.3rem;transform:translateX(-50%);padding:0 1.5rem;background:#fff;color:#0069c6;font-size:1.4rem;font-weight:700;white-space:nowrap}
.p-renewal-cycle__close{margin-top:4.4rem;font-size:1.8rem;font-weight:500;line-height:2;letter-spacing:.054rem}

.p-renewal-meaning__list,.p-renewal-company__roles{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem;margin-top:6rem}
.p-renewal-meaning__item,.p-renewal-company__role{min-width:0}
.p-renewal-meaning__item .num,.p-renewal-company__role .num{color:#0069c6;font-family:"Roboto Condensed",sans-serif;font-size:4rem;font-weight:700;letter-spacing:.12rem}
.p-renewal-meaning__item h3,.p-renewal-company__role h3{position:relative;margin-top:1rem;padding-top:2.4rem;font-size:2.8rem;font-weight:700;line-height:1.65;letter-spacing:.072rem}
.p-renewal-meaning__item h3:before,.p-renewal-company__role h3:before{content:"";position:absolute;top:0;left:0;width:5rem;height:.4rem;background:#0069c6;border-radius:100vh}
.p-renewal-meaning__item p,.p-renewal-company__role p{margin-top:2rem;font-size:1.8rem;font-weight:500;line-height:1.9;letter-spacing:.048rem}
.p-renewal-company__close{margin-top:5rem;padding-top:3rem;border-top:1px solid #92b1d6;font-size:1.8rem;font-weight:700;line-height:2}

.p-renewal-background{padding:14.5rem 0 9.5rem;background:#024179;color:#fff}
.p-renewal-background__story{max-width:104rem;margin-top:5rem;font-size:1.8rem;font-weight:500;line-height:2.15;letter-spacing:.054rem}
.p-renewal-background__story p+p{margin-top:1.8rem}
.p-renewal-background__story .emphasis{margin-top:4rem;font-size:2.4rem;font-weight:700;line-height:1.9}
.p-renewal-background__story .close{margin-top:3rem;font-size:2rem;font-weight:700}

.p-renewal-outline{background:#fafafa;scroll-margin-top:8rem}
.p-renewal-outline__content{margin-top:6rem;max-width:90rem}
.p-renewal-outline table{width:100%;border-collapse:collapse}
.p-renewal-outline th,.p-renewal-outline td{padding:2.7rem 0;border-bottom:1px solid #92b1d6;text-align:left;font-size:1.8rem;line-height:1.8;letter-spacing:.054rem}
.p-renewal-outline th{width:18rem;font-weight:700;vertical-align:top}
.p-renewal-outline td{font-weight:500}

.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{margin-top:.8rem;font-size:1.6rem;font-style:normal;font-weight:500;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}


/* Section heading hierarchy */
.p-renewal-cycle .c-title-wrap.-small .c-secttl,
.p-renewal-meaning .c-title-wrap.-small .c-secttl,
.p-renewal-company .c-title-wrap.-small .c-secttl,
.p-renewal-background .c-title-wrap.-small .c-secttl,
.p-renewal-outline .c-title-wrap.-small .c-secttl{margin-top:5.2rem}

/* Keep title -> explanatory copy spacing in the same rhythm. */
.p-renewal-section-lead{margin-top:4.6rem}
.p-renewal-background__story{margin-top:5.2rem}
.p-renewal-outline__content{margin-top:6.2rem}

@media screen and (min-width:768px) and (max-width:1240px){
  .p-renewal-about-mv{padding-top:14rem;padding-bottom:9rem}
  .p-renewal-cycle,.p-renewal-company,.p-renewal-outline,.p-renewal-meaning,.p-renewal-background{padding-top:13rem;padding-bottom:9rem}
  .p-renewal-about-mv__inner{grid-template-columns:minmax(0,1.65fr) minmax(30rem,.85fr);gap:4rem;padding:0 3rem}
  .p-renewal-about-mv__title{margin-top:4.6rem;font-size:4rem;letter-spacing:.08rem}
  .p-renewal-cycle .c-title-wrap.-small .c-secttl,
  .p-renewal-meaning .c-title-wrap.-small .c-secttl,
  .p-renewal-company .c-title-wrap.-small .c-secttl,
  .p-renewal-background .c-title-wrap.-small .c-secttl,
  .p-renewal-outline .c-title-wrap.-small .c-secttl{margin-top:4.6rem}
}

@media screen and (max-width:767px){
  /* Lower-page mobile baseline: use the same content width and single-sided rhythm as Top. */
  .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-about-mv{padding:15rem 0 0}
  .p-renewal-about-mv__inner{display:flex;flex-direction:column;gap:0}
  .p-renewal-about-mv__copy{width:100%;max-width:none}
  .p-renewal-about-mv__image{width:100%}
  .p-renewal-about-mv__image img{border-radius:0 0 3rem 3rem}

  /* Same-background chapters use one gap only: previous bottom = 0, next top = 72px. */
  .p-renewal-cycle,
  .p-renewal-meaning,
  .p-renewal-company{padding:var(--renewal-sp-section-gap) 0 0}

  /* The dark chapter needs its own internal bottom breathing room. */
  .p-renewal-background{padding:var(--renewal-sp-section-gap) 0 5.6rem}
  .p-renewal-outline{padding:6.4rem 0 0}

  .p-renewal-cycle__flow{display:block;margin-top:3.2rem;border:0}
  .p-renewal-cycle__item{position:relative;min-height:0;display:grid;grid-template-columns:7.2rem 1fr;justify-items:start;text-align:left;padding:2.6rem 0;border-bottom:1px solid #92b1d6}
  .p-renewal-cycle__item:first-child{border-top:1px solid #92b1d6}
  .p-renewal-cycle__item span{font-size:2.6rem;align-self:center}
  .p-renewal-cycle__item strong{margin:0;align-self:center}
  .p-renewal-cycle__arrow,.p-renewal-cycle__return{display:none}
  .p-renewal-cycle__close{margin-top:2.8rem}

  .p-renewal-meaning__list,.p-renewal-company__roles{grid-template-columns:1fr;gap:0;margin-top:3.2rem}
  .p-renewal-meaning__item,.p-renewal-company__role{padding:3rem 0;border-top:1px solid #92b1d6}
  .p-renewal-meaning__item:last-child,.p-renewal-company__role:last-child{border-bottom:1px solid #92b1d6}
  .p-renewal-meaning__item .num,.p-renewal-company__role .num{font-size:4rem}
  .p-renewal-meaning__item h3,.p-renewal-company__role h3{padding-top:2.2rem}

  .p-renewal-background__story{margin-top:3.2rem}
  .p-renewal-outline__content{margin-top:3.2rem}
  .p-renewal-outline th,.p-renewal-outline td{padding:2.4rem 0}
  .p-renewal-outline th{width:10rem;padding-right:1.6rem}

  .p-renewal-next{padding:4.8rem 0;background:transparent}
  .p-renewal-next__link{align-items:flex-start;flex-direction:column;gap:1.6rem;padding:2.2rem 0}
  .p-renewal-next__copy small{font-size:14px;line-height:1.5;font-weight:800}
  .p-renewal-next__copy strong{font-size:24px;line-height:1.5;font-weight:800}
  .p-renewal-next__copy em{font-size:15.5px;line-height:1.85;font-weight:400}
  .p-renewal-next__action{font-size:15.5px;line-height:1.5;font-weight:800}
}


/* Desktop first-view vertical balance */
@media screen and (min-width:1241px){
  .p-renewal-about-mv{padding-top:19rem;padding-bottom:5rem}
}

/* Spacing / heading / cycle refinements */

/* Small logo inside section labels: move only the mark slightly downward. */
.c-under-wrap .c-title-wrap.-small .logo-title .logo{
  position:relative;
  top:.45rem;
}

/* Desktop FV: align the photo top closer to the h1 top rather than the label top. */
@media screen and (min-width:1241px){
  .p-renewal-about-mv__image{
    align-self:start;
    margin-top:11rem;
  }

  /* Reduce only the top spacing of the main About sections on desktop. */
  .p-renewal-cycle,
  .p-renewal-meaning,
  .p-renewal-company,
  .p-renewal-background,
  .p-renewal-outline{
    padding-top:11.5rem;
  }

  /* Keep the already-approved tighter bottom spacing of the cycle section. */
  .p-renewal-cycle{
    padding-bottom:6.5rem;
  }
}

/* Tablet: keep the same hierarchy rhythm while avoiding oversized section gaps. */
@media screen and (min-width:768px) and (max-width:1240px){
  .p-renewal-cycle{
    padding-top:10.5rem;
    padding-bottom:7rem;
  }
}

/* Smartphone spacing is kept compact; only the shared heading rhythm changes above. */

/* Desktop copy width / first-view / CTA refinements */
@media screen and (min-width:1241px){
  /* Give explanatory copy enough width to avoid awkward desktop wraps. */
  .p-renewal-section-lead{
    max-width:112rem;
  }

  /* Final small alignment adjustment for the FV image. */
  .p-renewal-about-mv__image{
    margin-top:12rem;
  }
}

/* Slightly soften the white outline of the shared consultation CTA button. */
.c-under-wrap + .c-contact .c-btn__inn{
  border-width:1px !important;
}

/* Desktop first-view / fixed-wave refinements */
@media screen and (min-width:1241px){
  /* Bring the first content block closer to the header. */
  .p-renewal-about-mv{
    padding-top:15.5rem;
  }

  /*
   * Keep the restored fixed wave, but push it slightly behind the content:
   * - a little lighter
   * - slightly lower than viewport center
   * Scoped to PC only while responsive review is still pending.
   */
  .c-under-wrap .c-fixed-bg{
    opacity:.86;
    background-position:center 56%;
  }
}



/* Representative profile */
.p-renewal-background__layout{display:grid;grid-template-columns:minmax(0,1fr) 30rem;grid-template-areas:"story profile";gap:6rem;align-items:start;margin-top:5.2rem}
.p-renewal-background__layout .p-renewal-background__story{grid-area:story;max-width:none;margin-top:0}
.p-renewal-background__profile{grid-area:profile;padding:2.2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:2.8rem;box-shadow:0 1rem 3rem rgba(0,0,0,.08)}
.p-renewal-background__profile-image{overflow:hidden;border-radius:2rem;background:rgba(255,255,255,.12)}
.p-renewal-background__profile-image img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center top}
.p-renewal-background__profile-body{margin-top:1.8rem;text-align:center}
.p-renewal-background__profile-role{color:rgba(255,255,255,.78);font-size:1.3rem;font-weight:700;letter-spacing:.12rem}
.p-renewal-background__profile-name{margin-top:.8rem;font-size:2.4rem;font-weight:700;letter-spacing:.08rem}

@media screen and (min-width:768px) and (max-width:1240px){
  .p-renewal-background__layout{grid-template-columns:minmax(0,1fr) 24rem;gap:4rem}
}

@media screen and (max-width:767px){
  .p-renewal-background__layout{display:block;margin-top:5rem}
  .p-renewal-background__profile{max-width:34rem;margin:0 auto 4.5rem;padding:2rem}
  .p-renewal-background__profile-body{margin-top:2rem}
  .p-renewal-background__profile-role{font-size:2.2rem;letter-spacing:.08rem}
  .p-renewal-background__profile-name{margin-top:1rem;font-size:3.6rem}
  .p-renewal-background__layout .p-renewal-background__story{margin-top:0}
}

/* Representative profile — current desktop layout */
@media screen and (min-width:1241px){
  .p-renewal-background__layout{
    grid-template-columns:minmax(0,1fr) 35rem;
    gap:9rem;
  }
  .p-renewal-background__layout .p-renewal-background__story{
    max-width:none;
  }
  .p-renewal-background__profile{
    align-self:start;
    margin-top:4.5rem;
    transform:translateX(4rem);
  }
  .p-renewal-background__profile-body{margin-top:1.6rem}
  .p-renewal-background__profile-role{font-size:1.2rem;letter-spacing:.14rem}
  .p-renewal-background__profile-name{margin-top:.6rem}
}

/* Background-section conclusion hierarchy */
.p-renewal-background__story .bridge{
  margin-top:3.2rem;
  font-size:inherit;
  font-weight:500;
  line-height:inherit;
}

@media screen and (max-width:767px){
  .p-renewal-background__story .bridge{
    margin-top:3.2rem;
    font-size:inherit;
    line-height:inherit;
  }
}

/* Responsive title variants */
.p-renewal-title-sp{display:none}
.p-renewal-mobile-break{display:none}
@media screen and (max-width:767px){
  .p-renewal-title-pc{display:none}
  .p-renewal-title-sp{display:block}
}

/* Cycle-return label alignment */
.p-renewal-cycle__return span{
  top:4.2rem;
  bottom:auto;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  line-height:1;
}


/* Shared renewal surface alignment */

/* Small section labels use only the blue logo mark + text; the legacy long deco line is removed. */
.c-under-wrap .c-title-wrap.-small{padding-left:0}
.c-under-wrap .c-title-wrap.-small>.deco{display:none}

/* Use the same open wave surface as the current service page. */
.c-under-wrap{background:#fffefa}
.c-under-wrap .c-fixed-bg{opacity:.74;background-position:center center;pointer-events:none}
.p-renewal-about-mv,
.p-renewal-cycle,
.p-renewal-meaning,
.p-renewal-company,
.p-renewal-outline,
.p-renewal-next{background:transparent}

/* The dark background-story section intentionally remains a distinct chapter. */


/* Desktop cycle lead */
@media screen and (min-width:1241px){
  .p-renewal-cycle__lead{
    max-width:none;
    white-space:nowrap;
  }
}

/* Desktop semantic break in background bridge */
.p-renewal-background-bridge-pc-break{display:none}
@media screen and (min-width:1241px){
  .p-renewal-background-bridge-pc-break{display:block}
}

/* Photo-free first view */
.p-renewal-about-mv__inner{
  grid-template-columns:minmax(0,1fr);
}
.p-renewal-about-mv__copy{
  grid-column:1 / -1;
  max-width:100rem;
}
.p-renewal-about-mv__image{
  display:none;
}


/* Tablet-only semantic phrase protection */
@media screen and (min-width:721px) and (max-width:1040px){
  .p-renewal-about-tablet-keep{white-space:nowrap}
}


/* Smartphone typography + wrapping — authoritative lower-page baseline */
@media screen and (max-width:767px){
  .p-renewal-about-mv .c-title-wrap.-small .logo-title,
  .p-renewal-cycle .c-title-wrap.-small .logo-title,
  .p-renewal-meaning .c-title-wrap.-small .logo-title,
  .p-renewal-company .c-title-wrap.-small .logo-title,
  .p-renewal-background .c-title-wrap.-small .logo-title,
  .p-renewal-outline .c-title-wrap.-small .logo-title{
    font-size:var(--renewal-sp-label-size)!important;
    line-height:1.5!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
  }
  .p-renewal-about-mv .c-title-wrap.-small .logo-title .logo,
  .p-renewal-cycle .c-title-wrap.-small .logo-title .logo,
  .p-renewal-meaning .c-title-wrap.-small .logo-title .logo,
  .p-renewal-company .c-title-wrap.-small .logo-title .logo,
  .p-renewal-background .c-title-wrap.-small .logo-title .logo,
  .p-renewal-outline .c-title-wrap.-small .logo-title .logo{
    width:16px!important;
    height:17px!important;
    top:1px!important;
    flex:0 0 auto;
  }

  /* FV is one rank above lower-page section headings, matching the Top hierarchy. */
  .p-renewal-about-mv__title{
    width:100%;
    max-width:none;
    margin-top:20px!important;
    font-size:var(--renewal-sp-fv-title-size)!important;
    line-height:1.55!important;
    font-weight:800!important;
    letter-spacing:-.018em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }

  .p-renewal-cycle .c-title-wrap.-small .c-secttl,
  .p-renewal-meaning .c-title-wrap.-small .c-secttl,
  .p-renewal-company .c-title-wrap.-small .c-secttl,
  .p-renewal-background .c-title-wrap.-small .c-secttl,
  .p-renewal-outline .c-title-wrap.-small .c-secttl{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin-top:20px!important;
    font-size:var(--renewal-sp-section-title-size)!important;
    line-height:1.55!important;
    font-weight:800!important;
    letter-spacing:-.014em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }

  .p-renewal-about-mv__text,
  .p-renewal-section-lead,
  .p-renewal-background__story{
    width:100%;
    max-width:none;
    min-width:0;
    color:#223747;
    font-size:var(--renewal-sp-body-size)!important;
    line-height:var(--renewal-sp-body-line-height)!important;
    font-weight:var(--renewal-sp-body-weight)!important;
    letter-spacing:.005em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }
  .p-renewal-about-mv__text{margin-top:18px!important}
  .p-renewal-section-lead{margin-top:18px!important}

  .p-renewal-meaning__item h3,
  .p-renewal-company__role h3{
    width:100%;
    max-width:none;
    min-width:0;
    font-size:var(--renewal-sp-item-title-size)!important;
    line-height:1.55!important;
    font-weight:800!important;
    letter-spacing:-.005em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }
  .p-renewal-meaning__item p,
  .p-renewal-company__role p{
    width:100%;
    max-width:none;
    min-width:0;
    color:#223747;
    font-size:15px!important;
    line-height:1.85!important;
    font-weight:400!important;
    letter-spacing:.005em!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }
  .p-renewal-cycle__item strong{
    font-size:17.5px!important;
    line-height:1.5!important;
    font-weight:800!important;
  }
  .p-renewal-background__story{color:#fff!important}
  .p-renewal-background__story .emphasis{
    font-size:20.5px!important;
    line-height:1.6!important;
    font-weight:800!important;
  }
  .p-renewal-background__story .close{
    font-size:17px!important;
    line-height:1.7!important;
    font-weight:800!important;
  }
  .p-renewal-outline th,
  .p-renewal-outline td{
    font-size:15px!important;
    line-height:1.8!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }
  .p-renewal-outline th{
    width:96px!important;
    padding-right:14px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }

  /* Direct text nodes own their wrapping. Do not leave a child <p> on a legacy rule. */
  .p-renewal-about-mv__text > p,
  .p-renewal-section-lead > p,
  .p-renewal-background__story > p,
  .p-renewal-meaning__item > p,
  .p-renewal-company__role > p,
  .p-renewal-cycle__close,
  .p-renewal-company__close,
  .p-renewal-next__copy > em{
    white-space:normal!important;
    text-wrap:wrap!important;
    text-wrap-style:auto!important;
    word-break:normal!important;
    line-break:strict!important;
    overflow-wrap:normal!important;
  }

  /* Section conclusions are intentionally one step stronger than body copy. */
  .p-renewal-cycle__close,
  .p-renewal-company__close{
    font-size:15.5px!important;
    line-height:1.9!important;
    font-weight:700!important;
    letter-spacing:.005em!important;
  }

  /* Display headings are typeset by semantic lines on phone; body copy stays fluid. */
  .p-renewal-sp-line{display:block}
  .p-renewal-mobile-break{display:block!important}
  .p-renewal-keep{white-space:nowrap!important}

  .p-renewal-title-sp{
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
  }

  /* PC-authored breaks are not allowed to dictate phone composition. */
  .p-renewal-about-mv__text br:not(.p-renewal-mobile-break),
  .p-renewal-section-lead br,
  .p-renewal-cycle__close br,
  .p-renewal-meaning__item h3 br,
  .p-renewal-company__role h3 br,
  .p-renewal-company__close br,
  .p-renewal-background__story br,
  .p-renewal-next__copy em br{display:none!important}

  .p-renewal-about-mv__copy,
  .p-renewal-meaning__item,
  .p-renewal-company__role,
  .p-renewal-outline__content{width:100%;max-width:none;min-width:0}
}