@charset "UTF-8";
@font-face {
  font-family: "Noto Sans Japanese Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/ad/asset/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Regular.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Medium";
  font-style: normal;
  font-weight: 500;
  src: url("/ad/asset/font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Medium.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/ad/asset/font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/ad/asset/font/NotoSansCJKjp-Bold.woff") format("woff");
}

/*--- 震えるアニメーション ---*/
@-webkit-keyframes trembleEle {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  60% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  80% {
    -webkit-transform: translate(-1px);
            transform: translate(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes trembleEle {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  40% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  60% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  80% {
    -webkit-transform: translate(-1px);
            transform: translate(-1px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.l-heading {
  background: linear-gradient(45deg, #53d5ff, #296ede);
}

.p-expenses__wrapper {
  margin: 0 auto;
  padding: 6.25em 0 12.5em 0;
  width: 1280px;
}

@media screen and (max-width: 750px) {
  .p-expenses__wrapper {
    padding: 10.133% 0 48% 0;
    width: 100%;
  }
}

.p-expenses__block {
  background: url("../img/bg_expenses_001_pc.png") no-repeat;
  padding-bottom: 5.625em;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-expenses__block {
    background: url("../img/bg_expenses_001_sp.png") no-repeat;
    background-size: contain;
    padding-bottom: 9.866vw;
  }
}

.p-expenses--lead {
  color: #222222;
  font-size: 1.25em;
  line-height: 1.5;
}

@media screen and (max-width: 750px) {
  .p-expenses--lead {
    font-size: 3.466vw;
  }
  .p-expenses--lead span {
    display: inline-block;
  }
}
/*# sourceMappingURL=index.css.map */