@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, #fb6b6b, #ea489f);
}

.p-consultation__wrapper {
  width: 100%;
}

.p-consultation__container {
  margin: 6.25em auto 12.5em;
  width: 1280px;
}

@media screen and (max-width: 750px) {
  .p-consultation__container {
    margin: 9.33% 0 48.8% 0;
    width: 100%;
  }
}

.p-consultation__container .p-consultation__text {
  background: url("../img/bg_consultation_001_pc.png") no-repeat;
}

@media screen and (max-width: 750px) {
  .p-consultation__container .p-consultation__text {
    background: url("../img/bg_consultation_001_sp.png") no-repeat;
    background-size: contain;
  }
}

.p-consultation__container .p-consultation__text .h2-heading {
  color: #222222;
  font-family: "Noto Serif JP", serif;
  font-size: 3.125em;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-consultation__container .p-consultation__text .h2-heading {
    font-size: 8vw;
  }
}

.p-consultation__container .p-consultation__text .h2-heading span {
  display: inline-block;
  margin-left: .5em;
}

.p-consultation__container .p-consultation__text .p-consultation__lead {
  color: #222222;
  font-size: 1.25em;
  line-height: 1.5;
  margin: 2em 0 0 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-consultation__container .p-consultation__text .p-consultation__lead {
    font-size: 3.467vw;
    line-height: 1.62;
    margin: 5.06% auto 0;
    width: 93.66%;
  }
}

.p-consultation__container .p-consultation__text .h3-heading {
  color: #222222;
  font-family: "Noto Serif JP", serif;
  font-size: 2.5em;
  text-align: center;
  margin: 2em 0 0 0;
}

@media screen and (max-width: 750px) {
  .p-consultation__container .p-consultation__text .h3-heading {
    font-size: 8vw;
  }
}

.p-consultation__info {
  margin: 3.75em auto 0;
  width: 980px;
}

@media screen and (max-width: 750px) {
  .p-consultation__info {
    margin: 10% 0 0 0;
    width: 100%;
  }
}

.p-consultation__info .p-consultation__lead-sm {
  color: #222222;
  font-size: .75em;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-consultation__lead-sm {
    margin: 0 auto;
    width: 90.67%;
  }
}

.p-consultation__info .p-table.-pc {
  display: block;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-table.-pc {
    display: none;
  }
}

.p-consultation__info .p-table.-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-table.-sp {
    display: block;
  }
}

.p-consultation__info .p-consultation__table {
  border-bottom: 4px solid #10a55d;
  border-left: 4px solid #10a55d;
  border-right: 4px solid #10a55d;
  margin: .5em 0 0 0;
  width: 980px;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-consultation__table {
    margin: 5% auto;
    width: 90.67%;
  }
}

.p-consultation__info .p-consultation__table tr:nth-child(n + 3) {
  border-top: 1px dashed #a0a0a0;
}

.p-consultation__info .p-consultation__table th:not(:last-child) {
  border-right: 2px solid #ffffff;
}

.p-consultation__info .p-consultation__table th {
  background-color: #10a55d;
  color: #ffffff;
  font-size: 1.25em;
  padding: 1.5em 0;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-consultation__table th {
    font-size: 3.466vw;
    padding: 4.8vw 0;
  }
}

.p-consultation__info .p-consultation__table .th-01 {
  border-right: 2px solid #ffffff;
  width: 20%;
}

.p-consultation__info .p-consultation__table .th-02 {
  border-right: 2px solid #ffffff;
  width: 40%;
}

.p-consultation__info .p-consultation__table .th-03 {
  border-right: 2px solid #ffffff;
  width: 20%;
}

.p-consultation__info .p-consultation__table .th-04 {
  width: 20%;
}

.p-consultation__info .p-consultation__table td {
  background-color: #ffffff;
  font-size: 1em;
  line-height: 1.5;
  padding: 1.875em 2%;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-consultation__table td {
    font-size: 3.466vw;
    padding: 4.667vw 2.5vw;
  }
}

.p-consultation__info .p-consultation__table td:not(:last-child) {
  border-right: 2px solid #f2f2f2;
}

.p-consultation__info .p-consultation__block {
  margin: 1em 0 0 0;
}

.p-consultation__info .p-consultation__block p {
  color: #222222;
  font-size: .875em;
  line-height: 1.667;
  padding-left: 14px;
  text-indent: -14px;
}

@media screen and (max-width: 750px) {
  .p-consultation__info .p-consultation__block p {
    font-size: 2.933vw;
    margin: 0 auto;
    width: 90.67%;
  }
}
/*# sourceMappingURL=index.css.map */