@charset "UTF-8";
.cNav {
  text-align: center;
}

.cNav li {
  display: inline-block;
  margin: 0;
  padding: 16px 0 0 0;
}
.cNav li:first-child {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 0;
  vertical-align: top;
}

.midashi {
    position: relative;
    height: 270px;
    background: url("./_image/ttlBg2.png")repeat-x center top/auto 344px;
    margin: 12px 0 0 0;

}

.midashi img {
    position: absolute;
    width: 536px;
    margin: -1px auto 0 -680px;
    top: 0;
    left: 50%;

}

.c2 {
  width: 1300px;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}

.c2 li {
  display: inline-block;
  width: 433px;
  margin: 0;
  font-size: 0;
  text-align: center;
  vertical-align: bottom;
}

.c2 li b {
  display: block;
  font-size: 14px;
  color: #FFF;
}


.c2 li i a,
.c2 li i a:visited {
  text-decoration: none;  

}

.c2 li i a:hover {
  text-decoration: none;

}







/*-----------------------------------------*/

@media screen and (max-width: 667px) {
  /*-----------------------------------------*/
  /*SP版キャラクターレイアウト*/
  /*-----------------------------------------*/

  



  .cNav {
    width: 90%;
    padding-top: 0;
    margin: -20px auto 0;
    text-align: center;
  }
  
  .cNav li {
    display: inline-block;
    width: 30%;
    margin: 0;
    padding: 0;
  }

  .cNav li img {
    width: auto;
    height: 36px;
  }
  .cNav li:first-child {
    display: inline-block;
    width: 80%;
    margin: 0;
    padding: 16px 16px 0  16px;
    vertical-align: top;
  }

  .cNav li:first-child img {
    width: auto;
    height: 48px;
  }
  
  .midashi {
      position: relative;
      height: auto;
      background: url("./_image/ttlBg2.png")repeat-x center top/auto 344px;
      margin: 12px 0 0 0;
      padding-bottom: calc(100% * 240/800);
  
  }
  
  .midashi img {
      position: absolute;
      width: 80%;
      margin: -4% auto 0 -60%;
      top: 0;
      left: 50%;
  
  }

  .c2 {
    width: 96%;
    margin: 0 auto 0;
    text-align: center;
    font-size: 0;
  }

  .c2 li {
    display: inline-block;
    width: 100%;
    margin: 0 0 0;
    font-size: 0;
  }

  .c2 li:first-child {
    display: inline-block;
    width: 100%;
    margin: 0 0 0;
    font-size: 0;
  }


 

  /*end media----------------------------------*/
}