@charset "UTF-8";
/* メディアクエリ記述サンプル
.box {
    @include pc {
      background-color: red;
    }
    @include tab {
      background-color: blue;
    }
    @include sp {
      background-color: yellow;
    }
  }
*/
body {
  -webkit-text-size-adjust: none;
}

ul {
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  .only-pc {
    display: none;
  }
}

@media (min-width: 769px) {
  .only-sp {
    display: none;
  }
}
body {
  margin: 0;
}

img {
  width: 100%;
}

@media (min-width: 769px) {
  .wrapper {
    width: 1020px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .wrapper {
    width: 100%;
  }
}
.wrapper header {
  background: #fabe00;
  height: auto !important;
  padding: 17px 0 15px 0;
  text-align: center;
}
@media (min-width: 769px) {
  .wrapper header a img {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .wrapper header a img {
    width: 50%;
  }
}
.wrapper .hero {
  background: #e60012;
}
.wrapper .item {
  background: #e0ffff;
}
@media (min-width: 769px) {
  .wrapper .item {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .wrapper .item {
    padding: 15px;
  }
}
.wrapper .item ul li {
  display: inline-block;
}
@media (min-width: 769px) {
  .wrapper .item ul li {
    width: 470px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .wrapper .item ul li {
    width: 48%;
    margin-bottom: 10px;
  }
}
.wrapper .item ul li img {
  vertical-align: top;
}
@media (min-width: 769px) {
  .wrapper .item ul li:nth-child(odd) {
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .wrapper .item ul li:nth-child(odd) {
    margin-right: 10px;
  }
}/*# sourceMappingURL=styles.css.map */