@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,500;1,700&display=swap");
.sec_contact {
  width: 100%;
  position: relative;
  margin-bottom: 60px; }
  @media screen and (min-width: 960px) {
    .sec_contact {
      margin-bottom: 120px; } }
  .sec_contact .intro {
    font-weight: 700;
    margin-bottom: 40px; }
    @media screen and (min-width: 960px) {
      .sec_contact .intro {
        margin-bottom: 80px; } }

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  word-break: break-all;
  resize: none;
  -webkit-appearance: none; }

button, select {
  text-transform: none; }

select {
  word-wrap: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: 0;
  background: 0 0; }

.c-contact__body {
  width: 766px;
  max-width: calc(100% - 10px);
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 2px; }
  @media screen and (max-width: 960px) {
    .c-contact__body {
      margin-top: 15px;
      width: 100%;
      max-width: none;
      padding-left: 0; } }

body#contactJobSeekerThanks .c-contact__body,
body#contactRecruiterThanks .c-contact__body {
  margin-top: 73px; }
  @media screen and (max-width: 960px) {
    body#contactJobSeekerThanks .c-contact__body,
    body#contactRecruiterThanks .c-contact__body {
      margin-top: 47px; } }

.form-input select {
  cursor: pointer; }
.form-input input[type=text],
.form-input input[type=tel],
.form-input select {
  border-radius: 0;
  border: 1px solid #d5d5d5;
  padding-left: 23px;
  height: 60px;
  font-size: 1.6rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #fff; }
  @media screen and (max-width: 960px) {
    .form-input input[type=text],
    .form-input input[type=tel],
    .form-input select {
      padding-left: 13px;
      height: 45px; } }
  .form-input input[type=text]:hover,
  .form-input input[type=tel]:hover,
  .form-input select:hover {
    background-color: #f8f8f8; }
.form-input.form-input-text-L input[type=text], .form-input.form-input-text-L input[type=tel], .form-input.form-input-text-L select {
  width: 100%; }
.form-input input[type=checkbox],
.form-input input[type=radio] {
  width: 0;
  height: 0;
  opacity: 0; }
.form-input textarea {
  width: 100%;
  height: 300px;
  border-radius: 0;
  border: 1px solid #d5d5d5;
  padding: 20px 23px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #fff; }
  .form-input textarea:hover {
    background-color: #f8f8f8; }

.form-input {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(50% - 10px);
  max-width: calc(50% - 10px);
  min-width: calc(50% - 10px);
  margin-right: 100%;
  margin-top: 35px; }

.form-input-email input,
.form-input-email-check input,
.form-input-tel input,
.form-input-text input {
  width: 100%; }

@media screen and (max-width: 960px) {
  .form-input textarea {
    height: 200px; }

  .form-input {
    margin-top: 26.2px;
    width: 100%;
    min-width: 100%;
    max-width: 600px; } }
.form-input-text {
  margin-right: 0; }

.form-input-text-L {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 12px; }

.form-input-department {
  margin-right: 100%; }

.form-input-email,
.form-input-email-check {
  margin-right: 0; }

.form-input-textArea {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

.form-input-select {
  position: relative; }

.form-input-select select {
  position: relative;
  width: 100%; }

.form-input-select::after {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  right: 28px;
  bottom: 28px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 1px #15171b;
  border-right: solid 1px #15171b; }

@media screen and (max-width: 960px) {
  .form-input-select::after {
    right: 15px;
    bottom: 20px; } }
.form-input__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 17px; }
  @media screen and (max-width: 960px) {
    .form-input__label {
      margin-bottom: 12px;
      font-size: 13px; } }
  .form-input__label span {
    font-weight: 600;
    display: inline-block;
    margin-left: 4px;
    color: #eb0823;
    font-size: 10px;
    vertical-align: super;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  .form-input__label.confirm {
    color: #787878;
    font-size: 1.4rem;
    margin-bottom: 10px; }

.btn_bl {
  width: 224px; }
  .btn_bl.back {
    margin-left: 15px; }
    .btn_bl.back input {
      border: solid 1px #999; }

.red {
  color: #E42C2F; }

.pt10 {
  padding-top: 10px; }