.page-contact {
  font-family: "Noto Sans JP", sans-serif;
}
.page-contact .parsley-error .mark {
  border-color: #DC000C;
  background: #F8DADA !important;
}
.page-contact .parsley-errors-list.filled {
  position: absolute;
  border: 1px solid #080808;
  width: 212px;
  height: 46px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 30px;
  color: #1A1A1A;
  top: -42px;
  left: -20px;
  background: white;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page-contact .parsley-errors-list.filled {
    right: 0 !important;
    left: auto !important;
  }
}
.page-contact .parsley-errors-list.filled::before {
  border-top: 9px solid #080808;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -134px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
  z-index: 2;
  bottom: -9px;
}
.page-contact .parsley-errors-list.filled::after {
  border-top: 15px solid white;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -134px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
  bottom: -7px;
  z-index: 9999;
}
.page-contact .parsley-custom-error-message {
  display: flex;
}
.page-contact .parsley-custom-error-message::before {
  content: url(/data/img/icon-error.png);
  margin-left: 15px;
  margin-top: 5px;
  margin-right: 10px;
}
.page-contact .contact-section1 {
  font-size: 16px;
  line-height: 30px;
  color: #080808;
  text-align: center;
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 930px) {
  .page-contact .contact-section1 {
    width: 100%;
    text-align: center;
    letter-spacing: -0.1px;
  }
}
.page-contact .contact-section2 {
  width: 900px;
  height: 80px;
  background: #F4F4F4;
  display: flex;
  margin: auto;
}
@media screen and (max-width: 930px) {
  .page-contact .contact-section2 {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 19px;
    padding-left: 23px;
    padding-right: 18px;
    padding-bottom: 14px;
  }
}
.page-contact .contact-section2-line {
  height: 50px;
  background: #707070;
  width: 2px;
  margin-top: 16px;
}
@media screen and (max-width: 930px) {
  .page-contact .contact-section2-line {
    margin: 0;
    margin-bottom: 7px;
    height: 1px;
    width: 100%;
  }
}
.page-contact .contact-section2-tel {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.45px;
  padding-top: 27px;
  padding-left: 56px;
  padding-right: 39px;
}
@media screen and (max-width: 930px) {
  .page-contact .contact-section2-tel {
    padding: 0;
    padding-bottom: 8px;
  }
}
.page-contact .contact-section2-tel a {
  color: #080808;
}
.page-contact .contact-section2-work-time {
  font-size: 16px;
  line-height: 30px;
  padding-left: 49px;
  padding-top: 26px;
}
@media screen and (max-width: 930px) {
  .page-contact .contact-section2-work-time {
    padding: 0;
    letter-spacing: -0.6px;
  }
}
.page-contact .contact-tab-list {
  display: flex;
}
.page-contact .contact-tab-item {
  width: calc(100%/3);
  color: #D4D4D4;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  border-bottom: 5px solid #F0F0F0;
}
.page-contact .contact-tab-item-active {
  color: #080808;
  border-bottom: 5px solid #003A8E;
}
.page-contact .contact-form-item {
  display: flex;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-item {
    display: block;
  }
}
.page-contact .contact-form-label {
  font-size: 15px;
  font-weight: 500;
  list-style: 30px;
  color: #080808;
}
.page-contact .contact-form-require {
  font-size: 15px;
  list-style: 30px;
  color: #FFFFFF;
  background: #FFC400;
  height: 30px;
  width: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-contact .contact-form-btn {
  background: #003A8E;
  width: 270px;
  height: 60px;
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 30px;
  cursor: pointer;
  border: 0;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-btn {
    height: 53px;
  }
}
.page-contact .contact-form-btn:hover {
  border: 2px solid #003A8E;
  color: #003A8E;
  background: #FFFFFF;
}
.page-contact .contact-form-btn:hover .contact-form-btn-icon path {
  stroke: #003A8E;
}
.page-contact .contact-form-btn-title {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.page-contact .contact-form-btn-icon {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.page-contact .contact-form-line {
  height: 1px;
  background: #707070;
  width: 100%;
}
.page-contact .contact-form-col1 {
  width: 300px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col1 {
    width: 100%;
  }
}
.page-contact .contact-form-col2 {
  width: 870px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col2 {
    width: 100%;
  }
}
.page-contact .contact-form-col2-email .parsley-errors-list.filled {
  top: -30px !important;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col2-email .parsley-errors-list.filled {
    top: -42px !important;
    right: 0 !important;
    left: auto !important;
  }
}
.page-contact .contact-form-col2-company .parsley-errors-list.filled {
  top: -36px !important;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col2-company .parsley-errors-list.filled {
    top: -42px !important;
    right: 0 !important;
    left: auto !important;
  }
}
.page-contact .contact-form-col2-content .parsley-errors-list.filled {
  top: -27px !important;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col2-content .parsley-errors-list.filled {
    top: -41px !important;
    right: 0 !important;
    left: auto !important;
  }
}
.page-contact .contact-form-col2-privacy .parsley-errors-list.filled {
  top: -55px !important;
  width: 240px !important;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-col2-privacy .parsley-errors-list.filled {
    width: 238px !important;
    left: -23px !important;
    top: -46px !important;
  }
}
.page-contact .contact-form-col2-privacy .parsley-errors-list.filled::after {
  border-top: 15px solid white !important;
  border-left: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  left: -160px !important;
  bottom: -13px !important;
}
.page-contact .contact-form-col2-privacy .parsley-errors-list.filled::before {
  border-top: 15px solid #080808 !important;
  border-left: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  left: -160px !important;
  bottom: -15px !important;
}
.page-contact .contact-form-ipt {
  width: 100%;
  border: 1px solid #979797;
  height: 54px;
  font-size: 16px;
  line-height: 30px;
  text-indent: 15px;
}
.page-contact .contact-form-ipt.parsley-error {
  border-color: #DC000C;
  background: #F8DADA;
}
.page-contact .contact-form-ipt:focus {
  outline: none;
}
.page-contact .contact-form-ipt::placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-ipt:-ms-input-placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-ipt::-ms-input-placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-textarea {
  width: 100%;
  border: 1px solid #979797;
  font-size: 16px;
  line-height: 30px;
  height: 221px;
}
.page-contact .contact-form-textarea.parsley-error {
  border-color: #DC000C;
  background: #F8DADA;
}
.page-contact .contact-form-textarea:focus {
  outline: none;
}
.page-contact .contact-form-textarea::placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-textarea:-ms-input-placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-textarea::-ms-input-placeholder {
  color: #ADADAD;
}
.page-contact .contact-form-privacy {
  display: inline-flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-privacy {
    margin-top: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-privacy-wrap {
    text-align: center;
  }
}
.page-contact .contact-form-privacy-title {
  font-size: 16px;
}
.page-contact .contact-form-privacy-subtitle {
  font-size: 16px;
  line-height: 30px;
  color: #080808;
  letter-spacing: -0.4px;
}
.page-contact .contact-form-privacy-subtitle a {
  color: #0C11FF;
  text-decoration: underline;
}
.page-contact .contact-form-privacy-subtitle a:hover {
  opacity: 0.7;
}
.page-contact .contact-form-privacy-checkbox {
  height: 23px;
  min-height: 23px;
  width: 23px;
  min-width: 23px;
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-privacy-checkbox {
    min-width: 25px;
    width: 25px;
    height: 25px;
    min-height: 25px;
  }
}
.page-contact .contact-form-privacy .mark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  border: 1px solid #979797;
  min-width: 23px;
  width: 23px;
  height: 23px;
  min-height: 23px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .page-contact .contact-form-privacy .mark {
    min-width: 25px;
    width: 25px;
    height: 25px;
    min-height: 25px;
  }
}
.page-contact .contact-form-privacy .mark > svg {
  margin: auto;
  display: none;
}
.page-contact .contact-form-privacy-ipt {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.page-contact .contact-form-privacy-ipt:checked ~ .mark {
  background: #356FBF !important;
  border: 1px solid #356FBF !important;
}
.page-contact .contact-form-privacy-ipt:checked ~ .mark > svg {
  display: block;
}

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