/* - contact - */
#contact .p-block {
  margin-top: calc(var(--base) * 12);
  padding: calc(var(--base) * 6) calc(var(--base) * 8) calc(var(--base) * 8);
  background-color: rgb(255 255 255 / 70%);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
/* svg */
#svg-contactTitle {
  width: 480px;
}
@media screen and (max-width: 1120px) {
  /* svg */
  #svg-contactTitle {
    width: calc(480 * var(--base-vw-coef));
  }
}
@media screen and (max-width: 960px) {
  /* svg */
  #svg-contactTitle {
    width: calc(360 * var(--base-vw-coef));
  }
}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 640px) {
  #contact .p-block {
    padding: calc(var(--base) * 5) calc(var(--base) * 3) calc(var(--base) * 8);
  }
  /* svg */
  #svg-contactTitle {
    width: calc(240 * var(--base-vw-coef));
  }
}
@media screen and (max-width: 480px) {}