/* =====================================================================
 index PC
===================================================================== */
.title-visual {
/*  padding-top: 38px;
  padding-bottom: 242px;*/
  display: block;
  position: relative;
  width: 100%;
  height: 800px;
  margin-bottom: 40px;
}
.title-visual::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/env/forest/img/top2603_kvbgpc.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  /*border: none;
  overflow: hidden;*/
  z-index: -1;
}
.title-visual__inner {
  max-width: 1046px;
  margin: 0 auto;
  /*padding-right: 30px;
  padding-left: 30px;*/
  padding-top: 52px;
  padding-bottom: 52px;
}

.embed-wrapper {
  max-width: 660px;
  margin: 0 auto;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------------------------------------
 TB
--------------------------------------------------------------------- */
@media only screen and (max-width:1046px) and (min-width:768px) {
  .title-visual {
    width: 100%;
    height: inherit;
    aspect-ratio: 1046 / 800;
    overflow: hidden;
    /*margin-bottom: calc(60px - 22.5px);*/ /* 下にパーツが来るため */
  }
  .title-visual::after {
    background-image: url(/env/forest/img/top2603_kvbgtb.jpg);
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  .title-visual__inner {
    max-width: 1046px;
/*    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: calc(800 / 52 * 100%);
    padding-bottom: calc(800 / 52 * 100%);*/
  }

}

/* ---------------------------------------------------------------------
 SP
--------------------------------------------------------------------- */
@media only screen and (max-width:767px) {
  .title-visual {
    height: inherit;
    aspect-ratio: 1500 / 1520;
    margin-bottom: 22.5px;
  }
  .title-visual::after {
    background-image: url(/env/forest/img/top2603_kvbgsp.jpg);
    background-size: contain;
  }
  .title-visual__inner {
    max-width: inherit;
    padding-right: calc((152 / 1500)*100%);
    padding-left:  calc((152 / 1500)*100%);
    padding-top: calc((312 / 1520)*100%);
    padding-bottom: calc((312 / 1520)*100%);
  }
}