@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
/* ========================================================================================================= recruit common */
.joinus {
  position: relative;
  overflow: hidden; }
  .joinus .joinus__bg {
    z-index: 2;
    padding-top: calc(670 / 1400 * 100%); }
    .joinus .joinus__bg:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      background-color: var(--colorB);
      opacity: .7; }
    .joinus .joinus__bg .video {
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
  .joinus .joinus__contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center; }
    .joinus .joinus__contents .joinus__contents--title, .joinus .joinus__contents .joinus__contents--text {
      line-height: 1;
      color: #fff;
      color: var(--colorW);
      letter-spacing: 0.05em; }
    .joinus .joinus__contents .joinus__contents--title {
      font-size: 51px;
      margin-bottom: 30px; }
    .joinus .joinus__contents .joinus__contents--btn {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      margin-bottom: 30px; }
      .joinus .joinus__contents .joinus__contents--btn .btn {
        margin: 0 10px; }
        .joinus .joinus__contents .joinus__contents--btn .btn > a:before, .joinus .joinus__contents .joinus__contents--btn .btn > a:after {
          display: none; }
    .joinus .joinus__contents .btn {
      border: 1px solid #fff;
      border: 1px solid var(--colorW);
      background-color: #fff;
      background-color: var(--colorW);
      border-radius: 75px;
      overflow: hidden; }
      .joinus .joinus__contents .btn:after {
        background-color: #000;
        background-color: var(--colorB); }
      .joinus .joinus__contents .btn > a {
        line-height: 75px;
        padding: 0;
        color: #000;
        color: var(--colorB);
        text-align: center !important; }
      .joinus .joinus__contents .btn.width {
        width: 250px; }
      .joinus .joinus__contents .btn.icon.blank > a:after, .joinus .joinus__contents .btn.icon.blank > span:after {
        background-image: url("../img/common/btnIcon--blankB.svg"); }
      @media (prefers-color-scheme: light) {
        .joinus .joinus__contents .btn.icon.blank > a:after, .joinus .joinus__contents .btn.icon.blank > span:after {
          background-image: url("../img/common/btnIcon--blankB.svg"); } }
      @media (prefers-color-scheme: dark) {
        .joinus .joinus__contents .btn.icon.blank > a:after, .joinus .joinus__contents .btn.icon.blank > span:after {
          background-image: url("../img/common/btnIcon--blankW.svg"); } }
      .joinus .joinus__contents .btn:hover > a, .joinus .joinus__contents .btn:active > a {
        color: #fff;
        color: var(--colorW); }
      .joinus .joinus__contents .btn:hover.icon.blank > a:after, .joinus .joinus__contents .btn:hover.icon.blank > span:after, .joinus .joinus__contents .btn:active.icon.blank > a:after, .joinus .joinus__contents .btn:active.icon.blank > span:after {
        background-image: url("../img/common/btnIcon--blankW.svg"); }
      @media (prefers-color-scheme: light) {
        .joinus .joinus__contents .btn:hover.icon.blank > a:after, .joinus .joinus__contents .btn:hover.icon.blank > span:after, .joinus .joinus__contents .btn:active.icon.blank > a:after, .joinus .joinus__contents .btn:active.icon.blank > span:after {
          background-image: url("../img/common/btnIcon--blankW.svg"); } }
      @media (prefers-color-scheme: dark) {
        .joinus .joinus__contents .btn:hover.icon.blank > a:after, .joinus .joinus__contents .btn:hover.icon.blank > span:after, .joinus .joinus__contents .btn:active.icon.blank > a:after, .joinus .joinus__contents .btn:active.icon.blank > span:after {
          background-image: url("../img/common/btnIcon--blankB.svg"); } }

/*ーーーーーーーーーーーーーーーーーーーー .btn--entry*/
.btn--entry {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: -37px;
  border-radius: 75px;
  overflow: hidden; }
  .btn--entry > a {
    line-height: 75px;
    padding: 0;
    text-align: center; }
  .btn--entry.icon.blank > a:after, .btn--entry.icon.blank > span:after {
    background-image: url("../img/common/btnIcon--blankW.svg"); }
  @media (prefers-color-scheme: light) {
    .btn--entry.icon.blank > a:after, .btn--entry.icon.blank > span:after {
      background-image: url("../img/common/btnIcon--blankW.svg"); } }
  @media (prefers-color-scheme: dark) {
    .btn--entry.icon.blank > a:after, .btn--entry.icon.blank > span:after {
      background-image: url("../img/common/btnIcon--blankB.svg"); } }
  .btn--entry:hover.icon.blank > a:after, .btn--entry:hover.icon.blank > span:after {
    background-image: url("../img/common/btnIcon--blankB.svg"); }
  @media (prefers-color-scheme: light) {
    .btn--entry:hover.icon.blank > a:after, .btn--entry:hover.icon.blank > span:after {
      background-image: url("../img/common/btnIcon--blankB.svg"); } }
  @media (prefers-color-scheme: dark) {
    .btn--entry:hover.icon.blank > a:after, .btn--entry:hover.icon.blank > span:after {
      background-image: url("../img/common/btnIcon--blankW.svg"); } }

/*ーーーーーーーーーーーーーーーーーーーー recruitMessage*/
.recruitMessage > p {
  line-height: 1;
  margin-bottom: 18px; }
.recruitMessage > a {
  position: relative;
  padding-top: calc(446 / 690 * 100%);
  margin-bottom: 15px;
  overflow: hidden; }
  .recruitMessage > a span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.7s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    　-moz-transition-duration: 0.7s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
  .recruitMessage > a > dl {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    padding-right: 22px;
    background-color: #ebebeb;
    background-color: var(--bgGray);
    z-index: 2; }
    .recruitMessage > a > dl > dt, .recruitMessage > a > dl > dd {
      line-height: 1; }
    .recruitMessage > a > dl > dt {
      font-size: 15px;
      margin-bottom: 8px; }
    .recruitMessage > a > dl > dd {
      font-size: 13px; }
.recruitMessage aside {
  line-height: 1.3; }
.recruitMessage:hover > a span, .recruitMessage:active > a span {
  transform: scale(1.1); }
.recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text {
  padding-top: 100px; }

/*ーーーーーーーーーーーーーーーーーーーー columnInterview__text*/
.columnInterview__text {
  line-height: 1.3; }
  .columnInterview__text > dl {
    margin-bottom: 8px; }
    .columnInterview__text > dl > dt {
      font-size: 13px;
      margin-bottom: 5px;
      line-height: 1.5; }
    .columnInterview__text > dl > dd > p {
      display: inline-block; }
      .columnInterview__text > dl > dd > p.name {
        font-size: 15px;
        margin-right: 12px; }
      .columnInterview__text > dl > dd > p.nameEn {
        font-size: 13px; }
  .columnInterview__text.font > dl {
    margin-bottom: 12px; }
    .columnInterview__text.font > dl > dt {
      opacity: .5;
      font-size: 15px;
      margin-bottom: 9px; }
    .columnInterview__text.font > dl > dd p.name {
      font-size: 20px; }
    .columnInterview__text.font > dl > dd p.nameEn {
      font-size: 16px; }

/*ーーーーーーーーーーーーーーーーーーーー columnTextBlock__main*/
.columnTextBlock__main {
  position: relative;
  top: 0px;
  margin: 0 35px;
  padding: 30px 35px;
  background-color: #2b2b2b; }

/*ーーーーーーーーーーーーーーーーーーーー recruitType*/
.column.column--3.wide.recruitType > li {
  position: relative;
  margin-bottom: 25px; }
  .column.column--3.wide.recruitType > li:before, .column.column--3.wide.recruitType > li:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #000;
    background-color: var(--colorB); }
  .column.column--3.wide.recruitType > li:before {
    opacity: .2; }
  .column.column--3.wide.recruitType > li:after {
    width: 0;
    left: auto;
    right: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    　-moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
  .column.column--3.wide.recruitType > li a {
    position: relative;
    padding-right: 35px;
    padding-bottom: 20px; }
    .column.column--3.wide.recruitType > li a:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 14px;
      left: auto;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-image: url("../img/common/btnIcon--blankB.svg");
      opacity: .5;
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
    @media (prefers-color-scheme: light) {
      .column.column--3.wide.recruitType > li a:after {
        background-image: url("../img/common/btnIcon--blankB.svg"); } }
    @media (prefers-color-scheme: dark) {
      .column.column--3.wide.recruitType > li a:after {
        background-image: url("../img/common/btnIcon--blankW.svg"); } }
    .column.column--3.wide.recruitType > li a > span {
      display: block;
      font-size: 10px;
      line-height: 1;
      margin-bottom: 10px; }
    .column.column--3.wide.recruitType > li a > p {
      line-height: 1.5; }
  .column.column--3.wide.recruitType > li:hover:after, .column.column--3.wide.recruitType > li:active:after {
    width: 100%;
    right: auto;
    left: 0; }
  .column.column--3.wide.recruitType > li:hover a::after, .column.column--3.wide.recruitType > li:active a::after {
    opacity: 1; }
.column.column--3.wide.recruitType.arrow > li a:after {
  width: 11px;
  background-image: url("../img/common/btnIcon--arrowB.svg"); }
@media (prefers-color-scheme: light) {
  .column.column--3.wide.recruitType.arrow > li a:after {
    background-image: url("../img/common/btnIcon--arrowB.svg"); } }
@media (prefers-color-scheme: dark) {
  .column.column--3.wide.recruitType.arrow > li a:after {
    background-image: url("../img/common/btnIcon--arrowW.svg"); } }

/*ーーーーーーーーーーーーーーーーーーーー recruitType__btn*/
.recruitType__btn {
  font-size: 0;
  text-align: left;
  margin-bottom: 45px; }
  .recruitType__btn > li {
    display: inline-block;
    min-width: 135px;
    margin-right: 15px;
    margin-bottom: 10px; }
    .recruitType__btn > li button {
      position: relative;
      font-size: 14px;
      font-weight: 600;
      text-align: left;
      padding: 10px 30px 10px 15px;
      color: #000;
      color: var(--colorB);
      border: 1px solid #000;
      border: 1px solid var(--colorB);
      border-radius: 4px;
      background-color: transparent;
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      　-moz-transition-duration: 0.5s;
      -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
      cursor: pointer;
      min-height: 43px; }
      .recruitType__btn > li button .icon--close {
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        right: 9px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        cursor: pointer;
        transition-duration: 0.5s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -ms-transition-duration: 0.5s;
        -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        　-moz-transition-duration: 0.5s;
        -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        opacity: 0;
        visibility: hidden; }
        .recruitType__btn > li button .icon--close:before, .recruitType__btn > li button .icon--close:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          height: 1px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          background-color: #fff;
          background-color: var(--colorW); }
        .recruitType__btn > li button .icon--close:before {
          transform: translateY(-50%) rotate(-45deg);
          -webkit-transform: translateY(-50%) rotate(-45deg); }
        .recruitType__btn > li button .icon--close:after {
          transform: translateY(-50%) rotate(45deg);
          -webkit-transform: translateY(-50%) rotate(45deg); }
      .recruitType__btn > li button:hover, .recruitType__btn > li button:active {
        background-color: rgba(0, 0, 0, 0.15); }
      @media (prefers-color-scheme: light) {
        .recruitType__btn > li button:hover, .recruitType__btn > li button:active {
          background-color: rgba(0, 0, 0, 0.15); } }
      @media (prefers-color-scheme: dark) {
        .recruitType__btn > li button:hover, .recruitType__btn > li button:active {
          background-color: rgba(255, 255, 255, 0.15); } }
      .recruitType__btn > li button.selected {
        background-color: #000;
        background-color: var(--colorB);
        color: #fff;
        color: var(--colorW); }
        .recruitType__btn > li button.selected .icon--close {
          opacity: 1;
          visibility: visible; }
          .recruitType__btn > li button.selected .icon--close:hover, .recruitType__btn > li button.selected .icon--close:active {
            opacity: .5; }
      .recruitType__btn > li button:disabled {
        pointer-events: none;
        opacity: .2; }

/*ーーーーーーーーーーーーーーーーーーーー bgGrayAfter recruit2021 2022*/
.recruitDetail--bgGrayAfter {
  position: relative; }
  .recruitDetail--bgGrayAfter:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    top: auto;
    bottom: 0;
    height: calc(100% - 365px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #ebebeb;
    background-color: var(--bgGray);
    z-index: 1; }
  .recruitDetail--bgGrayAfter section {
    position: relative;
    z-index: 2; }
  .recruitDetail--bgGrayAfter .column > li .column__img > a::after, .recruitDetail--bgGrayAfter .column > div .column__img > a::after {
    border-color: #ebebeb;
    border-color: var(--bgGray); }

.soldout {
  position: relative;
}
.soldout::after {
  content: "ご成約済み";
  font-size: 36px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.post-type-archive-product .meeting {
  position: relative;
}
.post-type-archive-product .meeting::after {
  content: "商談中";
  font-size: 36px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

/*ーーーーーーーーーーーーーーーーーーーー recruit*/
.block__left {
  position: relative;
  min-height: 480px;
  display: flex;
  margin-bottom: 100px; }
  .block__left .block__left--img {
    position: absolute;
    width: calc(50% + 15px);
    height: 100%;
    top: 0;
    left: 0; }
    .block__left .block__left--img span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
  .block__left .block__left--text {
    display: flex;
    justify-content: flex-end; }
    .block__left .block__left--text > dl {
      width: calc(50% - 60px);
      align-self: center; }

@media screen\0  {
  .block__left .block__left--text {
    min-height: 480px; } }
/* ========================================================================================================= TOP */
.recruit .contentsKv {
  height: 670px;
  margin-bottom: 180px; }
.recruit .recruitTop__info .recruitTop__info--title {
  font-size: 23px;
  line-height: 1;
  margin-bottom: 50px;
  letter-spacing: 0.1em; }
.recruit .recruitTop__info .list__underline > li > p {
  align-self: center;
  width: calc(100% - 75px); }
.recruit .recruitTopAbout .recruitTopAbout__contents {
  position: relative;
  margin-bottom: 35px; }
  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--img {
    position: absolute;
    height: 100%;
    top: 0; }
    .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--img span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--title span {
    display: inline-block;
    font-size: 26px;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 3px solid #fff;
    margin-bottom: 30px; }
  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail {
    display: flex;
    align-self: flex-end; }
    .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text {
      width: calc(50% - 100px); }
      .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text dl {
        margin-bottom: 30px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text dl dt {
          font-size: 24px;
          line-height: 1.6;
          margin-bottom: 10px; }
  .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--img {
    width: calc(50% - 100px);
    height: calc(100% + 120px);
    top: auto;
    bottom: 0;
    right: 0; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--img span {
      background-image: url("../img/contents/product/aboutImg--1.jpg"); }
  .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text {
    padding-bottom: 45px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl {
      width: calc(50% + 10px); }
      .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl dt {
        font-size: 42px;
        line-height: 1.6;
        margin-bottom: 15px; }
  .recruit .recruitTopAbout .recruitTopAbout__contents.second {
    min-height: 530px;
    display: flex;
    margin-bottom: 120px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.second .recruitTopAbout__contents--img {
      width: calc(50% + 10px);
      left: 0; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.second .recruitTopAbout__contents--img span {
        background-image: url("../img/contents/product/aboutImg--2.jpg"); }
    .recruit .recruitTopAbout .recruitTopAbout__contents.second .recruitTopAbout__contents--detail {
      justify-content: flex-end; }
  .recruit .recruitTopAbout .recruitTopAbout__contents.third {
    display: flex;
    min-height: 450px;
    margin-bottom: 120px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.third .recruitTopAbout__contents--img {
      width: calc(50% + 5px);
      right: 45px; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.third .recruitTopAbout__contents--img span {
        background-image: url("../img/contents/product/aboutImg--3.jpg"); }

  .recruit .recruitTopAbout .recruitTopAbout__contents.fourth {
    min-height: 530px;
    display: flex;
    margin-bottom: 120px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.fourth .recruitTopAbout__contents--img {
      width: calc(50% + 10px);
      left: 0; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.fourth .recruitTopAbout__contents--img span {
        background-image: url("../img/contents/product/aboutImg--4.jpg"); }
    .recruit .recruitTopAbout .recruitTopAbout__contents.fourth .recruitTopAbout__contents--detail {
      justify-content: flex-end; }

  .recruit .recruitTopAbout .recruitTopAbout__contents.fifth {
    display: flex;
    min-height: 450px;
    margin-bottom: 120px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents.fifth .recruitTopAbout__contents--img {
      width: calc(50% + 5px);
      right: 45px; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.fifth .recruitTopAbout__contents--img span {
        background-image: url("../img/contents/product/aboutImg--5.jpg"); }
        
/* ========================================================================================================= recruit2021 21卒採用 */
.recruitDetail .textNav.textNav--arrow {
  margin-bottom: 90px; }
  .recruitDetail .textNav.textNav--arrow > li {
    width: 100%; }
.recruitDetail .recruitDetail--img {
  margin-bottom: 45px; }
.recruitDetail .recruitDetail__contents {
  padding-bottom: 70px; }
.recruitDetail .recruitDetail__contents--title {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 25px; }
.recruitDetail .recruitDetail__contents--leader {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 45px; }
  .recruitDetail .recruitDetail__contents--leader > p {
    width: calc(100% - 445px); }
  .recruitDetail .recruitDetail__contents--leader .recruitMessage {
    align-self: flex-start;
    width: 345px; }
.recruitDetail .joinus {
  margin-bottom: 0; }

/* ========================================================================================================= midcareer 中途採用 */
.recruitMidcareer .contentsKv__bgGray {
  margin-bottom: 0; }
.recruitMidcareer .column.column--3.wide.recruitType > li {
  width: calc(100% / 3);
  margin-right: 0;
  padding-right: 50px; }
  .recruitMidcareer .column.column--3.wide.recruitType > li:before {
    width: calc(100% - 50px); }
  .recruitMidcareer .column.column--3.wide.recruitType > li:after {
    right: 50px; }
  .recruitMidcareer .column.column--3.wide.recruitType > li:hover:after, .recruitMidcareer .column.column--3.wide.recruitType > li:active:after {
    width: calc(100% - 50px); }
@media screen\0  {
  .recruitMidcareer .column.column--3.wide.recruitType > li {
    margin-right: -1px; } }

/* ========================================================================================================= Interview  */
.recruitInterview .column.columnInterview > li .column__img, .recruitInterview .column.columnInterview > div .column__img {
  margin-bottom: 0; }
.recruitInterview .column.column--2.columnInterview > li, .recruitInterview .column.column--2.columnInterview > div {
  margin-bottom: 0; }

/* ========================================================================================================= InterviewDetail  */
.recruitInterviewDetail .bgGray.bgGraySlip .contentsKv {
  margin-bottom: 0;
  height: 515px; }
.recruitInterviewDetail .contentsKv .columnInterview__text {
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  bottom: -120px;
  right: 0;
  padding-top: 30px;
  padding-right: 125px;
  padding-bottom: 5px;
  padding-left: 35px;
  background-color: #1a1a1a;
  z-index: 2; }
.recruitInterviewDetail .interviewDetail__history {
  display: table;
  margin-bottom: 80px; }
  .recruitInterviewDetail .interviewDetail__history > li {
    /* display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; */
    display: table-row;
    table-layout: fixed;
   }
    .recruitInterviewDetail .interviewDetail__history > li > span {
      /* align-self: flex-start; */
      /* display: block; */
      display: table-cell;
      position: relative;
      min-width: 100px;
      width: auto;
      padding-right: 45px;
      vertical-align: middle;
      padding-top: 10px;
      padding-bottom: 10px; }
      .recruitInterviewDetail .interviewDetail__history > li > span:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 5px;
        height: 5px;
        top: 50%;
        transform: translateY(-50%) translateX(56%);
        -webkit-transform: translateY(-50%) translateX(56%);
        left: auto;
        right: 0;
        border-radius: 50%;
        background-color: #fff;}
    .recruitInterviewDetail .interviewDetail__history > li > p {
      position: relative;
      display: table-cell;
      /* width: calc(100% - 100px); */
      padding-left: 47px;
      vertical-align: middle;
      padding-top: 10px;
      padding-bottom: 10px; }
      .recruitInterviewDetail .interviewDetail__history > li > p:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 1px;
        top: 20px;
        background-color: #fff;
        opacity: .1; }
    .recruitInterviewDetail .interviewDetail__history > li:last-child > p {
      /* padding-bottom: 0; */
    }
      .recruitInterviewDetail .interviewDetail__history > li:last-child > p:after {
        display: none; }
.recruitInterviewDetail .interviewDetail__faq {
  padding-bottom: 90px; }
  .recruitInterviewDetail .interviewDetail__faq > li {
    position: relative;
    width: calc(50% - 22px);
    margin-bottom: 45px;
    padding: 40px 50px;
    background-color: #2b2b2b; }
    .recruitInterviewDetail .interviewDetail__faq > li:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "＋";
      width: 38px;
      top: -5px;
      left: -5px;
      height: auto;
      font-size: 20px;
      text-align: center;
      line-height: 1;
      line-height: 38px;
      font-family: 'Heebo', sans-serif;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #2b2b2b;
      background-color: #000; }
    .recruitInterviewDetail .interviewDetail__faq > li:nth-child(odd) {
      float: left;
      margin-right: 44px; }
    .recruitInterviewDetail .interviewDetail__faq > li:nth-child(even) {
      float: right; }
    .recruitInterviewDetail .interviewDetail__faq > li > dl > dt {
      line-height: 1.7;
      margin-bottom: 15px; }
.recruitInterviewDetail .interviewDetail__voice > li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img {
    width: 155px;
    padding-top: 7px; }
    .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img > span {
      display: block;
      padding-top: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img > dl {
      margin-top: 20px;
      line-height: 1.3; }
      .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img > dl > dt {
        margin-bottom: 7px; }
  .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--text {
    width: calc(100% - 185px); }
    .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--text > p {
      margin-bottom: 10px; }

/* ========================================================================================================= recruitEnv 働く環境 */
.recruitEnv .joinus.mb70 {
  margin-bottom: 0; }
.recruitEnv .recruitEnv__leader {
  margin-bottom: 50px; }
  .recruitEnv .recruitEnv__leader > dt {
    margin-bottom: 20px; }
.recruitEnv .recruitEnv__contents {
  position: relative;
  padding-right: 85px;
  margin-bottom: 105px; }
  .recruitEnv .recruitEnv__contents .recruitEnv__contents--img--wrapper {
    position: relative;
    width: calc(100% + 65px);
    left: -65px;
    z-index: 1; }
    .recruitEnv .recruitEnv__contents .recruitEnv__contents--img--wrapper .slickTarget--wrapper {
      position: relative;
      padding-top: calc(1030 / 2034 * 100%); }
    .recruitEnv .recruitEnv__contents .recruitEnv__contents--img--wrapper .slickTarget {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .recruitEnv .recruitEnv__contents .recruitEnv__contents--text {
    position: absolute;
    width: 415px;
    right: 0;
    bottom: -45px;
    padding: 30px 40px;
    background-color: #fff;
    background-color: var(--colorW);
    z-index: 2; }
    .recruitEnv .recruitEnv__contents .recruitEnv__contents--text > dt {
      line-height: 1.7;
      margin-bottom: 8px; }
  .recruitEnv .recruitEnv__contents.right {
    padding-left: 85px;
    padding-right: 0; }
    .recruitEnv .recruitEnv__contents.right .recruitEnv__contents--img--wrapper {
      left: 0;
      right: -65px; }
    .recruitEnv .recruitEnv__contents.right .recruitEnv__contents--text {
      right: auto;
      left: 0; }
.recruitEnv .columnTextBlock__main {
  padding: 25px 35px; }
  .recruitEnv .columnTextBlock__main > dl > dt {
    line-height: 1.7;
    margin-bottom: 8px; }
.recruitEnv .recruitEnv__system .h3--text20 {
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 40px; }
.recruitEnv .recruitEnv__system .recruitEnv__system--list {
  margin-bottom: 90px; }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list > li {
    position: relative;
    padding-left: 125px;
    margin-bottom: 65px; }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list > li:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 85px;
      height: 74px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list > li > dl > dt {
      margin-bottom: 5px; }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list > li:last-child {
      margin-bottom: 0; }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(1)::after {
    background-image: url("../img/contents/recruit/environment/icon--1.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(2)::after {
    background-image: url("../img/contents/recruit/environment/icon--2.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(3)::after {
    background-image: url("../img/contents/recruit/environment/icon--3.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(1)::after {
    background-image: url("../img/contents/recruit/environment/icon--4.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(2)::after {
    background-image: url("../img/contents/recruit/environment/icon--5.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(3)::after {
    background-image: url("../img/contents/recruit/environment/icon--6.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(4)::after {
    background-image: url("../img/contents/recruit/environment/icon--7.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(5)::after {
    background-image: url("../img/contents/recruit/environment/icon--8.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(1)::after {
    background-image: url("../img/contents/recruit/environment/icon--9.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(2)::after {
    background-image: url("../img/contents/recruit/environment/icon--10.svg"); }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(3)::after {
    background-image: url("../img/contents/recruit/environment/icon--11.svg"); }
  @media (prefers-color-scheme: light) {
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--1.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--2.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--3.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--4.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--5.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--6.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(4)::after {
      background-image: url("../img/contents/recruit/environment/icon--7.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(5)::after {
      background-image: url("../img/contents/recruit/environment/icon--8.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--9.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--10.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--11.svg"); } }
  @media (prefers-color-scheme: dark) {
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--1--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--2--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--1 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--3--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--4--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--5--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--6--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(4)::after {
      background-image: url("../img/contents/recruit/environment/icon--7--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--2 > li:nth-child(5)::after {
      background-image: url("../img/contents/recruit/environment/icon--8--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(1)::after {
      background-image: url("../img/contents/recruit/environment/icon--9--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(2)::after {
      background-image: url("../img/contents/recruit/environment/icon--10--b.svg"); }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list.list--3 > li:nth-child(3)::after {
      background-image: url("../img/contents/recruit/environment/icon--11--b.svg"); } }
.recruitEnv .bgGray .gridContents .column > li .column__img {
  pointer-events: none; }

/* ========================================================================================================= recruitMessage 本部長メッセージ */
.recruitMessage .contentsKv {
  margin-bottom: 0; }
  .recruitMessage .contentsKv .block__left {
    height: 100%;
    margin-bottom: 0; }
    .recruitMessage .contentsKv .block__left .block__left--img {
      width: calc(50% + 120px); }
    .recruitMessage .contentsKv .block__left .block__left--text {
      width: 100%; }
      .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text {
        width: calc(50% - 170px); }
        .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > p {
          line-height: 2; }
.recruitMessage .bgGray.bgGraySlip {
  padding-bottom: 85px; }
.recruitMessage section.block__left {
  margin-bottom: 60px; }
.recruitMessage .recruitMessage__end .column.column--3 {
  flex-wrap: nowrap;
  margin-bottom: 20px; }
  .recruitMessage .recruitMessage__end .column.column--3 > li {
    width: 100%; }
  .recruitMessage .recruitMessage__end .column.column--3 > li.btnUnderline > a {
    font-size: 18px; }
.recruitMessage .joinus {
  margin-bottom: 0; }

/* ========================================================================================================= recruitEnv slide arrow */
.recruitEnv .recruitEnv__contents:nth-of-type(3) .slick-prev {
  left: 65px; }
.recruitEnv .recruitEnv__contents:nth-of-type(3) .slick-next {
  left: 113px; }

/* ========================================================================================================= override */
.recruitEnv .recruitEnv__system .recruitEnv__system--list li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 85px;
  min-height: 74px; }

.recruitEnv .recruitEnv__system .recruitEnv__system--list li i img {
  display: block;
  width: 100%;
  height: auto; }

.slick-prev:before {
  background-image: url("../img/common/slickArrow--prevW.svg"); }

.slick-next:before {
  background-image: url("../img/common/slickArrow--nextW.svg"); }

@media (prefers-color-scheme: light) {
  .slick-prev:before {
    background-image: url("../img/common/slickArrow--prevW.svg"); }

  .slick-next:before {
    background-image: url("../img/common/slickArrow--nextW.svg"); } }
@media (prefers-color-scheme: dark) {
  .slick-prev:before {
    background-image: url("../img/common/slickArrow--prevB.svg"); }

  .slick-next:before {
    background-image: url("../img/common/slickArrow--nextB.svg"); } }