@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Noto+Sans+JP:wght@100..900&display=swap");
/* override */
/* page style */
.p-ttl {
  color: #133A85;
  font-size: 3.3674963397vw;
  font-weight: 900;
  padding-top: 2.196193265vw;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-ttl {
    font-size: 6.4vw;
    padding-top: 6.1333333333vw;
  }
}

.p-lead {
  padding-bottom: 7.906295754vw;
  padding-top: 6.3689604685vw;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-lead {
    padding-bottom: 13.3333333333vw;
    padding-top: 7.7333333333vw;
  }
}
.p-lead-ttl {
  font-size: 1.4641288433vw;
  font-weight: 700;
  letter-spacing: 0.0585651537vw;
  line-height: 1.3;
}
@media screen and (max-width: 640px) {
  .p-lead-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.p-lead-tel {
  margin: 0 auto;
  padding-top: 2.9282576867vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 640px) {
  .p-lead-tel {
    padding-top: 9.3333333333vw;
  }
}
.p-lead-tel dt {
  font-size: 1.4641288433vw;
  font-weight: 500;
  letter-spacing: 0.0585651537vw;
  padding-bottom: 1.0980966325vw;
}
@media screen and (max-width: 640px) {
  .p-lead-tel dt {
    font-size: 4.2666666667vw;
    white-space: nowrap;
  }
}
.p-lead-tel-num {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.064" height="23.064" viewBox="0 0 23.064 23.064"><path id="Icon_fa-solid-phone-flip" data-name="Icon fa-solid-phone-flip" d="M15.635,1.108A1.8,1.8,0,0,1,17.77.062l3.964,1.081a1.807,1.807,0,0,1,1.329,1.739,20.182,20.182,0,0,1-20.18,20.18,1.807,1.807,0,0,1-1.739-1.329L.062,17.77a1.8,1.8,0,0,1,1.045-2.135l4.324-1.8a1.8,1.8,0,0,1,2.086.523l1.82,2.221a15.224,15.224,0,0,0,7.239-7.239L14.355,7.522a1.8,1.8,0,0,1-.523-2.086l1.8-4.324Z" transform="translate(0.002 0.002)" fill="%23133A85"/></svg>') no-repeat 0 90%/3.513909224vw auto;
  color: #133A85;
  font-family: "Oswald", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-size: 5.5636896047vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0585651537vw;
  padding-left: 4.39238653vw;
}
@media screen and (max-width: 640px) {
  .p-lead-tel-num {
    background-size: 6.9333333333vw auto;
    font-size: 10.9333333333vw;
    margin: 0 auto;
    padding-left: 8.8vw;
    position: relative;
    left: -2.6666666667vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-lead-tel-note {
  color: #133A85;
  font-size: 1.1713030747vw;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .p-lead-tel-note {
    font-size: 3.7333333333vw;
    padding-top: 2.6666666667vw;
  }
}

form input, form textarea, form select {
  background: #fff;
  border-radius: 0.439238653vw;
  font-size: 1.0248901903vw;
  font-weight: 500;
  height: 4.39238653vw;
  padding: 0 1.8301610542vw 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
  form input, form textarea, form select {
    font-size: 3.7333333333vw;
    border-radius: 1.6vw;
    height: 16vw;
    padding: 0 6.6666666667vw;
  }
}
form textarea {
  height: 12.8111273792vw;
  padding-bottom: 1.0980966325vw;
  padding-top: 1.0980966325vw;
}
@media screen and (max-width: 640px) {
  form textarea {
    height: 46.6666666667vw;
    padding: 2.6666666667vw 4vw;
  }
}
form label {
  display: flex;
  font-size: 1.1713030747vw;
  font-weight: 700;
  gap: 1.0980966325vw;
}
@media screen and (max-width: 640px) {
  form label {
    align-items: center;
    font-size: 4.2666666667vw;
    gap: 3.4666666667vw;
  }
}
form label .p-error {
  font-weight: 400;
  position: unset;
}
form label small {
  font-weight: 400;
  padding-left: 0.3660322108vw;
}
form input[type=checkbox] {
  display: inline-block;
  height: unset;
  padding: 0;
  width: unset;
}
form input[type=checkbox] + label {
  font-weight: 400;
  display: inline-block;
  padding-bottom: 0;
  padding-left: 0.7320644217vw;
}
@media screen and (max-width: 640px) {
  form input[type=checkbox] + label {
    padding-left: 2.6666666667vw;
  }
}
form input[name*=postcode_] {
  width: 5.1976573939vw;
}
@media screen and (max-width: 640px) {
  form input[name*=postcode_] {
    width: 18.9333333333vw;
  }
}
form select {
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.889" height="7.652" viewBox="0 0 13.889 7.652"><path d="M.354,13.536l-.707-.707L5.884,6.591-.354.354.354-.353,7.3,6.591Z" transform="translate(13.536 0.354) rotate(90)" fill="%23303133"/></svg>') no-repeat top 55% right 1.317715959vw/0.9516837482vw auto;
  width: 17.6427525622vw;
}
@media screen and (max-width: 640px) {
  form select {
    background-size: 3.7333333333vw auto;
    background-position: top 50% right 4.8vw;
    color: #1C1C1C;
    width: 100%;
  }
}
form .is-error input,
form .is-error select,
form .is-error textarea {
  border: 1px solid #E23223;
}

.p-list-1 {
  display: flex;
  flex-direction: column;
  margin-top: -0.3660322108vw;
}
@media screen and (max-width: 640px) {
  .p-list-1 {
    gap: 1.6vw;
    margin-top: -2.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-list-1 li {
    text-align: left;
  }
}

.p-required {
  background: #133A85;
  color: #fff;
  font-size: 1.0248901903vw;
  font-style: normal;
  font-weight: 500;
  height: 1.756954612vw;
  line-height: 1.756954612vw;
  text-align: center;
  width: 3.2210834553vw;
}
@media screen and (max-width: 640px) {
  .p-required {
    font-size: 3.7333333333vw;
    height: 6.4vw;
    line-height: 6.4vw;
    width: 11.7333333333vw;
  }
}

.p-notification {
  align-items: center;
  background: #FCDEDD;
  border: 1px solid #E23223;
  color: #E23223;
  display: flex;
  gap: 0.5856515373vw;
  height: 5.270863836vw;
  justify-content: center;
  margin-bottom: 3.2942898975vw;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-notification {
    border-width: 2px;
    font-size: 3.7333333333vw;
    display: grid;
    grid-template-columns: 9.6vw 1fr;
    gap: 5.6vw;
    height: auto;
    line-height: 1.5714285714;
    padding: 3.4666666667vw 6.6666666667vw;
  }
}
.p-notification:before {
  aspect-ratio: 1/0.86;
  background: url("../img/contact_error.png") no-repeat 0 0/contain;
  content: " ";
  display: inline-block;
  height: auto;
  width: 2.635431918vw;
}
@media screen and (max-width: 640px) {
  .p-notification:before {
    width: 9.6vw;
  }
}

.p-error {
  bottom: -1.4641288433vw;
  color: #E23223;
  font-size: 0.878477306vw;
  position: absolute;
}
@media screen and (max-width: 640px) {
  .p-error {
    bottom: -7.4666666667vw;
    font-size: 3.2vw;
  }
}

.p-agree {
  padding-bottom: 3.6603221083vw;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-agree {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-agree p {
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
  }
}
.p-agree a {
  text-decoration: underline;
}
.p-agree input {
  transform: scale(1.4);
}
.p-agree label {
  font-size: 1.4641288433vw;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .p-agree label {
    font-size: 4.2666666667vw;
  }
}
.p-agree .p-error {
  display: block;
  padding-top: 0.7320644217vw;
  position: unset;
}
.p-agree.is-error input {
  border: 1px solid #E23223;
}

.p-input {
  display: flex;
  flex-direction: column;
  gap: 3.3674963397vw;
  padding: 0 0 6.2225475842vw;
}
@media screen and (max-width: 640px) {
  .p-input {
    gap: 10.1333333333vw;
    padding: 0 0 11.2vw;
  }
}
.p-input-item label {
  padding: 0 0 1.0980966325vw;
}
@media screen and (max-width: 640px) {
  .p-input-item label {
    padding: 0 0 4vw;
  }
}
.p-input-item > div {
  align-items: center;
  display: flex;
  gap: 1.4641288433vw;
  position: relative;
  width: 100%;
}
.p-input-item-lv2 {
  align-items: start !important;
  display: flex;
  flex-direction: column;
  gap: 1.5373352855vw !important;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-input-item-lv2 {
    gap: 5.8666666667vw !important;
  }
}
.p-input-item-lv2 input, .p-input-item-lv2 select {
  padding: 0 1.0980966325vw;
}
@media screen and (max-width: 640px) {
  .p-input-item-lv2 input, .p-input-item-lv2 select {
    padding: 0 4vw;
  }
}
.p-input-item-lv2 > div {
  align-items: center;
  display: flex;
  width: 100%;
}
.p-input-item-lv2 > div label {
  padding: 0;
  width: 6.2225475842vw;
}
@media screen and (max-width: 640px) {
  .p-input-item-lv2 > div label {
    width: 22.6666666667vw;
  }
}
.p-input-item-lv2 > div label + div {
  flex: 1;
}

.p-confirm {
  display: flex;
  flex-direction: column;
  gap: 2.635431918vw;
  padding-bottom: 6.588579795vw;
}
.p-confirm-item {
  border-bottom: 1px solid #7B7B7B;
  padding-bottom: 1.1713030747vw;
}
@media screen and (max-width: 640px) {
  .p-confirm-item {
    padding-bottom: 2.6666666667vw;
  }
}
.p-confirm-item label {
  padding: 0 0 1.0980966325vw;
}
.p-confirm-item > div {
  font-size: 1.0248901903vw;
}
@media screen and (max-width: 640px) {
  .p-confirm-item > div {
    font-size: 3.7333333333vw;
    font-weight: 500;
  }
}
.p-confirm-item-lv2 {
  display: flex;
  flex-direction: column;
  gap: 2.4890190337vw;
  padding-top: 0.7320644217vw;
}
@media screen and (max-width: 640px) {
  .p-confirm-item-lv2 {
    padding-top: 2.6666666667vw;
  }
}
.p-confirm-item-lv2 > div {
  border-bottom: 1px solid #7B7B7B;
  display: flex;
  padding-bottom: 1.2445095168vw;
}
.p-confirm-item-lv2 > div label {
  padding-bottom: 0;
  width: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
  .p-confirm-item-lv2 > div label {
    width: 26.6666666667vw;
  }
}

.p-thanks {
  padding-bottom: 11.7130307467vw;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-thanks {
    padding-bottom: 19.7333333333vw;
  }
}
.p-thanks-txt-1 {
  font-size: 2.0497803807vw;
  font-weight: 700;
  letter-spacing: 0.1317715959vw;
  padding-top: 5.8565153734vw;
}
@media screen and (max-width: 640px) {
  .p-thanks-txt-1 {
    font-size: 5.3333333333vw;
  }
}
.p-thanks-txt-2 {
  padding-top: 1.4641288433vw;
}
@media screen and (max-width: 640px) {
  .p-thanks-txt-2 {
    font-size: 4.2666666667vw;
    margin-left: -2.6666666667vw;
    white-space: nowrap;
  }
}

@media screen and (max-width: 640px) {
  .grecaptcha-badge {
    bottom: 18.6666666667vw !important;
    z-index: 100;
  }
}/*# sourceMappingURL=contact.css.map */