@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes arrow-link-line-reverse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.contact-content {
  margin: auto;
  width: clamp(800px, 55.5555555556vw, 800px * 1.05);
  padding-top: 4.4444444444vw;
}
@media (max-width: 1024px) {
  .contact-content {
    width: 86.6666666667vw;
  }
}
@media (max-width: 767px) {
  .contact-content {
    padding-top: 14.9333333333vw;
    width: 91.4666666667vw;
  }
}
.contact-content.confirm {
  padding-top: 6.9444444444vw;
}
@media (max-width: 767px) {
  .contact-content.confirm {
    padding-top: 24.5333333333vw;
  }
}
.contact-content.thanks {
  padding-top: 6.9444444444vw;
}
@media (max-width: 767px) {
  .contact-content.thanks {
    padding-top: 24.5333333333vw;
  }
}
.contact-content .infoDesc {
  font-weight: 700;
  text-align: center;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .contact-content .infoDesc {
    font-size: 4.8vw;
    line-height: 2;
    letter-spacing: 0.03em;
  }
}
.contact-content .confirmDesc {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .contact-content .confirmDesc {
    font-size: 4vw;
  }
}
.contact-content .subTtl {
  font-weight: 500;
  font-size: clamp(28px, 1.9444444444vw, 28px * 1.05);
  letter-spacing: 0.08em;
  line-height: 1.4642857143;
  padding-bottom: clamp(12px, 0.8333333333vw, 12px * 1.05);
  padding-left: clamp(16px, 1.1111111111vw, 16px * 1.05);
  margin-top: 5.8333333333vw;
  border-bottom: 1.5px solid;
  border-image: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%) 1;
}
@media (max-width: 767px) {
  .contact-content .subTtl {
    font-size: 5.3333333333vw;
    line-height: 1.45;
    padding-bottom: 3.2vw;
    padding-left: clamp(6px, 0.4166666667vw, 6px * 1.05);
    margin-top: 13.8666666667vw;
  }
}
.contact-content .telWrap {
  padding-left: clamp(16px, 1.1111111111vw, 16px * 1.05);
  padding-bottom: 2.5vw;
  margin-top: 3.3333333333vw;
}
@media (max-width: 767px) {
  .contact-content .telWrap {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
    padding-bottom: 5.3333333333vw;
    margin-top: 9.6vw;
  }
}
.contact-content .telWrap .flexTel {
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.1111111111vw, 16px * 1.05);
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexTel {
    gap: 3.7333333333vw;
  }
}
.contact-content .telWrap .flexTel .ttlTel {
  font-weight: 600;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  color: rgba(91, 82, 147, 0.7);
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexTel .ttlTel {
    font-size: 8.5333333333vw;
  }
}
.contact-content .telWrap .flexTel .numTel {
  font-size: clamp(48px, 3.3333333333vw, 48px * 1.05);
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexTel .numTel {
    font-size: 10.6666666667vw;
  }
}
.contact-content .telWrap .hour {
  font-size: clamp(14px, 0.9722222222vw, 14px * 1.05);
  line-height: 2;
}
@media (max-width: 767px) {
  .contact-content .telWrap .hour {
    font-size: 3.7333333333vw;
  }
}
.contact-content .telWrap .flexFax {
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.1111111111vw, 16px * 1.05);
  margin-top: 1.6666666667vw;
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexFax {
    gap: 4.2666666667vw;
    margin-top: 8vw;
  }
}
.contact-content .telWrap .flexFax:last-of-type {
  margin-top: 0.8333333333vw;
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexFax:last-of-type {
    margin-top: 3.2vw;
  }
}
.contact-content .telWrap .flexFax .ttlFax {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.2;
  color: rgba(91, 82, 147, 0.7);
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexFax .ttlFax {
    font-size: 5.3333333333vw;
  }
}
.contact-content .telWrap .flexFax .deployment {
  font-weight: 600;
  font-size: clamp(14px, 0.9722222222vw, 14px * 1.05);
  line-height: 2;
  color: #5B5293;
  border: 1px solid rgba(91, 82, 147, 0.4);
  padding-left: clamp(5px, 0.3472222222vw, 5px * 1.05);
  padding-right: clamp(5px, 0.3472222222vw, 5px * 1.05);
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexFax .deployment {
    font-size: 3.7333333333vw;
    padding-left: 1.3333333333vw;
    padding-right: 1.3333333333vw;
  }
}
.contact-content .telWrap .flexFax .numFax {
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(26px, 1.8055555556vw, 26px * 1.05);
  line-height: 1.2;
}
@media (max-width: 767px) {
  .contact-content .telWrap .flexFax .numFax {
    font-size: 6.4vw;
  }
}
.contact-content .mailWrap {
  padding-left: clamp(16px, 1.1111111111vw, 16px * 1.05);
  margin-top: 3.3333333333vw;
}
@media (max-width: 767px) {
  .contact-content .mailWrap {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
    margin-top: 9.6vw;
  }
}
.contact-content .mailWrap .desc {
  font-weight: 700;
  font-size: clamp(20px, 1.3888888889vw, 20px * 1.05);
  line-height: 1.45;
}
@media (max-width: 767px) {
  .contact-content .mailWrap .desc {
    font-size: 4.2666666667vw;
    line-height: 1.4375;
  }
}
.contact-content .mailWrap .list {
  margin-top: 1.9444444444vw;
}
@media (max-width: 767px) {
  .contact-content .mailWrap .list {
    margin-top: 7.4666666667vw;
  }
}
.contact-content .mailWrap .list > li {
  font-size: clamp(12px, 0.8333333333vw, 12px * 1.05);
  line-height: 1.8;
  margin-top: 0.6944444444vw;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .contact-content .mailWrap .list > li {
    font-size: 3.4666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.contact-content .mailWrap .list > li:first-of-type {
  margin-top: 0;
}
.contact-content .mailWrap .list > li:before {
  content: "※ ";
}
.contact-content .mailWrap .list > li a {
  color: rgba(91, 82, 147, 0.8);
  text-decoration: underline;
  text-underline-offset: clamp(6px, 0.4166666667vw, 6px * 1.05);
  text-decoration-color: rgba(91, 82, 147, 0.4);
}
@media (max-width: 767px) {
  .contact-content .mailWrap .list > li a {
    text-underline-offset: 1.6vw;
  }
}
.contact-content__form {
  width: calc(100% - clamp(16px, 1.1111111111vw, 16px * 1.05));
  margin-left: auto;
  background-color: rgba(125, 116, 180, 0.05);
  border-radius: clamp(4px, 0.2777777778vw, 4px * 1.05);
  margin-top: 1.9444444444vw;
  padding: clamp(48px, 3.3333333333vw, 48px * 1.05) clamp(48px, 3.3333333333vw, 48px * 1.05) clamp(72px, 5vw, 72px * 1.05);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .contact-content__form {
    width: 100%;
    border-radius: 1.0666666667vw;
    margin-top: 7.4666666667vw;
    padding: 10.6666666667vw 4.2666666667vw 19.2vw;
  }
}
.contact-content__form.confirmForm {
  width: 100%;
  padding-top: clamp(62px, 4.3055555556vw, 62px * 1.05);
}
@media (max-width: 767px) {
  .contact-content__form.confirmForm {
    padding-top: 10.6666666667vw;
  }
}
.contact-content__form.thanks {
  width: 100%;
  padding: clamp(48px, 3.3333333333vw, 48px * 1.05);
}
@media (max-width: 767px) {
  .contact-content__form.thanks {
    padding: 10.6666666667vw 4.2666666667vw 12.8vw;
  }
}
.contact-content__formList {
  padding-top: clamp(36px, 2.5vw, 36px * 1.05);
  border-bottom: 1px solid rgba(91, 82, 147, 0.3);
  padding-bottom: clamp(36px, 2.5vw, 36px * 1.05);
}
@media (max-width: 767px) {
  .contact-content__formList {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
.confirmForm .contact-content__formList {
  padding-top: clamp(50px, 3.4722222222vw, 50px * 1.05);
  padding-bottom: clamp(50px, 3.4722222222vw, 50px * 1.05);
}
@media (max-width: 767px) {
  .confirmForm .contact-content__formList {
    padding-top: 6.4vw;
    padding-bottom: 9.6vw;
  }
}
.contact-content__formList:first-of-type {
  padding-top: 0;
}
.contact-content__formList:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.contact-content__formList .group {
  display: flex;
  align-items: flex-start;
  margin-top: 1.6666666667vw;
}
@media (max-width: 767px) {
  .contact-content__formList .group {
    flex-direction: column;
    margin-top: 7.4666666667vw;
    gap: 1.6vw;
  }
}
.confirmForm .contact-content__formList .group {
  margin-top: clamp(35px, 2.4305555556vw, 35px * 1.05);
}
@media (max-width: 767px) {
  .confirmForm .contact-content__formList .group {
    margin-top: 7.4666666667vw;
  }
}
.contact-content__formList .group:first-of-type {
  margin-top: 0;
}
.contact-content__formList .group dt {
  width: clamp(212px, 14.7222222222vw, 212px * 1.05);
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 1.5;
  letter-spacing: 0.03em;
  padding-top: clamp(14px, 0.9722222222vw, 14px * 1.05);
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .contact-content__formList .group dt {
    width: fit-content;
    font-size: 4vw;
  }
}
.contact-content__formList .group dt:after {
  content: "任意";
  color: rgba(91, 82, 147, 0.6);
  line-height: 2;
  font-size: clamp(12px, 0.8333333333vw, 12px * 1.05);
  padding-right: clamp(24px, 1.6666666667vw, 24px * 1.05);
}
@media (max-width: 767px) {
  .contact-content__formList .group dt:after {
    font-size: 3.2vw;
    padding-right: 0;
    padding-left: 3.2vw;
  }
}
.contact-content__formList .group dt.req:after {
  content: "必須";
  color: #E0708A;
}
.confirmForm .contact-content__formList .group dt {
  padding-top: clamp(1px, 0.0694444444vw, 1px * 1.05);
}
@media (max-width: 767px) {
  .confirmForm .contact-content__formList .group dt {
    padding-top: 0;
  }
}
.confirmForm .contact-content__formList .group dt:after {
  content: none;
}
.contact-content__formList .group dd {
  width: calc(100% - clamp(212px, 14.7222222222vw, 212px * 1.05));
}
@media (max-width: 767px) {
  .contact-content__formList .group dd {
    width: 100%;
  }
}
.contact-content__formList .selectWrap {
  position: relative;
  width: clamp(337px, 23.4027777778vw, 337px * 1.05);
}
@media (max-width: 767px) {
  .contact-content__formList .selectWrap {
    width: 100%;
  }
}
.contact-content__formList .selectWrap select {
  width: 100%;
  cursor: pointer;
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  padding: clamp(14px, 0.9722222222vw, 14px * 1.05) clamp(35px, 2.4305555556vw, 35px * 1.05) clamp(14px, 0.9722222222vw, 14px * 1.05) clamp(18px, 1.25vw, 18px * 1.05);
  background-color: #fff;
  border-radius: clamp(4px, 0.2777777778vw, 4px * 1.05);
  border: 1px solid rgba(91, 82, 147, 0.15);
  color: #5B5293;
  line-height: 1.5333333333;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .contact-content__formList .selectWrap select {
    font-size: 4vw;
    padding: 3.7333333333vw 8vw 3.7333333333vw 3.7333333333vw;
    border-radius: 1.0666666667vw;
    line-height: 1.5;
  }
}
.contact-content__formList .selectWrap select:hover {
  border-color: rgba(91, 82, 147, 0.6);
}
.contact-content__formList .selectWrap:after {
  content: "";
  display: block;
  width: clamp(18px, 1.25vw, 18px * 1.05);
  aspect-ratio: 18/18;
  background-image: url(../../img/common/icn_arrow.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: clamp(15px, 1.0416666667vw, 15px * 1.05);
  right: clamp(18px, 1.25vw, 18px * 1.05);
  transform: rotate(90deg);
}
@media (max-width: 767px) {
  .contact-content__formList .selectWrap:after {
    width: 5.3333333333vw;
    top: 4.2666666667vw;
    right: 2.6666666667vw;
  }
}
.contact-content__formList .input,
.contact-content__formList .textarea {
  background-color: #fff;
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 1.5333333333;
  width: 100%;
  padding: clamp(14px, 0.9722222222vw, 14px * 1.05) clamp(18px, 1.25vw, 18px * 1.05);
  border-radius: clamp(4px, 0.2777777778vw, 4px * 1.05);
  border: 1px solid rgba(91, 82, 147, 0.15);
  font-weight: 700;
  color: #5B5293;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .contact-content__formList .input,
  .contact-content__formList .textarea {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    padding: 3.7333333333vw;
    border-radius: 1.0666666667vw;
  }
}
.contact-content__formList .input:focus, .contact-content__formList .input:hover,
.contact-content__formList .textarea:focus,
.contact-content__formList .textarea:hover {
  border-color: rgba(91, 82, 147, 0.6);
}
.contact-content__formList .input[aria-invalid=true],
.contact-content__formList .textarea[aria-invalid=true] {
  color: #E0708A;
  border-color: #E0708A;
}
.contact-content__formList .textarea {
  height: clamp(287px, 19.9305555556vw, 287px * 1.05);
  font-weight: 500;
}
@media (max-width: 767px) {
  .contact-content__formList .textarea {
    height: 64vw;
  }
}
.contact-content .privacypolicyWrap input[type=checkbox] {
  cursor: pointer;
  margin: 0;
  appearance: none;
  width: 24px;
  aspect-ratio: 24/24;
  border-radius: 0;
  border: 1px solid #000;
  position: relative;
  transition: 0.3s;
  outline: none;
  vertical-align: -6px;
  margin-right: 16px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.667%22%20height%3D%229.288%22%20viewBox%3D%220%200%2011.667%209.288%22%3E%20%3Cpath%20id%3D%22check%22%20d%3D%22M13.916%2C5.066a1.071%2C1.071%2C0%2C1%2C1%2C1.529%2C1.5l-5.7%2C7.125A1.071%2C1.071%2C0%2C0%2C1%2C8.2%2C13.72L4.426%2C9.941A1.071%2C1.071%2C0%2C1%2C1%2C5.94%2C8.428l2.99%2C2.989L13.889%2C5.1a.337.337%2C0%2C0%2C1%2C.029-.031Z%22%20transform%3D%22translate%28-4.085%20-4.745%29%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: 50% 50%;
}
.contact-content .privacypolicyWrap input[type=checkbox]:checked {
  background-color: #000;
}
.contact-content .privacypolicyWrap {
  margin-top: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-content .privacypolicyWrap {
    text-align: left;
  }
}
.contact-content .privacypolicyWrap a {
  text-decoration: underline;
}
.contact-content .privacypolicyWrap a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .contact-content .privacypolicyWrap a:hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .contact-content .privacypolicyWrap .wpcf7-list-item {
    margin-left: 0;
  }
  .contact-content .privacypolicyWrap .wpcf7-list-item > label {
    display: flex;
    align-items: flex-start;
  }
}
.contact-content .wpcf7-not-valid-tip {
  margin-top: clamp(2px, 0.1388888889vw, 2px * 1.05);
  font-size: clamp(12px, 0.8333333333vw, 12px * 1.05);
  line-height: 2;
  color: #E0708A;
}
@media (max-width: 767px) {
  .contact-content .wpcf7-not-valid-tip {
    margin-top: 0.5333333333vw;
    font-size: 3.2vw;
  }
}
.contact-content .wpcf7-not-valid-tip:before {
  content: "※ ";
}
.contact-content .wpcf7 form:not(.invalid):not(.unaccepted) .wpcf7-response-output {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}
.contact-content .wpcf7-response-output {
  border: none !important;
  color: #E0708A;
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  display: none !important;
}
@media (max-width: 767px) {
  .contact-content .wpcf7-response-output {
    font-size: 4vw;
  }
}
.contact-content .wpcf7-spinner {
  display: none !important;
}
.contact-content .btnWrap {
  display: flex;
  justify-content: center;
  margin-top: clamp(60px, 4.1666666667vw, 60px * 1.05);
}
@media (max-width: 767px) {
  .contact-content .btnWrap {
    margin-top: 14.9333333333vw;
  }
}
.contact-content .btnWrap .btnInner {
  width: fit-content;
  width: clamp(568px, 39.4444444444vw, 568px * 1.05);
  position: relative;
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner {
    width: 78.1333333333vw;
  }
}
.contact-content .btnWrap .btnInner.first:before {
  content: "";
  display: block;
  width: clamp(24px, 1.6666666667vw, 24px * 1.05);
  aspect-ratio: 24/24;
  position: absolute;
  top: 50%;
  left: calc(50% + 4.5em + clamp(14px, 0.9722222222vw, 14px * 1.05));
  transform: translate(-50%, -50%);
  font-size: clamp(17px, 1.1805555556vw, 17px * 1.05);
  background-image: url(../../img/common/icn_arrow2.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  z-index: 100;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.first:before {
    width: 6.4vw;
    left: calc(50% + 4.5em + 3.7333333333vw);
    font-size: 4.5333333333vw;
  }
}
.contact-content .btnWrap .btnInner.first:has(input[type=submit]:enabled):hover:before {
  left: calc(50% + 5em + clamp(14px, 0.9722222222vw, 14px * 1.05));
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.first:has(input[type=submit]:enabled):hover:before {
    left: calc(50% + 4.5em + 3.7333333333vw);
  }
}
.contact-content .btnWrap .btnInner.first:has(input[type=submit]:enabled) .deco:after {
  background: rgba(113, 108, 136, 0.3);
}
.contact-content .btnWrap .btnInner.first input {
  padding-right: calc(clamp(38px, 2.6388888889vw, 38px * 1.05) / 2);
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.first input {
    padding-right: 5.0666666667vw;
  }
}
.contact-content .btnWrap .btnInner.first .deco:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(209, 214, 225, 0.7);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: skew(-16deg);
}
.contact-content .btnWrap .btnInner.btnSubmit:before {
  content: "";
  display: block;
  width: clamp(20px, 1.3888888889vw, 20px * 1.05);
  aspect-ratio: 20/20;
  position: absolute;
  top: 50%;
  left: calc(50% + 2em + clamp(14px, 0.9722222222vw, 14px * 1.05));
  transform: translate(-50%, -50%);
  font-size: clamp(17px, 1.1805555556vw, 17px * 1.05);
  background-image: url(../../img/common/icn_arrow3.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  z-index: 100;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnSubmit:before {
    width: 5.3333333333vw;
    left: calc(50% + 2em + 3.7333333333vw);
    font-size: 4.5333333333vw;
  }
}
.contact-content .btnWrap .btnInner.btnSubmit:hover:before {
  left: calc(50% + 2.5em + clamp(14px, 0.9722222222vw, 14px * 1.05));
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnSubmit:hover:before {
    left: calc(50% + 2em + 3.7333333333vw);
  }
}
.contact-content .btnWrap .btnInner.btnSubmit input {
  padding-right: calc(clamp(34px, 2.3611111111vw, 34px * 1.05) / 2);
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnSubmit input {
    padding-right: 4.5333333333vw;
  }
}
.contact-content .btnWrap .btnInner.btnSubmit .deco:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(113, 108, 136, 0.3);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: skew(-16deg);
}
.contact-content .btnWrap .btnInner.btnBack:after {
  content: "";
  display: inline-block;
  transition: 0.3s;
  color: #fff;
  position: absolute;
  top: 50%;
  left: calc(50% - 6em);
  transform: translateY(-50%);
  pointer-events: none;
  color: #000;
  font-size: 18px;
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnBack:after {
    left: calc(50% - 5.5em);
    font-size: 16px;
  }
}
.contact-content .btnWrap .btnInner.btnBack:hover:after {
  left: calc(50% - 6em - 0.5em);
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnBack:hover:after {
    left: calc(50% - 5.5em);
  }
}
.contact-content .btnWrap .btnInner.btnBack input {
  padding-right: 25px;
  padding: 12px 24px 12px calc(24px + 2em);
  background-color: #fff;
  color: #000;
}
@media (max-width: 767px) {
  .contact-content .btnWrap .btnInner.btnBack input {
    padding: 10px 16px 10px calc(16px + 1em);
  }
}
.contact-content .btnWrap .deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contact-content .btnWrap .deco:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #DEDEA5 0%, #E6B7CD 50%, #82C7DA 100%);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: skew(-16deg);
}
@media (max-width: 767px) {
  .contact-content .btnWrap .deco:before {
    background: linear-gradient(90deg, #DEDEA5 -45.35%, #E6B7CD 50.24%, #82C7DA 145.83%);
  }
}
.contact-content .btnWrap input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: clamp(17px, 1.1805555556vw, 17px * 1.05);
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  transition: 0.3s;
  padding: clamp(20px, 1.3888888889vw, 20px * 1.05) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .contact-content .btnWrap input {
    font-size: 4.5333333333vw;
    padding: 5.3333333333vw 0;
  }
}
.contact-content .confirmText {
  word-break: break-all;
  pointer-events: none;
  font-weight: 700;
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #5B5293;
  display: block;
}
@media (max-width: 767px) {
  .contact-content .confirmText {
    margin-top: 2.1333333333vw;
    padding-left: 3.7333333333vw;
    padding-right: 3.2vw;
    font-size: 4.5333333333vw;
  }
}
.contact-content .confirmText[data-from=message] {
  font-weight: 500;
  /* textarea の改行を確認画面でも表示（\n を折り返しとして扱う） */
  white-space: pre-line;
}
.contact-content .thanksTtl {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  letter-spacing: 0.03em;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  color: #5B5293;
}
@media (max-width: 767px) {
  .contact-content .thanksTtl {
    font-size: 5.3333333333vw;
  }
}
.contact-content .thanksTtl:before {
  content: "";
  display: block;
  width: clamp(64px, 4.4444444444vw, 64px * 1.05);
  aspect-ratio: 64/64;
  background-image: url(../../img/common/icn_check.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin: 0 auto clamp(16px, 1.1111111111vw, 16px * 1.05);
}
@media (max-width: 767px) {
  .contact-content .thanksTtl:before {
    width: 17.0666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.contact-content .thanksDesc {
  text-align: center;
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  margin-top: clamp(36px, 2.5vw, 36px * 1.05);
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .contact-content .thanksDesc {
    font-size: 4vw;
    margin-top: 9.6vw;
  }
}

/*# sourceMappingURL=contact.css.map */