.fvContainer{
  width: 100%;
  height: 100vh;
  position: relative;
}
.indexFV{
  width: 60%;
  height: 95vh;
  border-radius: 0 0 0 150px;
  overflow: hidden;
  margin-left: auto;
  padding-top: 5vh;
}
.indexFVM{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.indexFVarticle{
  position: absolute;
  top: 20%;
  left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  color: #FFF;
}
.indexFVarticle figure{
  margin: 3rem 0 ;
}
.fvletter{
  font-size: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
  font-weight: 100;
  color: #FFF;
  padding-left: 8rem;
  line-height: 2rem;
}

/* ==============  page-contents   ==================== */
.indexFV img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.pageFVarticle{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}
.cont_fv_letter_en{
  color: #FFF;
  background-color: #164c56;
  font-size: clamp(1.25rem, 0.9466rem + 1.2945vw, 2.5rem);
  padding:0.1rem 0.5rem;
}
.cont_fv_letter_jp{
  color: #164c56;
  background: linear-gradient(90deg,#FFF 0%,transparent);
  padding:10px 30px;
}

/* ============================================================== */
/* ==============  2021タプレット 601-1024px   ==================== */
/* ============================================================== */
@media screen and (max-width:1024px){
  .indexFV {
    width: 85%;
  }
}

/* ============================================================== */
/* ==============  2021スマホ     375-600px   ==================== */
/* ============================================================== */
@media screen and (max-width:600px){
  .indexFV{
    width: 100%;
    padding: 20px;
  }
  .cont_fv_letter_jp {
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
}