/*=====================
    重ね画像項目
=====================*/
.features > .cont-m > .overlap {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.features > .cont-m > .overlap > .overlap-content {
  position: relative;
  height: 400px;
}
/* 最初のcontentのみ */
.features > .cont-m > .overlap > .overlap-content:first-child {
  margin-bottom: 120px;
}
/* 文章 */
.features > .cont-m > .overlap > .overlap-content > .overlap-txt {
  width: 100%;
  max-width: 485px;
  position: absolute;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  top: 12.5%;
}
.features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title {
  text-align: center;
  margin-bottom: 20px;
}
/* ◆ */
.features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title::after {
  content: "◆ ◆ ◆";
  display: block;
  font-size: 11px;
  color: #2d4c7d;
  margin: 20px 0 0 0;
}

/* 画像 */
.features > .cont-m > .overlap > .overlap-content > .overlap-img {
  position: absolute;
  z-index: -1;
}
.features > .cont-m > .overlap > .overlap-content > .overlap-img > img {
  width: 540px;
  height: 400px;
  border: solid 1px #a4a4a4;
}

@media (width < 400px){
    /* 画像調整 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-img > img {
    height: 310px;
  }
}

@media (width < 720px){
  /* 画像調整 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-img > img {
    height: 340px;
  }
  /* 余白調整 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt {
    padding: 20px;
  }
}
@media (width < 900px){
  .features > .cont-m > .overlap > .overlap-content {
    height: 100vw;
    max-height: 370px;
  }
  .features > .cont-m > .overlap > .overlap-content:first-child {
    margin-bottom: 70px;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 630px;
    width: calc(100% - 30px);
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-img > img {
    width: 100%;
    max-height: 543px;
    object-fit: cover;
    border: solid 1px #a4a4a4;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-img {
    width: 100%;
    left: 0;
  }
}
@media (900px <= width < 1065px){
  /* 文字サイズ設定 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title > h2 {
    font-size: 1.7rem;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title > h4 {
    font-size: 1.5rem;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-item {
    font-size: 1.35rem;
  }

  /* 要素幅設定 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-img > img {
    width: 460px;
    height: 320px;
    border: solid 1px #a4a4a4;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt {
    top: 7%;
    max-width: 440px;
    padding: 15px;
  }
  /* absolute設定 */
  /* 上部 */
  .features > .cont-m > .overlap > .overlap-content-top > .overlap-img {
    right: 12%;
  }
  /* 下部 */
  .features > .cont-m > .overlap > .overlap-content-bottom > .overlap-txt {
    right: 12%;
  }
}
@media (1065px <= width) {
  /* 文字サイズ設定 */
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title > h2 {
    font-size: 2rem;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-title > h4 {
    font-size: 1.7rem;
  }
  .features > .cont-m > .overlap > .overlap-content > .overlap-txt > .overlap-txt-item {
    font-size: 1.35rem;
  }

  /* absolute設定 */
  /* 上部 */
  .features > .cont-m > .overlap > .overlap-content-top > .overlap-img {
    right: 6%;
  }
  /* 下部 */
  .features > .cont-m > .overlap > .overlap-content-bottom > .overlap-txt {
    right: 6%;
  }
}