/*
 * 画面右端のサイドナビ（グループの紹介・グループデータ・採用情報・医療・介護相談）の大きさ。
 * スマホでも押しやすく、文字が読めるよう、common.css や各ページの CSS の指定より大きくしている。
 * ページごとの CSS（archive.css・single.css など）より後に読み込み、html body .side__nav を付けて指定を強くしている。
 * （グループの common.css には「html .side__nav .side__nav__item」という強い指定があり、それより強くする必要がある）
 * 5 テーマ（グループ・医療・福祉・販売・学校）で同じ内容。
 */
html body .side__nav {
  width: 40px;
}
html body .side__nav .side__nav__item {
  width: 40px;
  padding: 16px 0;
  margin-bottom: 8px;
}
html body .side__nav .side__nav__link {
  width: 40px;
}
html body .side__nav .side__nav__txt {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

@media (max-width: 580px) {
  html body .side__nav {
    width: 34px;
    /* 画面の縦中央を基準に置く（項目が減ったので、はみ出しの心配は少ない） */
    top: 50%;
    transform: translateY(-50%);
  }
  html body .side__nav .side__nav__item {
    width: 34px;
    padding: 12px 0;
    margin-bottom: 6px;
  }
  html body .side__nav .side__nav__link {
    width: 34px;
  }
  html body .side__nav .side__nav__txt {
    font-size: 12px;
    letter-spacing: 0.04em;
  }
}