@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Host+Grotesk:wght@800&display=swap);
@keyframes btn-arrow-01 {
  0% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  50% {
    transform: translate(100%, -50%);
    opacity: 0;
  }
  51% {
    transform: translate(-200%, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
.p-quotation {
  padding-block: min(5.3333333333vw, 80px);
  padding-inline: min(3.3333333333vw, 40px);
}
.p-quotation__hd {
  font-size: min(4.2666666667vw, 51.2px);
  font-weight: 700;
  margin-top: min(8vw, 120px);
  text-align: center;
}
.p-quotation__hd span {
  display: inline-block;
  padding-left: 2em;
  position: relative;
}
.p-quotation__hd span::after {
  aspect-ratio: 108/98;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.34375em;
}
.p-quotation__hd.is-france {
  color: #272F67;
}
.p-quotation__hd.is-france span::after {
  background-image: url(../images/common/ico-national-flag-france.svg);
}
.p-quotation__hd.is-japan {
  color: #9F1F21;
}
.p-quotation__hd.is-japan span::after {
  background-image: url(../images/common/ico-national-flag-japan.svg);
}
.p-quotation__hd.is-netherlands {
  color: #BB5B00;
}
.p-quotation__hd.is-netherlands span::after {
  background-image: url(../images/common/ico-national-flag-netherlands.svg);
}
.p-quotation__hd.is-morocco {
  color: #397130;
}
.p-quotation__hd.is-morocco span::after {
  background-image: url(../images/common/ico-national-flag-morocco.svg);
}
.p-quotation__hd.is-belgium {
  color: #000000;
}
.p-quotation__hd.is-belgium span::after {
  background-image: url(../images/common/ico-national-flag-belgium.svg);
}
.p-quotation__txt-01 p {
  font-size: min(2vw, 1.5rem);
  font-weight: 600;
}
.p-quotation__txt-02 p {
  font-size: min(2.3333333333vw, 1.75rem);
  font-weight: 600;
  margin-top: 1.6em;
}
.p-quotation p {
  text-align: center;
}
@media screen and (max-width: 767px){
  .p-quotation {
    padding-block: 10.6666666667vw;
    padding-inline: 6.4vw;
  }
  .p-quotation__hd {
    font-size: 6.4vw;
  }
  .p-quotation__txt-01 p {
    font-size: 3.7333333333vw;
  }
  .p-quotation__txt-02 p {
    font-size: 4.2666666667vw;
  }
}
/*# sourceMappingURL=quotation.css.map */