@charset "UTF-8";
/* STYLE LIST ------------------------------------------------------

 00. COMMON STYLE

 01. CONTENTS

 02. MEDIAQUERY for TABLET

 03. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */
/* 01. CONTENTS
-------------------------------------------------------------------- */
.part-timeJobApplilTitle {
  border-bottom: solid 1px #2E90E3; }
  .part-timeJobApplilTitle .linkToList {
    text-align: right; }
    .part-timeJobApplilTitle .linkToList a {
      align-items: center;
      background: #2E90E3;
      color: #fff;
      display: inline-flex;
      line-height: 1.75;
      padding: .5em .75em;
      transition: .3s; }
      .part-timeJobApplilTitle .linkToList a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .part-timeJobApplilTitle .linkToList a:before {
        background: url(../../../../shared/img/whiteArrow.png) no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 16px;
        vertical-align: middle;
        margin: 0 9px 0 0;
        transform: rotateY(180deg);
        width: 8px; }

.part-timeJobApplilContents {
  padding: 60px 0 125px; }
  .part-timeJobApplilContents h3 {
    border-left: 4px solid CurrentColor;
    color: #0D5FAF;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 40px;
    padding: .25em 0 .25em 1em; }
  .part-timeJobApplilContents a {
    color: #0D5FAF; }
  .part-timeJobApplilContents strong {
    color: #0D5FAF; }
  .part-timeJobApplilContents p {
    margin-bottom: .5em; }
    .part-timeJobApplilContents p.caution {
      padding-left: 1em; }
      .part-timeJobApplilContents p.caution:before {
        content: '※';
        display: inline-block;
        margin-left: -1em; }
    .part-timeJobApplilContents p.txtSmall {
      font-size: 0.8em; }
    .part-timeJobApplilContents p.error {
      clear: both;
      color: #f00;
      font-size: .85em;
      font-weight: bold;
      margin: .25em 0 0; }
      .part-timeJobApplilContents p.error:before {
        content: '※';
        display: inline-block; }
  .part-timeJobApplilContents table {
    border-top: 1px solid #ccc;
    margin-top: 24px; }
  .part-timeJobApplilContents th {
    border-bottom: 1px solid #ccc;
    font-size: 0.85em;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    vertical-align: middle;
    width: 190px; }
  .part-timeJobApplilContents td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 0.85em;
    padding-right: 10px;
    padding-left: 15px;
    vertical-align: middle; }
    .part-timeJobApplilContents td.kaigyo {
      white-space: pre; }
  .part-timeJobApplilContents .required {
    color: #0D5FAF;
    display: inline-block;
    margin-left: .5em; }
  .part-timeJobApplilContents label {
    display: inline-block;
    margin-right: 1em; }
  .part-timeJobApplilContents input, .part-timeJobApplilContents select, .part-timeJobApplilContents textarea, .part-timeJobApplilContents button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .part-timeJobApplilContents input, .part-timeJobApplilContents select {
    border: 1px solid #ccc;
    display: inline-block;
    padding: .5em; }
    .part-timeJobApplilContents input[type="radio"], .part-timeJobApplilContents select[type="radio"] {
      margin: 0 .5em 0 0;
      vertical-align: baseline; }
    .part-timeJobApplilContents input[type="number"], .part-timeJobApplilContents select[type="number"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0; }
    .part-timeJobApplilContents input[name="sei"], .part-timeJobApplilContents input[name="name_sei"], .part-timeJobApplilContents input[name="name_mei"], .part-timeJobApplilContents input[name="mei"], .part-timeJobApplilContents input[name="kana_sei"], .part-timeJobApplilContents input[name="kana_mei"], .part-timeJobApplilContents select[name="sei"], .part-timeJobApplilContents select[name="mei"], .part-timeJobApplilContents select[name="kana_sei"], .part-timeJobApplilContents select[name="kana_mei"] {
      margin: 0 1.5em 0 .5em;
      width: 160px; }
    .part-timeJobApplilContents input[name="birthday_year"], .part-timeJobApplilContents input[name="birthday_month"],
    .part-timeJobApplilContents input[name="birthday_day"],
    .part-timeJobApplilContents input[name="birth_y"], .part-timeJobApplilContents input[name="birth_m"], .part-timeJobApplilContents input[name="birth_d"], .part-timeJobApplilContents select[name="birth_y"], .part-timeJobApplilContents select[name="birth_m"], .part-timeJobApplilContents select[name="birth_d"] {
      margin: 0 .5em 0 1.5em;
      width: 90px; }
      .part-timeJobApplilContents input[name="birthday_year"],
      .part-timeJobApplilContents input[name="birth_y"][name="birth_y"], .part-timeJobApplilContents input[name="birth_m"][name="birth_y"], .part-timeJobApplilContents input[name="birth_d"][name="birth_y"], .part-timeJobApplilContents select[name="birth_y"][name="birth_y"], .part-timeJobApplilContents select[name="birth_m"][name="birth_y"], .part-timeJobApplilContents select[name="birth_d"][name="birth_y"] {
        margin-left: 0; }
    .part-timeJobApplilContents input[name="zip_1"],.part-timeJobApplilContents input[name="zipcode1"], .part-timeJobApplilContents select[name="zipcode1"] {
      width: 65px;
      margin: 0 .75em; }
    .part-timeJobApplilContents input[name="zip_2"], .part-timeJobApplilContents input[name="zipcode2"], .part-timeJobApplilContents select[name="zipcode2"] {
      width: 75px;
      margin: 0 .75em; }
    .part-timeJobApplilContents input[name="form_tel1"], .part-timeJobApplilContents input[name="form_tel2"], .part-timeJobApplilContents input[name="form_tel3"],.part-timeJobApplilContents input[name="tel1"], .part-timeJobApplilContents input[name="tel2"], .part-timeJobApplilContents input[name="tel3"], .part-timeJobApplilContents select[name="tel1"], .part-timeJobApplilContents select[name="tel2"], .part-timeJobApplilContents select[name="tel3"] {
      width: 90px;
      margin: 0 .75em; }
    .part-timeJobApplilContents input[name="address_1"] {
      width: 335px;
      margin: 0 .75em;
    }

      .part-timeJobApplilContents input[name="tel1"][name="tel1"], .part-timeJobApplilContents input[name="tel2"][name="tel1"], .part-timeJobApplilContents input[name="tel3"][name="tel1"], .part-timeJobApplilContents select[name="tel1"][name="tel1"], .part-timeJobApplilContents select[name="tel2"][name="tel1"], .part-timeJobApplilContents select[name="tel3"][name="tel1"] {
        margin-left: 0; }
    .part-timeJobApplilContents input[name="form_mail1"], .part-timeJobApplilContents input[name="form_mail2"],
    .part-timeJobApplilContents input[name="form_times"], .part-timeJobApplilContents input[name="mail_confirm"], .part-timeJobApplilContents input[name="timeContact"], .part-timeJobApplilContents select[name="mail"], .part-timeJobApplilContents select[name="mail_confirm"], .part-timeJobApplilContents select[name="timeContact"] {
      width: 420px;
      margin: 0 .75em 0 0; }
    .part-timeJobApplilContents input[name="jobOther"], .part-timeJobApplilContents select[name="jobOther"],
    .part-timeJobApplilContents input[name="form-job-body"] {
      width: 150px; }
  .part-timeJobApplilContents textarea {
    border: 1px solid #ccc;
    height: 167px;
    resize: vertical;
    width: 100%; }
  .part-timeJobApplilContents button {
    border: 1px solid #ccc; }
  .part-timeJobApplilContents .btnConfirm,
  .part-timeJobApplilContents .btnCancel,
  .part-timeJobApplilContents .btnSend,
  .part-timeJobApplilContents .btnBack {
    background: #0D5FAF;
    border-radius: 36px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    outline: none;
    padding: .5em 0;
    position: relative;
    text-align: center;
    transition: .3s;
    width: 265px; }
    .part-timeJobApplilContents .btnConfirm:hover,
    .part-timeJobApplilContents .btnCancel:hover,
    .part-timeJobApplilContents .btnSend:hover,
    .part-timeJobApplilContents .btnBack:hover {
      opacity: 0.7;
      text-decoration: none; }
    .part-timeJobApplilContents .btnConfirm.btnCancel, .part-timeJobApplilContents .btnConfirm.btnBack,
    .part-timeJobApplilContents .btnCancel.btnCancel,
    .part-timeJobApplilContents .btnCancel.btnBack,
    .part-timeJobApplilContents .btnSend.btnCancel,
    .part-timeJobApplilContents .btnSend.btnBack,
    .part-timeJobApplilContents .btnBack.btnCancel,
    .part-timeJobApplilContents .btnBack.btnBack {
      margin-left: 60px;
      background: #808080; }
    .part-timeJobApplilContents .btnConfirm:after,
    .part-timeJobApplilContents .btnCancel:after,
    .part-timeJobApplilContents .btnSend:after,
    .part-timeJobApplilContents .btnBack:after {
      background: url(../../../../shared/img/whiteArrow.png) no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 16px;
      position: absolute;
      right: 26px;
      top: calc(50% - 8px);
      width: 8px; }
  .part-timeJobApplilContents .jobOther {
    display: inline-block; }
  .part-timeJobApplilContents .btnArea {
    margin-top: 100px;
    text-align: center; }
  .part-timeJobApplilContents .btnArea form {
    display: inline-block;
  }
  .part-timeJobApplilContents .thankcCont {
    margin-top: 80px; }

/* 02. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */
/* 03. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .breadCrumb {
    border-top: solid 1px #2e90e3; }

  .part-timeJobApplilTitle h2 {
    margin-bottom: 0; }
  .part-timeJobApplilTitle .linkToList a {
    padding: .5em 1em; }
    .part-timeJobApplilTitle .linkToList a:before {
      height: 14px;
      width: 7px; }

  .part-timeJobApplilContents {
    padding: 23px 0 20px; }
    .part-timeJobApplilContents h3 {
      border-left-width: 3px;
      font-size: 1rem;
      margin-bottom: 1em;
      padding-left: .5em; }
    .part-timeJobApplilContents p {
      font-size: 0.8em; }
      .part-timeJobApplilContents p.txtSmall {
        font-size: 0.7em; }
      .part-timeJobApplilContents p.error {
        font-size: 3vw; }
    .part-timeJobApplilContents table, .part-timeJobApplilContents tbody, .part-timeJobApplilContents tr, .part-timeJobApplilContents th, .part-timeJobApplilContents td {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      width: 100%; }
    .part-timeJobApplilContents table {
      border: none; }
    .part-timeJobApplilContents th {
      border: 1px solid CurrentColor;
      color: #0D5FAF;
      font-size: 1em;
      padding: .25em 0;
      text-align: center; }
    .part-timeJobApplilContents td {
      border: none;
      font-size: 3vw;
      padding: 12px 0 20px; }
    .part-timeJobApplilContents label {
      margin-bottom: 1em; }
    .part-timeJobApplilContents input[type="radio"], .part-timeJobApplilContents select[type="radio"], .part-timeJobApplilContents textarea[type="radio"] {
      vertical-align: middle; }
    .part-timeJobApplilContents input[name="birth_y"], .part-timeJobApplilContents input[name="birth_m"], .part-timeJobApplilContents input[name="birth_d"], .part-timeJobApplilContents select[name="birth_y"], .part-timeJobApplilContents select[name="birth_m"], .part-timeJobApplilContents select[name="birth_d"], .part-timeJobApplilContents textarea[name="birth_y"], .part-timeJobApplilContents textarea[name="birth_m"], .part-timeJobApplilContents textarea[name="birth_d"] {
      width: 45px; }
      .part-timeJobApplilContents input[name="birth_y"][name="birth_y"], .part-timeJobApplilContents input[name="birth_m"][name="birth_y"], .part-timeJobApplilContents input[name="birth_d"][name="birth_y"], .part-timeJobApplilContents select[name="birth_y"][name="birth_y"], .part-timeJobApplilContents select[name="birth_m"][name="birth_y"], .part-timeJobApplilContents select[name="birth_d"][name="birth_y"], .part-timeJobApplilContents textarea[name="birth_y"][name="birth_y"], .part-timeJobApplilContents textarea[name="birth_m"][name="birth_y"], .part-timeJobApplilContents textarea[name="birth_d"][name="birth_y"] {
        margin-left: 0; }
    .part-timeJobApplilContents input[name="prefecture"], .part-timeJobApplilContents select[name="prefecture"], .part-timeJobApplilContents textarea[name="prefecture"] {
      float: left;
      width: 7em; }
    .part-timeJobApplilContents input[name="adress"], .part-timeJobApplilContents select[name="adress"], .part-timeJobApplilContents textarea[name="adress"] {
      float: right;
      width: calc(100% - 9em); }
    .part-timeJobApplilContents input[name="tel1"], .part-timeJobApplilContents input[name="tel2"], .part-timeJobApplilContents input[name="tel3"], .part-timeJobApplilContents select[name="tel1"], .part-timeJobApplilContents select[name="tel2"], .part-timeJobApplilContents select[name="tel3"], .part-timeJobApplilContents textarea[name="tel1"], .part-timeJobApplilContents textarea[name="tel2"], .part-timeJobApplilContents textarea[name="tel3"] {
      width: 45px; }
    .part-timeJobApplilContents input[name="mail"], .part-timeJobApplilContents input[name="mail_confirm"], .part-timeJobApplilContents input[name="timeContact"], .part-timeJobApplilContents select[name="mail"], .part-timeJobApplilContents select[name="mail_confirm"], .part-timeJobApplilContents select[name="timeContact"], .part-timeJobApplilContents textarea[name="mail"], .part-timeJobApplilContents textarea[name="mail_confirm"], .part-timeJobApplilContents textarea[name="timeContact"] {
      width: calc(100% - 6em); }
    .part-timeJobApplilContents input[name="motive"], .part-timeJobApplilContents select[name="motive"], .part-timeJobApplilContents textarea[name="motive"] {
      height: 95px; }
    .part-timeJobApplilContents .seiWrap,
    .part-timeJobApplilContents .kanaSeiWrap {
      margin-bottom: 1em;}
    .part-timeJobApplilContents .seiWrap,
    .part-timeJobApplilContents .kanaSeiWrap,
    .part-timeJobApplilContents .meiWrap,
    .part-timeJobApplilContents .kanaMeiWrap {
      width: 100%;
    }
    .part-timeJobApplilContents input[name="name_sei"],
    .part-timeJobApplilContents input[name="name_mei"],
    .part-timeJobApplilContents input[name="kana_sei"],
    .part-timeJobApplilContents input[name="kana_mei"] {
      width: calc(100% - 2em);
      margin: 0;
    }
    .part-timeJobApplilContents input[name="birthday_year"],
    .part-timeJobApplilContents input[name="birthday_month"],
    .part-timeJobApplilContents input[name="birthday_day"] {
      width: calc(28% - 1em);
    }
    .part-timeJobApplilContents input[name="zip_1"] {
      width: 30%;
    }
    .part-timeJobApplilContents input[name="address_1"] {
      width: 100%;
      margin: 0;
      margin-top: 12px;
      }
    .part-timeJobApplilContents input[name="form_tel1"],
    .part-timeJobApplilContents input[name="form_tel2"],
    .part-timeJobApplilContents input[name="form_tel3"] {
      margin: 0 1.4%;
      width: calc(34.1728% - 1em);
    }
    .part-timeJobApplilContents input[name="form_tel1"] {
      margin-left: 0 !important;
    }

    .part-timeJobApplilContents input[name="form_tel3"] {
      margin-right: 0 !important;
    }
    .part-timeJobApplilContents input[name="form_mail1"],
    .part-timeJobApplilContents input[name="form_times"] {
      width: 100%;
      margin: 0;
    }
    .part-timeJobApplilContents input[name="form_mail2"] {
      width: calc(100% - 3em);
      margin: 0;
      }


    .part-timeJobApplilContents .zipcodeWrap,
    .part-timeJobApplilContents .mailWrap {
      padding-bottom: 0; }
    .part-timeJobApplilContents .btnArea {
      margin: 40px 0;
      overflow: hidden; }
    .part-timeJobApplilContents .btnConfirm,
    .part-timeJobApplilContents .btnCancel,
    .part-timeJobApplilContents .btnSend,
    .part-timeJobApplilContents .btnBack {
      width: 100%; }
      .part-timeJobApplilContents .btnConfirm.btnCancel, .part-timeJobApplilContents .btnConfirm.btnBack,
      .part-timeJobApplilContents .btnCancel.btnCancel,
      .part-timeJobApplilContents .btnCancel.btnBack,
      .part-timeJobApplilContents .btnSend.btnCancel,
      .part-timeJobApplilContents .btnSend.btnBack,
      .part-timeJobApplilContents .btnBack.btnCancel,
      .part-timeJobApplilContents .btnBack.btnBack {
        margin: .5em 0 0; }
      .part-timeJobApplilContents .btnConfirm:after,
      .part-timeJobApplilContents .btnCancel:after,
      .part-timeJobApplilContents .btnSend:after,
      .part-timeJobApplilContents .btnBack:after {
        right: 9px; }
    .part-timeJobApplilContents .thankcCont {
      margin: 40px 0; } }
.inline-block {
  display: inline-block !important; }