/* ==========aboutページ========== */
.about_header {
  background-repeat: no-repeat;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-position: center center;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  height: 130%;
}

/*webp対応*/
.webp .about_header {
  background-image: url(../img/about_main.webp);
}

/*webp非対応*/
.no-webp .about_header {
  background-image: url(../img/about_main.jpg);
}

.about_header .about_title {
  font-size: 2rem;
  text-align: left;
}

.strong_points .section-title {
  margin-top: 5rem;
}

.about_header .harumi_icon img {
  right: 2%;
  bottom: 10%;
}

/* ==========about/siteページ共通========== */
.site_header p,
.about_header p {
  text-align: left;
  line-height: 1.8;
}

.about_header .text,
.site_header .text {
  margin-top: 1rem;
}

.about_header .about_text,
.site_header .about_text {
  margin-top: clamp(7rem, -35.786rem + 114.29vw, 19rem);
}

.about_header .text:last-child,
.site_header .main_text {
  margin-bottom: 2rem;
}

.miyabi .text h1 {
  font-size: 2.5rem;
  font-family: "Yomogi", cursive;
}

.miyabi_link {
  display: block;
  margin-top: 7rem;
  text-align: right;
}

.about_header .main_text,
.site_header .main_text {
  width: 65%;
  margin-left: 2rem;
  margin-right: 1rem;
}

.about_header span,
.site_header span {
  color: #578e7e;
}

/* strong_points */
.miyabi_content {
  margin-top: 5.625rem;
}

.miyabi_content ul li {
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #3d3d3d;
}

.miyabi_content ul li:last-child {
  border-bottom: 1px solid #3d3d3d;
}

.miyabi_content ul li h3 {
  margin: 2rem 2rem;
  width: 11rem;
  color: #578e7e;
  text-align: left;
}

.miyabi_content ul li p {
  margin: 2rem 2rem;
  text-align: left;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .about_header .main_text,
  .site_header .main_text {
    width: 85vw;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .miyabi_content ul li {
    display: block;
  }

  .miyabi_content ul li h3 {
    width: 100%;
  }

  .miyabi_content ul li p {
    width: 80%;
  }
  /*===========max-width:767px=========*/
}