@charset "UTF-8";
/* CSS Document */
/* ------------------------------
テキスト
------------------------------ */
.txt_indent {
  display: block;
  text-indent: -1em;
  margin-left: 1em; }

.txt_ls_0 {
  letter-spacing: 0; }

.txt_ls_01 {
  letter-spacing: 0.1em; }

.txt_ls_015 {
  letter-spacing: 0.15em; }

.txt_ls_02 {
  letter-spacing: 0.2em; }

.txt_ls_005 {
  letter-spacing: 0.05em; }

.txt_blue {
  color: #0168B6 !important; }

.txt_black {
  color: #000 !important; }

.txt_bold {
  font-weight: bold; }

.txt_center {
  text-align: center !important; }

.txt_right {
  text-align: right !important; }

.pcbr {
  display: block; }

.spbr {
  display: none; }

.navy {
  color: #001E46; }

.blue {
  color: #0F559D; }

.sp_only {
  display: none; }

.fs_10 {
  font-size: 1.0rem; }

.fs_12 {
  font-size: 1.2rem; }

.fs_14 {
  font-size: 1.4rem; }

.fs_16 {
  font-size: 1.6rem; }

.fs_18 {
  font-size: 1.8rem; }

.fs_20 {
  font-size: 2.0rem; }

.fs_24 {
  font-size: 2.4rem; }

.fs_26 {
  font-size: 2.6rem; }

.fs_28 {
  font-size: 2.8rem; }

.fs_30 {
  font-size: 3.0rem; }

.fs_35 {
  font-size: 3.5rem; }

.fs_40 {
  font-size: 4.0rem; }

.fs_45 {
  font-size: 4.5rem; }

.fs_50 {
  font-size: 5.0rem; }

.fs_60 {
  font-size: 6.0rem; }

.fw_100 {
  font-weight: 100; }

.fw_200 {
  font-weight: 200; }

.fw_300 {
  font-weight: 300; }

.fw_400 {
  font-weight: 400; }

.fw_500 {
  font-weight: 500; }

.fw_700 {
  font-weight: 700; }

.lh_10 {
  line-height: 1.0rem !important; }

.lh_12 {
  line-height: 1.2rem !important; }

.lh_14 {
  line-height: 1.4rem !important; }

.lh_15 {
  line-height: 1.5rem !important; }

.lh_16 {
  line-height: 1.6rem !important; }

.lh_18 {
  line-height: 1.8rem !important; }

.lh_20 {
  line-height: 2.0rem !important; }

.lh_25 {
  line-height: 2.5rem !important; }

.lh_28 {
  line-height: 2.8rem !important; }

.lh_30 {
  line-height: 3.0rem !important; }

.lh_32 {
  line-height: 3.2rem !important; }

.lh_35 {
  line-height: 3.5rem !important; }

.lh_40 {
  line-height: 4.0rem !important; }

.lh_42 {
  line-height: 4.2rem !important; }

.lh_45 {
  line-height: 4.5rem !important; }

.mrg__btm0 {
  margin-bottom: 0 !important; }

.mrg__btm02 {
  margin-bottom: .2em !important; }

.mrg__btm05 {
  margin-bottom: .5em !important; }

.mrg__btm08 {
  margin-bottom: .8em !important; }

.mrg__btm1 {
  margin-bottom: 1em !important; }

.mrg__btm15 {
  margin-bottom: 1.5em !important; }

.mrg__btm2 {
  margin-bottom: 2em !important; }

.mrg__btm3 {
  margin-bottom: 3em !important; }

.mrg__btm4 {
  margin-bottom: 4em !important; }

.mrg__btm5 {
  margin-bottom: 5em !important; }

.mrg__btm6 {
  margin-bottom: 6em !important; }

.mrg__btm7 {
  margin-bottom: 7em !important; }

.mrg__btm8 {
  margin-bottom: 8em !important; }

.mrg__btm9 {
  margin-bottom: 9em !important; }

.mrg__btm1-0 {
  margin-bottom: 10em !important; }

.mrg__btm1-5 {
  margin-bottom: 15em !important; }

.mrg__btm2-0 {
  margin-bottom: 20em !important; }

.mrg__top0 {
  margin-top: 0 !important; }

.mrg__top05 {
  margin-top: .5em !important; }

.mrg__top1 {
  margin-top: 1em !important; }

.mrg__top2 {
  margin-top: 2em !important; }

.mrg__top3 {
  margin-top: 3em !important; }

.mrg__top4 {
  margin-top: 4em !important; }

.mrg__top5 {
  margin-top: 5em !important; }

.mrg__top6 {
  margin-top: 6em !important; }

.mrg__top7 {
  margin-top: 7em !important; }

.mrg__top8 {
  margin-top: 8em !important; }

.mrg__top9 {
  margin-top: 9em !important; }

.mrg__left0 {
  margin-left: 0 !important; }

.mrg__left1 {
  margin-left: 1em !important; }

.mrg__left2 {
  margin-left: 2em !important; }

.mrg__left3 {
  margin-left: 3em !important; }

.mrg__right0 {
  margin-right: 0 !important; }

.mrg__right1 {
  margin-right: 1em !important; }

.mrg__right2 {
  margin-right: 2em !important; }

.mrg__right3 {
  margin-right: 3em !important; }

.pad__0 {
  padding: 0 !important; }

.pad__1 {
  padding: 1em !important; }

.pad__2 {
  padding: 2em !important; }

.pad__3 {
  padding: 3em !important; }

.pad__4 {
  padding: 4em !important; }

.pad__5 {
  padding: 5em !important; }

.pad__6 {
  padding: 6em !important; }

.pad__top0 {
  padding-top: 0 !important; }

.pad__top05 {
  padding-top: 0.5em !important; }

.pad__top1 {
  padding-top: 1em !important; }

.pad__top2 {
  padding-top: 2em !important; }

.pad__top3 {
  padding-top: 3em !important; }

.pad__top4 {
  padding-top: 4em !important; }

.pad__top5 {
  padding-top: 5em !important; }

.pad__top6 {
  padding-top: 6em !important; }

.pad__top7 {
  padding-top: 7em !important; }

.pad__top8 {
  padding-top: 8em !important; }

.pad__top9 {
  padding-top: 9em !important; }

.pad__top10 {
  padding-top: 10em !important; }

.pad__top20 {
  padding-top: 20em !important; }

.pad__btm0 {
  padding-bottom: 0 !important; }

.pad__btm05 {
  padding-bottom: 0.5em !important; }

.pad__btm1 {
  padding-bottom: 1em !important; }

.pad__btm2 {
  padding-bottom: 2em !important; }

.pad__btm3 {
  padding-bottom: 3em !important; }

.pad__btm4 {
  padding-bottom: 4em !important; }

.pad__btm5 {
  padding-bottom: 5em !important; }

.pad__btm6 {
  padding-bottom: 6em !important; }

@media all and (max-width: 480px) {
  .txt__sp_ls_0 {
    letter-spacing: 0; }

  .txt__sp_ls_01 {
    letter-spacing: 0.1em; }

  .txt__sp_ls_02 {
    letter-spacing: 0.2em; }

  .txt__sp_s_005 {
    letter-spacing: 0.05em; }

  .pcbr {
    display: none; }

  .spbr {
    display: block; }

  .sp_only {
    display: block; }

  .txt__sp_center {
    display: block;
    text-align: center !important; }

  .txt__sp_right {
    display: block;
    text-align: right !important; }

  .txt__sp_left {
    display: block;
    text-align: left !important; }

  .fs__sp_10 {
    font-size: 1.0rem; }

  .fs__sp_12 {
    font-size: 1.2rem !important; }

  .fs__sp_14 {
    font-size: 1.4rem !important; }

  .fs__sp_16 {
    font-size: 1.6rem; }

  .fs__sp_18 {
    font-size: 1.8rem; }

  .fs__sp_20 {
    font-size: 2.0rem; }

  .fs__sp_24 {
    font-size: 2.4rem; }

  .fs__sp_30 {
    font-size: 3.0rem; }

  .fs__sp_40 {
    font-size: 4.0rem; }

  .lh__sp_10 {
    line-height: 1.0rem !important; }

  .lh__sp_12 {
    line-height: 1.2rem !important; }

  .lh__sp_14 {
    line-height: 1.4rem !important; }

  .lh__sp_15 {
    line-height: 1.5rem !important; }

  .lh__sp_16 {
    line-height: 1.6rem !important; }

  .lh___sp_18 {
    line-height: 1.8rem !important; }

  .lh__sp_20 {
    line-height: 2.0rem !important; }

  .lh__sp_26 {
    line-height: 2.6rem !important; }

  .lh__sp_30 {
    line-height: 3.0rem !important; }

  .lh__sp_36 {
    line-height: 3.6rem !important; }

  .lh__sp_40 {
    line-height: 4.0rem !important; }

  .mrg__sp_btm0 {
    margin-bottom: 0 !important; }

  .mrg__sp_btm05 {
    margin-bottom: .5em !important; }

  .mrg__sp_btm1 {
    margin-bottom: 1em !important; }

  .mrg__sp_btm15 {
    margin-bottom: 1.5em !important; }

  .mrg__sp_btm2 {
    margin-bottom: 2em !important; }

  .mrg__sp_btm3 {
    margin-bottom: 3em !important; }

  .mrg__sp_btm4 {
    margin-bottom: 4em !important; }

  .mrg__sp_btm5 {
    margin-bottom: 5em !important; }

  .mrg__sp_btm6 {
    margin-bottom: 6em !important; }

  .mrg__sp_btm7 {
    margin-bottom: 7em !important; }

  .mrg__sp_btm8 {
    margin-bottom: 8em !important; }

  .mrg__sp_btm9 {
    margin-bottom: 9em !important; }

  .mrg__sp_top0 {
    margin-top: 0 !important; }

  .mrg__sp_top05 {
    margin-top: .5em !important; }

  .mrg__sp_top1 {
    margin-top: 1em !important; }

  .mrg__sp_top2 {
    margin-top: 2em !important; }

  .mrg__sp_top3 {
    margin-top: 3em !important; }

  .mrg__sp_top4 {
    margin-top: 4em !important; }

  .mrg__sp_top5 {
    margin-top: 5em !important; }

  .mrg__sp_top6 {
    margin-top: 6em !important; }

  .mrg__sp_top7 {
    margin-top: 7em !important; }

  .mrg__sp_top8 {
    margin-top: 8em !important; }

  .mrg__sp_top9 {
    margin-top: 9em !important; }

  .pad__sp_0 {
    padding: 0 !important; }

  .pad__sp_05 {
    padding: .5em !important; }

  .pad__sp_1 {
    padding: 1em !important; }

  .pad__sp_2 {
    padding: 2em !important; }

  .pad__sp_3 {
    padding: 3em !important; }

  .pad__sp_4 {
    padding: 4em !important; }

  .pad__sp_5 {
    padding: 5em !important; }

  .pad__sp_6 {
    padding: 6em !important; }

  .pad__sp_top0 {
    padding-top: 0 !important; }

  .pad__sp_top1 {
    padding-top: 1em !important; }

  .pad__sp_top2 {
    padding-top: 2em !important; }

  .pad__sp_top3 {
    padding-top: 3em !important; }

  .pad__sp_top4 {
    padding-top: 4em !important; }

  .pad__sp_top5 {
    padding-top: 5em !important; }

  .pad__sp_top6 {
    padding-top: 6em !important; }

  .pad__sp_top7 {
    padding-top: 7em !important; }

  .pad__sp_top8 {
    padding-top: 8em !important; }

  .pad__sp_btm0 {
    padding-bottom: 0 !important; }

  .pad__sp_btm1 {
    padding-bottom: 1em !important; }

  .pad__sp_btm2 {
    padding-bottom: 2em !important; }

  .pad__sp_btm3 {
    padding-bottom: 3em !important; }

  .pad__sp_btm4 {
    padding-bottom: 4em !important; }

  .pad__sp_btm5 {
    padding-bottom: 5em !important; }

  .pad__sp_btm6 {
    padding-bottom: 6em !important; } }
/*---------------------------------------------
	採用に関するお問い合わせ css
  ---------------------------------------------*/
.first_copy {
  text-align: center; }
  @media all and (max-width: 480px) {
    .first_copy {
      text-align: left; } }

.formWrap {
  width: 800px;
  margin: 0 auto;
  padding-bottom: 145px; }
  @media all and (max-width: 480px) {
    .formWrap {
      width: 100%;
      padding-bottom: 100px; } }
  .formWrap p span {
    color: #fff;
    background-color: #BC3535;
    display: inline-block;
    padding: 0 5px;
    line-height: 1.6em;
    margin-right: 6px; }
  .formWrap form {
    border-top: 1px solid #AFC7E2; }
  .formWrap .formTable {
    width: 100%;
    border-collapse: separate;
    border-bottom: 1px solid #AFC7E2; }
    .formWrap .formTable .form_box {
      border-bottom: 1px solid #AFC7E2;
      align-items: center;
      display: flex;
      padding: 20px 0; }
      @media all and (max-width: 480px) {
        .formWrap .formTable .form_box {
          padding: 20px 0;
          display: block; } }
      .formWrap .formTable .form_box:last-child {
        border-bottom: none;
        align-items: flex-start; }
      .formWrap .formTable .form_box th {
        color: #121006;
        width: 200px; }
        @media all and (max-width: 480px) {
          .formWrap .formTable .form_box th {
            width: 100%;
            padding-bottom: 10px; } }
        .formWrap .formTable .form_box th span {
          color: #fff;
          background-color: #BC3535;
          display: inline-block;
          padding: 0 5px;
          margin-left: 10px; }
      @media all and (max-width: 480px) {
        .formWrap .formTable .form_box td {
          display: block;
          padding: 0; } }
      .formWrap .formTable .form_box td .input {
        width: 400px;
        height: 35px;
        background-color: #D0E7EF;
        border: none;
        padding: 10px;
        font-size: 1.6rem; }
        @media all and (max-width: 480px) {
          .formWrap .formTable .form_box td .input {
            height: 30px;
            width: 100%;
            font-size: 1.2rem; } }
        .formWrap .formTable .form_box td .input.place {
          width: 600px; }
          @media all and (max-width: 480px) {
            .formWrap .formTable .form_box td .input.place {
              width: 100%; } }
      .formWrap .formTable .form_box td .textarea {
        max-width: 600px;
        min-width: 600px;
        height: 150px;
        outline: 0;
        background-color: #D0E7EF;
        border: none;
        padding: 10px; }
        @media screen and (min-device-width: 744px) and (max-device-width: 1133px) and (orientation: portrait) {
          .formWrap .formTable .form_box td .textarea {
            max-width: 600px;
            min-width: 600px; } }
        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
          .formWrap .formTable .form_box td .textarea {
            max-width: 550px;
            min-width: 550px; } }
        @media all and (max-width: 480px) {
          .formWrap .formTable .form_box td .textarea {
            max-width: 100%;
            min-width: 100%; } }
  .formWrap .privacy label .input {
    display: none; }
  .formWrap .privacy label .check_span {
    position: relative;
    padding-left: 25px; }
    .formWrap .privacy label .check_span:before {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      background-color: #fff;
      border: 1px solid #001E46;
      left: 3px;
      top: 0;
      cursor: pointer; }
    .formWrap .privacy label .check_span .privacy_line {
      color: #001E46;
      text-decoration: underline;
      font-weight: bold;
      cursor: pointer; }
  .formWrap .input:checked + .check_span:after {
    position: absolute;
    top: 5px;
    left: 6px;
    content: "";
    width: 10px;
    height: 5px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg); }
  .formWrap .check_btn_box {
    text-align: center; }
    .formWrap .check_btn_box .check_btn {
      width: 342px;
      height: 70px;
      text-align: center;
      border: none;
      position: relative;
      cursor: pointer;
      background-color: #0F559D;
      color: #fff;
      cursor: pointer;
      transition: 0.3s; }
      @media all and (max-width: 480px) {
        .formWrap .check_btn_box .check_btn {
          height: 50px;
          width: 100%; } }
      .formWrap .check_btn_box .check_btn:before {
        content: '';
        position: absolute;
        top: 35px;
        right: 20px;
        width: 20px;
        height: 1px;
        background-color: #fff;
        transition: 0.3s; }
        @media all and (max-width: 480px) {
          .formWrap .check_btn_box .check_btn:before {
            top: 25px; } }
      .formWrap .check_btn_box .check_btn:after {
        content: '';
        position: absolute;
        top: 31px;
        right: 21px;
        width: 7px;
        height: 7px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(-45deg);
        transition: 0.3s; }
        @media all and (max-width: 480px) {
          .formWrap .check_btn_box .check_btn:after {
            top: 22px; } }
      .formWrap .check_btn_box .check_btn:hover {
        background-color: #001E46;
        color: #fff; }
        .formWrap .check_btn_box .check_btn:hover:before {
          right: 17px; }
        .formWrap .check_btn_box .check_btn:hover:after {
          right: 17px; }

::placeholder {
  color: #ACC3D3; }

.confirmation .formTable {
  padding: 15px 0; }
  .confirmation .formTable th {
    width: 250px;
    font-weight: bold;
    border-bottom: 1px solid #AFC7E2; }
    @media all and (max-width: 480px) {
      .confirmation .formTable th {
        width: 100%;
        display: block;
        padding-top: 10px;
        border-bottom: none; } }
  .confirmation .formTable td {
    padding: 10px 0;
    border-bottom: 1px solid #AFC7E2; }
    @media all and (max-width: 480px) {
      .confirmation .formTable td {
        display: block;
        width: 100%;
        padding: 0 0 10px 0; } }
  .confirmation .formTable tr:last-of-type th, .confirmation .formTable tr:last-of-type td {
    border-bottom: none; }

.submit {
  text-align: center; }

.btn_send {
  width: 250px;
  height: 70px;
  text-align: center;
  border: none;
  position: relative;
  background-color: #0F559D;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  margin: 0 auto; }
  @media all and (max-width: 480px) {
    .btn_send {
      height: 50px;
      width: 100%; } }
  .btn_send:before {
    content: '';
    position: absolute;
    top: 35px;
    right: 20px;
    width: 20px;
    height: 1px;
    background-color: #fff;
    transition: 0.3s; }
    @media all and (max-width: 480px) {
      .btn_send:before {
        top: 25px; } }
  .btn_send:after {
    content: '';
    position: absolute;
    top: 31px;
    right: 21px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transition: 0.3s; }
    @media all and (max-width: 480px) {
      .btn_send:after {
        top: 22px; } }
  .btn_send:hover {
    background-color: #001E46;
    color: #fff; }
    .btn_send:hover:before {
      right: 17px; }
    .btn_send:hover:after {
      right: 17px; }
