.content h2 {
font-size: 25px;
letter-spacing: 1px 2px;
line-height: 26px;
padding: 10px 17px;
margin-top: 5px;
}

.content h3 {
font-size: 19px;
letter-spacing: 2px;
line-height: 20px;
padding: 3px 22px;
margin-top: 10px;
}


.content p {
font-size: 15px;
font-weight: 400;
line-height: 24px;
}

.img class {
padding: 3px 23px;
margin-top: 14px;
}


	/*フォント*/
	.content p {
font-size: 16px;
font-weight: normal;
line-height: 24px;
}
		.content h2 {
font-size: 18px;
font-weight: 570;
letter-spacing: 1px;
line-height: 25px;
padding: 7px 9px;
margin-top: 5px;
}


/* スマホ対応 */
@media only screen and (max-width: 736px) {
    .siteHeader__inner:first-child {
        padding: 0 5px;
    }
    .siteTitle__logo {
        width: 100%;
        height: auto;
    }
    .siteHeader__inner:last-child {
        justify-content: flex-end;
    }
}

/*==============================
 ヘッダー2層化＋ロゴ幅いっぱい
==============================*/

/* ヘッダー全体 */
.siteHeader {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

/* ロゴ部を中央配置・幅いっぱい */
.siteHeader__logoArea {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* ロゴ画像を拡大表示 */
.siteTitle__logo {
  width: 100%;
  max-width: 1000px; /* ←必要に応じて調整（例: 1200pxなど） */
  height: auto;
  display: block;
}

/* ナビゲーションエリア */
.siteHeader__navArea {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

/* アイコン類（検索・ハンバーガー） */
.header-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}


/* スマホ対応 */
@media only screen and (max-width: 736px) {
    .siteHeader__inner:first-child {
        padding: 0 5px;
    }
    .siteTitle__logo {
        width: 100%;
        height: auto;
    }
    .siteHeader__inner:last-child {
        justify-content: flex-end;
    }
}

/* --- 共通調整 --- */

/* ヘッダー全体の余白除去 */
.siteHeader {
  margin: 0;
  padding: 0;
  background: #fff;
  border: none;
}

/* ロゴエリア中央寄せ＆高さ固定 */
.siteHeader__logoArea {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 120px; /* ロゴ高さに合わせて調整（例：100〜150px） */
  overflow: hidden;
}

/* ロゴ画像を最大化して収める */
.siteTitle__logo {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* ナビゲーション部分の垂直位置合わせ */
.siteHeader__navArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 60px;
}

/* 検索・ハンバーガーを右側に整列 */
.header-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}


/* --- スマホ専用 --- */
@media screen and (max-width: 767px) {
  .siteHeader__logoArea {
    height: 80px; /* スマホでは少し低め */
  }

  .siteTitle__logo {
    max-width: 90vw;
    height: auto;
  }

  .siteHeader__navArea {
    height: 50px;
    padding: 0 10px;
  }
}