@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');

body ,div ,dl ,dt ,dd ,ul ,ol ,li ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,pre ,form ,fieldset ,input ,p ,blockquote ,img{
  margin : 0;
  padding: 0;
}
ol,ul{ list-style : none; }
body {
    height     : 100%;
    font-family: 'Noto Sans JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HGS明朝E', 'メイリオ', Meiryo, serif;
    font-size  : 18px;
    line-height: 180%;
    color:#fff;
}
a ,a:link ,a:visited{ color: #fff; text-decoration: underline; }
a:hover   ,a:active { color: #fff; text-decoration: none; }

@keyframes fade{
    from{ opacity  : 0; }
    to  { opacity  : 1; }
}

.sp_only{ display: none;  }

br.clear{ clear: both; }

section#main{
    padding: 25px 0;
}
section#home_cover{
  /*animation: slideIn 2s ease 0s 1 normal;*/
    position        : relative;
    width           : 100%;
  /*height          : 100vh; スマホ時にバグるので、jQueryで調整 */
    background-color: #000;
    background-size : cover;
}

section#home_cover .ct img{
    width        : 400px;
    animation: fade 1s ease 1s 1 both; /* 1秒かけて、ease効果で、1秒後に、1回だけ */
}
section#home_cover .ct h1{
    font-weight: normal;
    font-size  : 22px;
}
section#home_cover .ct h2{
    font-weight: normal;
    font-size  : 18px;
    padding    : 20px 0 0;
}
section#home_cover .ct p{
    font-size    : 16px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}

/*---------------- 画面サイズ別のCSS ----------------*/
/* 画面サイズが768以上の時のCSS（PCのみ） */
@media (min-width: 768px) {

  section#home_cover .ct{
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%,-50%);
    text-align : center;
  }

}

/* 画面サイズが979以下の時のCSS（iPad？） */
@media (max-width: 979px) {}

/* 画面サイズが767以下の時のCSS（カラム落ち） */
@media (max-width: 767px) {
  .sp_only{ display: block; }

  section#home_cover .ct{
      position   : absolute;
      width      : 100%;
      top        : 50%;
      transform  : translateY(-50%);
      text-align : center;
  }
  section#home_cover .ct img{
      width        : 80vw;
  }
  section#home_cover .ct h2{
      font-size  : 20px;
  }
  section#home_cover .ct p{
      font-size    : 14px;
  }
}

/* 画面サイズが320以下の時のCSS */
@media (max-width: 320px) {}

/* 高精細ディスプレイ（Retina等）対応 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}