/* $color-secondary: #101859;
$color-tertiary: #2b2e6a;
$color-quaternary: #1f2262;*/
/* $color-text-06: #001437; */
/*$breakS: "screen and (min-width: 0px) and (max-width: 736px)";*/
/*@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    font-style: normal;
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot');
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.woff') format("woff"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 300;
    font-style: normal;
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot');
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 600;
    font-style: normal;
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot');
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.ttf') format("truetype");
}*/
/*@import "compass";
@import "compass/utilities";
@import "compass/css3/";*/
/* @mixin animate($animationName, $duration, $timingFunction, $delay, $repetition, $direction: forward)
{
    -webkit-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -moz-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -o-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    animation: $animationName $duration $timingFunction $delay $repetition $direction;
} */
#recruit-mid-career .mv.mv-common {
  background: url(../../img/recruit_mid_career/img_mv.png) no-repeat center;
  background-size: cover;
  /* background-position: 0 rem-calc(78px); */ }
  @media screen and (min-width: 1024px) and (max-width: 1230px) {
    #recruit-mid-career .mv.mv-common {
      background-position: center; } }
  @media screen and (min-width: 737px) and (max-width: 1023px) {
    #recruit-mid-career .mv.mv-common {
      background-position: center bottom; } }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #recruit-mid-career .mv.mv-common {
      background-position: -3.125rem bottom; } }

#recruit-mid-career #section-01 > .section-inner {
  padding-top: 6.1875rem;
  padding-bottom: 0; }

@media screen and (min-width: 0px) and (max-width: 736px) {
  #recruit-mid-career #section-01:before {
    left: -175%; }
  #recruit-mid-career #section-01 > .section-inner {
    padding-top: 3.0625rem; } }

@media screen and (min-width: 1024px) and (max-width: 1230px) {
  #recruit-mid-career #section-01 {
    width: 100%; }
    #recruit-mid-career #section-01 > .section-inner {
      width: 100%;
      padding-left: 5%;
      padding-right: 5%; } }

#recruit-mid-career .heading.heading-pattern-08 {
  margin-bottom: 5.375rem; }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #recruit-mid-career .heading.heading-pattern-08 {
      margin-bottom: 3rem; } }

#recruit-mid-career .btn.btn-pattern-01 {
  min-width: 30rem;
  text-align: center; }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #recruit-mid-career .btn.btn-pattern-01 {
      min-width: 0; } }
  @media screen and (min-width: 737px) and (max-width: 1023px) {
    #recruit-mid-career .btn.btn-pattern-01 {
      min-width: 46%;
      max-width: 49%; } }
  @media screen and (min-width: 1024px) and (max-width: 1230px) {
    #recruit-mid-career .btn.btn-pattern-01 {
      min-width: 46%;
      max-width: 49%; } }

#recruit-mid-career table.table-pattern-01 {
  margin-bottom: 3.75rem; }
  #recruit-mid-career table.table-pattern-01 > tbody > tr:last-child > th, #recruit-mid-career table.table-pattern-01 > tbody > tr:last-child > td {
    border-bottom: none; }
  #recruit-mid-career table.table-pattern-01 > tbody > tr > th, #recruit-mid-career table.table-pattern-01 > tbody > tr > td {
    vertical-align: top; }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #recruit-mid-career table.table-pattern-01 {
      margin-bottom: 1.875rem; } }