/*
 * 見出し構造の整理（2026-10-11）で見た目が変わらないようにするための指定
 *
 * SEO のため LP の見出しを「h1 は1つ（ヒーローの見出し）→ 各セクション h2 → その中の項目 h3」に整理した。
 * 既存の CSS は h1 / h3 / h4 というタグ名で見た目を決めているため、タグを変えた見出しには
 * 変更前の見た目（6段階の画面幅で実測した値）を、クラス .sjh-N でそのまま指定している。
 * 660px 以下の .sp-t_l（左寄せ !important）は従来どおり layout.css 側が効く。
 */

/* 1. 「人材会社が自社案件を使った…」 h1→h2 */
#features .sjh-1 { font-size: 20px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 36px; color: rgb(51, 51, 51); letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin: 0 0 12px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 2. 「SITE JOBの主な特徴」 h3→h2 */
#correspondence .sjh-2 { font-size: 22px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 30px; color: rgb(255, 255, 255); letter-spacing: normal; text-transform: none; text-align: center; margin: 0 0 12px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 3〜5. 機能紹介の見出し h3→h2 */
#features2 .sjh-3,
#features2 .sjh-4,
#features2 .sjh-5 { font-size: 16px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 24px; color: rgb(34, 34, 34); letter-spacing: 1px; text-transform: uppercase; text-align: left; margin: 0 0 12px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 6. 「豊富なデザインのバリエーションをご用意」 h1→h2 */
#testimonials .sjh-6 { font-size: 16px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 24px; color: rgb(106, 236, 240); letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 0 0 36px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 7. 「SITE JOBの運用イメージ」 h1→h2 */
#screenshots .sjh-7 { font-size: 20px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 36px; color: rgb(51, 51, 51); letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin: 0 0 12px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 8. 「料金」 h3→h2（#call-to-action h2 の既存指定を打ち消す） */
#call-to-action .sjh-8 { font-size: 22px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 30px; color: rgb(255, 255, 255); letter-spacing: normal; text-transform: none; text-align: center; margin: 0 0 12px; padding: 0 0 30px; word-spacing: 0; text-shadow: none; }
/* 9〜10. 有償オプションの見出し h4→h3 */
#call-to-action .sjh-9,
#call-to-action .sjh-10 { font-size: 20px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 30px; color: rgb(255, 255, 255); letter-spacing: normal; text-transform: none; text-align: left; margin: 0 0 6px; padding: 0; word-spacing: 0; text-shadow: none; }
/* 11. 「さぁ、始めましょう」 h1→h2 */
#subscribe .sjh-11 { font-size: 20px; font-weight: 400; font-family: montserrat-bold, sans-serif; font-style: normal; line-height: 36px; color: rgb(255, 255, 255); letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin: 0 0 12px; padding: 0; word-spacing: 0; text-shadow: none; }

@media only screen and (max-width: 900px) {
	#features .sjh-1,
	#screenshots .sjh-7 { font-size: 18px; line-height: 30px; }
	#subscribe .sjh-11 { font-size: 18px; line-height: 30px; margin-bottom: 18px; }
}
@media only screen and (max-width: 480px) {
	#testimonials .sjh-6 { text-align: left; }
}