@charset "UTF-8";

/* Webフォントを読み込めなかった場合にも本文を表示します。 */
html.wf-inactive { visibility: visible; }

/* 追加部分専用。既存の見出し・本文には影響しません。 */
#features .healing-message {
  --healing-text-color: #155b0b;
  --healing-body-weight: 600; /* やや太め。さらに太くする場合は700 */
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 60px;
  padding: 0 24px;
  background: #dceab8 url("../img/healing-forest.jpg") center center / cover no-repeat;
  color: var(--healing-text-color);
}
#features .healing-message__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 32px 40px 42px;
  background-color: rgba(255, 255, 255, 0.68);
  text-align: center;
  overflow-wrap: anywhere;
  line-break: strict;
}
#features .healing-message h2 {
  margin: 0 0 12px;
  padding: 0;
  color: var(--healing-text-color);
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: 0.02em;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
}
#features .healing-message p {
  margin: 0;
  padding: 0;
  color: var(--healing-text-color);
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: clamp(1.125rem, 2.05vw, 1.5rem);
  font-weight: var(--healing-body-weight);
  line-height: 1.65;
  letter-spacing: 0;
}
#features .healing-message__group + .healing-message__group {
  margin-top: 32px;
}
@media screen and (max-width: 700px) {
  #features .healing-message {
    margin-bottom: 32px;
    padding: 0 16px;
  }
  #features .healing-message__inner {
    padding: 28px 20px 32px;
    background-color: rgba(255, 255, 255, 0.82);
    text-align: left;
  }
  #features .healing-message h2 {
    margin-bottom: 20px;
    text-align: center;
  }
  #features .healing-message p {
    font-size: 1.125rem;
    line-height: 1.9;
  }
  #features .healing-message__group + .healing-message__group {
    margin-top: 24px;
  }
  #features .healing-message p + p { margin-top: 12px; }
}