/* Shared mobile presentation for ONE COMPANY, CURRENT & FUTURE and NEXT VALUE. */
.mobile-value-section{display:none}

@media (max-width:767px){
  :is(.one-company,.future-section,.results-next){
    --mobile-value-padding-inline:10px;
    position:relative;
    height:auto;
    min-height:0;
    border-top:0;
    background:#fff;
  }

  .one-company>.one-company-image,
  .future-section>.future-visual,
  .results-next>img,
  .results-next>.results-next-mist,
  .results-next>.results-next-copy{display:none}

  .mobile-value-section{
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    padding:42px 0 76px;
    color:#26373b;
    background:#fff;
    text-align:left;
  }

  .mobile-value-section__content{
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    padding-inline:var(--mobile-value-padding-inline);
  }

  .mobile-value-section__index{
    margin:20px 0 12px;
    color:#4b9b72;
    font:700 11px/1.4 Arial,sans-serif;
    letter-spacing:.22em;
  }

  .mobile-value-section__media{
    position:relative;
    width:100%;
    margin:0;
    overflow:hidden;
    border-radius:0;
    background:#f5f6f3;
  }

  .mobile-value-section__media::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:auto 0 0;
    height:clamp(92px,26vw,112px);
    pointer-events:none;
    background:linear-gradient(180deg,rgba(248,252,250,0) 0%,rgba(248,252,250,.18) 28%,rgba(250,253,251,.68) 64%,rgba(255,255,255,.96) 88%,#fff 100%);
    -webkit-backdrop-filter:blur(2.5px);
    backdrop-filter:blur(2.5px);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%,#000 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 34%,#000 100%);
  }

  .mobile-value-section__media img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
  }

  .mobile-value-section .mobile-value-section__title{
    margin:0;
    color:#21343e;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:clamp(25px,6.5vw,29px);
    font-weight:500;
    line-height:1.42;
    letter-spacing:0;
    word-break:normal;
    overflow-wrap:normal;
    line-break:strict;
    white-space:nowrap;
  }

  .mobile-value-section__title-line,
  .mobile-value-section__copy-line{display:block}
  .mobile-value-section__title-unit,
  .mobile-value-section__copy-unit{display:inline-block}
  .mobile-value-section__title-line,
  .mobile-value-section__title-unit,
  .mobile-value-section__title--nowrap,
  .mobile-value-section__copy-line,
  .mobile-value-section__copy-unit{white-space:nowrap}

  .mobile-value-section__description{
    width:100%;
    max-width:100%;
    margin:12px 0 0;
    padding-bottom:22px;
    border-bottom:1px solid rgba(75,155,114,.32);
    color:#637478;
    font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    font-size:clamp(12.3px,3.25vw,13.5px);
    font-weight:400;
    line-height:1.8;
    letter-spacing:-.035em;
    word-break:normal;
    overflow-wrap:normal;
    line-break:strict;
    font-feature-settings:"palt" 1;
  }

  .mobile-value-section__cta{
    width:max-content;
    max-width:100%;
    align-self:flex-start;
    margin-top:22px;
  }
}

/* Match the gap before the three closing mobile image sections. */
@media(max-width:680px){
 body.page-about .future-section .mobile-value-section,
 body.page-business .one-company .mobile-value-section,
 body.page-results .results-next .mobile-value-section{padding-top:40px}
}