/* STYLE LIST ------------------------------------------------------

 00. COMMON STYLE

 01. CONTENTS

 02. MEDIAQUERY for TABLET

 03. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */
/* 01. CONTENTS
-------------------------------------------------------------------- */
.part-timeJobDetailTitle {
  border-bottom: solid 1px #2E90E3; }
  .part-timeJobDetailTitle .linkToList {
    text-align: right; }
    .part-timeJobDetailTitle .linkToList a {
      align-items: center;
      background: #2E90E3;
      color: #fff;
      display: inline-flex;
      line-height: 1.75;
      padding: .5em .75em;
      transition: .3s; }
      .part-timeJobDetailTitle .linkToList a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .part-timeJobDetailTitle .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-timeJobDetailContents {
  padding: 60px 0 95px; }
  .part-timeJobDetailContents 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-timeJobDetailContents a {
    color: #0D5FAF; }
  .part-timeJobDetailContents th {
    width: 115px; }
  .part-timeJobDetailContents td {
    vertical-align: middle; }

.faqArea {
  padding-bottom: 165px; }
  .faqArea .inner > p {
    border-left: 5px solid CurrentColor;
    color: #0D5FAF;
    font-weight: bold;
    margin: 0 auto 1.5em;
    max-width: 700px;
    padding-left: 10px;
    text-align: left;
    width: 100%; }
  .faqArea .inner .btnArea {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    max-width: 605px;
    width: 100%; }
    .faqArea .inner .btnArea .btn {
      float: left;
      width: 265px; }
      .faqArea .inner .btnArea .btn:nth-child(n+2) {
        float: right; }
      .faqArea .inner .btnArea .btn a {
        display: block;
        font-size: 1.15rem; }

/* 02. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .faqArea .inner {
    padding: 55px 120px; }
    .faqArea .inner .btnArea .btn {
      width: calc(50% - 8px); } }
/* 03. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .breadCrumb {
    border-top: solid 1px #2e90e3; }

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

  .part-timeJobDetailContents {
    padding: 23px 0 20px; }
    .part-timeJobDetailContents h3 {
      border-left-width: 3px;
      font-size: 1rem;
      margin-bottom: 1em;
      padding-left: .5em; }
    .part-timeJobDetailContents table, .part-timeJobDetailContents tbody, .part-timeJobDetailContents tr, .part-timeJobDetailContents th, .part-timeJobDetailContents td {
      display: block;
      width: 100%; }
    .part-timeJobDetailContents table {
      border: none; }
    .part-timeJobDetailContents th {
      border: 1px solid CurrentColor;
      color: #0D5FAF;
      font-size: 1em;
      padding: .25em 0; }
    .part-timeJobDetailContents td {
      border: none;
      font-size: 13px;
      padding: 1em 0 1.5em; }

  .faqArea {
    padding-bottom: 45px; }
    .faqArea .inner {
      padding: 20px 30px;
      position: relative; }
      .faqArea .inner > p {
        font-size: 3vw;
        margin-left: -15px;
        width: calc(100% + 15px); }
      .faqArea .inner > p:nth-child(2) {
        margin-top: 30%;
      }
      .faqArea .inner .btnArea {
        margin: 0 -10px;
        width: calc(100% + 20px); }
        .faqArea .inner .btnArea p {
          font-size: 3vw; }
        .faqArea .inner .btnArea .btn {
          width: 100%; }
          .faqArea .inner .btnArea .btn:first-child {
            position: absolute;
            top: 31%;
            width: calc(100% - 40px);
          }
          .faqArea .inner .btnArea .btn a {
            font-size: inherit; } }
.inline-block {
  display: inline-block !important; }