@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
/* # =================================================================
# Style
# ================================================================= */
/*-------- overview  --------*/
.overview__inner {
  width: 100%;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 100px 20px 80px;
}
.overview__content {
  width: 100%;
  max-width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin: 45px auto 0;
}
.overview__text-wrap {
  width: calc(100% - 340px);
}
.overview__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin-top: 45px;
}
.overview__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 32px;
  padding-left: 32px;
}
.overview__image-wrap {
  width: 310px;
  aspect-ratio: 310/236;
  border-radius: 30px;
  overflow: hidden;
}
.overview__image-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1024px) {
  .overview .c-section-heading {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .overview__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .overview__image-wrap {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
  }
  .overview__text-wrap {
    width: 100%;
  }
  .overview__buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 500px) {
  .overview .c-section-heading br {
    display: none;
  }
}