@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;
  }
}

@media (min-width: 769px) {
  .block-01 {
    margin: 0px auto 20px auto;
  }
}

@media (max-width: 768px) {
  .block-01 {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (min-width: 769px) {
  .block-01 .inner {
    width: 1020px;
    margin: 14px auto 0px auto;
  }
}

@media (max-width: 768px) {
  .block-01 .inner {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
}

@media (min-width: 769px) {
  .block-01 .inner .main {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .block-01 .inner .main {
    margin-bottom: 5px;
  }
}

.block-01 .inner .makerpage {
  text-align: right;
}

@media (min-width: 769px) {
  .block-01 .inner .makerpage {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .block-01 .inner .makerpage {
    margin-bottom: 25px;
    padding-right: 15px;
  }
}

.block-01 .inner .makerpage a {
  color: #0e96a1;
  font-weight: bold;
  text-decoration: underline;
}

@media (min-width: 769px) {
  .block-02 {
    margin: 0px auto 0px auto;
  }
}

@media (max-width: 768px) {
  .block-02 {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .block-02 .inner {
    width: 1020px;
    margin: 14px auto 0px auto;
  }
}

@media (max-width: 768px) {
  .block-02 .inner {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
  }
}

.block-02 .inner .title {
  font-weight: bold;
}

@media (min-width: 769px) {
  .block-02 .inner .title {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .block-02 .inner .title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.7rem;
  }
}

@media (min-width: 769px) {
  .block-02 .inner .text {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .block-02 .inner .text {
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) {
  .block-02 .inner .note {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .block-02 .inner .note {
    margin-bottom: 15px;
  }
}
/*# sourceMappingURL=index.css.map */