@charset "UTF-8";
/* ------------------------------------------------------------ style.css ------------------------------------------------------------ */
/* subhead layer__contents anker__link flow table */
/* subhead
------------------------------------------------------------ */
.subhead { background-color: #d3ffcd; }

.subhead h1 { max-width: 236px; }

/* reset --------------------------------------------------- */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/* layer__contents
------------------------------------------------------------ */
.layer__contents img { width: 100%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.contact__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 50px auto 45px; }

.contact__step li { background: #dff5f7; position: relative; height: 80px; }

.contact__step li:nth-child(1) { width: 32.3%; }

.contact__step li:nth-child(2) { width: 33.4%; }

.contact__step li:nth-child(3) { width: 34.3%; }

.contact__step li::before { content: ""; display: block; position: absolute; right: -22px; top: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 22px; border-color: transparent transparent transparent #dff5f7; }

.contact__step li::after { content: ""; display: block; position: absolute; right: -26px; top: -9px; z-index: 9; width: 0; height: 0; border-style: solid; border-width: 49px 0 49px 26px; border-color: transparent transparent transparent #fff; }

.contact__step li:last-child::before, .contact__step li:last-child::after { display: none; }

#form .contact__step li:first-child, #confirm .contact__step li:nth-child(2), #completion .contact__step li:nth-child(3) { background: #6cbcd9; color: #fff; }

#form .contact__step li:first-child::before, #confirm .contact__step li:nth-child(2)::before, #completion .contact__step li:nth-child(3)::before { border-color: transparent transparent transparent #6cbcd9; }

.contact__step p { text-align: center; line-height: 1.375; padding: 16px; }

.block__txt { text-align: center; }

.contact__form form { margin: 65px auto 130px; }

.contact__form table { width: 100%; }

.contact__form tr { border-bottom: solid 2px #d9d8d7; }

.contact__form th { width: 38%; text-align: left; font-weight: bold; padding: 30px 0; vertical-align: middle; }

.contact__form td { width: 62%; padding: 30px 0; }

.contact__form td p { font-size: 1.3rem; margin: 10px 0; }

.form__required { position: relative; }

.form__required::after { content: "必須"; display: inline-block; width: 50%; max-width: 60px; background: #ad674e; color: #fff; font-size: 13px; line-height: 13px; text-align: center; border-radius: 2px; padding: 5px 0; position: absolute; top: 0; bottom: 0; margin: auto; height: 25px; margin-left: 18px; }

input[type="text"], textarea, input[type="number"], input[type="tel"], input[type="email"] { border: none; border-radius: 4px; padding: 20px; background: #eeeeee; }

input::-webkit-input-placeholder { color: #959392; font-size: 80%; font-weight: 100; letter-spacing: 0.2rem; }

input:-ms-input-placeholder { color: #959392; font-size: 80%; font-weight: 100; letter-spacing: 0.2rem; }

input::-ms-input-placeholder { color: #959392; font-size: 80%; font-weight: 100; letter-spacing: 0.2rem; }

input::placeholder { color: #959392; font-size: 80%; font-weight: 100; letter-spacing: 0.2rem; }

select { width: 15em; border-radius: 4px; height: 30px; background: #eeeeee; border: none; }

input[type="email"] { width: 95%; }

input[type="tel"] { margin-right: .5em; width: 5em; }

input[type="text"] { width: 95%; }

textarea { width: 95%; resize: auto; }

.formtxt { margin-top: 30px; }

.btnbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 680px; margin: auto; }

.btnbox .form_btn { width: 48%; }

.form_btn { margin: 30px auto; }

.form_btn input { color: #fff; background: #023894 url(../../common/img/arrow_wh3_r.png) no-repeat right 15px center/20px auto; border: none; border-radius: 5px; position: relative; display: block; padding: 20px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; text-decoration: none; font-weight: bold; width: 100%; }

.form_btn input:hover { background-color: #6cbcd9; }

td label { display: block; margin-bottom: 5px; }

label input { margin-right: .5em; }

#completion { margin-bottom: 60px; }

@media screen and (min-width: 1090px) and (max-width: 1300px) { /* ▼PC用================================================================== */
  /* ▲PC用================================================================== */ }

@media screen and (min-width: 768px) and (max-width: 1089px) { /* ▼Tab用================================================================= */
  /* layer__contents ------------------------------------------------------------ */
  /* layer__contents
------------------------------------------------------------ */
  .layer__contents .recruit__information { /* flow ------------------------------------------------------------ */ }
  .layer__contents .recruit__information .flow ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .layer__contents .recruit__information .flow li { width: 29%; margin-right: 4%; margin-bottom: 40px; position: relative; }
  .layer__contents .recruit__information .flow li .box { position: relative; }
  .layer__contents .recruit__information .flow li .box::before { position: absolute; top: -15px; left: 0; right: 0; margin: auto; color: #023894; font-family: 'Bartdeng'; font-weight: 100; font-size: 4.0rem; }
  .layer__contents .recruit__information .flow li::after { border-width: 6.5px 0 6.5px 10px; right: -9%; top: 24%; }
  .layer__contents .recruit__information .flow li:nth-child(4) { width: 48%; margin-bottom: 0; }
  .layer__contents .recruit__information .flow li:nth-child(4)::after { right: -6%; top: 26%; }
  .layer__contents .recruit__information .flow li:nth-child(5) { width: 48%; margin-bottom: 0; }
  /* ▲Tab用================================================================= */ }

@media screen and (min-width: 0px) and (max-width: 767px) { /* ▼SP用================================================================ */
  /* subhead ------------------------------------------------------------ */
  .subhead h1 { width: 40%; }
  /* contact --------------------------------------------------- */
  .contact__step li { height: 70px; }
  .contact__step p { font-size: 12px; }
  .contact__step li::after { top: -7px; }
  .contact__form th { display: block; width: 100%; padding-bottom: 10px; }
  .contact__form td { display: block; width: 100%; padding-top: 0; }
  .form__required::after { width: 22%; max-width: 40px; font-size: 11px; font-weight: normal; margin-left: 5px; top: 30%; }
  .btn input { padding: 15px; }
  input[type="tel"] { width: 3.8rem; }
  input[type="email"] { width: 100%; }
  input[type="text"] { width: 100%; }
  textarea { width: 100%; }
  .contact__step li::before { right: -14px; border-width: 35px 0 35px 14px; }
  .contact__step li::after { right: -16px; border-width: 42px 0 42px 16px; }
  .contact__step li p { padding: 18px 0; }
  .contact__step li:nth-child(1) { width: 29.3%; }
  .contact__step li:nth-child(1) p { padding-left: 10px; }
  .contact__step li:nth-child(2) { width: 34.4%; }
  .contact__step li:nth-child(2) p { padding-left: 15px; }
  .contact__step li:nth-child(3) { width: 34.3%; }
  .contact__step li:nth-child(3) p { padding-left: 15px; }
  #form .btnbox .form_btn { width: 60%; }
  /* ▲SP用================================================================ */ }
/*# sourceMappingURL=style.css.map */