@charset "utf-8";

.ver1-hero {
  background-image: repeating-linear-gradient(to bottom, #f7f7f7, #f7f7f7 .2rem, transparent 0, transparent 1.6rem), repeating-linear-gradient(to right, #f7f7f7, #f7f7f7 .2rem, transparent 0, transparent 1.6rem);
  background-color: #fff;
  text-align: center;
  padding-block: 4rem;
  position: relative;
  z-index: 0;
}

.ver1-hero__subttl-01 img {
  width: 70rem;
}

.ver1-hero__subttl-02 {
  margin-bottom: -1.5rem;
}

.ver1-hero__subttl-02 img {
  width: 61.8rem;
}

.ver1-hero__ttl img {
  width: 61.8rem;
}

.ver1-hero__read {
  margin-top: 4rem;
}

.ver1-hero__read img {
  width: 70rem;
}

.ver1-hero__anns {
  margin-top: .9rem;
}

.ver1-hero__ann {
  color: #A4A4A4;
  font-size: 1.3rem;
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}

/* ================================================================
  スマホ版レイアウト
================================================================ */
@media screen and (max-width: 767px) {
  .ver1-hero {
    background-image: repeating-linear-gradient(to bottom, #f7f7f7, #f7f7f7 .2rem, transparent 0, transparent 1rem), repeating-linear-gradient(to right, #f7f7f7, #f7f7f7 .2rem, transparent 0, transparent 1rem);
    padding-block: 2.5rem;
  }

  .ver1-hero__subttl-01 img {
    width: 30rem;
  }

  .ver1-hero__subttl-02 img {
    width: 32rem;
  }

  .ver1-hero__ttl img {
    width: 32.8rem;
  }

  .ver1-hero__read {
    margin-top: 2.5rem;
  }

  .ver1-hero__read img {
    width: 32.9rem;
  }

  .ver1-hero__anns {
    margin-top: .6rem;
    padding-inline: .5rem;
  }

  .ver1-hero__ann {
    font-size: 1.1rem;
    text-align: left;
  }
}