/*
 Theme Name: FORCE WPTheme Child
 Template: force_theme_201912
 Text Domain: force_theme_201912-child
*/

/*-----------------------------------
  サービスページ共通スタイル（MOVIE / PHOTO / DESIGN）
-----------------------------------*/

/* 黒帯見出し（共通） */
.secbar-wrap {
  text-align: center;
  margin: 4em 0 1.5em;
}
.secbar {
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 0.4em 1.2em;
}

/* セクション見出しの強調（MEANINGなど） */
.lead-strong {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-top: 1em;
  letter-spacing: .05em;
}

/* ページ共通のタイトル（最上部 H1） */
#movie .pagehead h1,
#service-photo .pagehead h1,
#service-design .pagehead h1,
#design .pagehead h1 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
}

/* テキスト中央寄せ（全体統一） */
.txt_c {
  text-align: center !important;
}

/* FLOW / MEANING / UTILITY などの小見出し共通 */
#movie h3,
#service-photo h3,
#service-design h3,
#design h3 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: .06em;
  margin: 1.5em 0;
}

/* 段落の整え（全体バランス） */
#movie p,
#service-photo p,
#service-design p,
#design p {
  font-size: 15px;
  line-height: 1.9;
  color: #555;
}

/* 画像下の余白統一 */
#movie img,
#service-photo img,
#service-design img,
#design img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5em auto;
}

/* FLOWセクションの行間・余白調整 */
.flow h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.4em;
}
.flow p {
  font-size: 14px;
  line-height: 1.8;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
  .secbar { font-size: 16px; padding: 0.3em 1em; }
  .lead-strong { font-size: 18px; }
  #movie h3, #service-photo h3, #service-design h3, #design h3 { font-size: 1.3rem; }
  #movie p, #service-photo p, #service-design p, #design p { font-size: 14px; }
}