@charset "UTF-8";
main {
  margin-bottom: 0; }

.deco-title .en {
  font-family: din-2014,sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  font-size: 30px;
  font-size: 3rem;
  color: #2b3791;
  margin: 0;
  line-height: 1; }
  @media screen and (min-width: 480px) and (max-width: 1200px) {
    .deco-title .en {
      font-size: 3.75px;
      font-size: 2.4rem; } }
.deco-title .jp {
  margin: 0;
  font-size: 15px;
  font-size: 1.5rem; }
  @media screen and (min-width: 480px) and (max-width: 1200px) {
    .deco-title .jp {
      font-size: 1.875px;
      font-size: 1.2rem; } }

.sec-message.detail {
  padding: 5em 0; }
@media print, screen and (min-width: 768px) {
  .sec-message .message-wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
    .sec-message .message-wrap .text {
      width: 55%;
      padding: 0 3em 0 0; }
    .sec-message .message-wrap .thumb {
      order: 2;
      margin-right: -15vw;
      margin-top: 0;
      width: calc(45% + 15vw);
      padding: 0 1em; }
    .sec-message .message-wrap.detail {
      padding: 4em 0;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
      .sec-message .message-wrap.detail .text {
        width: 47%; }
      .sec-message .message-wrap.detail .thumb {
        width: calc(53% + 15vw); } }
@media screen and (max-width: 767px) {
  .sec-message .message-wrap .text {
    padding: 2em 1em 3.5em; }
    .sec-message .message-wrap .text .btn {
      text-align: center; } }
.sec-message .message-wrap .text .name {
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 1em; }
  @media screen and (min-width: 480px) and (max-width: 1200px) {
    .sec-message .message-wrap .text .name {
      font-size: 2.25px;
      font-size: 1.44rem; } }
  .sec-message .message-wrap .text .name span {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 2em; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec-message .message-wrap .text .name span {
        font-size: 1.75px;
        font-size: 1.12rem; } }

.sec-interview {
  padding: 4em 0 6em; }
  .sec-interview .deco-title {
    text-align: center; }
  .sec-interview .interview-wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px; }
    .sec-interview .interview-wrap .interview-wrap-item {
      padding: 10px;
      width: 50%; }
    @media print, screen and (min-width: 768px) {
      .sec-interview .interview-wrap .interview-wrap-item {
        width: 25%; } }
  .sec-interview .interview-item {
    text-align: center; }
    .sec-interview .interview-item dt {
      font-weight: bold; }
    .sec-interview .interview-item dd {
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .sec-interview .interview-item dd {
          font-size: 1.75px;
          font-size: 1.12rem; } }
    @media screen and (max-width: 767px) {
      .sec-interview .interview-item {
        padding: 1.5em 0; } }
    @media screen and (max-width: 479px) {
      .sec-interview .interview-item {
        padding: 0; }
        .sec-interview .interview-item dd {
          font-size: 13px;
          font-size: 1.3rem; } }
    @media screen and (max-width: 479px) and (min-width: 480px) and (max-width: 1200px) {
      .sec-interview .interview-item dd {
        font-size: 1.625px;
        font-size: 1.04rem; } }
    @media screen and (max-width: 479px) {
        .sec-interview .interview-item .img {
          margin: 0; }
        .sec-interview .interview-item dl {
          margin-top: 1em; }
        .sec-interview .interview-item .btn {
          margin-top: 1em; }
          .sec-interview .interview-item .btn .btn-01 {
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0.5em 2em 0.5em 1em; } }
      @media screen and (max-width: 479px) and (min-width: 480px) and (max-width: 1200px) {
        .sec-interview .interview-item .btn .btn-01 {
          font-size: 1.75px;
          font-size: 1.12rem; } }
    @media screen and (max-width: 479px) {
            .sec-interview .interview-item .btn .btn-01::after {
              width: 10px;
              height: 10px;
              right: 1em;
              font-size: 7px;
              font-size: 0.7rem; } }
        @media screen and (max-width: 479px) and (min-width: 480px) and (max-width: 1200px) {
          .sec-interview .interview-item .btn .btn-01::after {
            font-size: 0.875px;
            font-size: 0.56rem; } }

@media print, screen and (min-width: 768px) {
  .sec-banner .banner-wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
    .sec-banner .banner-wrap .banner-item {
      width: calc(100% / 3); } }
.sec-banner .banner-wrap .banner-item {
  text-align: center; }
  .sec-banner .banner-wrap .banner-item a {
    display: block;
    color: #fff;
    padding: 3em 0; }
  .sec-banner .banner-wrap .banner-item .title {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1em; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec-banner .banner-wrap .banner-item .title {
        font-size: 2.25px;
        font-size: 1.44rem; } }
  .sec-banner .banner-wrap .banner-item.-banner01 {
    background: #2b3791; }
  .sec-banner .banner-wrap .banner-item.-banner02 {
    background: #6c9bd2; }
  .sec-banner .banner-wrap .banner-item.-banner03 {
    background: #182f60; }
.sec-banner .banner-contact {
  padding: 4em 0; }

.detail-interview {
  padding: 5em 0; }
  .detail-interview .interview-member {
    margin-top: 2em; }
    @media print, screen and (min-width: 768px) {
      .detail-interview .interview-member {
        -js-display: flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
        .detail-interview .interview-member .thumb {
          width: 50%; }
        .detail-interview .interview-member .text {
          width: 55%;
          margin-left: -5%; } }
    .detail-interview .interview-member .text {
      background: #fff;
      padding: 1.8em 2.2em; }
      @media screen and (max-width: 767px) {
        .detail-interview .interview-member .text {
          padding: 1.5em; } }
      .detail-interview .interview-member .text .copy {
        font-size: 26px;
        font-size: 2.6rem;
        color: #2b3791;
        margin: 0; }
        @media screen and (min-width: 480px) and (max-width: 1200px) {
          .detail-interview .interview-member .text .copy {
            font-size: 3.25px;
            font-size: 2.08rem; } }
        @media screen and (max-width: 767px) {
          .detail-interview .interview-member .text .copy {
            font-size: 20px;
            font-size: 2rem; } }
  @media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 1200px) {
    .detail-interview .interview-member .text .copy {
      font-size: 2.5px;
      font-size: 1.6rem; } }

      .detail-interview .interview-member .text .name {
        font-size: 30px;
        font-size: 3rem;
        color: #000;
        margin-top: 0.5em;
        font-weight: bold; }
        @media screen and (min-width: 480px) and (max-width: 1200px) {
          .detail-interview .interview-member .text .name {
            font-size: 3.75px;
            font-size: 2.4rem; } }
      .detail-interview .interview-member .text .info {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 0; }
        @media screen and (min-width: 480px) and (max-width: 1200px) {
          .detail-interview .interview-member .text .info {
            font-size: 1.75px;
            font-size: 1.12rem; } }
  @media print, screen and (min-width: 768px) {
    .detail-interview .interview-summary {
      -js-display: flex;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -1em;
      margin-right: -1em; }
      .detail-interview .interview-summary .thumb {
        width: 40%;
        order: 2;
        padding: 1em; }
      .detail-interview .interview-summary .text {
        width: 60%;
        padding: 1em; } }

/*--------------勤務体系-----------------*/
.sec-shift {
  padding: 5em 0 6em; }
  .sec-shift .deco-title {
    text-align: center; }
  @media print, screen and (min-width: 768px) {
    .sec-shift .shift-wrap {
      -js-display: flex;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: center;
      margin-left: -30px;
      margin-right: -30px; }
      .sec-shift .shift-wrap .shift-body {
        width: 51%;
        padding: 30px; }
      .sec-shift .shift-wrap .shift-img {
        width: 49%;
        padding: 30px; } }
  .sec-shift .shift-wrap .shift-body .shift-summary .shift-item {
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #000;
    padding: 1em 0; }
    .sec-shift .shift-wrap .shift-body .shift-summary .shift-item p, .sec-shift .shift-wrap .shift-body .shift-summary .shift-item ul {
      margin: 0; }
    .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-title {
      width: 10em;
      font-weight: bold;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      padding-right: 1.5em; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-title {
          font-size: 1.75px;
          font-size: 1.12rem; } }
    .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-text {
      width: calc(100% - 10em);
      font-size: 14px;
      font-size: 1.4rem; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-text {
          font-size: 1.75px;
          font-size: 1.12rem; } }
      .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-text .bold {
        font-weight: bold; }
        .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-text .bold strong {
          font-size: 18px;
          font-size: 1.8rem; }
          @media screen and (min-width: 480px) and (max-width: 1200px) {
            .sec-shift .shift-wrap .shift-body .shift-summary .shift-item .shift-text .bold strong {
              font-size: 2.25px;
              font-size: 1.44rem; } }

/*--------------サポート体制 ＆ 賃金制度-----------------*/
.sec-support {
  padding: 5em 0 6em; }
  .sec-support .deco-title {
    text-align: center; }
  .sec-support .support-box {
    border-radius: 10px;
    border: 2px solid #2b3791;
    background: #fff;
    margin: 35px 0; }
  .sec-support .support-title {
    background: #2b3791;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    padding: 0 2em;
    margin: 0; }
    @media screen and (min-width: 480px) and (max-width: 1200px) {
      .sec-support .support-title {
        font-size: 2.25px;
        font-size: 1.44rem; } }
    @media screen and (max-width: 767px) {
      .sec-support .support-title {
        padding: 0 1.5em;
        font-size: 16px;
        font-size: 1.6rem; } }
  @media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 1200px) {
    .sec-support .support-title {
      font-size: 2px;
      font-size: 1.28rem; } }

    .sec-support .support-title span.en {
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .sec-support .support-title span.en:after {
        content: "";
        display: inline-block;
        width: 45px;
        height: 60px;
        background: url("../../img/arrow.png") no-repeat center center;
        background-size: auto 100%;
        margin: 0 1em; }
        @media screen and (max-width: 767px) {
          .sec-support .support-title span.en:after {
            margin: 0 0.5em; } }
  .sec-support .support-body {
    padding: 1em 4em; }
    @media screen and (max-width: 767px) {
      .sec-support .support-body {
        padding: 1em 2em; } }
    .sec-support .support-body .support-wrap .support-text .copy {
      font-weight: bold;
      font-size: 18px;
      font-size: 1.8rem;
      color: #2b3791; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .sec-support .support-body .support-wrap .support-text .copy {
          font-size: 2.25px;
          font-size: 1.44rem; } }
    @media print, screen and (min-width: 768px) {
      .sec-support .support-body .support-wrap {
        -js-display: flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px; }
        .sec-support .support-body .support-wrap .support-img {
          width: 30%;
          padding: 10px; }
        .sec-support .support-body .support-wrap .support-text {
          width: 70%;
          padding: 10px; } }