@charset "utf-8";
/* CSS Document */

/* ===================================
PC表示
=================================== */
@media screen and (min-width: 751px) {
  /* ヘッダーロゴ */
  #headerContents h1 a {
    background: url(../img/logo.png) no-repeat;
    background-size: 300px;
    width: 300px;
    height: 60px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 5px 0 0 15px;
  }

  .spNav dd.linkListWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .spNav dd.linkListWrap ul.linkList {
    width: 270px;
  }

  /* フッターロゴ */
  footer .logo a {
    background: url(../img/logo.png) no-repeat;
    background-size: 300px;
    width: 300px;
    height: 60px;
    text-indent: -9999px;
    margin: 20px 0 30px;
    display: block;
  }

  #fNav {
    text-align: left;
  }
  #fNav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 680px;
  }
  #Wrap .txtArea .slogan {
    font-size: 48px;
  }
} /* @media screen and (min-width:751px) END */

/* ===================================
SP表示
=================================== */
@media screen and (max-width: 750px) {
  #Wrap #headerContents > .inner {
    padding: 0 0 0 5px;
  }
  #Wrap #headerContents {
    padding: 0;
  }
  /* ヘッダーロゴ */
  #headerContents h1 a {
    background: url(../img/logo.png) no-repeat;
    background-size: 100%;
    width: 250px;
    height: 60px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin: 4px 0 0;
  }

  /* フッターロゴ */
  footer .logo a {
    background: url(../img/logo.png) no-repeat;
    background-size: 100%;
    width: 100%;
    max-width: 320px;
    height: 17vw;
    max-height: 70px;
    text-indent: -9999px;
    margin: 30px 0 25px;
    display: block;
  }
} /* @media screen and (max-width:750px) END */