@charset "UTF-8";
.video_area {
  p {
    margin-bottom: 20px;
  }
  iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}
/* ==========================================================================
   環境低負荷メニューページ専用CSS
   h2→h1, h3→h2, h4→h3 タグ昇格に伴う上書き。
   /styles/style.css と /styles/add-style.css の該当ルールを新タグ向けに再宣言する。
   ========================================================================== */
.inq-box .wrap h3 {
  font-size: 24px;
  padding-bottom: 12px;
  color: #009900;
  text-align: center;
}
/* .h4-style が .page-about .l-contents h3 (style.css) に詳細度負けするのを防ぐ */
.page-about .l-contents .h4-style {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .hero h1 {
    margin-top: 3px;
  }
  .page-about .l-contents h2 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .page-about .l-contents .h4-style {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .inq-box .wrap h3 {
    font-size: 15px;
    color: #009900;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 320px) {
  .inq-box .wrap h3 {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .hero h1 {
    margin-top: 4px;
  }
  .page-about .l-contents h2 {
    font-size: 24px;
    margin-bottom: 22px;
    line-height: 1;
  }
}