/* 現行サイトのCSS（style.min.css など）に足す調整。現行のCSSファイルは直接書き換えない */

/* 採用トップのメッセージ見出し：現行サイトはスマホのときだけ写真の上に出していた（端末の判定）。HTML版は幅で切り替える */
@media screen and (min-width: 768px) {
  .p-topMessage__messageTitle.is-msgTitleSp { display: none; }
}
@media screen and (max-width: 767px) {
  .p-topMessage__messageTitle.is-msgTitlePc { display: none; }
}

/* お知らせの記事タイトルを h2 から h1 に変えたので、現行の h2 と同じ見た目にする */
.single .headline h1 {
  display: inline-block;
  position: relative;
  margin: 0 0 -2px 0;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #3498db;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

/* 社員紹介の詳細：分野名を h1 から h2 に変えた（ページの h1 を1つにするため）。h2 全体に付く指定を打ち消して現行と同じ見た目にする */
h2.p-memberDetailPerson__title {
  display: block;
  position: static;
}

/* 文字の大きさの調整（2026-10-28 依頼：本文の文字が大きすぎる所を調整）
   事業内容の各ページなどで、PCだけ本文が18px・導入文や小見出しが28pxと大きかった。
   ほかのページの本文（16px）にそろえ、見出しとの大小関係を保って一段ずつ小さくする。スマホ（781px以下）は現行のまま */
@media screen and (min-width: 782px) {
  .atrasc-block-font {
    font-size: 16px;
  }
  .atrasc-block-font-big,
  .left-title-sp-font {
    font-size: 24px;
  }
  /* 灰色の囲みの中の小見出し（例：「みどりの窓口でおなじみのチケット予約・販売システム」）は、左の見出しより小さく */
  .page-service-right-top.atrasc-block-font-big {
    font-size: 20px;
  }
}

/* お知らせ詳細：テーマの「a { display: block }」で、本文中のリンク（「こちら」など）の前後が別の行に分かれていた（現行サイトも同じ）。
   本文の段落の中のリンクだけ、文章の流れの中に置く（2026-10-28 依頼） */
.p-single__main p a {
  display: inline;
}
