/* ======
  pr
 ====== */
.pr-wrapper {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
    background-size: 100% auto;
  background-image: url(../../img/pr/pr_sp.webp), linear-gradient(90deg, #87c06b, #008c51 50%, #005950);
  @media (min-width: 576px) {
    background-size: 100% auto;
  }
  @media (min-width: 992px) {
    background-image: url(../../img/pr/pr.webp), linear-gradient(90deg, #87c06b, #008c51 50%, #005950);
    background-size: contain;
  }
}
.pr {
  width: 100%;
  position: relative;
}
.pr-visual {
  width: 100%;
  aspect-ratio: 376 / 1150;
  max-height: 100svh;
  @media (min-width: 992px) {
    aspect-ratio: 1920 / 2147;
  }
}
.pr-catch-lead span {
  box-decoration-break: clone;
  line-height: 1.7;
  background: linear-gradient(var(--sub2) 100%, transparent 0%);
  color:#fff;
  padding: 0 10px 2px;
  display: inline;
  font-size: 1.375rem;
  @media (min-width: 768px) {
    font-size: 2.75rem;
  }
}
.pr-catch-text span {
  box-decoration-break: clone;
  line-height: 1.7;
  background: linear-gradient(#fff 100%, transparent 0%);
  color:var(--color-text);
  padding: 0 10px 2px;
  display: inline;
  font-size: 0.8125rem;
  @media (min-width: 768px) {
    font-size: 1.875rem;
  }
}
/* ======
  index-experience（FV背景から白背景への切り替え装飾）
 ====== */
.index-experience {
  position: relative;
  overflow:hidden;
    &::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      aspect-ratio: 1920 / 572;
      background: url(../../img/index_experience_deco.svg) no-repeat top center;
      background-size: 100% auto;
    }

    &::after {
      content: "";
      position: absolute;
      inset: 28.0917vw 0 0 0;
      background: #fff;
    }
    .container {
      position: relative;
      z-index: 1;
    }
}

.home-wrapper{
  h2,p{
    color: #fff;
  }
  .headline-en {
    gap: 1.5625rem;
    @media (min-width: 992px) {
      gap: 2.8125rem;
    }
  }

  @media (min-width: 992px) {
    display:grid;
    grid-template-columns: 1fr 1fr;
  }
  .home-discover{
    background:url(../../img/index_discover_sp.webp) center center / cover no-repeat;
    @media (min-width: 992px) {
      background:url(../../img/index_discover_pc.webp) center center / cover no-repeat;
    }
  }
  .home-about{
    background:url(../../img/index_about_sp.webp) center center / cover no-repeat;
    @media (min-width: 992px) {
      background:url(../../img/index_about_pc.webp) center center / cover no-repeat;
    }
  }
  .home-inner{
    position:relative;
    width:100%;
    height:100%;
      padding: 13.75rem 1.5rem;
    @media (min-width: 992px) {
      padding-top: 16rem;
      padding-bottom: 16rem;
    }
    &:before{
      content:"";
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.5);
    }
    .home-inner-text{
      position:relative;
      display:grid;
      place-content: center;
      z-index:1;
      @media (min-width: 992px) {
        place-content: stretch;
      }
    }
  }
}