@media print, (min-width: 768.02px) {
  .section-recruit-keyvisual .wrapper {
    padding: 120px 75px 50px;
  }

  .section-contact-keyvisual .wrapper {
    padding: 120px 75px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .section-recruit-keyvisual .sub-keyvisual-title img {
    width: 3.3rem;
  }

  .section-contact-keyvisual .sub-keyvisual-title img {
    width: 3.68rem;
  }
}
.section-common-contact {
  overflow: hidden;
}
.section-common-contact .common-contact-heading {
  position: relative;
  z-index: 1;
}
.section-common-contact .common-contact-heading::before {
  content: "";
  position: absolute;
  z-index: -1;
}
.section-common-contact .contact-heading-title {
  text-align: center;
}
.section-common-contact .contact-heading-description, .section-common-contact .contact-heading-text {
  letter-spacing: 0.1em;
  text-align: center;
}
.section-common-contact .contact-heading-text {
  font-weight: bold;
  color: #009fe6;
}
.section-common-contact .contact-heading-description {
  font-weight: 500;
}
.section-common-contact .form-input .label, .section-common-contact .form-content .label {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.section-common-contact .form-input .content, .section-common-contact .form-content .content {
  line-height: 2.2;
  letter-spacing: 0.05em;
}
.section-common-contact .form-button {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.section-common-contact .form-button .common-button-primary {
  letter-spacing: 0.2em;
}
.section-common-contact .form-button::after {
  content: "";
  position: absolute;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: -1;
}
.section-common-contact .form-content-policy {
  letter-spacing: 0.05em;
  color: #3a3a3a;
  overflow-y: hidden;
}
.section-common-contact .form-content-policy li span {
  display: block;
}
.section-common-contact .mCSB_scrollTools {
  height: 100% !important;
  background: #ededed !important;
}
.section-common-contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  border-radius: unset;
  background: #bebebe !important;
}
.section-common-contact .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent !important;
}
.section-common-contact .form-content-checkbox .is-require {
  color: #009fe6;
}
@media only screen and (max-width: 768px) {
  .section-common-contact .form-content-checkbox .is-require {
    display: block;
  }
}
.section-common-contact .form-content-checkbox .checkbox-label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  letter-spacing: 0.05em;
  font-weight: bold;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.section-common-contact .form-content-checkbox .checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.section-common-contact .form-content-checkbox .checkmark::before {
  content: "";
  position: absolute;
  left: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display: inline-block;
}
.section-common-contact .form-content-checkbox .checkbox-label:hover input ~ .checkmark:before {
  background-color: #ccc;
}
.section-common-contact .form-content-checkbox .checkbox-label input:checked ~ .checkmark:before {
  background-color: #009fe6;
}
.section-common-contact .form-content-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.section-common-contact .form-content-checkbox .checkbox-label input:checked ~ .checkmark:after {
  display: block;
}
.section-common-contact .form-content-checkbox .checkbox-label .checkmark:after {
  border: solid white;
  -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
}

.section-contact-form .contact-heading-text {
  font-weight: 500;
  color: #000;
}
.section-contact-form .contact-heading-description {
  color: #009fe6;
}
.section-contact-form .form-input {
  display: block;
}
.section-contact-form .form-input-label .label {
  width: auto;
}
.section-contact-form .form-input-label .is-require {
  color: #009fe6;
}
.section-contact-form .form-input-value textarea {
  line-height: 1.8;
}
.section-contact-form .form-input-value .value-input {
  border-radius: 0;
  display: block;
  width: 100%;
  outline: unset;
  color: #000;
}
.section-contact-form .form-input-value .value-input:-ms-input-placeholder {
  color: #c6c4c4;
  font-weight: 500;
}
.section-contact-form .form-input-value .value-input::placeholder {
  color: #c6c4c4;
  font-weight: 500;
}

@media print, (min-width: 768.02px) {
  .section-common-contact {
    padding: 50px 0 140px;
  }
  .section-common-contact.is-contact {
    padding-bottom: 200px;
  }
  .section-common-contact .wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section-common-contact .common-contact-heading {
    margin-bottom: 130px;
  }
  .section-common-contact .common-contact-heading::before {
    top: 0;
    left: 49%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 1506px;
    height: 378px;
    background: url(../img/contact-form/recruit_contact_decor.png) no-repeat center center/contain;
  }
  .section-common-contact .contact-heading-title {
    margin-bottom: 95px;
  }
  .section-common-contact .contact-heading-text {
    font-size: 20px;
    margin-bottom: 45px;
  }
  .section-common-contact .contact-heading-description {
    font-size: 16px;
    line-height: 2.5;
  }
  .section-common-contact .list-form-input {
    margin-bottom: 70px;
  }
  .section-common-contact .form-input {
    display: -ms-flexbox;
    display: flex;
  }
  .section-common-contact .form-input:not(:last-child) {
    margin-bottom: 35px;
  }
  .section-common-contact .form-input .text, .section-common-contact .form-input .label {
    font-size: 18px;
  }
  .section-common-contact .form-input .label {
    width: 320px;
    padding-right: 10px;
  }
  .section-common-contact .form-input .content {
    font-size: 18px;
  }
  .section-common-contact .form-content {
    margin-bottom: 85px;
  }
  .section-common-contact .form-content .form-content-label {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .section-common-contact .form-content .content {
    font-size: 18px;
  }
  .section-common-contact .form-button .common-button-primary {
    margin-bottom: 100px;
  }
  .section-common-contact .form-button::after {
    background: url(../img/contact-form/recruit_contact_decor_02.png) no-repeat center center/contain;
    width: 734px;
    height: 136px;
    left: 49%;
    top: 45%;
  }
  .section-common-contact .form-content-policy {
    padding-left: 15px;
    margin-bottom: 55px;
    border: 2px solid #000;
    font-size: 16px;
    height: 338px;
  }
  .section-common-contact .form-content-policy .text-label {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .section-common-contact .form-content-policy p {
    line-height: 1.8;
  }
  .section-common-contact .form-content-policy ol {
    padding-right: 30px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  .section-common-contact .form-content-policy li:not(:last-child) {
    margin-bottom: 30px;
  }
  .section-common-contact .form-content-policy .mCSB_container {
    padding-bottom: 15px;
  }
  .section-common-contact .form-content-policy .mCSB_scrollTools {
    width: 19px !important;
  }
  .section-common-contact .form-content-checkbox .checkbox-label {
    padding-left: 55px;
    font-size: 18px;
  }
  .is-mac .section-common-contact .form-content-checkbox .checkmark {
    display: inline-block;
    margin-top: 1px;
  }
  .section-common-contact .form-content-checkbox .checkmark::before {
    top: 50%;
    height: 35px;
    width: 35px;
    border: 2px solid #000;
  }
  .section-common-contact .form-content-checkbox .checkbox-label .checkmark:after {
    top: 9px;
    left: 18px;
    width: 12px;
    height: 20px;
    border-width: 0 3px 3px 0;
  }

  .section-common-completion .common-contact-heading {
    margin-bottom: 120px;
  }

  .section-contact-form {
    padding: 50px 0 65px;
  }
  .section-contact-form .common-contact-heading {
    margin-bottom: 90px;
  }
  .section-contact-form .common-contact-heading::before {
    left: 50%;
    width: 1506px;
    height: 390px;
    background: url(../img/contact-form/recruit_contact_decor_04.png) no-repeat center center/contain;
  }
  .section-contact-form .form-content {
    margin-bottom: 105px;
  }
  .section-contact-form .list-form-input {
    margin-bottom: 50px;
  }
  .section-contact-form .contact-heading-text {
    font-size: 16px;
  }
  .section-contact-form .form-input {
    display: block;
  }
  .section-contact-form .form-input:not(:last-child) {
    margin-bottom: 15px;
  }
  .section-contact-form .form-input-label {
    margin-bottom: 10px;
  }
  .section-contact-form .form-input-value .value-select::after, .section-contact-form .form-input-value .value-select::before {
    width: 42px;
    height: 42px;
  }
  .section-contact-form .form-input-value .value-input, .section-contact-form .form-input-value select {
    padding: 7px 10px 6px;
    border: 2px solid #000;
    font-size: 18px;
  }
  .is-mac .section-contact-form .form-input-value .value-input, .is-mac .section-contact-form .form-input-value select {
    padding-top: 8px;
  }
  .section-contact-form .form-input-value select {
    padding-right: 50px;
    height: 42px;
    overflow: hidden;
  }
  .section-contact-form .form-input-value textarea {
    height: 338px;
  }
  .section-contact-form .form-button::after {
    top: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .section-common-contact {
    padding: 2.1rem 0 3.15rem;
  }
  .section-common-contact .common-contact-heading {
    margin-bottom: 1.15rem;
  }
  .section-common-contact .common-contact-heading::before {
    top: -1.55rem;
    left: 50%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    width: 1.21rem;
    height: 4.37rem;
    background: url(../img/contact-form/sp/recruit_contact_decor.png) no-repeat center center/contain;
  }
  .section-common-contact .contact-heading-title {
    margin-bottom: 2.55rem;
  }
  .section-common-contact .contact-heading-title img {
    width: 4.26rem;
    height: 1.26rem;
  }
  .section-common-contact .contact-heading-text {
    font-size: 0.28rem;
    margin-bottom: 0.75rem;
  }
  .section-common-contact .contact-heading-description {
    font-size: 0.28rem;
    line-height: 2.2;
  }
  .section-common-contact .contact-heading-description.is-verification {
    margin: 0 -3px;
  }
  .section-common-contact .list-form-input {
    margin-bottom: 0.85rem;
  }
  .section-common-contact .form-input:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  .section-common-contact .form-input .text, .section-common-contact .form-input .label {
    font-size: 0.28rem;
  }
  .section-common-contact .form-input .form-input-label {
    margin-bottom: 0.3rem;
  }
  .section-common-contact .form-input .content {
    font-size: 0.28rem;
    padding-left: 0.2rem;
  }
  .section-common-contact .form-content {
    margin-bottom: 2.3rem;
  }
  .section-common-contact .form-content .form-content-label {
    margin-bottom: 0.1rem;
    font-size: 0.28rem;
  }
  .section-common-contact .form-content .form-content-value {
    font-size: 0.28rem;
    padding-left: 0.2rem;
    padding-right: 0.4rem;
  }
  .section-common-contact .form-button .common-button-primary {
    margin-bottom: 0.95rem;
  }
  .section-common-contact .form-button::after {
    background: url(../img/contact-form/sp/recruit_contact_decor_02.png) no-repeat center center/contain;
    width: 1.75rem;
    height: 4.78rem;
    left: 50%;
    top: 52%;
  }
  .section-common-contact .form-content-policy {
    padding-left: 0.2rem;
    margin-bottom: 0.75rem;
    border: 1px solid #000;
    font-size: 0.28rem;
    height: 8.15rem;
  }
  .section-common-contact .form-content-policy .text-label {
    margin-top: 0.3rem;
    margin-bottom: 0.6rem;
  }
  .section-common-contact .form-content-policy ol {
    margin-bottom: 0.6rem;
  }
  .section-common-contact .form-content-policy p, .section-common-contact .form-content-policy ol {
    line-height: 2.28;
    padding-right: 0.1rem;
  }
  .section-common-contact .form-content-policy li:not(:last-child) {
    margin-bottom: 0.7rem;
  }
  .section-common-contact .form-content-policy .mCSB_container {
    padding-bottom: 0.2rem;
  }
  .section-common-contact .form-content-policy .mCSB_scrollTools {
    width: 0.38rem !important;
  }
  .section-common-contact .form-content-policy .mCSB_inside > .mCSB_container {
    margin-right: 0.4rem !important;
  }
  .section-common-contact .form-content-checkbox .checkbox-label {
    padding-left: 1.05rem;
    font-size: 0.28rem;
    letter-spacing: 0.05em;
  }
  .section-common-contact .form-content-checkbox .checkmark::before {
    top: 48%;
    width: 0.62rem;
    height: 0.62rem;
    border: 1px solid #000;
  }
  .section-common-contact .form-content-checkbox .checkbox-label .checkmark:after {
    top: 0.33rem;
    left: 0.3rem;
    width: 0.15rem;
    height: 0.2rem;
    border-width: 0 3px 3px 0;
  }
  .section-common-contact.section-contact-form {
    padding: 1.8rem 0 2.25rem;
  }
  .section-common-contact.section-contact-form .contact-heading-title {
    margin-bottom: 2.45rem;
  }
  .section-common-contact.section-contact-form .common-contact-heading {
    margin-bottom: 1.15rem;
  }
  .section-common-contact.section-contact-form .form-content {
    margin-bottom: 2.4rem;
  }
  .section-common-contact.section-contact-form .contact-heading-text {
    font-size: 0.28rem;
    line-height: 2.28;
    margin: 0 -0.05rem 0.6rem;
  }
  .section-common-contact.section-contact-form .contact-heading-description {
    margin: 0 -0.2rem;
  }
  .section-common-contact.section-contact-form .form-input {
    display: block;
  }
  .section-common-contact.section-contact-form .form-input:not(:last-child) {
    margin-bottom: 0.7rem;
  }
  .section-common-contact.section-contact-form .form-input-label {
    margin-bottom: 0.2rem;
  }
  .section-common-contact.section-contact-form .form-input-value .value-input {
    padding: 0.11rem 0.2rem 0.1rem;
    border: 1px solid #000;
    font-size: 0.28rem;
    min-height: 0.64rem;
  }
  .section-common-contact.section-contact-form .form-input-value select {
    padding-right: 0.7rem;
  }
  .section-common-contact.section-contact-form .form-input-value textarea {
    height: 6.4rem;
  }
  .section-common-contact.section-contact-form .form-button::after {
    background: url(../img/contact-form/sp/recruit_contact_decor_03.png) no-repeat center center/contain;
    width: 1.75rem;
    height: 3.1rem;
    top: 25%;
  }

  .common-contact-verification .form-input-value {
    padding-left: 0.25rem;
  }
  .common-contact-verification .form-content .form-content-label {
    margin-bottom: 0.2rem;
  }

  .section-common-completion {
    padding-bottom: 2.65rem;
  }
  .section-common-completion.is-contact {
    padding-bottom: 3.2rem;
  }
  .section-common-completion .common-contact-heading {
    margin-bottom: 2.45rem;
  }
  .section-common-completion .form-button::after {
    top: 60%;
    background: url(../img/contact-form/sp/recruit_contact_decor_03.png) no-repeat center center/contain;
    width: 1.75rem;
    height: 3.1rem;
  }
}
.section-recruit-recruitment {
  background: #ededed;
}
.section-recruit-recruitment .recruit-recruitment-title {
  color: #009fe6;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
}
.section-recruit-recruitment .recruitment-content-address .label {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.section-recruit-recruitment .recruitment-content-address .content {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.section-recruit-recruitment .recruitment-content-label {
  font-weight: bold;
  letter-spacing: 0.05em;
}
.section-recruit-recruitment .content-phone, .section-recruit-recruitment .content-fax {
  letter-spacing: 0.1em;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.section-recruit-recruitment .content-phone::before, .section-recruit-recruitment .content-fax::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.section-recruit-recruitment .content-link {
  font-weight: bold;
  letter-spacing: 0.1em;
  display: inline-block;
  vertical-align: middle;
}
.section-recruit-recruitment .content-phone::before {
  background: url(../img/contact-form/recruit_icon_phone.png) no-repeat center center/contain;
}
.section-recruit-recruitment .content-fax::before {
  background: url(../img/contact-form/recruit_icon_fax.png) no-repeat center center/contain;
}

@media print, (min-width: 768.02px) {
  .section-recruit-recruitment {
    padding: 100px 0 105px;
    margin-bottom: 150px;
  }
  .section-recruit-recruitment .recruit-recruitment-title {
    font-size: 30px;
    margin-bottom: 80px;
  }
  .section-recruit-recruitment .recruit-recruitment-content {
    padding-bottom: 50px;
    border-bottom: 2px solid #009fe6;
  }
  .section-recruit-recruitment .recruitment-content-address {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #009fe6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .section-recruit-recruitment .recruitment-content-address .label {
    font-size: 30px;
  }
  .section-recruit-recruitment .recruitment-content-address .content {
    font-size: 20px;
  }
  .section-recruit-recruitment .recruitment-content-contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .section-recruit-recruitment .recruit-content-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .section-recruit-recruitment .recruitment-content-label .content-label-phone {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .section-recruit-recruitment .recruitment-content-label .content-label-fax {
    font-size: 20px;
    position: relative;
    top: 10px;
  }
  .section-recruit-recruitment .content-phone, .section-recruit-recruitment .content-fax {
    font-size: 20px;
    margin-right: 45px;
    position: relative;
  }
  .section-recruit-recruitment .content-link {
    font-size: 40px;
    position: relative;
  }
  .section-recruit-recruitment .content-phone {
    top: 10px;
  }
  .section-recruit-recruitment .content-phone::before {
    position: relative;
    top: -3px;
    width: 39px;
    height: 37px;
    margin-right: 10px;
  }
  .section-recruit-recruitment .content-fax {
    top: 6px;
  }
  .section-recruit-recruitment .content-fax::before {
    position: relative;
    width: 30px;
    height: 40px;
    margin-right: 18px;
    right: -3px;
    top: -2px;
  }
  .section-recruit-recruitment .content-number-fax {
    position: relative;
    top: 10px;
  }
  .section-recruit-recruitment .content-number-fax .content-link {
    left: 10px;
  }
  .section-recruit-recruitment .content-number-phone .content-link {
    top: 5px;
    left: 9px;
    pointer-events: none;
  }
}
@media only screen and (min-width: 768.02px) and (max-width: 1240px) {
  .section-recruit-recruitment .content-number-fax .content-link, .section-recruit-recruitment .content-number-phone .content-link {
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .section-recruit-recruitment {
    padding: 1.3rem 0 1.4rem;
    margin-bottom: 1.95rem;
  }
  .section-recruit-recruitment .recruit-recruitment-title {
    font-size: 0.3rem;
    margin-bottom: 0.85rem;
  }
  .section-recruit-recruitment .recruit-recruitment-content {
    padding-bottom: 0.9rem;
    border-bottom: 0.04rem solid #009fe6;
  }
  .section-recruit-recruitment .recruitment-content-address {
    padding-bottom: 0.75rem;
    margin-bottom: 0.95rem;
    border-bottom: 0.04rem solid #009fe6;
    margin-right: -0.2rem;
  }
  .section-recruit-recruitment .recruitment-content-address .label {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
  }
  .section-recruit-recruitment .recruitment-content-address .content {
    font-size: 0.28rem;
    line-height: 2.28;
  }
  .section-recruit-recruitment .recruit-content-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .section-recruit-recruitment .recruitment-content-label .content-label-phone {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
  }
  .section-recruit-recruitment .recruitment-content-label .content-label-fax {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
  }
  .section-recruit-recruitment .content-number-fax, .section-recruit-recruitment .content-number-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .section-recruit-recruitment .content-phone, .section-recruit-recruitment .content-fax {
    padding-left: 0.7rem;
    font-size: 0.26rem;
    position: relative;
  }
  .section-recruit-recruitment .content-phone::before, .section-recruit-recruitment .content-fax::before {
    position: absolute;
  }
  .section-recruit-recruitment .content-link {
    font-size: 0.5rem;
  }
  .section-recruit-recruitment .content-phone {
    top: 0.16rem;
  }
  .section-recruit-recruitment .content-phone::before {
    left: 0;
    top: -0.04rem;
    width: 0.51rem;
    height: 0.49rem;
  }
  .section-recruit-recruitment .content-fax {
    top: 0.12rem;
  }
  .section-recruit-recruitment .content-fax::before {
    width: 0.39rem;
    height: 0.52rem;
    top: -0.06rem;
    left: 0.06rem;
  }
  .section-recruit-recruitment .content-number-phone {
    margin-bottom: 0.1rem;
  }
  .section-recruit-recruitment .content-number-phone .content-link {
    top: -0.07rem;
    left: 0.05rem;
  }
  .section-recruit-recruitment .content-number-fax .content-link {
    top: -0.1rem;
    left: 0.07rem;
  }
}
.form-input-value .select-box {
  display: block;
  position: relative;
}
.form-input-value .select-box .custom-select-trigger {
  color: #000;
  font-weight: bold;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 0;
  outline: none;
}
.form-input-value .select-box .custom-select-trigger span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form-input-value .select-box .custom-select {
  display: block;
  position: relative;
  transition: all 0.6s;
}
.form-input-value .select-box .custom-select::after, .form-input-value .select-box .custom-select::before {
  z-index: 2;
}
.form-input-value .select-box .custom-select::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display: inline-block;
  background: #000;
}
.form-input-value .select-box .custom-select::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display: inline-block;
  transition: all 0.2s;
  background: url("../img/contact-form/recruit_icon_select.png") no-repeat center center/contain;
}
.form-input-value .select-box .custom-select.open .select-option {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.form-input-value .select-box .custom-select.open::after {
  -ms-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg);
}
.form-input-value .select-box .select-option {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  border-top: 0;
  transition: all 0.3s;
  background: #fff;
  color: #3a3a3a;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.form-input-value .select-box .custom-option {
  text-align: left;
  font-weight: bold;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  transition: all 0.2s;
}
.form-input-value .select-box .custom-option:hover {
  opacity: 0.5;
}

@media print, (min-width: 768.02px) {
  .form-input-value .custom-select::after, .form-input-value .custom-select::before {
    width: 41px;
    height: 41px;
  }
  .form-input-value .select-box {
    font-size: 18px;
  }
  .form-input-value .select-box .custom-select-trigger {
    padding: 7px 45px 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 2px solid #000;
  }
  .form-input-value .select-box .custom-option {
    padding: 12.5px 15px;
  }
  .form-input-value .select-option {
    border: 2px solid #000;
    padding: 15px 0 10px;
    top: calc( 100% - 2px );
  }
}
@media only screen and (max-width: 768px) {
  .form-input-value .custom-select::after, .form-input-value .custom-select::before {
    width: 0.64rem;
    height: 0.64rem;
  }
  .form-input-value .select-box {
    font-size: 0.28rem;
  }
  .form-input-value .select-box .custom-select-trigger {
    padding: 0.13rem 0.7rem 0.08rem 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0.01rem solid #000;
    min-height: 0.64rem;
  }
  .form-input-value .select-box .custom-option {
    padding: 0.3rem 0.2rem;
  }
  .form-input-value .select-option {
    border: 0.01rem solid #000;
    padding: 0.15rem 0 0.35rem;
    top: calc( 100% - 1px );
  }
}

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