@charset "UTF-8";
/* お知らせ・社長挨拶・プライバシーポリシー用
   共通CSS（shell-base.css）の「見出しエリア＝左右2列」の設定がこれらのページにも効いてしまい、
   ラベル・タイトル・説明文がバラバラの位置に並んでいたため、縦1列に戻す。 */
.hero .hero-inner{
  display:block;
  min-height:0;
  padding:72px 0 64px;
}
.hero .hero-inner h1{
  margin-top:14px;
  max-width:22em;
  /* 単語の途中（「リニ／ューアル」など）で改行しないよう、<wbr>の位置でのみ折り返す */
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.hero .hero-inner .hero-lead{margin-top:18px}
@media (max-width:680px){
  .hero .hero-inner{padding:48px 0 44px}
  .hero .hero-inner h1{font-size:clamp(26px,7.4vw,38px)}
}