@charset "UTF-8";
/* reset
--------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: inherit; }

:-moz-placeholder {
  color: inherit; }

button,
input,
select,
textarea {
  font: inherit; }
  button:focus,
  input:focus,
  select:focus,
  textarea:focus {
    outline: none; }

input[type='submit'],
input[type='button'] {
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button; }
  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; }

sup {
  vertical-align: super;
  font-size: smaller; }

sub {
  vertical-align: sub;
  font-size: smaller; }

/* Base
--------------------------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%; }

body {
  background: #f9f8f3;
  font-family: Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #0d0d0d;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'; }
  @media screen and (max-width: 767px) {
    body {
      min-width: 0;
      font-size: 1.6rem;
      line-height: 1.7; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  body {
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna'; } }

@media screen and (max-width: 767px) {
  img {
    width: 100%;
    height: auto; } }

/* Link
--------------------------------------------------------------*/
a {
  color: #0d0d0d;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #0d0d0d; }
  a[href^='mailto:'] {
    color: inherit; }
    a[href^='mailto:']:hover {
      text-decoration: none; }
  a[href^='tel:'] {
    color: inherit; }
    a[href^='tel:']:hover {
      text-decoration: none; }
    @media screen and (min-width: 768px) {
      a[href^='tel:'] {
        pointer-events: none; } }

/* テキスト選択
--------------------------------------------------------------*/
::-moz-selection {
  color: #fff;
  background: #188d60; }
::selection {
  color: #fff;
  background: #188d60; }

::-moz-selection {
  color: #fff;
  background: #188d60; }

/* Recruit Footer
--------------------------------------------------------------*/
.l-recruit-footer {
  background: #188d60;
  color: #fff;
  padding-top: 190px;
  padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .l-recruit-footer {
      padding-top: 120px; } }
  .l-recruit-footer a {
    color: #fff; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer a:hover {
        text-decoration: none; } }
  .l-recruit-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 50px; }
    @media screen and (max-width: 1150px) and (min-width: 768px) {
      .l-recruit-footer__inner {
        padding: 0 3%; } }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__inner {
        display: block;
        padding: 0 8%; } }
  .l-recruit-footer__company {
    width: 24.72%; }
    @media screen and (max-width: 1150px) and (min-width: 1025px) {
      .l-recruit-footer__company {
        width: 28%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-footer__company {
        width: 22%; } }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__company {
        width: 71.2vw;
        margin-bottom: 72px; } }
  .l-recruit-footer__logo {
    display: block;
    width: 100%;
    margin-bottom: 28px; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__logo {
        max-width: 300px; } }
    .l-recruit-footer__logo img {
      width: 100%;
      height: auto; }
  .l-recruit-footer__address {
    font-size: 1.6rem;
    line-height: 2; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-footer__address {
        font-size: 1.3rem; } }
  .l-recruit-footer__link-area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 11.6%; }
    @media screen and (max-width: 1150px) and (min-width: 1025px) {
      .l-recruit-footer__link-area {
        margin-left: 4%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-footer__link-area {
        margin-left: 2.5%; } }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__link-area {
        width: 100%;
        display: block;
        margin-left: 0; } }
  .l-recruit-footer__link-group {
    padding: 0 1em; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-footer__link-group {
        padding: 0 0.5em; } }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__link-group {
        padding: 0;
        margin-bottom: 40px; } }
  .l-recruit-footer__link {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__link {
        border-bottom: 1px solid #fff;
        padding: 0 36px 15px 0;
        margin: 40px 0 15px;
        position: relative; } }
    .l-recruit-footer__link.is-open span::after {
      display: none; }
    .l-recruit-footer__link a,
    .l-recruit-footer__link span {
      font-weight: bold;
      font-size: 1.6rem; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .l-recruit-footer__link a,
        .l-recruit-footer__link span {
          font-size: 1.3rem; } }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__link span::before {
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 15px;
        right: 0; }
      .l-recruit-footer__link span::after {
        content: '';
        display: block;
        width: 2px;
        height: 16px;
        background: #fff;
        position: absolute;
        top: 8px;
        right: 7px; }
      .l-recruit-footer__link span.is-open::after {
        display: none; } }
  @media screen and (max-width: 767px) {
    .l-recruit-footer__under-link {
      display: none; } }
  .l-recruit-footer__under-link > li {
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__under-link > li {
        margin-bottom: 14px; } }
  .l-recruit-footer__under-link a {
    font-size: 1.4rem; }
  .l-recruit-footer__bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 118px; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__bottom {
        display: block;
        text-align: center;
        margin-top: 56px; } }
  .l-recruit-footer__site-link {
    font-size: 1.4rem;
    padding-right: 20px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__site-link {
        display: none; } }
    .l-recruit-footer__site-link::after {
      content: '';
      display: block;
      width: 11px;
      height: 10px;
      background: url("/assets/img/icon/icon_window.svg") no-repeat center;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .l-recruit-footer__copy {
    font-size: 1.2rem;
    margin-left: 32px; }
    @media screen and (max-width: 767px) {
      .l-recruit-footer__copy {
        margin: 0; } }

@media screen and (max-width: 767px) {
  .js-footer-accordion-trigger {
    cursor: pointer; } }

@media screen and (min-width: 768px) {
  .js-recruit-footer-accordion {
    display: block !important; } }

/* Recruit Header
--------------------------------------------------------------*/
.l-recruit-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #f9f8f3;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .l-recruit-header.l-recruit-header--top {
    background-color: transparent; }
  .l-recruit-header.is-scrolling {
    background-color: rgba(249, 248, 243, 0.9); }
  .l-recruit-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 1.6% 32px 2.77%; }
    @media screen and (max-width: 767px) {
      .l-recruit-header__inner {
        display: block;
        padding: 24px 5.3% 17px; } }
    @media screen and (min-width: 768px) {
      .is-scrolling .l-recruit-header__inner {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media screen and (min-width: 768px) {
      .is-scrolling .l-recruit-header__inner .l-recruit-header__nav-item-link a, .is-scrolling .l-recruit-header__inner .l-recruit-header__nav-item-link span {
        color: #0d0d0d !important;
        text-shadow: none !important; } }
  .l-recruit-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 13%;
    max-width: 190px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative; }
    @media screen and (max-width: 767px) {
      .l-recruit-header__logo {
        width: 176px;
        z-index: 5; } }
    .l-recruit-header__logo:hover {
      opacity: 0.7; }

@media screen and (min-width: 768px) {
  .l-recruit-header__nav-trigger {
    display: none; } }

@media screen and (max-width: 767px) {
  .l-recruit-header__nav-trigger {
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0; }
    .l-recruit-header__nav-trigger::before {
      content: '';
      display: block;
      width: 32px;
      height: 1px;
      background: #333;
      position: absolute;
      top: 32px;
      right: 19px; }
    .l-recruit-header__nav-trigger::after {
      content: '';
      display: block;
      width: 32px;
      height: 1px;
      background: #333;
      position: absolute;
      top: 41px;
      right: 19px; } }

.is-open .l-recruit-header__nav-trigger::before {
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 38px; }

.is-open .l-recruit-header__nav-trigger::after {
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 38px; }

@media screen and (max-width: 767px) {
  .l-recruit-header__nav-wrap {
    background: -webkit-gradient(linear, left top, left bottom, from(#60d38c), color-stop(57%, #3dbc78), to(#12a76e));
    background: -webkit-linear-gradient(#60d38c 0%, #3dbc78 57%, #12a76e 100%);
    background: -o-linear-gradient(#60d38c 0%, #3dbc78 57%, #12a76e 100%);
    background: linear-gradient(#60d38c 0%, #3dbc78 57%, #12a76e 100%);
    height: 100vh;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    padding: 105px 0 0; }
    .is-open .l-recruit-header__nav-wrap {
      display: block; } }

.l-recruit-header__nav-inner-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end; }
  @media screen and (max-width: 767px) {
    .l-recruit-header__nav-inner-wrap {
      display: block;
      height: 100vh;
      overflow: auto;
      padding: 0 8% 90px; } }

.l-recruit-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 767px) {
    .l-recruit-header__nav {
      display: block; } }
  .l-recruit-header__nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: bold; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-header__nav-items {
        font-size: 1.2rem; } }
    @media screen and (max-width: 767px) {
      .l-recruit-header__nav-items {
        display: block;
        width: 100%; } }
  .l-recruit-header__nav-under-items {
    display: none;
    position: absolute;
    left: 0;
    padding: 8px 0;
    font-size: 1.2rem;
    background: rgba(255, 255, 255, 0.7); }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-header__nav-under-items {
        font-size: 1rem; } }
    @media screen and (min-width: 768px) {
      .l-recruit-header__nav-under-items {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .l-recruit-header__nav-under-items {
        position: relative;
        background: none;
        padding: 0; } }
    .l-recruit-header__nav-under-items.is-open {
      display: block; }
  .l-recruit-header__nav-item-link {
    position: relative; }
    @media screen and (min-width: 768px) {
      .l-recruit-header__nav-item-link:nth-child(n+2) {
        margin-left: 2.6vw; }
      .l-recruit-header__nav-item-link:hover .l-recruit-header__nav-under-items {
        display: block; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .l-recruit-header__nav-item-link:nth-child(n+2) {
        margin-left: 1.7vw; } }
    .l-recruit-header__nav-item-link > a,
    .l-recruit-header__nav-item-link span {
      position: relative;
      display: block;
      padding: 8px 16px 8px 0;
      text-shadow: none;
      text-decoration: none;
      cursor: pointer; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .l-recruit-header__nav-item-link > a,
        .l-recruit-header__nav-item-link span {
          padding: 8px 10px 8px 0; } }
      @media screen and (max-width: 767px) {
        .l-recruit-header__nav-item-link > a,
        .l-recruit-header__nav-item-link span {
          color: #fff;
          font-size: 1.6rem;
          border-bottom: 1px solid #fff;
          padding: 0 36px 15px 0;
          margin: 40px 0 20px;
          position: relative; } }
      @media screen and (min-width: 768px) {
        .l-recruit-header__nav-item-link > a::before,
        .l-recruit-header__nav-item-link span::before {
          position: absolute;
          content: '';
          display: block;
          width: 0;
          height: 2px;
          left: 0;
          bottom: 0;
          background-color: #188d60;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .l-recruit-header__nav-item-link > a:hover::before,
        .l-recruit-header__nav-item-link span:hover::before {
          -webkit-animation: navHover 0.3s ease forwards;
          animation: navHover 0.3s ease forwards; } }

@-webkit-keyframes navHover {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes navHover {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
    @media screen and (max-width: 767px) {
      .l-recruit-header__nav-item-link span {
        color: #fff;
        font-size: 1.6rem;
        border-bottom: 1px solid #fff;
        padding: 0 36px 15px 0;
        margin: 40px 0 20px;
        position: relative; }
        .l-recruit-header__nav-item-link span::before {
          content: '';
          display: block;
          width: 16px;
          height: 2px;
          background: #fff;
          position: absolute;
          top: 15px;
          right: 0; }
        .l-recruit-header__nav-item-link span::after {
          content: '';
          display: block;
          width: 2px;
          height: 16px;
          background: #fff;
          position: absolute;
          top: 8px;
          right: 7px; }
        .l-recruit-header__nav-item-link span.is-open::after {
          display: none; } }
  @media screen and (max-width: 767px) {
    .l-recruit-header__nav-under-link {
      margin-bottom: 24px; } }
  .l-recruit-header__nav-under-link a {
    display: block;
    padding: 8px 16px 8px 8px;
    font-weight: normal;
    line-height: 1;
    word-break: keep-all; }
    @media screen and (max-width: 767px) {
      .l-recruit-header__nav-under-link a {
        display: inline-block;
        font-size: 1.4rem;
        color: #fff;
        padding: 0; } }
    .l-recruit-header__nav-under-link a:hover {
      text-decoration: underline; }

.l-recruit-header__button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2.7vw; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .l-recruit-header__button-wrap {
      margin-left: 1.7vw; } }
  @media screen and (max-width: 767px) {
    .l-recruit-header__button-wrap {
      display: block;
      margin: 40px 0 90px; } }

.l-recruit-header__button {
  font-size: 1.4rem;
  font-weight: bold;
  color: #188d60;
  text-decoration: none;
  border: 2px solid #188d60;
  padding: 0 1em;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  @media screen and (min-width: 768px) {
    .l-recruit-header__button {
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transition: height 0.3s;
      -o-transition: height 0.3s;
      transition: height 0.3s; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .l-recruit-header__button {
      padding: 0 0.5em;
      font-size: 1.2rem; } }
  @media screen and (min-width: 768px) {
    .is-scrolling .l-recruit-header__button {
      height: 60px; } }
  .l-recruit-header__button + .l-recruit-header__button {
    margin-left: 1.1vw; }
    @media screen and (max-width: 767px) {
      .l-recruit-header__button + .l-recruit-header__button {
        margin: 16px 0 0; } }
  .l-recruit-header__button span::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #188d60;
    position: absolute;
    right: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 767px) {
      .l-recruit-header__button span::before {
        background: #fff;
        width: 28px;
        right: 21px; } }
  .l-recruit-header__button span::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 6px;
    border-color: transparent transparent transparent #188d60;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 767px) {
      .l-recruit-header__button span::after {
        border-width: 7px 0 0 7px;
        border-color: transparent transparent transparent #fff;
        top: calc(50% - 3px);
        right: 20px; } }
  @media screen and (min-width: 768px) {
    .l-recruit-header__button span {
      padding-right: calc(30px + 1.3vw);
      position: relative;
      z-index: 1; } }
  @media screen and (min-width: 768px) {
    .l-recruit-header__button::before {
      content: '';
      display: block;
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      position: absolute;
      top: -2px;
      left: -2px;
      background: -webkit-gradient(linear, left top, right top, from(#188d60), to(#749f2e));
      background: -webkit-linear-gradient(left, #188d60, #749f2e);
      background: -o-linear-gradient(left, #188d60, #749f2e);
      background: linear-gradient(to right, #188d60, #749f2e); }
    .l-recruit-header__button:hover {
      text-decoration: none;
      color: #fff; }
      .l-recruit-header__button:hover::before {
        opacity: 1; }
      .l-recruit-header__button:hover span::before {
        background: #fff; }
      .l-recruit-header__button:hover span::after {
        border-color: transparent transparent transparent #fff; } }
  @media screen and (max-width: 767px) {
    .l-recruit-header__button {
      font-size: 1.6rem;
      text-align: center;
      border-color: #fff;
      color: #fff;
      width: 100%;
      padding: 20px; } }

/* Button
--------------------------------------------------------------*/
.c-recruit-button--tertiary {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background: -webkit-gradient(linear, left top, right top, from(#188d60), to(#749f2e));
  background: -webkit-linear-gradient(left, #188d60, #749f2e);
  background: -o-linear-gradient(left, #188d60, #749f2e);
  background: linear-gradient(to right, #188d60, #749f2e);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .c-recruit-button--tertiary:hover {
    color: #fff;
    text-decoration: none; }

.c-recruit-button--primary, .c-recruit-button--secondary {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background: -webkit-gradient(linear, left top, right top, from(#188d60), to(#749f2e));
  background: -webkit-linear-gradient(left, #188d60, #749f2e);
  background: -o-linear-gradient(left, #188d60, #749f2e);
  background: linear-gradient(to right, #188d60, #749f2e);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .c-recruit-button--primary::before, .c-recruit-button--secondary::before {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .c-recruit-button--primary::after, .c-recruit-button--secondary::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  @media screen and (max-width: 767px) {
    .c-recruit-button--primary, .c-recruit-button--secondary {
      max-width: 100%; } }
  .c-recruit-button--primary:hover, .c-recruit-button--secondary:hover {
    color: #fff;
    text-decoration: none; }
    .c-recruit-button--primary:hover::before, .c-recruit-button--secondary:hover::before, .c-recruit-button--primary:hover::after, .c-recruit-button--secondary:hover::after {
      opacity: 1; }
    .c-recruit-button--primary:hover span, .c-recruit-button--secondary:hover span {
      min-width: 100%;
      -webkit-transition: min-width 0.3s;
      -o-transition: min-width 0.3s;
      transition: min-width 0.3s; }
  .c-recruit-button--primary span, .c-recruit-button--secondary span {
    display: inline-block;
    min-width: 0;
    text-align: left;
    -webkit-transition: min-width 0.3s;
    -o-transition: min-width 0.3s;
    transition: min-width 0.3s; }

.c-recruit-button--primary {
  min-width: 430px;
  padding: 35px 24px;
  font-size: 2rem; }
  .c-recruit-button--primary::before {
    right: 28px; }
  .c-recruit-button--primary::after {
    right: 24px; }
  @media screen and (max-width: 767px) {
    .c-recruit-button--primary {
      min-width: 100%; } }

.c-recruit-button--secondary {
  min-width: 240px;
  padding: 24px 16px;
  font-size: 1.6rem; }
  @media screen and (max-width: 767px) {
    .c-recruit-button--secondary {
      font-size: 1.4rem; } }
  .c-recruit-button--secondary::before {
    right: 20px; }
  .c-recruit-button--secondary::after {
    right: 16px; }

.c-recruit-button--tertiary {
  font-size: 1.4rem;
  padding: 23px; }
  .c-recruit-button--tertiary span {
    position: relative;
    display: inline-block; }
  .c-recruit-button--tertiary[target="_blank"] {
    padding: 23px 16px; }
    @media screen and (max-width: 767px) {
      .c-recruit-button--tertiary[target="_blank"] {
        font-size: 3.7333vw; } }
    .c-recruit-button--tertiary[target="_blank"] span {
      padding-right: 30px; }
      .c-recruit-button--tertiary[target="_blank"] span::after {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background: url("/assets/img/icon/icon_external.svg") no-repeat center;
        background-size: 100% auto;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%); }

/* Heading
--------------------------------------------------------------*/
.c-recruit-heading01 {
  margin-bottom: 64px; }
  @media screen and (max-width: 767px) {
    .c-recruit-heading01 {
      margin-bottom: 48px; } }
  .c-recruit-heading01 > span {
    display: inline-block;
    background: #188d60;
    font-size: 5.2rem;
    line-height: 1.1;
    color: #fff;
    font-weight: bold;
    padding: 12px;
    margin: 0; }

.c-recruit-heading01-wrap {
  width: 75%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .c-recruit-heading01-wrap {
      width: 92vw;
      margin: 0 0 0 auto; } }

.c-recruit-heading02, .c-recruit-heading02--border, .c-recruit-heading02--border02 {
  margin-bottom: 48px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-recruit-heading02, .c-recruit-heading02--border, .c-recruit-heading02--border02 {
      padding-right: 5.3vw; } }
  .c-recruit-heading02 > span, .c-recruit-heading02--border > span, .c-recruit-heading02--border02 > span {
    font-size: 3.2rem;
    line-height: 1.4;
    font-weight: bold; }

.c-recruit-heading02--border, .c-recruit-heading02--border02 {
  border-bottom: 2px solid #f0cea9;
  padding-bottom: 20px; }
  .c-recruit-heading02--border::before, .c-recruit-heading02--border02::before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #f07120;
    position: absolute;
    left: 0;
    bottom: -2px; }

.c-recruit-heading02--border02 {
  border-bottom: 2px solid #ffbab4; }
  .c-recruit-heading02--border02::before {
    background: #f8753b; }

.c-recruit-heading03 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    .c-recruit-heading03 {
      margin-bottom: 32px; } }

/* Img text
--------------------------------------------------------------*/
.c-recruit-img-text--primary {
  text-align: center; }

.c-recruit-img-text--primary {
  width: 64.53%; }
  @media screen and (max-width: 767px) {
    .c-recruit-img-text--primary {
      width: 92%; } }

/* Nav
--------------------------------------------------------------*/
.c-recruit-nav-anchor-list {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .c-recruit-nav-anchor-list {
      margin: 55px auto 0;
      width: 90%; } }
  .c-recruit-nav-anchor-list__item {
    min-width: 190px;
    margin: 0 8px;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .c-recruit-nav-anchor-list__item {
        min-width: auto;
        width: 31%;
        margin: 0 3.5% 0 0; }
        .c-recruit-nav-anchor-list__item:nth-of-type(3n) {
          margin-right: 0; } }
  .c-recruit-nav-anchor-list .c-recruit-nav-anchor {
    display: block;
    padding: 17px 15px 25px 15px;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-recruit-nav-anchor-list .c-recruit-nav-anchor {
        padding: 17px 10px 25px 10px;
        font-size: 1.5rem; } }
    .c-recruit-nav-anchor-list .c-recruit-nav-anchor:after {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      position: absolute;
      bottom: 10px;
      left: 50%;
      -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg); }

/* Table
--------------------------------------------------------------*/
.c-recruit-table {
  width: 100%; }
  .c-recruit-table tr {
    border-top: 1px solid #e8e8e8; }
    .c-recruit-table tr:last-of-type {
      border-bottom: 1px solid #e8e8e8; }
    @media screen and (max-width: 767px) {
      .c-recruit-table tr {
        display: block;
        padding: 6% 3%; } }
  .c-recruit-table td {
    padding: 26px 24px;
    font-size: 1.6rem;
    line-height: 1.75;
    vertical-align: middle;
    min-width: calc(48px + 4em); }
    @media screen and (max-width: 767px) {
      .c-recruit-table td {
        padding: 0;
        width: 100%;
        display: block; }
        .c-recruit-table td:nth-of-type(n+2) {
          padding-top: 4%; } }

.c-recruit-table__width, .c-recruit-table__width--01, .c-recruit-table__width--02 {
  width: 100%; }
  .c-recruit-table__width--01 {
    width: 17%; }
    @media screen and (max-width: 767px) {
      .c-recruit-table__width--01 {
        width: 100%; } }
  .c-recruit-table__width--02 {
    width: 83%; }
    @media screen and (max-width: 767px) {
      .c-recruit-table__width--02 {
        width: 100%; } }

/* Tag
--------------------------------------------------------------*/
.c-recruit-tag {
  display: inline-block;
  margin-bottom: 30px;
  padding: 8px 12px 6px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  background: #333; }
  @media screen and (max-width: 767px) {
    .c-recruit-tag {
      margin-bottom: 25px; } }

/* Text
--------------------------------------------------------------*/
.c-recruit-text--xxl {
  font-size: 5.2rem; }

.c-recruit-text--xl {
  font-size: 3.2rem; }

.c-recruit-text--l {
  font-size: 2rem; }

.c-recruit-text {
  font-size: 1.6rem;
  line-height: 2.1; }
  .c-recruit-text + .c-recruit-text {
    margin-top: 1.8em; }
  .c-recruit-text + .c-recruit-heading03 {
    margin-top: 80px; }

.c-recruit-text--s {
  font-size: 1.8rem; }

.c-recruit-text--xs {
  font-size: 1.4rem; }

.c-recruit-text--xxs {
  font-size: 1.2rem; }

/* Avatar
--------------------------------------------------------------*/
.p-recruit-avatar {
  width: 84px;
  margin-right: 30px; }
  @media screen and (max-width: 767px) {
    .p-recruit-avatar {
      margin-right: 22px; } }
  .p-recruit-avatar img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }

.p-recruit-avatar__text {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #f8753b;
  border-radius: 55px;
  text-align: center;
  margin-top: 8px;
  padding: 3px 0; }

.p-recruit-avatar-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .p-recruit-avatar-area:nth-of-type(n+2) {
    margin-top: 48px; }
    @media screen and (max-width: 767px) {
      .p-recruit-avatar-area:nth-of-type(n+2) {
        margin-top: 56px; } }

.p-recruit-avatar-voice {
  width: calc( 100% - 114px);
  position: relative;
  padding: 10px 0 10px 27px;
  font-size: 1.6rem;
  line-height: 2.125; }
  @media screen and (max-width: 767px) {
    .p-recruit-avatar-voice {
      padding: 0 0 0 17px; } }

.p-recruit-avatar-bubble {
  width: 6px;
  height: 100%;
  border-top: 1px solid #f8753b;
  border-bottom: 1px solid #f8753b;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 767px) {
    .p-recruit-avatar-bubble {
      width: 17px; } }
  .p-recruit-avatar-bubble:before {
    content: '';
    width: 1px;
    height: calc( 50% - 4px);
    background: #f8753b;
    position: absolute;
    top: -1px;
    left: 0; }
    @media screen and (max-width: 767px) {
      .p-recruit-avatar-bubble:before {
        height: calc( 50% - 12px); } }
  .p-recruit-avatar-bubble:after {
    content: '';
    width: 1px;
    height: calc( 50% - 4px);
    background: #f8753b;
    position: absolute;
    bottom: -1px;
    left: 0; }
    @media screen and (max-width: 767px) {
      .p-recruit-avatar-bubble:after {
        height: calc( 50% - 12px); } }

.p-recruit-avatar-bubble > div:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #f8753b;
  border-left: 1px solid #f8753b;
  position: absolute;
  top: 50%;
  left: -4px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg); }
  @media screen and (max-width: 767px) {
    .p-recruit-avatar-bubble > div:before {
      width: 20px;
      height: 20px;
      left: -10px; } }

.p-recruit-avatar__title {
  margin-bottom: 4px;
  font-weight: bold; }

/* Box Content
--------------------------------------------------------------*/
.p-recruit-box-content {
  position: relative;
  max-width: calc(1080px + 40px);
  width: 100%; }
  @media screen and (max-width: 767px) {
    .p-recruit-box-content {
      width: 100%; } }
  .p-recruit-box-content__inner {
    background: #fff;
    margin-left: 20px;
    margin-right: 20px; }

/* Button group
--------------------------------------------------------------*/
.p-recruit-button-group--primary {
  max-width: 1080px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.15); }

.p-recruit-button-group--primary {
  width: 94%;
  padding: 150px 90px 80px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .p-recruit-button-group--primary {
      margin-bottom: -120px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .p-recruit-button-group--primary {
      width: 100%;
      padding: 24% 30px 21.3%; } }
  .p-recruit-button-group--primary .c-recruit-button--primary {
    min-width: 48.15%; }
    @media screen and (max-width: 767px) {
      .p-recruit-button-group--primary .c-recruit-button--primary {
        width: 100%; } }
    .p-recruit-button-group--primary .c-recruit-button--primary:first-of-type {
      margin-right: 3.7%; }
      @media screen and (max-width: 767px) {
        .p-recruit-button-group--primary .c-recruit-button--primary:first-of-type {
          margin: 0 0 7.63% 0; } }
  .p-recruit-button-group--primary .c-recruit-img-text--primary {
    position: absolute;
    top: -67px;
    left: 18.8%; }
    @media screen and (max-width: 767px) {
      .p-recruit-button-group--primary .c-recruit-img-text--primary {
        top: -10.13%;
        left: 7.5%; } }

/* Culture
--------------------------------------------------------------*/
.p-recruit-culture {
  margin-top: 110px; }
  @media screen and (max-width: 767px) {
    .p-recruit-culture {
      margin-top: 80px; } }
  @media screen and (min-width: 768px) {
    .p-recruit-culture:nth-of-type(n+2) {
      margin-top: 120px; } }

/* recruit-data
--------------------------------------------------------------*/
.recruit-data {
  position: relative;
  width: calc(1080px + 40px);
  margin: 120px auto; }
  @media screen and (max-width: 1150px) and (min-width: 1025px) {
    .recruit-data {
      width: 100%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-data {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .recruit-data {
      width: 100%;
      margin: 80px auto; } }
  @media screen and (min-width: 768px) {
    .recruit-data::after {
      content: "";
      display: block;
      padding-bottom: 247.5%; } }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data::after {
      height: 2228px;
      padding-bottom: 0; } }
  .recruit-data__item {
    position: absolute;
    width: calc(50% - 40px);
    margin: 20px;
    padding: 40px 3.6%;
    color: #188d60;
    font-size: 2.8rem;
    text-align: center;
    background: #fff; }
    @media screen and (max-width: 1150px) and (min-width: 768px) {
      .recruit-data__item {
        font-size: 2.4rem; } }
    @media screen and (max-width: 767px) {
      .recruit-data__item {
        position: relative;
        width: calc(100% - 16%);
        margin: 36px auto;
        padding: 6.3%;
        font-size: 4.55vw; } }
  .recruit-data__title {
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 1; }
    .recruit-data__title > span {
      display: block;
      margin-top: 0.8em;
      font-size: 1.8rem; }
      @media screen and (max-width: 1150px) and (min-width: 768px) {
        .recruit-data__title > span {
          font-size: 1.6rem; } }
      @media screen and (max-width: 767px) {
        .recruit-data__title > span {
          font-size: 3.48vw; } }
  .recruit-data__img {
    display: block;
    height: auto;
    margin: 40px auto; }
    .recruit-data__img__wrap {
      position: relative;
      display: inline-block;
      margin: 0 auto 40px; }
      .recruit-data__img__wrap > img {
        margin: 0; }
  .recruit-data__value {
    font-weight: bold;
    line-height: 1; }
    .recruit-data__value .title {
      font-size: 2rem; }
      @media screen and (max-width: 1150px) and (min-width: 768px) {
        .recruit-data__value .title {
          font-size: 1.8rem; } }
      @media screen and (max-width: 767px) {
        .recruit-data__value .title {
          font-size: 3.74vw; } }
    .recruit-data__value .number {
      display: inline-block;
      margin: 0 10px;
      font-size: 11rem;
      font-family: Helvetica, sans-serif; }
      @media screen and (max-width: 1150px) and (min-width: 768px) {
        .recruit-data__value .number {
          font-size: 7.4rem; } }
      @media screen and (max-width: 767px) {
        .recruit-data__value .number {
          font-size: 20vw; } }
    .recruit-data__value__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .recruit-data__value__list {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
  .recruit-data__note {
    font-size: 1.4rem;
    font-weight: bold; }
    .recruit-data__note .number {
      margin: 0 2px;
      font-size: 2.4rem; }
  @media screen and (min-width: 768px) {
    .recruit-data__column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 768px) {
    .recruit-data__column__img {
      width: 32.4%; } }
  @media screen and (min-width: 768px) {
    .recruit-data__column__data {
      width: 67.6%; } }

/* ajuster */
@media screen and (min-width: 768px) {
  .recruit-data__item-1 {
    top: 0;
    left: 0; } }

.recruit-data__item-1 .recruit-data__img {
  width: 100%; }
  .recruit-data__item-1 .recruit-data__img__wrap {
    width: 62.5%; }
    @media screen and (max-width: 1150px) and (min-width: 768px) {
      .recruit-data__item-1 .recruit-data__img__wrap {
        width: 192px; } }
    @media screen and (max-width: 767px) {
      .recruit-data__item-1 .recruit-data__img__wrap {
        width: 55.2%; } }

.recruit-data__item-1 .recruit-data__value {
  position: absolute;
  left: -22%;
  bottom: 2.5%; }
  @media screen and (max-width: 767px) {
    .recruit-data__item-1 .recruit-data__value {
      left: -45%;
      bottom: -9.5%; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-2 {
    top: 0;
    right: 0; } }

.recruit-data__item-2 .recruit-data__img {
  width: 27.96%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-2 .recruit-data__img {
      width: 80px; } }
  @media screen and (max-width: 767px) {
    .recruit-data__item-2 .recruit-data__img {
      width: 36%; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-3 {
    top: 557px;
    left: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-3 {
    top: 465px; } }

.recruit-data__item-3 .recruit-data__img {
  width: 68.6%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-3 .recruit-data__img {
      width: 210px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-4 {
    top: 460px;
    right: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-4 {
    top: 373px; } }

.recruit-data__item-4 .recruit-data__img {
  width: 22.4%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-4 .recruit-data__img {
      width: 64px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-5 {
    top: 1028px;
    left: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-5 {
    top: 856px; } }

.recruit-data__item-5 .recruit-data__img {
  width: 100%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-5 .recruit-data__img {
      width: 310px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-6 {
    top: 920px;
    right: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-6 {
    top: 747px; } }

.recruit-data__item-6 .recruit-data__img {
  width: 40%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-6 .recruit-data__img {
      width: 100px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-7 {
    top: 1382px;
    right: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-7 {
    top: 1116px; } }

.recruit-data__item-7 .recruit-data__img {
  width: 36.4%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-7 .recruit-data__img {
      width: 103px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-8 {
    top: 1852px;
    left: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-8 {
    top: 1497px; } }

.recruit-data__item-8 .recruit-data__img {
  width: 29.3%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-8 .recruit-data__img {
      width: 90px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-9 {
    top: 1850px;
    right: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-9 {
    top: 1505px; } }

.recruit-data__item-9 .recruit-data__img {
  width: 34%; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-9 .recruit-data__img {
      width: 95px; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-10 {
    width: calc(100% - 40px);
    top: 2337px;
    left: 0; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-10 {
    top: 1897px; } }

.recruit-data__item-10 .recruit-data__img {
  width: 75.3%;
  margin-bottom: 0; }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-10 .recruit-data__img {
      width: 164px; } }
  @media screen and (max-width: 767px) {
    .recruit-data__item-10 .recruit-data__img {
      width: 60.3%; } }

@media screen and (min-width: 768px) {
  .recruit-data__item-10 .recruit-data__value__list {
    padding: 0 7.37%; } }

@media screen and (max-width: 1150px) and (min-width: 768px) {
  .recruit-data__item-10 .recruit-data__value__list {
    padding: 0 3%; } }

@media screen and (max-width: 767px) {
  .recruit-data__item-10 .recruit-data__value__list {
    margin-top: 20px; } }

.recruit-data__item-10 .recruit-data__value__list .recruit-data__value {
  text-align: left; }
  @media screen and (min-width: 768px) {
    .recruit-data__item-10 .recruit-data__value__list .recruit-data__value {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline; } }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-10 .recruit-data__value__list .recruit-data__value {
      width: 46%; } }
  @media screen and (max-width: 767px) {
    .recruit-data__item-10 .recruit-data__value__list .recruit-data__value {
      width: 48%;
      margin-top: 20px;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .recruit-data__item-10 .recruit-data__value__list .recruit-data__value:nth-child(even) {
      margin-left: 10%; } }
  @media screen and (max-width: 1150px) and (min-width: 768px) {
    .recruit-data__item-10 .recruit-data__value__list .recruit-data__value:nth-child(even) {
      margin-left: 7%; } }
  .recruit-data__item-10 .recruit-data__value__list .recruit-data__value .title {
    min-width: 4em; }
    @media screen and (max-width: 767px) {
      .recruit-data__item-10 .recruit-data__value__list .recruit-data__value .title {
        display: block;
        text-align: center; } }
  .recruit-data__item-10 .recruit-data__value__list .recruit-data__value .number {
    min-width: 1.1em;
    text-align: right; }

/* employment
--------------------------------------------------------------*/
.p-recruit-employment {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  padding: 80px 0 80px; }
  @media screen and (max-width: 767px) {
    .p-recruit-employment {
      margin-bottom: 100px;
      padding: 56px 0 64px; } }
  .p-recruit-employment::before {
    position: absolute;
    content: "";
    width: 86%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#dff5f1), color-stop(#a7efd6), to(#66d1bc));
    background: -webkit-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
    background: -o-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
    background: linear-gradient(to bottom right, #dff5f1, #a7efd6, #66d1bc);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-employment::before {
        width: 84%;
        right: 0;
        left: auto; } }
  .p-recruit-employment__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .p-recruit-employment__title-area {
        width: 400px;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .p-recruit-employment__title-area {
        padding-left: 8%; } }
  .p-recruit-employment__heading {
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 1; }
    .p-recruit-employment__heading__sub {
      display: block;
      margin-top: 8px;
      font-size: 1.4rem;
      font-weight: normal; }

.p-recruit-employment__article {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .p-recruit-employment__article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 74%;
      margin: 48px auto 0; } }
  @media screen and (max-width: 767px) {
    .p-recruit-employment__article {
      margin-top: 40px; } }
  @media screen and (min-width: 768px) {
    .p-recruit-employment__article__item {
      width: 38.6%; } }
  @media screen and (min-width: 768px) {
    .p-recruit-employment__article__item:nth-child(n+2) {
      margin-left: 5.6%; } }
  .p-recruit-employment__article__item > a {
    position: relative;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .p-recruit-employment__article__item > a:hover {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  .p-recruit-employment__article__title {
    position: absolute;
    display: inline-block;
    left: -24px;
    bottom: 20px; }
    @media screen and (max-width: 767px) {
      .p-recruit-employment__article__title {
        left: 8%; } }
    .p-recruit-employment__article__title__main {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .p-recruit-employment__article__title__main {
          font-size: 1.8rem; } }
      .p-recruit-employment__article__title__main > span {
        display: inline-block;
        padding: 8px 12px 6px;
        background: #fff; }
    .p-recruit-employment__article__title__sub {
      margin-top: 8px;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1; }
      .p-recruit-employment__article__title__sub > span {
        display: inline-block;
        padding: 5px 24px 5px 12px;
        background: #333; }

/* Container
--------------------------------------------------------------*/
.p-recruit-first-container {
  padding: 460px 0 40px; }
  @media screen and (max-width: 767px) {
    .p-recruit-first-container {
      padding: 466px 0 100px; } }
  .p-recruit-first-container__textarea {
    padding: 0 10% 0 20%; }
    @media screen and (max-width: 767px) {
      .p-recruit-first-container__textarea {
        padding: 0 10%; } }
  .p-recruit-first-container__heading {
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 37px; }
    @media screen and (max-width: 767px) {
      .p-recruit-first-container__heading {
        font-size: 2.2rem;
        margin-bottom: 45px; } }
  .p-recruit-first-container__text {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4; }
    @media screen and (max-width: 767px) {
      .p-recruit-first-container__text {
        line-height: 2.1; } }
    .p-recruit-first-container__text + .p-recruit-first-container__text {
      margin-top: 37px; }
    .p-recruit-first-container__text__nomal {
      font-weight: normal; }
    .p-recruit-first-container__text__name-wrap {
      text-align: right; }
    .p-recruit-first-container__text__name {
      line-height: 1.5;
      margin-top: 80px;
      display: inline-block;
      text-align: left; }
      .p-recruit-first-container__text__name > span {
        display: block;
        font-size: 1.6rem; }
        @media screen and (max-width: 767px) {
          .p-recruit-first-container__text__name > span {
            font-size: 1.2rem; } }
      .p-recruit-first-container__text__name > img {
        display: block;
        margin-top: 10px;
        width: 176px;
        height: auto; }
  .p-recruit-first-container__2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10%; }
    @media screen and (max-width: 767px) {
      .p-recruit-first-container__2col {
        display: block; } }
    .p-recruit-first-container__2col__img {
      width: 43%;
      margin-right: 80px; }
      @media screen and (max-width: 767px) {
        .p-recruit-first-container__2col__img {
          width: 100%;
          height: auto;
          position: relative;
          right: -11%;
          margin-bottom: 48px; } }
      .p-recruit-first-container__2col__img img {
        width: 100%;
        height: auto; }
    .p-recruit-first-container__2col__textarea {
      width: 50%;
      padding-right: 10%; }
      @media screen and (max-width: 767px) {
        .p-recruit-first-container__2col__textarea {
          width: 100%;
          padding: 0 10%; } }

.p-recruit-first-container-small, .p-recruit-first-container-small02 {
  padding: 308px 0 192px; }
  @media screen and (max-width: 767px) {
    .p-recruit-first-container-small, .p-recruit-first-container-small02 {
      padding: 430px 0 calc(80px - 10%); } }
  @media screen and (min-width: 768px) {
    .p-recruit-first-container-small__textarea {
      width: 32%;
      margin-left: auto;
      margin-right: 59%;
      line-height: 2.4; } }
  @media screen and (max-width: 767px) {
    .p-recruit-first-container-small__textarea {
      padding: 0 10% 10%;
      line-height: 1.9; } }

@media screen and (min-width: 768px) {
  .p-recruit-first-container-small02 {
    padding: 230px 0 192px; } }

/* Flow
--------------------------------------------------------------*/
.p-recruit-flow-area {
  width: 100%;
  margin-bottom: 80px; }

.p-recruit-flow, .p-recruit-flow--01, .p-recruit-flow--02, .p-recruit-flow--03 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.0rem;
  font-weight: bold;
  color: #188d60;
  text-align: center;
  background: #eaf7ef; }
  .p-recruit-flow span, .p-recruit-flow--01 span, .p-recruit-flow--02 span, .p-recruit-flow--03 span {
    display: block;
    width: 100%;
    min-height: 80px;
    padding: 6px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.p-recruit-flow--02 {
  background: #fff; }
  .p-recruit-flow--02 span {
    border: 2px solid #188d60;
    padding: 4px 10px; }

.p-recruit-flow--03 {
  background: #fff;
  font-size: 2.6rem; }
  @media screen and (max-width: 767px) {
    .p-recruit-flow--03 {
      font-size: 2rem; } }
  .p-recruit-flow--03 span {
    border: 2px solid #188d60;
    padding: 4px 10px; }

.p-recruit-flow--04, .p-recruit-flow--05 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.6rem;
  font-weight: bold;
  color: #188d60;
  text-align: center;
  background: #fff;
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-recruit-flow--04, .p-recruit-flow--05 {
      font-size: 2rem; } }
  .p-recruit-flow--04__text {
    display: block;
    width: 100%;
    min-height: 80px;
    padding: 6px 10px;
    text-align: center;
    border: 2px solid #188d60;
    padding: 50px 10px 22px; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow--04__text {
        padding: 36px 10px 22px; } }
    .p-recruit-flow--04__text > span {
      display: block;
      font-size: 1.6rem;
      color: #333; }
  .p-recruit-flow--04__date {
    position: absolute;
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid #188d60;
    border-radius: 30px;
    background: #fff;
    padding: 6px;
    min-width: 182px; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow--04__date {
        font-size: 1.8rem; } }

.p-recruit-flow--05 {
  width: 48.6666%; }
  .p-recruit-flow--05__text {
    position: relative;
    display: block;
    width: 100%;
    min-height: 80px;
    padding: 6px 10px;
    text-align: center;
    border: 2px solid #188d60;
    padding: 50px 10px 22px;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow--05__text {
        padding: 50px 10px 15vw;
        font-size: 2rem; } }
    @media screen and (max-width: 400px) {
      .p-recruit-flow--05__text {
        padding: 50px 2.66vw 15vw; } }
    .p-recruit-flow--05__text > span {
      display: block;
      font-size: 1.6rem;
      color: #333;
      margin-bottom: 22px; }
  .p-recruit-flow--05__date {
    position: absolute;
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid #188d60;
    border-radius: 30px;
    background: #fff;
    padding: 6px;
    min-width: 182px;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow--05__date {
        font-size: 1.8rem;
        min-width: 88%; } }
  .p-recruit-flow--05__date--dots {
    border: 2px dotted #188d60;
    border-radius: 30px;
    background: #fff;
    padding: 6px;
    min-width: 164px;
    width: 37%;
    font-size: 1.4rem;
    margin: 6px auto 0; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow--05__date--dots {
        position: absolute;
        width: calc(100% - 20px);
        min-width: calc(100% - 20px);
        padding: 4px 0;
        left: 50%;
        bottom: 20px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (max-width: 400px) {
      .p-recruit-flow--05__date--dots {
        width: calc(100% - 5.32vw);
        min-width: calc(100% - 5.32vw);
        font-size: 3.74vw; } }

.p-recruit-flow--05__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.p-recruit-flow__arrow {
  position: relative;
  margin-top: 50px; }
  .p-recruit-flow__arrow:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 13.5px 0 13.5px;
    border-color: #e8e8e8 transparent transparent transparent;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

.p-recruit-flow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .p-recruit-flow-wrap .p-recruit-flow--01 {
    width: 31.333%; }

.p-recruit-flow-training__area {
  margin: 120px auto; }
  @media screen and (max-width: 767px) {
    .p-recruit-flow-training__area {
      margin: 100px auto -20%; } }
  .p-recruit-flow-training__area .p-recruit-box-content__inner {
    padding: 70px 90px 80px; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow-training__area .p-recruit-box-content__inner {
        padding: 20% 5%; } }

.p-recruit-flow-training {
  width: 100%;
  position: relative; }
  .p-recruit-flow-training__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .p-recruit-flow-training__type-1 {
    height: 100%;
    width: 42%;
    background: #eaf7ef;
    margin: 0 30px;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    color: #188d60;
    padding-top: 38px; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow-training__type-1 {
        margin: 0 20px;
        font-size: 2rem;
        padding-top: 26px; } }
  .p-recruit-flow-training__section {
    position: relative;
    z-index: 10;
    padding: 105px 0 27px 0; }
    @media screen and (max-width: 767px) {
      .p-recruit-flow-training__section {
        padding: 76px 0 20px 0; } }

.p-recruit-flow__arrow-2 {
  position: relative;
  margin-top: 65px; }
  .p-recruit-flow__arrow-2:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 13.5px 0 13.5px;
    border-color: #188d60 transparent transparent transparent;
    position: absolute;
    top: -48px;
    left: 24.5%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .p-recruit-flow__arrow-2:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 13.5px 0 13.5px;
    border-color: #188d60 transparent transparent transparent;
    position: absolute;
    top: -48px;
    right: 24.5%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0); }

/* interview-area
--------------------------------------------------------------*/
.p-recruit-interview-area {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  padding: 40px 0 120px; }
  @media screen and (max-width: 767px) {
    .p-recruit-interview-area {
      margin-bottom: 100px;
      padding: 56px 0 64px; } }
  .p-recruit-interview-area::before {
    position: absolute;
    content: "";
    width: 83%;
    height: 100%;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(223, 245, 241, 0.3)), color-stop(rgba(167, 239, 214, 0.3)), to(rgba(102, 209, 188, 0.3)));
    background: -webkit-linear-gradient(top left, rgba(223, 245, 241, 0.3), rgba(167, 239, 214, 0.3), rgba(102, 209, 188, 0.3));
    background: -o-linear-gradient(top left, rgba(223, 245, 241, 0.3), rgba(167, 239, 214, 0.3), rgba(102, 209, 188, 0.3));
    background: linear-gradient(to bottom right, rgba(223, 245, 241, 0.3), rgba(167, 239, 214, 0.3), rgba(102, 209, 188, 0.3));
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-interview-area::before {
        width: 100%;
        height: 100%; } }
  .p-recruit-interview-area__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .p-recruit-interview-area__title-area {
        width: 88%;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .p-recruit-interview-area__title-area {
        padding-left: 8%; } }
  .p-recruit-interview-area__button-area {
    position: relative;
    z-index: 1;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .p-recruit-interview-area__button-area {
        width: 88%;
        margin: 80px 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .p-recruit-interview-area__button-area {
        width: 100%;
        margin-top: 60px;
        padding: 0 5%; } }

.p-recruit-interview-area__article {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .p-recruit-interview-area__article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 74%;
      margin: 48px 0 0 auto;
      padding-bottom: 44px; } }
  @media screen and (max-width: 767px) {
    .p-recruit-interview-area__article {
      margin-top: 40px; } }
  @media screen and (min-width: 768px) {
    .p-recruit-interview-area__article__item {
      width: 38.6%; } }
  @media screen and (max-width: 767px) {
    .p-recruit-interview-area__article__item {
      width: 73%;
      margin: 32px auto 0; } }
  @media screen and (min-width: 768px) {
    .p-recruit-interview-area__article__item:nth-child(n+2) {
      margin-left: 5.6%; } }
  .p-recruit-interview-area__article__item > a {
    position: relative;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .p-recruit-interview-area__article__item > a:hover {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  .p-recruit-interview-area__article__title {
    position: absolute;
    display: inline-block;
    left: -24px;
    bottom: -44px; }
    @media screen and (max-width: 767px) {
      .p-recruit-interview-area__article__title {
        left: -6%;
        bottom: 6%; } }
    .p-recruit-interview-area__article__title__main {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .p-recruit-interview-area__article__title__main {
          font-size: 1.8rem; } }
      .p-recruit-interview-area__article__title__main > span {
        display: inline-block;
        padding: 8px 12px 6px;
        background: #fff; }
    .p-recruit-interview-area__article__title__sub {
      margin-top: 8px;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1; }
      .p-recruit-interview-area__article__title__sub > span {
        display: inline-block;
        padding: 5px 24px 5px 12px;
        background: #333; }

/* Kv
--------------------------------------------------------------*/
.p-recruit-kv {
  width: 82%;
  margin-left: auto;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .p-recruit-kv {
      width: 86%; } }
  .p-recruit-kv__img-wrap {
    width: 100%;
    height: 500px;
    margin-left: auto;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__img-wrap {
        height: auto; } }
  .p-recruit-kv__img {
    min-width: 1180px;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__img {
        min-width: 100%; } }
  .p-recruit-kv__text-area {
    position: absolute;
    display: inline-block;
    left: -80px;
    bottom: 40px;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__text-area {
        left: -24px;
        bottom: 20px; } }
    @media screen and (max-width: 400px) {
      .p-recruit-kv__text-area--interview {
        left: -30px; } }
    @media screen and (max-width: 400px) {
      .p-recruit-kv__text-area--interview .p-recruit-kv__title {
        font-size: 7.4vw; } }
    @media screen and (min-width: 768px) {
      .p-recruit-kv__text-area--interview-c {
        bottom: -180px; } }
    @media screen and (min-width: 1440px) {
      .p-recruit-kv__text-area--interview-c {
        bottom: -220px; } }
  .p-recruit-kv__title {
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__title {
        font-size: 2.9rem; } }
    .p-recruit-kv__title > span {
      display: inline-block;
      padding: 12px 12px 10px;
      background: #fff;
      position: relative; }
      @media screen and (max-width: 767px) {
        .p-recruit-kv__title > span {
          padding: 10px 8px 8px; } }
      .p-recruit-kv__title > span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        z-index: -1; }
  .p-recruit-kv__text {
    margin-top: 8px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__text {
        font-size: 1.2rem; } }
    .p-recruit-kv__text > span {
      display: inline-block;
      padding: 6px 16px 5px 16px;
      background: #333;
      position: relative; }
      .p-recruit-kv__text > span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        z-index: -1; }
    .p-recruit-kv__text__small {
      font-size: 1.2rem; }
  .p-recruit-kv__under {
    min-height: 484px;
    width: 90%;
    margin-top: -398px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv__under {
        margin-top: -434px; } }
    .p-recruit-kv__under__color-1 {
      background: -webkit-gradient(linear, left top, right bottom, from(#dff5f1), color-stop(#a7efd6), to(#66d1bc));
      background: -webkit-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
      background: -o-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
      background: linear-gradient(to bottom right, #dff5f1, #a7efd6, #66d1bc); }
    .p-recruit-kv__under__color-2 {
      background: -webkit-gradient(linear, left top, right bottom, from(#ffe8A8), color-stop(#fddfa7), color-stop(#ffdc9b), to(#ffc9a7));
      background: -webkit-linear-gradient(top left, #ffe8A8, #fddfa7, #ffdc9b, #ffc9a7);
      background: -o-linear-gradient(top left, #ffe8A8, #fddfa7, #ffdc9b, #ffc9a7);
      background: linear-gradient(to bottom right, #ffe8A8, #fddfa7, #ffdc9b, #ffc9a7); }
    .p-recruit-kv__under__color-3 {
      background: -webkit-gradient(linear, left top, right bottom, from(#ffe8df), color-stop(#ffbfbf), to(#ffcbc4));
      background: -webkit-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
      background: -o-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
      background: linear-gradient(to bottom right, #ffe8df, #ffbfbf, #ffcbc4); }

.p-recruit-kv-small {
  width: 57%;
  margin-left: auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .p-recruit-kv-small {
      width: 86%; } }
  .p-recruit-kv-small__img-wrap {
    width: 100%;
    margin-left: auto;
    overflow: hidden;
    height: 860px; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__img-wrap {
        min-width: 100%;
        height: auto; } }
  .p-recruit-kv-small__img {
    min-width: 820px;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__img {
        min-width: 100%; } }
  .p-recruit-kv-small__text-area {
    position: absolute;
    display: inline-block;
    left: -62%;
    top: 44px;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__text-area {
        left: -24px;
        bottom: 20px;
        top: auto; } }
  .p-recruit-kv-small__title {
    font-size: 5.2rem;
    font-weight: bold;
    line-height: 1; }
    @media screen and (max-width: 1060px) {
      .p-recruit-kv-small__title {
        font-size: 4.2rem; } }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__title {
        font-size: 2.9rem; } }
    .p-recruit-kv-small__title > span {
      display: inline-block;
      padding: 12px 12px 10px;
      background: #fff;
      position: relative; }
      @media screen and (max-width: 767px) {
        .p-recruit-kv-small__title > span {
          padding: 10px 8px 8px; } }
      .p-recruit-kv-small__title > span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
        z-index: -1; }
  .p-recruit-kv-small__text {
    margin-top: 8px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__text {
        font-size: 1.2rem; } }
    .p-recruit-kv-small__text > span {
      display: inline-block;
      padding: 6px 16px 5px 16px;
      background: #333; }
  .p-recruit-kv-small__under {
    min-height: 880px;
    width: 90%;
    margin-top: -800px;
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-recruit-kv-small__under {
        min-height: 484px;
        margin-top: -360px;
        margin-bottom: 100px; } }

/* Recruit Loading
--------------------------------------------------------------*/
body.is-loading {
  overflow: hidden; }

.p-recruit-loading {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
  z-index: 100; }
  .p-recruit-loading.is-loaded {
    display: none; }

/* Qa
--------------------------------------------------------------*/
.p-recruit-qa {
  margin: 90px auto 120px; }
  @media screen and (max-width: 767px) {
    .p-recruit-qa {
      margin: 100px auto; } }
  .p-recruit-qa .p-recruit-box-content__inner {
    padding: 126px 90px 40px; }
    @media screen and (max-width: 767px) {
      .p-recruit-qa .p-recruit-box-content__inner {
        padding: 20% 3% 10%; } }
  .p-recruit-qa dt, .p-recruit-qa dd {
    padding: 20px 5px 20px 58px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .p-recruit-qa dt, .p-recruit-qa dd {
        padding: 5% 2% 5% 18%; } }
  .p-recruit-qa dt {
    border-bottom: 1px solid #188d60;
    font-size: 1.8rem;
    font-weight: bold; }
    .p-recruit-qa dt:before {
      content: "Q";
      display: block;
      position: absolute;
      top: 8px;
      left: 0;
      font-weight: bold;
      font-size: 3.2rem;
      color: #188D60; }
      @media screen and (max-width: 767px) {
        .p-recruit-qa dt:before {
          top: 4px;
          left: 10px; } }
  .p-recruit-qa dd {
    margin-bottom: 36px;
    font-size: 1.6rem; }
    .p-recruit-qa dd:before {
      content: "A";
      display: block;
      position: absolute;
      top: 8px;
      left: 0;
      font-weight: bold;
      font-size: 3.2rem;
      color: #0d0d0d; }
      @media screen and (max-width: 767px) {
        .p-recruit-qa dd:before {
          top: 4px;
          left: 10px; } }

/* Sec Block
--------------------------------------------------------------*/
.p-recruit-sec-block01, .p-recruit-sec-block01--reverse, .p-recruit-sec-block04, .p-recruit-sec-block04--reverse, .p-recruit-sec-block05, .p-recruit-sec-block05--reverse {
  width: 86.1%;
  margin: 120px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block01, .p-recruit-sec-block01--reverse, .p-recruit-sec-block04, .p-recruit-sec-block04--reverse, .p-recruit-sec-block05, .p-recruit-sec-block05--reverse {
      width: 100%;
      margin: 100px auto;
      display: block; } }
  .p-recruit-sec-block01 .c-recruit-button--tertiary, .p-recruit-sec-block01--reverse .c-recruit-button--tertiary, .p-recruit-sec-block04 .c-recruit-button--tertiary, .p-recruit-sec-block04--reverse .c-recruit-button--tertiary, .p-recruit-sec-block05 .c-recruit-button--tertiary, .p-recruit-sec-block05--reverse .c-recruit-button--tertiary {
    margin-top: 48px; }

.p-recruit-sec-block01__body, .p-recruit-sec-block02__body, .p-recruit-sec-block02__body--reverse, .p-recruit-sec-block03__body {
  position: relative; }
  .p-recruit-sec-block01__body::before, .p-recruit-sec-block02__body::before, .p-recruit-sec-block02__body--reverse::before, .p-recruit-sec-block03__body::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(135deg, #ffc9a7 0%, #ffdc9b 47.21%, #fddfa7 70.26%, #ffe8a8 100%);
    background: -o-linear-gradient(135deg, #ffc9a7 0%, #ffdc9b 47.21%, #fddfa7 70.26%, #ffe8a8 100%);
    background: linear-gradient(-45deg, #ffc9a7 0%, #ffdc9b 47.21%, #fddfa7 70.26%, #ffe8a8 100%);
    opacity: 0.3; }

.p-recruit-sec-block01--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.p-recruit-sec-block01__body {
  width: 60%;
  padding: 5.5vw; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block01__body {
      width: 92vw;
      padding: 80px 8vw 52.8vw;
      margin: 0 auto 0 0; }
      .p-recruit-sec-block01--reverse .p-recruit-sec-block01__body {
        margin: 0 0 0 auto; } }

.p-recruit-sec-block01__inner {
  position: relative;
  z-index: 2;
  padding: 0 6.1vw 0 0; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block01__inner {
      padding: 0; } }
  .p-recruit-sec-block01--reverse .p-recruit-sec-block01__inner {
    padding: 0 0 0 6.1vw; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block01--reverse .p-recruit-sec-block01__inner {
        padding: 0; } }

.p-recruit-sec-block01__image {
  width: 40%;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block01__image {
      width: 92vw;
      margin: -40vw 0 0 auto; }
      .p-recruit-sec-block01--reverse .p-recruit-sec-block01__image {
        margin: -40vw auto 0 0; } }
  .p-recruit-sec-block01__image .c-img {
    width: calc(100% + 6.1vw);
    margin: 40px 0 0 -6.1vw;
    -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block01__image .c-img {
        width: 100%;
        margin: 0; } }
    .p-recruit-sec-block01--reverse .p-recruit-sec-block01__image .c-img {
      margin: 40px -6.1vw 0 0; }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block01--reverse .p-recruit-sec-block01__image .c-img {
          margin: 0; } }
    .p-recruit-sec-block01__image .c-img.p-recruit-sec-block01__img__top {
      margin: -40px -6.1vw 0 0; }

.p-recruit-sec-block02 {
  margin: 100px auto;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block02 {
      width: 100%;
      margin: 80px auto 100px; } }
  .p-recruit-sec-block02 .c-recruit-heading01 {
    position: relative;
    margin-bottom: -2em;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02 .c-recruit-heading01 {
        margin-left: -10px; } }
    @media screen and (max-width: 400px) {
      .p-recruit-sec-block02 .c-recruit-heading01 > span {
        font-size: 13vw; } }
  .p-recruit-sec-block02 .c-recruit-heading02--border, .p-recruit-sec-block02 .c-recruit-heading02--border02 {
    display: block;
    width: 100%; }
  .p-recruit-sec-block02__body, .p-recruit-sec-block02__body--reverse {
    width: 75%;
    margin: 64px auto;
    padding: 5.5vw; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block02__body, .p-recruit-sec-block02__body--reverse {
        width: 90%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__body, .p-recruit-sec-block02__body--reverse {
        width: 92vw;
        padding: 80px 8vw 0;
        margin: 0 0 0 auto; }
        .p-recruit-sec-block02__body::before, .p-recruit-sec-block02__body--reverse::before {
          height: calc(100% - 26vw); } }
    .p-recruit-sec-block02__body--top {
      margin-top: 0;
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--top {
          padding: 5.5vw 5.5vw 2.75vw; } }
      .p-recruit-sec-block02__body--top::before {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffe8a8), color-stop(50%, #fddfa7), to(#ffdc9b));
        background: -webkit-linear-gradient(top, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%);
        background: -o-linear-gradient(top, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%);
        background: linear-gradient(-180deg, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%); }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--top-pc {
          margin-top: 0;
          margin-bottom: 0;
          padding: 5.5vw 5.5vw 2.75vw; }
          .p-recruit-sec-block02__body--top-pc::before {
            background: -webkit-gradient(linear, left top, left bottom, from(#ffe8a8), color-stop(50%, #fddfa7), to(#ffdc9b));
            background: -webkit-linear-gradient(top, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%);
            background: -o-linear-gradient(top, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%);
            background: linear-gradient(-180deg, #ffe8a8 0%, #fddfa7 50%, #ffdc9b 100%); } }
    .p-recruit-sec-block02__body--middle {
      margin-top: 0;
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--middle {
          padding: 2.75vw 5.5vw; } }
      .p-recruit-sec-block02__body--middle::before {
        background: #ffdc9b; }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--middle-pc {
          margin-top: 0;
          margin-bottom: 0;
          padding: 2.75vw 5.5vw; }
          .p-recruit-sec-block02__body--middle-pc::before {
            background: #ffdc9b; } }
    .p-recruit-sec-block02__body--bottom {
      margin-top: 0; }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--bottom {
          padding: 2.75vw 5.5vw 5.5vw; } }
      .p-recruit-sec-block02__body--bottom::before {
        background: -webkit-linear-gradient(276deg, #ffdc9b 0%, #ffc9a7 100%);
        background: -o-linear-gradient(276deg, #ffdc9b 0%, #ffc9a7 100%);
        background: linear-gradient(-186deg, #ffdc9b 0%, #ffc9a7 100%); }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block02__body--bottom-pc {
          margin-top: 0;
          padding: 2.75vw 5.5vw 5.5vw; }
          .p-recruit-sec-block02__body--bottom-pc::before {
            background: -webkit-linear-gradient(276deg, #ffdc9b 0%, #ffc9a7 100%);
            background: -o-linear-gradient(276deg, #ffdc9b 0%, #ffc9a7 100%);
            background: linear-gradient(-186deg, #ffdc9b 0%, #ffc9a7 100%); } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__body--reverse {
        margin: 0 auto 0 0; } }
    @media screen and (min-width: 768px) {
      .p-recruit-sec-block02__body--reverse .p-recruit-sec-block02__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
    @media screen and (min-width: 768px) {
      .p-recruit-sec-block02__body--reverse .p-recruit-sec-block02__image .c-img {
        margin: 0 0 0 -18.75vw; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block02__body--reverse .p-recruit-sec-block02__image .c-img {
        margin: 0 0 0 -10.75vw; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__body--reverse .p-recruit-sec-block02__image .c-img {
        margin: 0 -16vw 0 0; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__body.text-only, .text-only.p-recruit-sec-block02__body--reverse {
        margin: 0 auto 0 0; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__body.text-only::before, .text-only.p-recruit-sec-block02__body--reverse::before {
        height: 100%; } }
    .p-recruit-sec-block02__body.text-only .p-recruit-sec-block02__text, .text-only.p-recruit-sec-block02__body--reverse .p-recruit-sec-block02__text {
      width: 100%; }
  .p-recruit-sec-block02__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__inner {
        display: block; } }
  .p-recruit-sec-block02__text {
    width: 53%; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__text {
        width: 100%; } }
    .p-recruit-sec-block02__text--only {
      width: 100%; }
  .p-recruit-sec-block02__image {
    width: 36.6%; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block02__image {
        width: 92vw;
        position: relative;
        margin-top: 10vw; } }
    .p-recruit-sec-block02__image .c-img {
      width: calc(100% + 17.75vw);
      margin: 0 -18.75vw 0 0; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .p-recruit-sec-block02__image .c-img {
          width: calc(100% + 9.75vw);
          margin: 0 -10.75vw 0 0; } }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block02__image .c-img {
          width: 100%;
          margin: 0 0 0 -16vw; } }

.p-recruit-sec-block03 {
  margin: 120px auto; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block03 {
      width: 100%;
      margin: 48px auto 100px; } }
  .p-recruit-sec-block03 .c-recruit-heading02--border, .p-recruit-sec-block03 .c-recruit-heading02--border02 {
    width: 75%;
    margin-left: auto;
    margin-right: 0; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block03 .c-recruit-heading02--border, .p-recruit-sec-block03 .c-recruit-heading02--border02 {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block03 .c-recruit-heading02--border, .p-recruit-sec-block03 .c-recruit-heading02--border02 {
        width: 100%; } }
  .p-recruit-sec-block03__body {
    width: 67%;
    margin: 0 0 0 20.83vw;
    padding: 5.5vw; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block03__body {
        width: 90%;
        margin: 0 0 0 9.83vw; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block03__body {
        width: 92vw;
        padding: 80px 8vw 0;
        margin: 0 auto 0 0; }
        .p-recruit-sec-block03__body::before {
          height: calc(100% - 26vw); } }
  .p-recruit-sec-block03__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block03__inner {
        display: block; } }
  .p-recruit-sec-block03__text {
    width: 75%; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block03__text {
        width: 55%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block03__text {
        width: 100%; } }
  .p-recruit-sec-block03__image {
    width: 14.6%; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block03__image {
        width: 83vw;
        position: relative;
        margin-top: 10vw; } }
    .p-recruit-sec-block03__image .c-img {
      width: calc(100% + 26.66vw);
      margin: 0 0 0 -26.66vw; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .p-recruit-sec-block03__image .c-img {
          width: calc(100% + 27.66vw);
          margin: 0 0 0 -14.66vw; } }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block03__image .c-img {
          width: 100%;
          margin: 0 0 0 9vw; } }

.p-recruit-sec-block04--reverse {
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.p-recruit-sec-block04__body {
  padding: 5.5vw;
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 232, 223, 0.3)), color-stop(rgba(255, 191, 191, 0.3)), to(rgba(255, 203, 196, 0.3)));
  background: -webkit-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
  background: -o-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
  background: linear-gradient(to bottom right, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3)); }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block04__body {
      width: 92vw;
      padding: 80px 8vw 92vw;
      margin: 0 0 0 auto; }
      .p-recruit-sec-block04--reverse .p-recruit-sec-block04__body {
        margin: 0 0 0 auto; } }

.p-recruit-sec-block04__inner {
  position: relative;
  z-index: 2;
  padding: 0 6.1vw 0 0; }
  @media screen and (min-width: 768px) {
    .p-recruit-sec-block04__inner {
      padding: 0 0 0 6.1vw;
      width: calc(430px + 6.1vw); } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .p-recruit-sec-block04__inner {
      width: calc(370px + 6.1vw); } }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block04__inner {
      padding: 0; } }
  .p-recruit-sec-block04--reverse .p-recruit-sec-block04__inner {
    padding: 0 0 0 6.1vw; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block04--reverse .p-recruit-sec-block04__inner {
        padding: 0; } }

.p-recruit-sec-block04__image {
  width: 39%;
  max-width: 600px;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .p-recruit-sec-block04__image {
      width: 92vw;
      margin-top: -80vw; }
      .p-recruit-sec-block01--reverse .p-recruit-sec-block04__image {
        margin: -40vw 0 0 auto; } }
  .p-recruit-sec-block04__image .c-img {
    width: calc(100% + 6.1vw);
    margin: 40px 0 0 -6.1vw;
    -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block04__image .c-img {
        width: 100%;
        margin: 0; } }
    .p-recruit-sec-block04--reverse .p-recruit-sec-block04__image .c-img {
      margin: 40px -6.1vw 0 0;
      position: absolute;
      bottom: -60px; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .p-recruit-sec-block04--reverse .p-recruit-sec-block04__image .c-img {
          bottom: 30px; } }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block04--reverse .p-recruit-sec-block04__image .c-img {
          margin: 0;
          position: inherit;
          bottom: 0; } }

.p-recruit-sec-block05 {
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .p-recruit-sec-block05 {
      width: 100%; } }
  .p-recruit-sec-block05--reverse {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px auto 120px; }
  .p-recruit-sec-block05__body {
    padding: 5.5vw;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 232, 223, 0.3)), color-stop(rgba(255, 191, 191, 0.3)), to(rgba(255, 203, 196, 0.3)));
    background: -webkit-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
    background: -o-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
    background: linear-gradient(to bottom right, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3)); }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block05__body {
        width: 92vw;
        padding: 80px 8vw 52vw;
        margin: 0 0 0 auto; }
        .p-recruit-sec-block04--reverse .p-recruit-sec-block05__body {
          margin: 0 0 0 auto; } }
  .p-recruit-sec-block05__inner {
    position: relative;
    z-index: 2;
    padding: 0 6.1vw 0 0; }
    @media screen and (min-width: 768px) {
      .p-recruit-sec-block05__inner {
        width: calc(430px + 6.1vw); } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .p-recruit-sec-block05__inner {
        width: calc(370px + 6.1vw); } }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block05__inner {
        padding: 0; } }
    .p-recruit-sec-block05--reverse .p-recruit-sec-block05__inner {
      padding: 0 0 0 6.1vw; }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block05--reverse .p-recruit-sec-block05__inner {
          padding: 0; } }
  .p-recruit-sec-block05__image {
    width: 39%;
    max-width: 600px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .p-recruit-sec-block05__image {
        width: 92vw;
        margin-top: -40vw; }
        .p-recruit-sec-block01--reverse .p-recruit-sec-block05__image {
          margin: -40vw 0 0 auto; } }
    .p-recruit-sec-block05__image .c-img {
      position: absolute;
      width: calc(100% + 6.1vw);
      margin: 0 0 0 -6.1vw;
      -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
      box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15); }
      @media screen and (min-width: 768px) {
        .p-recruit-sec-block05__image .c-img {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
      @media screen and (max-width: 767px) {
        .p-recruit-sec-block05__image .c-img {
          position: inherit;
          width: 100%;
          margin: 0; } }
      .p-recruit-sec-block05--reverse .p-recruit-sec-block05__image .c-img {
        margin: 0 -6.1vw 0 0; }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          .p-recruit-sec-block05--reverse .p-recruit-sec-block05__image .c-img {
            bottom: 30px; } }
        @media screen and (max-width: 767px) {
          .p-recruit-sec-block05--reverse .p-recruit-sec-block05__image .c-img {
            margin: 0;
            bottom: 0; } }

/* Textarea
--------------------------------------------------------------*/
.p-recruit-textarea__bottom {
  width: 87.5%;
  margin-left: auto;
  background: #fff;
  position: relative;
  z-index: 10;
  margin-bottom: -60px;
  line-height: 2.4;
  padding: 80px 6% 74px 90px; }
  @media screen and (max-width: 767px) {
    .p-recruit-textarea__bottom {
      padding: 80px 30px 74px 40px; } }
  .p-recruit-textarea__bottom > p {
    font-weight: bold; }

.p-recruit-textarea, .p-recruit-textarea02, .p-recruit-textarea--culture, .p-recruit-textarea--culture02 {
  position: relative;
  width: 100%;
  margin-bottom: 200px; }
  @media screen and (min-width: 768px) {
    .p-recruit-textarea, .p-recruit-textarea02, .p-recruit-textarea--culture, .p-recruit-textarea--culture02 {
      padding: 188px 20px 0; } }
  @media screen and (max-width: 767px) {
    .p-recruit-textarea, .p-recruit-textarea02, .p-recruit-textarea--culture, .p-recruit-textarea--culture02 {
      padding: 60px 0 64px;
      margin-top: 100px;
      margin-bottom: 100px; } }
  .p-recruit-textarea::before, .p-recruit-textarea02::before, .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
    position: absolute;
    content: "";
    display: block;
    width: 93%;
    height: 100%;
    top: 108px;
    left: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#dff5f1), color-stop(#a7efd6), to(#66d1bc));
    background: -webkit-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
    background: -o-linear-gradient(top left, #dff5f1, #a7efd6, #66d1bc);
    background: linear-gradient(to bottom right, #dff5f1, #a7efd6, #66d1bc);
    z-index: 1; }
    @media screen and (max-width: 1200px) {
      .p-recruit-textarea::before, .p-recruit-textarea02::before, .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-textarea::before, .p-recruit-textarea02::before, .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
        width: 100%;
        height: 100%;
        top: 0; } }
  .p-recruit-textarea__text {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .p-recruit-textarea__text {
        width: 84%; } }

.p-recruit-textarea02 {
  margin-bottom: 120px; }
  @media screen and (min-width: 768px) {
    .p-recruit-textarea02 {
      padding: 80px calc(7% + 30px) 80px 30px; } }
  @media screen and (max-width: 767px) {
    .p-recruit-textarea02 {
      padding: 60px 0 64px 8%;
      margin-top: 100px;
      margin-bottom: 100px; } }
  .p-recruit-textarea02::before {
    top: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#ffe8df), color-stop(#ffbfbf), to(#ffcbc4));
    background: -webkit-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
    background: -o-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
    background: linear-gradient(to bottom right, #ffe8df, #ffbfbf, #ffcbc4);
    opacity: 0.3; }
    @media screen and (max-width: 1200px) {
      .p-recruit-textarea02::before {
        width: 93%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-textarea02::before {
        width: 92%;
        right: 0;
        left: auto; } }

.p-recruit-textarea--culture, .p-recruit-textarea--culture02 {
  margin-top: 60px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .p-recruit-textarea--culture, .p-recruit-textarea--culture02 {
      padding: 75px calc(7% + 30px) 75px 30px; } }
  .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
    top: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(#ffe8df), color-stop(#ffbfbf), to(#ffcbc4));
    background: -webkit-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
    background: -o-linear-gradient(top left, #ffe8df, #ffbfbf, #ffcbc4);
    background: linear-gradient(to bottom right, #ffe8df, #ffbfbf, #ffcbc4);
    opacity: 0.3; }
    @media screen and (max-width: 1200px) {
      .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
        width: 93%; } }
    @media screen and (max-width: 767px) {
      .p-recruit-textarea--culture::before, .p-recruit-textarea--culture02::before {
        width: 100%; } }

.p-recruit-textarea--culture02 {
  margin-top: 120px; }

/* work-area
--------------------------------------------------------------*/
.p-recruit-work-area {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  padding: 80px 0;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .p-recruit-work-area {
      margin-bottom: 118px;
      padding: 50px 0 64px; } }
  .p-recruit-work-area::before {
    position: absolute;
    content: "";
    display: block;
    width: 67.4%;
    height: 68%;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 232, 223, 0.3)), color-stop(rgba(255, 191, 191, 0.3)), to(rgba(255, 203, 196, 0.3)));
    background: -webkit-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
    background: -o-linear-gradient(top left, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
    background: linear-gradient(to bottom right, rgba(255, 232, 223, 0.3), rgba(255, 191, 191, 0.3), rgba(255, 203, 196, 0.3));
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .p-recruit-work-area::before {
        width: 84%;
        height: 100%; } }
  .p-recruit-work-area__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .p-recruit-work-area__title-area {
        width: 82.5%;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .p-recruit-work-area__title-area {
        padding: 0 0 0 8%; } }

.p-recruit-work-area__article {
  position: relative;
  margin-top: 40px;
  z-index: 2; }
  .p-recruit-work-area__article__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .p-recruit-work-area__article__item {
        width: 50%; } }
    .p-recruit-work-area__article__item::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(13, 13, 13, 0.5);
      z-index: 1; }
  .p-recruit-work-area__article__link {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2; }
    .p-recruit-work-area__article__link__item {
      position: relative;
      width: auto;
      text-align: center;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .p-recruit-work-area__article__link__item:nth-child(n+2) {
        margin-top: 48px; }
        @media screen and (max-width: 767px) {
          .p-recruit-work-area__article__link__item:nth-child(n+2) {
            margin-top: 40px; } }
      .p-recruit-work-area__article__link__item:hover {
        width: 250px; }
        .p-recruit-work-area__article__link__item:hover::before, .p-recruit-work-area__article__link__item:hover::after {
          opacity: 1; }
        .p-recruit-work-area__article__link__item:hover > a {
          width: 100%; }
          .p-recruit-work-area__article__link__item:hover > a::before {
            width: 100%; }
      .p-recruit-work-area__article__link__item::before {
        position: absolute;
        content: "";
        width: 46px;
        height: 1px;
        top: 35%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0; }
      .p-recruit-work-area__article__link__item::after {
        position: absolute;
        content: "";
        border-top: 4px solid transparent;
        border-right: 6px solid transparent;
        border-left: 6px solid  #fff;
        border-bottom: 4px solid  #fff;
        top: 26%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0; }
      .p-recruit-work-area__article__link__item > a {
        position: relative;
        display: inline-block;
        padding-bottom: 12px;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-align: left; }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          .p-recruit-work-area__article__link__item > a {
            font-size: 1.8rem; } }
        @media screen and (max-width: 767px) {
          .p-recruit-work-area__article__link__item > a {
            font-size: 1.8rem; } }
        .p-recruit-work-area__article__link__item > a::before {
          position: absolute;
          content: "";
          width: 30px;
          height: 2px;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          background: #fff;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s; }
        .p-recruit-work-area__article__link__item > a:hover {
          text-decoration: none; }

/* Recruit
--------------------------------------------------------------*/
.p-recruit {
  margin: 80px auto 120px; }
  @media screen and (max-width: 767px) {
    .p-recruit {
      margin: 100px auto; } }
  .p-recruit:last-of-type {
    margin: 80px auto -80px; }
    @media screen and (max-width: 767px) {
      .p-recruit:last-of-type {
        margin: 100px auto -80px; } }
  .p-recruit .p-recruit-box-content__inner {
    padding: 70px 90px 80px; }
    @media screen and (max-width: 767px) {
      .p-recruit .p-recruit-box-content__inner {
        padding: 20% 5%; } }
  .p-recruit .p-recruit__button {
    margin-top: 80px;
    text-align: center; }

.c-recruit-nav-anchor-list + .p-recruit {
  margin-top: 56px; }
  @media screen and (max-width: 767px) {
    .c-recruit-nav-anchor-list + .p-recruit {
      margin-top: 32px; } }

.p-recruit-button-wrap {
  margin-top: 80px;
  margin-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .p-recruit-button-wrap {
      margin: 48px auto 56px;
      width: 90%; } }
  .p-recruit-button-wrap .p-recruit-button {
    display: inline-block;
    min-width: 220px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .p-recruit-button-wrap .p-recruit-button {
        min-width: auto;
        width: 50%; } }
    .p-recruit-button-wrap .p-recruit-button a {
      display: block;
      padding: 0 15px 15px;
      font-size: 2.0rem;
      font-weight: bold;
      color: #d6d6d6;
      text-align: center;
      text-decoration: none;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .p-recruit-button-wrap .p-recruit-button a:after {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #e8e8e8;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
      @media screen and (min-width: 768px) {
        .p-recruit-button-wrap .p-recruit-button a:hover {
          color: #188d60; }
          .p-recruit-button-wrap .p-recruit-button a:hover:after {
            background: #188d60; } }
    .p-recruit-button-wrap .p-recruit-button.is-active a {
      pointer-events: none;
      color: #188d60; }
      .p-recruit-button-wrap .p-recruit-button.is-active a:after {
        background: #188d60; }

.p-recruit__heading {
  font-size: 3.2rem;
  line-height: 1.437;
  font-weight: bold;
  margin-bottom: 35px; }
  @media screen and (max-width: 767px) {
    .p-recruit__heading {
      text-align: center; } }

.p-recruit__text {
  margin-bottom: 35px; }

/* recruit-sec-block
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .recruit-develop-image-ajuster01 {
    margin-top: 24px; } }

@media screen and (min-width: 768px) {
  .recruit-develop-image-ajuster02 {
    margin-top: 148px; } }

/* recruit fresh
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-recruit-fresh-list li:nth-child(n + 2) {
    margin-top: 0; } }

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .p-recruit-fresh-list li:nth-child(n + 2) {
    margin-top: 0; } }

.p-recruit-fresh-list li:before {
  background: #0d0d0d; }

.p-recruit-fresh-list .p-recruit-fresh-list__indent {
  padding-left: 5em; }
  .p-recruit-fresh-list .p-recruit-fresh-list__indent:before {
    left: 3.5em; }

/* Message
--------------------------------------------------------------*/
.recruit-message__container {
  margin-bottom: -80px;
  padding: 60px 0 70px; }
  @media screen and (max-width: 767px) {
    .recruit-message__container {
      padding: 0; } }

/* recruit TOP
--------------------------------------------------------------*/
.recruit-top-content {
  margin-bottom: -120px; }
  @media screen and (max-width: 767px) {
    .recruit-top-content {
      margin-bottom: -60px; } }

/* Recruit TOP KV
--------------------------------------------------------------*/
.recruit-top-slide {
  position: relative;
  margin-bottom: -150px;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .recruit-top-slide {
      margin-bottom: -56px; } }
  .recruit-top-slide img {
    width: 100%;
    height: auto; }
  .recruit-top-slide__items {
    position: relative;
    z-index: 1; }
  .recruit-top-slide__text {
    width: 37.63%;
    position: absolute;
    top: 33.3%;
    left: 5.55%;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .recruit-top-slide__text {
        width: 86.66%;
        top: 48.55%;
        left: 8%; } }
  .recruit-top-slide__item-inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
    .recruit-top-slide__item-inner.is-active {
      -webkit-animation: zoom_animation 13s linear;
      animation: zoom_animation 13s linear;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  .recruit-top-slide .slick-dots {
    position: relative; }
    .recruit-top-slide .slick-dots li {
      display: inline-block;
      margin: 0 6px;
      overflow: hidden;
      font-size: 0; }
      .recruit-top-slide .slick-dots li.slick-active button {
        background: #fff; }
    .recruit-top-slide .slick-dots button {
      border: 0;
      padding: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.4); }
  .recruit-top-slide__control {
    position: absolute;
    bottom: 39px;
    right: 3.55%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-slide__control {
        right: 2%; } }
    @media screen and (max-width: 767px) {
      .recruit-top-slide__control {
        right: 8%;
        bottom: 73px; } }
  .recruit-top-slide__counter {
    margin-left: 24px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-slide__counter {
        margin-left: 10px; } }
  .recruit-top-slide__indicator {
    width: 5.5vw;
    height: 2px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.4);
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-slide__indicator {
        width: 4vw; } }
    .recruit-top-slide__indicator span {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: 100%;
      background: #fff;
      -webkit-transition: linear 0s;
      -o-transition: linear 0s;
      transition: linear 0s;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-animation-name: progress_bar;
      animation-name: progress_bar;
      -webkit-animation-duration: 9.5s;
      animation-duration: 9.5s; }
      .recruit-top-slide__indicator span.is-init {
        -webkit-animation-duration: 6s;
        animation-duration: 6s; }
  .recruit-top-slide__counter-current, .recruit-top-slide__counter-all {
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: inline-block; }

@-webkit-keyframes zoom_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes zoom_animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-webkit-keyframes progress_bar {
  0% {
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  95% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    left: 0%; }
  to {
    left: 150%; } }

@keyframes progress_bar {
  0% {
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  95% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    left: 0%; }
  to {
    left: 150%; } }

.recruit-top-heading {
  font-size: 5.2rem;
  font-weight: bold;
  line-height: 1; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-heading {
      font-size: 5rem; } }
  @media screen and (max-width: 400px) {
    .recruit-top-heading {
      font-size: 4.8rem; } }
  .recruit-top-heading__sub {
    display: block;
    margin-top: 8px;
    font-size: 1.4rem;
    font-weight: normal; }

.recruit-top-lead {
  margin-top: 24px;
  font-size: 1.6rem; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-lead {
      font-size: 1.4rem; } }

.recruit-top-copy__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  margin-bottom: -160px;
  padding: 72px 0;
  background: #fff;
  z-index: 2; }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-copy__wrap {
      padding: 72px 4%; } }
  @media screen and (max-width: 767px) {
    .recruit-top-copy__wrap {
      width: 95%;
      margin: 0 0 -64px auto;
      padding: 48px 11% 80px 11%; } }
  @media screen and (min-width: 768px) {
    .recruit-top-copy__wrap::before, .recruit-top-copy__wrap::after {
      content: "";
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-copy__wrap::before, .recruit-top-copy__wrap::after {
      display: none; } }

.recruit-top-copy {
  width: 720px; }
  .recruit-top-copy__title {
    margin-bottom: 40px;
    font-size: 3.2rem;
    font-weight: bold; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-copy__title {
        font-size: 3rem; } }
    @media screen and (max-width: 767px) {
      .recruit-top-copy__title {
        margin-bottom: 24px;
        font-size: 2.4rem; } }
  .recruit-top-copy__text {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.4; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-copy__text {
        font-size: 1.7rem; } }
    @media screen and (max-width: 767px) {
      .recruit-top-copy__text {
        line-height: 2; } }
    .recruit-top-copy__text:nth-child(n+2) {
      margin-top: 32px; }
  .recruit-top-copy .c-recruit-button--secondary {
    margin-top: 48px; }
    @media screen and (max-width: 767px) {
      .recruit-top-copy .c-recruit-button--secondary {
        margin-top: 80px; } }

.recruit-top-about {
  position: relative;
  width: 100%;
  margin-bottom: 122px;
  padding: 270px 0 120px;
  background: -webkit-linear-gradient(110deg, #ffc9a7, #ffe8a8);
  background: -o-linear-gradient(110deg, #ffc9a7, #ffe8a8);
  background: linear-gradient(-20deg, #ffc9a7, #ffe8a8); }
  @media screen and (max-width: 767px) {
    .recruit-top-about {
      margin-bottom: 100px;
      padding: 120px 0 64px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-about__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .recruit-top-about__title-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 34.4%; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-about__title-area {
        width: 30%;
        padding: 0 2% 0 3%; } }
    @media screen and (max-width: 767px) {
      .recruit-top-about__title-area {
        width: 100%;
        padding: 0 8%; } }
    @media screen and (min-width: 768px) {
      .recruit-top-about__title-area::before, .recruit-top-about__title-area::after {
        content: "";
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-about__title-area::before, .recruit-top-about__title-area::after {
        display: none; } }
    @media screen and (min-width: 768px) {
      .recruit-top-about__title-area__inner {
        width: 320px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-about__article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 65.6%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-about__article {
      width: 70%; } }
  @media screen and (max-width: 767px) {
    .recruit-top-about__article {
      margin-top: 32px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-about__article__item {
      width: calc(100% / 3); } }
  .recruit-top-about__article__item > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .recruit-top-about__article__item > a::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(13, 13, 13, 0.5);
      z-index: 1; }
    .recruit-top-about__article__item > a:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .recruit-top-about__article__item > a:hover .recruit-top-about__article__title::before, .recruit-top-about__article__item > a:hover .recruit-top-about__article__title::after {
      opacity: 1; }
    .recruit-top-about__article__item > a:hover .recruit-top-about__article__title > span {
      text-align: left; }
      .recruit-top-about__article__item > a:hover .recruit-top-about__article__title > span::before {
        width: 100%; }
    .recruit-top-about__article__item > a img {
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
  .recruit-top-about__article__title {
    position: absolute;
    width: 79%;
    font-size: 1.8rem;
    font-weight: bold;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    @media screen and (max-width: 1150px) and (min-width: 1025px) {
      .recruit-top-about__article__title {
        width: 85%;
        font-size: 1.6rem; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-about__article__title {
        width: 92%;
        font-size: 1.5rem; } }
    .recruit-top-about__article__title::before {
      position: absolute;
      content: "";
      width: 46px;
      height: 1px;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #fff;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      opacity: 0; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .recruit-top-about__article__title::before {
          width: 3vw; } }
    .recruit-top-about__article__title::after {
      position: absolute;
      content: "";
      border-top: 4px solid transparent;
      border-right: 6px solid transparent;
      border-left: 6px solid  #fff;
      border-bottom: 4px solid  #fff;
      top: 35%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      opacity: 0; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .recruit-top-about__article__title::after {
          border-top: 3px solid transparent;
          border-right: 5px solid transparent;
          border-left: 5px solid  #fff;
          border-bottom: 3px solid  #fff; } }
    .recruit-top-about__article__title > span {
      position: relative;
      display: inline-block;
      width: 100%;
      text-align: center;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .recruit-top-about__article__title > span::before {
        position: absolute;
        content: "";
        width: 30px;
        height: 2px;
        left: 50%;
        bottom: -12px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }

.recruit-top-work {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  padding: 80px 0 120px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .recruit-top-work {
      margin-bottom: 118px;
      padding: 50px 0 64px; } }
  .recruit-top-work::before {
    position: absolute;
    content: "";
    display: block;
    width: 82.6%;
    height: 100%;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(110deg, #ffcbc4, #ffe8df);
    background: -o-linear-gradient(110deg, #ffcbc4, #ffe8df);
    background: linear-gradient(-20deg, #ffcbc4, #ffe8df);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .recruit-top-work::before {
        width: 84%; } }
  .recruit-top-work__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .recruit-top-work__title-area {
        width: 87.5%;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .recruit-top-work__title-area {
        padding: 0 0 0 8%; } }

.recruit-top-work__article {
  position: relative;
  margin-top: 40px;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .recruit-top-work__article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .recruit-top-work__article__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .recruit-top-work__article__item {
        width: 50%; } }
    .recruit-top-work__article__item::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(13, 13, 13, 0.5);
      z-index: 1; }
  .recruit-top-work__article__link {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2; }
    .recruit-top-work__article__link__item {
      position: relative;
      width: auto;
      text-align: center;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .recruit-top-work__article__link__item:nth-child(n+2) {
        margin-top: 48px; }
        @media screen and (max-width: 767px) {
          .recruit-top-work__article__link__item:nth-child(n+2) {
            margin-top: 40px; } }
      .recruit-top-work__article__link__item:hover {
        width: 250px; }
        .recruit-top-work__article__link__item:hover::before, .recruit-top-work__article__link__item:hover::after {
          opacity: 1; }
        .recruit-top-work__article__link__item:hover > a {
          width: 100%; }
          .recruit-top-work__article__link__item:hover > a::before {
            width: 100%; }
      .recruit-top-work__article__link__item::before {
        position: absolute;
        content: "";
        width: 46px;
        height: 1px;
        top: 35%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #fff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0; }
      .recruit-top-work__article__link__item::after {
        position: absolute;
        content: "";
        border-top: 4px solid transparent;
        border-right: 6px solid transparent;
        border-left: 6px solid  #fff;
        border-bottom: 4px solid  #fff;
        top: 26%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 0; }
      .recruit-top-work__article__link__item > a {
        position: relative;
        display: inline-block;
        padding-bottom: 12px;
        color: #fff;
        font-size: 2rem;
        font-weight: bold;
        text-align: left; }
        @media screen and (max-width: 1024px) and (min-width: 768px) {
          .recruit-top-work__article__link__item > a {
            font-size: 1.8rem; } }
        @media screen and (max-width: 767px) {
          .recruit-top-work__article__link__item > a {
            font-size: 1.8rem; } }
        .recruit-top-work__article__link__item > a::before {
          position: absolute;
          content: "";
          width: 30px;
          height: 2px;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          background: #fff;
          -webkit-transition: .3s;
          -o-transition: .3s;
          transition: .3s; }
        .recruit-top-work__article__link__item > a:hover {
          text-decoration: none; }

.recruit-top-interview {
  position: relative;
  width: 100%;
  margin-bottom: 120px; }
  @media screen and (min-width: 768px) {
    .recruit-top-interview {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 188px 0 0; } }
  @media screen and (max-width: 767px) {
    .recruit-top-interview {
      margin-bottom: 80px;
      padding: 60px 0 64px; } }
  .recruit-top-interview::before {
    position: absolute;
    content: "";
    display: block;
    width: 81%;
    height: 72%;
    top: 108px;
    left: 0;
    background: -webkit-linear-gradient(110deg, #66d1bc, #dff5f1);
    background: -o-linear-gradient(110deg, #66d1bc, #dff5f1);
    background: linear-gradient(-20deg, #66d1bc, #dff5f1);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .recruit-top-interview::before {
        width: 100%;
        height: 100%;
        top: 0; } }
  .recruit-top-interview__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .recruit-top-interview__title-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 39%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-interview__title-area {
        padding: 0 4% 0 3%; } }
    @media screen and (max-width: 767px) {
      .recruit-top-interview__title-area {
        padding: 0 8%; } }
    @media screen and (min-width: 768px) {
      .recruit-top-interview__title-area::before, .recruit-top-interview__title-area::after {
        content: "";
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-interview__title-area::before, .recruit-top-interview__title-area::after {
        display: none; } }
    @media screen and (min-width: 768px) {
      .recruit-top-interview__title-area__inner {
        width: 350px; } }

.recruit-top-interview__article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 61%;
  margin-top: -180px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .recruit-top-interview__article {
      width: 100%;
      margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .recruit-top-interview__article__item {
      width: 37.5%; } }
  @media screen and (max-width: 1150px) and (min-width: 1025px) {
    .recruit-top-interview__article__item {
      width: 42%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit-top-interview__article__item {
      width: 45%; } }
  @media screen and (max-width: 767px) {
    .recruit-top-interview__article__item {
      width: 73%;
      margin: 32px auto 0; } }
  @media screen and (min-width: 768px) {
    .recruit-top-interview__article__item:nth-child(even) {
      margin-left: 4.5%; } }
  @media screen and (min-width: 768px) {
    .recruit-top-interview__article__item:nth-child(2) {
      margin-top: 60px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-interview__article__item:nth-child(3) {
      margin-top: -20px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-interview__article__item:nth-child(4) {
      margin-top: 40px; } }
  .recruit-top-interview__article__item > a {
    position: relative;
    display: block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .recruit-top-interview__article__item > a:hover {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  .recruit-top-interview__article__text-area {
    position: absolute;
    left: -16px;
    bottom: 20px; }
  .recruit-top-interview__article__title {
    display: block;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-interview__article__title {
        font-size: 1.6rem; } }
    .recruit-top-interview__article__title > span {
      display: inline-block;
      padding: 7px 16px 5px 13px;
      word-break: keep-all;
      background: #fff; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .recruit-top-interview__article__title > span {
          padding: 7px 8px 5px 8px; } }
      @media screen and (max-width: 767px) {
        .recruit-top-interview__article__title > span {
          padding: 7px 10px 5px 10px; } }
  .recruit-top-interview__article__text {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .recruit-top-interview__article__text {
        font-size: 1.1rem; } }
    .recruit-top-interview__article__text > span {
      position: relative;
      display: inline-block;
      padding: 6px 16px 6px 8px;
      word-break: keep-all;
      background: #333; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .recruit-top-interview__article__text > span {
          padding: 6px 16px 6px 8px; } }

.recruit-top-recruit-employment {
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  padding: 80px 0 120px; }
  @media screen and (max-width: 767px) {
    .recruit-top-recruit-employment {
      margin-bottom: 100px;
      padding: 56px 0 64px; } }
  .recruit-top-recruit-employment::before {
    position: absolute;
    content: "";
    width: 83%;
    height: 100%;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(110deg, #FFC9A7, #FFE8A8);
    background: -o-linear-gradient(110deg, #FFC9A7, #FFE8A8);
    background: linear-gradient(-20deg, #FFC9A7, #FFE8A8);
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .recruit-top-recruit-employment::before {
        width: 84%; } }
  .recruit-top-recruit-employment__title-area {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .recruit-top-recruit-employment__title-area {
        width: 88%;
        margin: 0 0 0 auto; } }
    @media screen and (max-width: 767px) {
      .recruit-top-recruit-employment__title-area {
        padding-left: 8%; } }

.recruit-top-recruit-employment__article {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .recruit-top-recruit-employment__article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 74%;
      margin: 48px 0 0 auto; } }
  @media screen and (max-width: 767px) {
    .recruit-top-recruit-employment__article {
      margin-top: 40px; } }
  @media screen and (min-width: 768px) {
    .recruit-top-recruit-employment__article__item {
      width: 38.6%; } }
  @media screen and (min-width: 768px) {
    .recruit-top-recruit-employment__article__item:nth-child(n+2) {
      margin-left: 5.6%; } }
  .recruit-top-recruit-employment__article__item > a {
    position: relative;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .recruit-top-recruit-employment__article__item > a:hover {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  .recruit-top-recruit-employment__article__title {
    position: absolute;
    display: inline-block;
    left: -24px;
    bottom: 20px; }
    @media screen and (max-width: 767px) {
      .recruit-top-recruit-employment__article__title {
        left: 8%; } }
    .recruit-top-recruit-employment__article__title__main {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1; }
      @media screen and (max-width: 1024px) and (min-width: 768px) {
        .recruit-top-recruit-employment__article__title__main {
          font-size: 1.8rem; } }
      .recruit-top-recruit-employment__article__title__main > span {
        display: inline-block;
        padding: 8px 12px 6px;
        background: #fff; }
    .recruit-top-recruit-employment__article__title__sub {
      margin-top: 8px;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1; }
      .recruit-top-recruit-employment__article__title__sub > span {
        display: inline-block;
        padding: 5px 24px 5px 12px;
        background: #333; }

.recruit-top-news {
  position: relative;
  margin: 0 0 0 auto;
  background: #fff;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .recruit-top-news {
      width: 87.5%;
      padding: 72px 80px 80px; } }
  @media screen and (max-width: 767px) {
    .recruit-top-news {
      width: 92%;
      padding: 56px 8.6% 60px 9.8%;
      -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } }
  .recruit-top-news__list {
    max-width: 935px;
    margin-top: 32px;
    border-top: 1px solid #dedede; }
    @media screen and (max-width: 767px) {
      .recruit-top-news__list {
        margin-top: 40px; } }
    .recruit-top-news__list__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #dedede; }
      @media screen and (min-width: 768px) {
        .recruit-top-news__list__item {
          padding: 24px 16px 24px 0; } }
      @media screen and (max-width: 767px) {
        .recruit-top-news__list__item {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 16px 0; } }
      @media screen and (min-width: 768px) {
        .recruit-top-news__list__item > time {
          width: 80px;
          margin-right: 40px; } }
      @media screen and (max-width: 767px) {
        .recruit-top-news__list__item > time {
          margin-bottom: 8px;
          font-weight: bold; } }
/*# sourceMappingURL=recruit.css.map */