@charset "UTF-8";
/* 1023px
=================================================================== */
@media only screen and (max-width: 1023px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl dt {
    font-size: 32px; }

  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--title span {
    font-size: 22px; }

  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text dl dt {
    font-size: 20px; }

  .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text {
    width: calc(50% - 100px); }

  /* ========================================================================================================= recruitMessage 本部長メッセージ */
  .recruitMessage .contentsKv {
    margin-bottom: 0; }
    .recruitMessage .contentsKv .block__left {
      flex-direction: column;
      height: auto;
      margin-bottom: 0; }
      .recruitMessage .contentsKv .block__left .block__left--img {
        width: calc(100% - 20px);
        padding-top: 0;
        margin-bottom: 0; }
      .recruitMessage .contentsKv .block__left .block__left--text {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -140px; }
        .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text {
          position: relative;
          width: 100%;
          height: auto;
          padding-top: 20px;
          padding-left: 25px; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: calc(100% + 33px);
            background-color: #ebebeb;
            background-color: var(--bgGray);
            z-index: 1; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > dl, .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > aside, .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > p {
            position: relative;
            z-index: 2; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > aside.mb45 {
            margin-bottom: 20px; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > p {
            line-height: 2; }

  .joinus .joinus__contents .btn {
    border-radius: 60px; }
    .joinus .joinus__contents .btn > a {
      line-height: 60px;
      font-size: 17px; }
    .joinus .joinus__contents .btn.width {
      width: 220px; } }
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /* ========================================================================================================= recruit common */
  .joinus .joinus__bg {
    z-index: 2;
    padding-top: calc(205 / 375 * 100%); }
  .joinus .joinus__contents .joinus__contents--title {
    font-size: 23px;
    margin-bottom: 18px; }
  .joinus .joinus__contents .btn {
    margin-bottom: 18px;
    border-radius: 42px; }
    .joinus .joinus__contents .btn > a {
      line-height: 42px; }
  .joinus .joinus__contents .joinus__contents--text {
    font-size: 10px; }

  /*ーーーーーーーーーーーーーーーーーーーー .btn--entry*/
  .btn--entry {
    bottom: -21px;
    border-radius: 43px; }
    .btn--entry > a {
      line-height: 43px; }

  /*ーーーーーーーーーーーーーーーーーーーー 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); }
    
    
  .gridContentsD {
    margin-top: 100px !important;
}
    

  /*ーーーーーーーーーーーーーーーーーーーー columnInterview__text*/
  .columnInterview__text {
    position: absolute;
    width: calc(50% - 20px);
    top: 0;
    right: 0; }
    .columnInterview__text > dl {
      margin-bottom: 8px; }
      .columnInterview__text > dl > dt {
        font-size: 10px;
        margin-bottom: 8px; }
      .columnInterview__text > dl > dd > p.name {
        font-size: 13px;
        margin-right: 10px; }
      .columnInterview__text > dl > dd > p.nameEn {
        font-size: 10px; }
    .columnInterview__text.font > dl {
      margin-bottom: 6px; }
      .columnInterview__text.font > dl > dt {
        font-size: 10px;
        margin-bottom: 6px; }
      .columnInterview__text.font > dl > dd p {
        display: inline-block; }
        .columnInterview__text.font > dl > dd p.name {
          font-size: 13px; }
        .columnInterview__text.font > dl > dd p.nameEn {
          font-size: 10px; }

  /*ーーーーーーーーーーーーーーーーーーーー columnTextBlock__main*/
  .columnInterview__text.columnTextBlock__main {
    position: relative;
    width: auto;
    top: 0px;
    margin: 0 25px;
    padding: 18px 25px; }

  /*ーーーーーーーーーーーーーーーーーーーー recruitType*/
  .column.column--3.wide.recruitType > li {
    margin-bottom: 20px; }
    .column.column--3.wide.recruitType > li a {
      padding-right: 35px;
      padding-bottom: 20px; }
      .column.column--3.wide.recruitType > li a:after {
        width: 12px; }
      .column.column--3.wide.recruitType > li a > span {
        margin-bottom: 8px; }
  .column.column--3.wide.recruitType.arrow > li a:after {
    width: 10px; }

  /*ーーーーーーーーーーーーーーーーーーーー recruitType__btn*/
  .recruitType__btn {
    margin-bottom: 30px; }
    .recruitType__btn > li {
      min-width: 60px;
      margin-right: 5px;
      margin-bottom: 8px; }
      .recruitType__btn > li button {
        font-size: 10px;
        padding: 8px 25px 8px 11px;
        border-radius: 2px;
        min-height: 33px; }
        .recruitType__btn > li button .icon--close {
          width: 10px;
          height: 10px;
          right: 8px; }

  /*ーーーーーーーーーーーーーーーーーーーー 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% - 65px);
      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); }

  /*ーーーーーーーーーーーーーーーーーーーー recruit*/
  .block__left {
    min-height: inherit;
    flex-direction: column;
    margin-bottom: 45px; }
    .block__left .block__left--img {
      position: relative;
      width: 100%;
      height: 0;
      padding-top: calc(507 / 750 * 100%);
      margin-bottom: 20px; }
    .block__left .block__left--text {
      display: flex;
      justify-content: flex-end; }
      .block__left .block__left--text .h3 {
        margin-bottom: 14px; }
      .block__left .block__left--text > dl {
        width: 100%; }

  /* ========================================================================================================= TOP */
  .recruit .contentsKv {
    height: 205px;
    margin-bottom: 169px; }
    .recruit .contentsKv .contentsKv__text {
      margin-bottom: 50px; }
  .recruit .recruitTop__info .recruitTop__info--title {
    font-size: 15px;
    margin-bottom: 25px; }
  .recruit .recruitTop__info .list__underline > li {
    padding-top: 10px; }
    .recruit .recruitTop__info .list__underline > li > p {
      width: 100%; }
  .recruit .recruitTopAbout {
    position: relative;
    top: -75px; }
    .recruit .recruitTopAbout .recruitTopAbout__contents {
      position: relative;
      margin-bottom: 40px; }
      .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--img {
        position: relative;
        width: calc(100% - 33px);
        height: auto;
        margin-bottom: 20px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--img span {
          position: relative;
          padding-top: calc(500 / 710 * 100%); }
      .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--title span {
        font-size: 19px;
        padding-bottom: 8px;
        border-bottom: 2px solid #000;
        border-bottom: 2px solid var(--colorB);
        margin-bottom: 17px; }
      .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: 100%; }
          .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text dl {
            margin-bottom: 20px; }
            .recruit .recruitTopAbout .recruitTopAbout__contents .recruitTopAbout__contents--detail .recruitTopAbout__contents--detail--text dl dt {
              font-size: 16px;
              margin-bottom: 10px; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--img {
        width: calc(100% - 33px);
        height: auto;
        margin-left: auto; }
      .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text {
        padding-bottom: 0; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl {
          width: 100%; }
          .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl dt {
            font-size: 23px; }
          .recruit .recruitTopAbout .recruitTopAbout__contents.first .recruitTopAbout__contents--text dl dt .pc {
            display: none; }
            
      .recruit .recruitTopAbout .recruitTopAbout__contents.second {
        min-height: 430px;
        flex-direction: column;
        margin-bottom: 40px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.second .recruitTopAbout__contents--img {
          right: auto;
          width: calc(100% - 33px);
          left: 0; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.second .recruitTopAbout__contents--detail {
          justify-content: flex-end; }
          
      .recruit .recruitTopAbout .recruitTopAbout__contents.third {
        display: block;
        min-height: 450px;
        margin-bottom: 40px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.third .recruitTopAbout__contents--img {
          width: calc(100% - 33px);
          right: auto;
          left: 33px; }
          
      .recruit .recruitTopAbout .recruitTopAbout__contents.fourth {
        min-height: 430px;
        flex-direction: column;
        margin-bottom: 40px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.fourth .recruitTopAbout__contents--img {
          right: auto;
          width: calc(100% - 33px);
          left: 0; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.fourth .recruitTopAbout__contents--detail {
          justify-content: flex-end; }
          
                .recruit .recruitTopAbout .recruitTopAbout__contents.fifth {
        display: block;
        min-height: 450px;
        margin-bottom: 40px; }
        .recruit .recruitTopAbout .recruitTopAbout__contents.fifth .recruitTopAbout__contents--img {
          width: calc(100% - 33px);
          right: auto;
          left: 33px; }
          

  .recruitTop .contentsKv {
    height: 260px;
    margin-bottom: 169px; }
    .recruitTop .contentsKv .contentsKv__text {
      margin-bottom: 0; }
    .recruitTop .contentsKv .textWhiteCover .textWhiteCover__contents .btn {
      bottom: auto;
      top: calc(100% + 20px); }
  .recruitTop .column.column--3.columnNews > li {
    padding-right: 93px; }
    .recruitTop .column.column--3.columnNews > li .column__img {
      position: absolute;
      right: 0;
      top: 0;
      width: 72px;
      padding-top: 0; }
      .recruitTop .column.column--3.columnNews > li .column__img > a {
        position: relative;
        padding-top: calc(420 / 666 * 100%); }
      .recruitTop .column.column--3.columnNews > li .column__img:hover > a:after, .recruitTop .column.column--3.columnNews > li .column__img:hover .column__img--hover:after, .recruitTop .column.column--3.columnNews > li .column__img:active > a:after, .recruitTop .column.column--3.columnNews > li .column__img:active .column__img--hover:after {
        border-width: 8px; }

  /* ========================================================================================================= recruit2021 21卒採用 */
  .recruitDetail .column.column--3.columnInterview > li > a {
    position: relative;
    padding-right: 50%; }
  .recruitDetail .textNav.textNav--arrow {
    flex-wrap: nowrap;
    margin-bottom: 30px; }
    .recruitDetail .textNav.textNav--arrow > li {
      width: 100%;
      white-space: nowrap;
      text-align: center; }
      .recruitDetail .textNav.textNav--arrow > li > span, .recruitDetail .textNav.textNav--arrow > li > a {
        font-size: 13px;
        line-height: 1.3;
        padding-right: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        text-align: center; }
        .recruitDetail .textNav.textNav--arrow > li > span:after, .recruitDetail .textNav.textNav--arrow > li > a:after {
          width: 5px;
          height: 5px;
          top: auto;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%) rotate(-45deg);
          -webkit-transform: translateX(-50%) rotate(-45deg); }
  .recruitDetail .recruitDetail--img {
    width: calc(100% + 160px);
    left: -80px;
    margin-bottom: 25px; }
  .recruitDetail .recruitDetail__contents {
    padding-bottom: 30px; }
  .recruitDetail .recruitDetail__contents--title {
    font-size: 20px;
    margin-bottom: 20px; }
  .recruitDetail .recruitDetail__contents--leader {
    flex-direction: column;
    margin-bottom: 45px; }
    .recruitDetail .recruitDetail__contents--leader > p {
      width: 100%;
      margin-bottom: 35px; }
    .recruitDetail .recruitDetail__contents--leader .recruitMessage {
      width: 100%; }
  .recruitDetail .joinus {
    margin-bottom: 0; }
  .recruitDetail .recruitDetail--bgGrayAfter.mb110 {
    padding-bottom: 20px;
    margin-bottom: 0; }

  /* ========================================================================================================= midcareer 中途採用 */
  .recruitMidcareer .contentsKv__bgGray {
    margin-bottom: 0; }

  /* ========================================================================================================= 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: -10px; }

  /* ========================================================================================================= InterviewDetail  */
  .recruitInterviewDetail .bgGray.bgGraySlip {
    margin-top: 75px;
    margin-bottom: 70px; }
    .recruitInterviewDetail .bgGray.bgGraySlip .contentsKv {
      margin-bottom: 0;
      height: 205px; }
    .recruitInterviewDetail .bgGray.bgGraySlip .bgGraySlip__contents {
      top: -40px; }
  .recruitInterviewDetail .contentsKv .columnInterview__text {
    padding-top: 15px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 20px; }
  .recruitInterviewDetail .interviewDetail__history {
    margin-bottom: 35px; }
    .recruitInterviewDetail .interviewDetail__history > li > span {
      min-width: 67px;
      width: auto;
      padding-right: 20px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .recruitInterviewDetail .interviewDetail__history > li > p {
      /* width: calc(100% - 67px); */
      padding-left: 20px;
      padding-top: 10px;
      padding-bottom: 10px; }
      .recruitInterviewDetail .interviewDetail__history > li > p:after {
        top: 13px; }
  .recruitInterviewDetail .interviewDetail__faq {
    padding-bottom: 30px; }
    .recruitInterviewDetail .interviewDetail__faq > li {
      width: 100%;
      margin-bottom: 30px;
      padding: 20px 25px; }
      .recruitInterviewDetail .interviewDetail__faq > li:after {
        width: 30px;
        top: -12px;
        left: -12px;
        font-size: 15px;
        line-height: 30px;
        background-color: var(--colorB); }
      .recruitInterviewDetail .interviewDetail__faq > li:nth-child(odd) {
        float: none;
        margin-right: 0; }
      .recruitInterviewDetail .interviewDetail__faq > li:nth-child(even) {
        float: none; }
      .recruitInterviewDetail .interviewDetail__faq > li > dl > dt {
        margin-bottom: 11px; }
  .recruitInterviewDetail .interviewDetail__voice {
    margin-bottom: 50px; }
    .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img {
      width: 98px;
      padding-top: 3px; }
      .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img > dl {
        margin-top: 10px; }
        .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--img > dl > dt {
          margin-bottom: 6px; }
    .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--text {
      width: calc(100% - 120px); }
      .recruitInterviewDetail .interviewDetail__voice > li .interviewDetail__voice--text > p {
        margin-bottom: 5px; }

  /* ========================================================================================================= recruitEnv 働く環境 */
  .recruitEnv .bgGray.mb110 {
    margin-bottom: 40px;
    padding-bottom: 10px; }
  .recruitEnv .recruitEnv__leader {
    margin-bottom: 30px; }
    .recruitEnv .recruitEnv__leader > dt {
      margin-bottom: 15px;
      font-size: 17px; }
  .recruitEnv .recruitEnv__contents {
    padding-right: 0;
    margin-bottom: 125px; }
    .recruitEnv .recruitEnv__contents .recruitEnv__contents--img--wrapper {
      width: calc(100% + 46px);
      left: -33px; }
      .recruitEnv .recruitEnv__contents .recruitEnv__contents--img--wrapper .slickTarget--wrapper {
        position: relative; }
    .recruitEnv .recruitEnv__contents .recruitEnv__contents--text {
      width: 100%;
      bottom: auto;
      top: 91%;
      padding: 20px 25px; }
      .recruitEnv .recruitEnv__contents .recruitEnv__contents--text > dt {
        margin-bottom: 8px; }
    .recruitEnv .recruitEnv__contents.right {
      padding-left: 0; }
      .recruitEnv .recruitEnv__contents.right .recruitEnv__contents--img--wrapper {
        left: -13px; }
  .recruitEnv .columnTextBlock__main {
    padding: 20px 25px;
    top: -13px;
    margin: 0; }
    .recruitEnv .columnTextBlock__main > dl > dt {
      margin-bottom: 8px; }
  .recruitEnv .recruitEnv__system .h3--text20 {
    font-size: 12px;
    padding-bottom: 15px;
    margin-bottom: 20px; }
  .recruitEnv .recruitEnv__system .recruitEnv__system--list {
    margin-bottom: 50px; }
    .recruitEnv .recruitEnv__system .recruitEnv__system--list > li {
      padding-left: 65px;
      margin-bottom: 35px; }
      .recruitEnv .recruitEnv__system .recruitEnv__system--list > li:after {
        width: 43px;
        height: 38px; }

  /* ========================================================================================================= recruitMessage 本部長メッセージ */
  .recruitMessage .contentsKv {
    height: auto;
    margin-bottom: -90px; }
    .recruitMessage .contentsKv .block__left {
      flex-direction: column;
      height: auto;
      margin-bottom: 0; }
      .recruitMessage .contentsKv .block__left .block__left--img {
        width: calc(100% - 20px);
        height: 250px;
        padding-top: 0;
        margin-bottom: 0; }
      .recruitMessage .contentsKv .block__left .block__left--text {
        position: relative;
        width: 100%;
        height: auto;
        top: -83px; }
        .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text {
          position: relative;
          width: 100%;
          height: auto;
          padding-top: 20px;
          padding-left: 25px; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: calc(100% + 33px);
            background-color: #ebebeb;
            background-color: var(--bgGray);
            z-index: 1; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > dl, .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > aside, .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > p {
            position: relative;
            z-index: 2; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > aside.mb45 {
            margin-bottom: 20px; }
          .recruitMessage .contentsKv .block__left .block__left--text .columnInterview__text > p {
            line-height: 2; }
  .recruitMessage .mb70 {
    margin-bottom: 26px; }
  .recruitMessage .h3 {
    margin-bottom: 13px; }
  .recruitMessage .mb110 {
    margin-bottom: 45px; }
  .recruitMessage .bgGray.bgGraySlip {
    padding-bottom: 40px;
    margin-bottom: 40px; }
  .recruitMessage section.block__left {
    margin-bottom: 40px; }
  .recruitMessage .recruitMessage__end .column.column--3 {
    margin-bottom: 20px; }
    .recruitMessage .recruitMessage__end .column.column--3 > li {
      margin-bottom: 5px;
      margin-right: 15px; }
      .recruitMessage .recruitMessage__end .column.column--3 > li:last-child {
        margin-right: 0; }
    .recruitMessage .recruitMessage__end .column.column--3 > li.btnUnderline > a {
      font-size: 13px; }
  .recruitMessage .joinus {
    margin-bottom: 0; }
  .recruitMessage .grid.mb70 {
    padding-left: 0;
    padding-right: 0; }
    .recruitMessage .grid.mb70 img {
      position: relative;
      width: calc(100% + 220px);
      left: -110px; }
  .recruitMessage section.block__left .block__left--img {
    width: calc(100% - 66px);
    left: 33px;
    height: auto;
    padding-top: 0; }
    .recruitMessage section.block__left .block__left--img span {
      position: relative;
      height: 0;
      padding-top: calc(465 / 750 * 100%); }

  /* ========================================================================================================= recruitEnv slide arrow */
  .recruitEnv .recruitEnv__contents .slick-prev, .recruitEnv .recruitEnv__contents .slick-next {
    bottom: 9%; }
  .recruitEnv .recruitEnv__contents:nth-of-type(3) .slick-prev {
    left: 32px; }
  .recruitEnv .recruitEnv__contents:nth-of-type(3) .slick-next {
    left: 62px; }

  /* ========================================================================================================= midcareer 中途採用 */
  .recruitMidcareer .column.column--3.wide.recruitType > li {
    width: 100%;
    padding-right: 0; }
    .recruitMidcareer .column.column--3.wide.recruitType > li:before {
      width: 100%; }
    .recruitMidcareer .column.column--3.wide.recruitType > li:after {
      right: 0; }
    .recruitMidcareer .column.column--3.wide.recruitType > li:hover:after, .recruitMidcareer .column.column--3.wide.recruitType > li:active:after {
      width: 100%; } }
/* 767px
=================================================================== */
@media only screen and (max-width: 767px) {
  .joinus .joinus__contents .joinus__contents--title {
    font-size: 21px; }

  .joinus .joinus__contents .joinus__contents--btn {
    margin-bottom: 18px; }
    .joinus .joinus__contents .joinus__contents--btn .btn {
      margin: 0 5px; }

  .joinus .joinus__contents .btn {
    border-radius: 38px; }
    .joinus .joinus__contents .btn > a {
      line-height: 38px;
      font-size: 11px;
      padding: 0 15px; }
    .joinus .joinus__contents .btn.width {
      width: 105px; }
    .joinus .joinus__contents .btn.icon.blank > a::before, .joinus .joinus__contents .btn.icon.blank > a::after {
      right: 15px;
      width: 10px; } }
/* 605px
=================================================================== */
@media only screen and (max-width: 605px) {
  .recruitEnv .recruitEnv__contents {
    margin-bottom: 175px; } }
/*========================================================================================================== 修正 2020/10/23 */
/* 900px
=================================================================== */
@media only screen and (max-width: 900px) {
  .recruitDetail .column.column--3.columnInterview > li > a {
    padding-right: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .recruitDetail .column.column--3.columnInterview > li > a .column__img {
      width: 50%;
      padding-top: 0;
      align-self: flex-start; }
      .recruitDetail .column.column--3.columnInterview > li > a .column__img > span {
        position: relative;
        height: 0;
        padding-top: calc(420 / 666 * 100%); }
    .recruitDetail .column.column--3.columnInterview > li > a .columnInterview__text {
      position: relative; } }