@charset "UTF-8";

/* common */

body {
  font-family: "Noto Sans JP", sans-serif !important;
}

#header {
  height: 75px;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

#ptitle {
  height: 40px;
}

#article {
  width: auto;
  float: none;
  margin-top: 0;
}

.main_title{
  background:none;
  padding-left:0;
  font-size:clamp(1.25rem, 0.662rem + 2.94vw, 2.5rem);
  text-align:center;
  margin-top:5%;
  margin-bottom:5%;
}

.contact-guide{
  text-align:center;
  line-height:2.4;
  font-size:14px;
}


.w660 {
  max-width: 660px;
  margin: 0 auto;
}

/* contact.html */

.recruit-form.contact .non_required {
  font-size: 85%;
  color: #f60;
}

.recruit-form #article p.form_txt {
  text-align: center;
  line-height: 2.4;
  font-size: 14px;
}

.recruit-form.contact .form input[type="text"],
.recruit-form.contact .form textarea {
  width: 94% !important;
}

.recruit-form.contact .form textarea {
  height: 120px !important;
}

.recruit-form.contact table.field tr {
  margin-bottom: 10px;
}

.recruit-form.contact table.field th {
  background: none;
  vertical-align: top;
}

.recruit-form.contact table.field th,
.recruit-form.contact table.field td {
  padding: 0 10px;
}

.recruit-form.contact table.field td {
  padding-left: 10px;
  padding-bottom: 30px;
}

.recruit-form.contact table.type2 {
  width: 100%;
}

.recruit-form.contact .form#mailformpro table.field th label {
  margin: 0;
  width: 120px;
  height: 46px;
  background-color: #f9f9f9;
  padding: 3px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
}

.recruit-form.contact .form#mailformpro .bg_label {
  width: 120px;
  height: 46px;
  background-color: #f9f9f9;
  padding: 3px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box;
}

.recruit-form.contact .form select {
  height: 46px;
}

.recruit-form.contact .form#mailformpro .consent_area {
  text-align: center;
}

.recruit-form.contact .form#mailformpro button[type="reset"] {
  display: none;
}

.recruit-form.contact .form#mailformpro button[type="submit"] {
  color: #014099;
  background: #eaf1fc;
  border: 1px solid #f0f0f0;
  text-shadow: none;
}

.recruit-form.contact .form#mailformpro button[type="submit"]:hover {
  box-shadow: none;
  opacity: 0.7;
}
.margin_05{
  margin-top:3em;
  margin-bottom:3em;
}

.table_type02 {
width: 95%;
margin: 0 auto;
/* background-color: #C9EBFB; */
}

 td.ctr{ text-align: center; }

.btn {
  border-radius: 5px;
  padding: 5px 25px;
  font-size: 138%;
  text-decoration: none;
  color: black;
}

a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}


@media screen and (min-width: 481px) {
  .recruit-form.contact .form#mailformpro .consent_area {
    padding: 0 100px 50px;
  }
}

@media screen and (max-width: 480px) {

  #header{
    height:60px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  #ptitle {
    height: 40px;
  }

  #article {
    padding-left: 4px;
    padding-right: 4px;
  }

  .recruit-form.contact .form th label {
    background: none;
  }

  .recruit-form.contact .form#mailformpro table.field th label,
  .recruit-form.contact .form#mailformpro .bg_label {
    width: 100%;
  }

  .recruit-form.contact table.field th {
    padding-bottom: 20px;
  }

  .recruit-form.contact table.type2 {
    margin: 0;
    
  }

  .recruit-form.contact .form input[type="text"],
  .recruit-form.contact .form textarea,
  .recruit-form.contact .form select {
    max-width: 100%;
  }

  .recruit-form.contact form button {
    max-width: 70%;
    margin: 0 auto;
    font-size: 12px;
    padding: 5px 15px;
  }

  .recruit-form.contact form .btnArea {
    text-align: center;
  }
  .recruit-form.contact .form input[type="text"],
  .recruit-form.contact .form textarea {
    width: 100% !important;
  }
}