@charset "utf-8";
/* CSS Document */

/* ===================================
PC表示
=================================== */
@media screen and (min-width:751px){
/* ヘッダーロゴ */
#headerContents h1 a {
  background: url(../img/logo.png) no-repeat;
  background-size: 280px;
  width: 280px;
  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: 65px;
  text-indent: -9999px;
  margin: 10px 0 30px;
  display: block;
}

.txtArea .slogan {
  letter-spacing: 2px;
}
.txtArea .slogan span {
  font-size: 35px;
}

#fNav {
  text-align: left;
}


} /* @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: 190px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin: 7px 0 0 15px;
}

/* フッターロゴ */
footer .logo a {
  background: url(../img/logo.png) no-repeat;
  background-size: 100%;
  width: 100%;
  max-width: 250px;
  height: 17vw;
  min-height: 70px;
  max-height: 80px;
  text-indent: -9999px;
  margin: 30px 0 20px;
  display: block;
}

} /* @media screen and (max-width:750px) END */
