@charset "utf-8";

.single_wrapper {
  margin: 12.3rem 9rem 12.4rem 9rem;
}
.title {
  font-size: 3.2rem;
  font-family:  var(--noto-sans-jp);
  font-weight: bold;
  color: #707070;
  margin: 12.3rem 0 3.9rem;
}
.date_news_div {
  display: flex;
  color: #707070;
}
.date {
  margin-right: 4.7rem;
  font-size: 1.8rem;
  font-family:  var(--noto-sans-jp);
  letter-spacing: 0.0009em;
}
.news {
  font-size: 1.8rem;
  font-family:  var(--noto-sans-jp);
  letter-spacing: 0.0009em;  

}
.semi_title {
  margin: 2.1rem 0 6.4rem 0;
  font-size: 2.8rem;
  font-family:  var(--noto-sans-jp);
  color: #707070;
  letter-spacing: 0.0028em;
  font-weight: 500;
}
.text {
  font-size: 1.4rem;
  font-family:  var(--noto-sans-jp);
  color: #707070;
  margin-bottom: 4.8rem;
  letter-spacing: 0.0014em;
  line-height: calc(37 / 14);
}
.text p{
  font-size: 1.4rem;
  font-family: var(--noto-sans-jp);
  font-weight: 400;
  line-height: calc(37 / 14);
  margin-bottom: 2rem;
}
.text p:last-child{
  margin-bottom: 3rem;
}

.text h2{
  font-size: 1.8rem;
  font-family: var(--noto-sans-jp);
  font-weight: 500;
  margin-bottom: 1.6rem;
}
.photo {
  width: 57.7rem;
  height: 34.5rem;
}
.photo_image {
  width: 57.7rem;
  height: 34.5rem;
  object-fit: cover;
}
.buttom {
  font-size: 1.5rem;
  text-align: center;
  margin: 12.4rem 0 12.4rem;
  font-family: "Noto Sans CJK JP";
  font-weight: bold;
  color: #707070;
  letter-spacing: 0.0015em;
}
@media screen and (max-width:699.98px) {
  .single_wrapper {
    margin: 9.5rem 2.1rem 9.8rem 2.1rem;
  }
  .title {
    font-size: 2.8rem;
    text-align: center;
    margin: 0 0 6.4rem;
    }
    .date {
      font-size: 1.2rem;
      margin-right: 2.575rem;
      letter-spacing: 0.0006em;
    }  
    .news {
      font-size: 1.2rem;
      margin-right: 2.575rem;
      letter-spacing: 0.0006em;
    }
    .semi_title {
      margin: 1.6rem 0 4.0rem 0;
      font-size: 1.8rem;
      letter-spacing: 0.0009em;
    }
    .text {
      font-size: 1.2rem;
      margin-bottom: 4.8rem;
      line-height: 2.33em;
    }
    .photo {
      margin-top: 4.8rem;
      width: 33.5rem;
      height: 20.0rem;
    }
    .photo_image {
      width: 33.5rem;
      height: 20.0rem;
      object-fit: cover;
    }
    .buttom {
      font-size: 1.5rem;
      margin: 9.1rem 0 9.8rem;
      letter-spacing: 0.00075em;
    }

  }