@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
    transform: translateX(102%); } }

@keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
    transform: translateX(102%); } }

.recruit_sec {
  background: #fff; }

.recruit__aboutus .recruit__aboutus__mv {
  position: relative;
  background-image: url("../../images/recruit/bg_recruitaboutus.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .recruit__aboutus__mv {
      background-image: url("../../images/recruit/bg_recruitaboutus_sp.png"); } }
  .recruit__aboutus .recruit__aboutus__mv .bgb_ttl {
    padding: 320px 0 90px; }
    @media screen and (max-width: 750px) {
      .recruit__aboutus .recruit__aboutus__mv .bgb_ttl {
        padding: 0; } }

@media screen and (min-width: 1201px) {
  .recruit__aboutus .inter_sec {
    padding: 100px 0 0; } }

.recruit__aboutus .inter_sec .recruit__aboutus__intro__bg {
  display: block;
  margin-top: 360px;
  height: 400px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%; }
  @media screen and (min-width: 751px) and (max-width: 1200px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__bg {
      height: auto;
      padding-top: 30%;
      margin-top: -6%; } }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__bg {
      height: auto;
      padding-top: 90.66667%;
      margin-top: 40px;
      background-size: cover; } }

.recruit__aboutus .inter_sec.inter_sec01 .recruit__aboutus__intro__bg {
  background-image: url("../../images/recruit/bg_recruitaboutus_sec.jpg"); }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec.inter_sec01 .recruit__aboutus__intro__bg {
      background-image: url("../../images/recruit/bg_recruitaboutus_sec_sp.png"); } }

.recruit__aboutus .inter_sec.inter_sec02 .recruit__aboutus__intro__bg {
  background-image: url("../../images/recruit/bg_recruitaboutus_sec02.jpg"); }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec.inter_sec02 .recruit__aboutus__intro__bg {
      background-image: url("../../images/recruit/bg_recruitaboutus_sec02_sp.png");
      background-position: right top; } }

@media screen and (max-width: 750px) {
  .recruit__aboutus .inter_sec.inter_sec02 h3 {
    padding-top: 0; } }

.recruit__aboutus .inter_sec .inner {
  position: relative; }

.recruit__aboutus .inter_sec h3 {
  position: relative;
  z-index: 500; }
  @media screen and (min-width: 751px) {
    .recruit__aboutus .inter_sec h3 {
      padding-top: 75px; } }
  @media screen and (min-width: 751px) and (max-width: 1200px) {
    .recruit__aboutus .inter_sec h3 {
      padding: 75px 0 25px; } }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec h3 {
      padding-top: 60px; } }
  .recruit__aboutus .inter_sec h3 span {
    padding: 0 0 20px 35px;
    border-left: 5px solid #5BCBD8;
    display: block;
    font-size: 40px;
    color: #5BCBD8;
    font-weight: bold;
    letter-spacing: 6px; }
    .recruit__aboutus .inter_sec h3 span:last-child {
      padding-bottom: 0; }
    @media screen and (max-width: 750px) {
      .recruit__aboutus .inter_sec h3 span {
        padding: 0 0 10px 15px;
        font-size: 20px; } }
    @media screen and (max-width: 374px) {
      .recruit__aboutus .inter_sec h3 span {
        font-size: 18px; } }

.recruit__aboutus .inter_sec .recruit__aboutus__intro__txt {
  padding: 80px 65px 73px 154px;
  background: #fff; }
  @media screen and (min-width: 751px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt {
      width: 800px;
      -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1); } }
  @media screen and (min-width: 1201px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt {
      position: absolute;
      top: 0;
      right: 0; } }
  @media screen and (min-width: 751px) and (max-width: 1200px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt {
      width: auto; } }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt {
      width: auto;
      margin-top: 25px;
      padding: 0; } }
  .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 2; }
    @media screen and (min-width: 751px) {
      .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p {
        width: 500px; } }
    @media screen and (min-width: 751px) and (max-width: 1200px) {
      .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p {
        width: auto; } }
    @media screen and (max-width: 750px) {
      .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p {
        width: auto;
        font-size: 12px; } }
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p:last-child {
      margin-bottom: 0; }
    .recruit__aboutus .inter_sec .recruit__aboutus__intro__txt p a {
      text-decoration: none;
      color: #5BCBD8; }

@media screen and (max-width: 750px) {
  .recruit__aboutus .inter_sec.inter_sec01 {
    margin-bottom: 60px; } }

@media screen and (min-width: 1201px) {
  .recruit__aboutus .inter_sec.inter_sec02 {
    padding: 150px 0 0; }
    .recruit__aboutus .inter_sec.inter_sec02 h3 {
      width: 500px;
      margin: 0 0 0 auto;
      padding-top: 0; }
    .recruit__aboutus .inter_sec.inter_sec02 .recruit__aboutus__intro__txt {
      padding: 70px 160px 68px 60px;
      top: 50px;
      left: 0; } }

.recruit__aboutus .inter_sec.inter_sec02 .recruit__aboutus__intro__bg {
  margin-top: 200px; }
  @media screen and (max-width: 750px) {
    .recruit__aboutus .inter_sec.inter_sec02 .recruit__aboutus__intro__bg {
      margin-top: 40px; } }