@charset "UTF-8";
/* =========================
   フォント統一ルール
========================= */

body {
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

/* 見出し */
h1 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin: 40px 0;
  position: relative;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.jp {
font-size:0.7em;
}
/* h2 {
  font-size: 22px;
  margin: 50px 0 20px;
  color: #4cc1b3;
  font-weight: 600;
  font-family: inherit;
} */
h2 {
	font-size: 24px;
	font-family: "Lucida Console", Monaco, "monospace", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;
	color:#626262;
}

h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

h4 {
  font-size: 16px;
  font-weight: 600;
}

/* 本文 */
p {
  font-size: 16px;
}

/* 小さい文字 */
.small-text,
.form-note,
.flow-note {
  font-size: 12px;
}

/* ナビ */
.menu a {
  font-size: 14px;
}

/* ボタン */
.reserve-btn,
.service-card .detail,
.course-links a {
  font-size: 14px;
}

/* 強調 */
.lead-message,
.list-top,
.price {
  font-size: 18px;
  font-weight: 600;
}

/* 説明系 */
.feature p,
.flow-item p,
.reserve-card p,
.course-guide {
  font-size: 14px;
}

/* 補足説明 */
.symptom,
.symptom-list li,
.course-desc {
  font-size: 12px;
}

/* セクションタイトル系 */
.section-title {
  font-size: 22px;
}

.hero-title {
  font-size: 28px;
}

.hero-title span {
  font-size: 16px;
}

.hero-lead {
  font-size: 16px;
}

/* 高齢者ページ*/
.senior-page p{
font-size:20px;
line-height:1.9;
}

.senior-page li{
font-size:20px;
line-height:1.9;
}

.senior-page h2{
font-size:34px;
margin-top:50px;
}

.senior-page h3{
font-size:24px;
margin-top:5px;
}
/* =========================
   スマホ
========================= */
@media (max-width:768px){

  h1 { font-size: 22px; }
  h2 { font-size: 20px; }
  h3 { font-size: 17px; }

  .hero-title {
    font-size: 22px;
  }

}

/* =========================
  スマホ（余白を詰める）
========================= */
@media (max-width: 768px) {

  /* コンテナの左右余白を詰める */
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* セクション上下の余白を縮小 */
  section {
    padding-top: 20px;
    padding-bottom: 20px;
	margin-top:20px;
	margin-bottom:20px;
  }
.section-white,  .section-aqua, .section-yellow{
    padding: 20px 0px;
  }
  

  /* 見出しの余白調整 */
  h2 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 22px;
  }

  /* 段落の余白 */
  p {
    margin-bottom: 12px;
    line-height: 1.7;
  }

  /* カード系（もし使ってるなら） */
  .feature-item,
  .course-item {
    padding: 16px;
    margin-bottom: 12px;
  }

  /* 画像の余白を詰める */
  img {
    margin-bottom: 10px;
  }

  /* 固定CTA（下バー）との干渉防止 */
  body {
    padding-bottom: 80px;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 768px) {
  body {
    padding-bottom: 90px; /* ボタン分の余白 */
  }
}