@charset "UTF-8";

@font-face {
  font-family: 'kim';
  src: url('../font/kim.eot'); /* IE9以上用 */
  src: url('../font/kim.eot?#iefix') format('embedded-opentype'),
    /* IE8以前用 */ url('../font/kim.woff') format('woff'),
    /* モダンブラウザ用 */ url('../font/kim.otf') format('opentype'); /* iOS, Android用 */
  font-weight: normal; /* 念の為指定しておきます */
  font-style: normal;
}

hr {
  border: 2px solid #222;
  margin-top: 20px;
}

#container main p.kim {
  font-family: kim, sans-serif;
  margin: 20px 20px 40px;
  font-size: 8rem;
  color: #000;
  line-height: 1;
}

#container main figcaption,
#container #cap li {
  font-family: sans-serif;
}

/*---------------- レスポンシブ対応 --------------------*/

/* 768px以下のスクリーンサイズの場合 */
@media screen and (max-width: 768px) {
  #container p.kim {
    font-size: 6rem;
  }

  #underWrap .column h3 {
    font-size: 1rem;
  }

  #underWrap .column ul li {
    font-size: 0.8rem;
  }
}

/* 460px以下のスクリーンサイズの場合 */
@media screen and (max-width: 460px) {
  #header_container li {
    display: none;
    width: 64px;
    font-size: 0.1rem;
  }

  #container main p.kim {
    font-size: 4rem;
  }
}

/* 370px以下のスクリーンサイズの場合 */
@media screen and (max-width: 370px) {
  #container main p.kim {
    font-size: 3.4rem;
  }
}