/* Header */
header {
  position: sticky;
  top: 0;
  width: 220px;
  background-color: #FFF;
  padding: 0;
  height: 100vh;
  overflow-y: auto;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
  z-index: 2; }
  @media screen and (max-width: 1200px) {
    header {
      width: 100%;
      height: auto;
      border-right: none;
      border-bottom: 1px solid #ccc; } }
  header .kshd_logo {
    width: 100%;
    box-sizing: border-box;
    padding: 30px; }
    @media screen and (max-width: 1200px) {
      header .kshd_logo {
        padding: 20px; } }
    @media screen and (max-width: 768px) {
      header .kshd_logo {
        padding: 10px; } }
    @media screen and (max-width: 480px) {
      header .kshd_logo {
        padding: 8px; } }
    header .kshd_logo img {
      width: 110px;
      margin: 0 auto; }
      @media screen and (max-width: 1200px) {
        header .kshd_logo img {
          width: 70px; } }
      @media screen and (max-width: 480px) {
        header .kshd_logo img {
          width: 50px; } }
    header .kshd_logo .pc {
      display: block; }
      @media screen and (max-width: 1200px) {
        header .kshd_logo .pc {
          display: none; } }
    header .kshd_logo .sp {
      display: none; }
      @media screen and (max-width: 1200px) {
        header .kshd_logo .sp {
          display: block; } }