@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
  font-family: "小塚ゴシック Pr6N","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6em;
  background: url(./../img/back-dot_recruit.png); }
  @media screen and (max-width: 640px) {
    body {
      font-size: 1.4em; } }

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

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

.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all 700ms;
  transition: all 700ms; }

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

.ofm-recruit-wrap .tac {
  text-align: center; }

.ofm-recruit-wrap .of-green {
  color: #42974c; }

.ofm-recruit-wrap .of-blue {
  color: #0089d3; }

.ofm-recruit-wrap .of-h {
  font-size: 2.8rem;
  font-weight: 800; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .of-h {
      font-size: 6.5vw; } }
  .ofm-recruit-wrap .of-h img {
    max-width: 420px; }
  .ofm-recruit-wrap .of-h .of-h-interview {
    border-bottom: solid 2px #898989;
    width: 60px;
    display: block;
    padding-top: 2rem; }
    @media screen and (max-width: 640px) {
      .ofm-recruit-wrap .of-h .of-h-interview {
        margin: auto; } }
  .ofm-recruit-wrap .of-h_c {
    text-align: center; }
    .ofm-recruit-wrap .of-h_c .of-h-interview {
      margin: auto; }

.ofm-recruit-wrap .base-text {
  line-height: 1.8; }
  .ofm-recruit-wrap .base-text_c {
    text-align: center; }

.ofm-recruit-wrap .mt-1 {
  margin-top: 1rem; }

.ofm-recruit-wrap .mt-2 {
  margin-top: 2rem; }

.ofm-recruit-wrap .mt-3, .ofm-recruit-wrap .businessmodel .franchise-wrap {
  margin-top: 3rem; }

.ofm-recruit-wrap .mt-4 {
  margin-top: 4rem; }

.ofm-recruit-wrap .mt-5, .ofm-recruit-wrap .team-sports-text, .ofm-recruit-wrap .cheer-team .pc-only, .ofm-recruit-wrap .cheer-team .sp-only {
  margin-top: 5rem; }

.ofm-recruit-wrap .mt-6 {
  margin-top: 6rem; }

.ofm-recruit-wrap .mt-7 {
  margin-top: 7rem; }

.ofm-recruit-wrap .mt-8 {
  margin-top: 8rem; }

.ofm-recruit-wrap .mt-9 {
  margin-top: 9rem; }

.ofm-recruit-wrap .mt-10 {
  margin-top: 10rem; }

.ofm-recruit-wrap .mb-1 {
  margin-bottom: 1rem; }

.ofm-recruit-wrap .mb-2, .ofm-recruit-wrap .h-bottomline {
  margin-bottom: 2rem; }

.ofm-recruit-wrap .mb-3, .ofm-recruit-wrap .cheer-team .sp-only:last-of-type {
  margin-bottom: 3rem; }

.ofm-recruit-wrap .mb-4 {
  margin-bottom: 4rem; }

.ofm-recruit-wrap .mb-5, .ofm-recruit-wrap .interbiew-header, .ofm-recruit-wrap .team-sports-text, .ofm-recruit-wrap .cheer-team .pc-only, .ofm-recruit-wrap .cheer-team .sp-only {
  margin-bottom: 5rem; }

.ofm-recruit-wrap .mb-6 {
  margin-bottom: 6rem; }

.ofm-recruit-wrap .mb-7 {
  margin-bottom: 7rem; }

.ofm-recruit-wrap .mb-8 {
  margin-bottom: 8rem; }

.ofm-recruit-wrap .mb-9 {
  margin-bottom: 9rem; }

.ofm-recruit-wrap .mb-10 {
  margin-bottom: 10rem; }

.ofm-recruit-wrap .pt-1 {
  padding-top: 1rem; }

.ofm-recruit-wrap .pt-2, .ofm-recruit-wrap .section-mp:first-of-type, .ofm-recruit-wrap .team-sports-text {
  padding-top: 2rem; }

.ofm-recruit-wrap .pt-3 {
  padding-top: 3rem; }

.ofm-recruit-wrap .pt-4 {
  padding-top: 4rem; }

.ofm-recruit-wrap .pt-5, .ofm-recruit-wrap .section-mp {
  padding-top: 5rem; }

.ofm-recruit-wrap .pt-6 {
  padding-top: 6rem; }

.ofm-recruit-wrap .pt-7 {
  padding-top: 7rem; }

.ofm-recruit-wrap .pt-8 {
  padding-top: 8rem; }

.ofm-recruit-wrap .pt-9 {
  padding-top: 9rem; }

.ofm-recruit-wrap .pt-10 {
  padding-top: 10rem; }

.ofm-recruit-wrap .pb-1 {
  padding-bottom: 1rem; }

.ofm-recruit-wrap .pb-2, .ofm-recruit-wrap .team-sports-text {
  padding-bottom: 2rem; }

.ofm-recruit-wrap .pb-3, .ofm-recruit-wrap .section-mp:nth-last-of-type(1), .ofm-recruit-wrap.ofm-recruit-wrap_interview .section-mp:nth-last-of-type(2), .ofm-recruit-wrap.ofm-recruit-wrap_interview .section-mp:nth-last-of-type(1) {
  padding-bottom: 3rem; }

.ofm-recruit-wrap .pb-4 {
  padding-bottom: 4rem; }

.ofm-recruit-wrap .pb-5, .ofm-recruit-wrap .section-mp {
  padding-bottom: 5rem; }

.ofm-recruit-wrap .pb-6 {
  padding-bottom: 6rem; }

.ofm-recruit-wrap .pb-7 {
  padding-bottom: 7rem; }

.ofm-recruit-wrap .pb-8 {
  padding-bottom: 8rem; }

.ofm-recruit-wrap .pb-9 {
  padding-bottom: 9rem; }

.ofm-recruit-wrap .pb-10 {
  padding-bottom: 10rem; }

.ofm-recruit-wrap .section-mp + .section-mp {
  padding-top: 0; }

@media screen and (max-width: 640px) {
  .ofm-recruit-wrap .section-mp:first-of-type {
    padding-top: 0; } }

@media screen and (max-width: 640px) {
  .ofm-recruit-wrap.ofm-recruit-wrap_interview .section-mp {
    padding-bottom: 3rem; } }

.ofm-recruit-wrap.ofm-recruit-wrap_interview .work-step p:first-of-type .pc-only {
  margin-bottom: 5rem; }

.ofm-recruit-wrap.ofm-recruit-wrap_interview .work-step p:first-of-type .sp-only {
  margin-bottom: 5rem; }

.ofm-recruit-wrap .interview-main-wrap, .ofm-recruit-wrap .interview-main-wrap_2, .ofm-recruit-wrap .interview-main-wrap_3, .ofm-recruit-wrap .interview-main-wrap_4 {
  background: url(./../img/business-introduction_1_main_back.jpg) no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: 1600px auto;
  background-position: top right;
  margin: auto; }
  .ofm-recruit-wrap .interview-main-wrap_2 {
    background-image: url(./../img/product-development_main_back.jpg);
    background-repeat: no-repeat; }
  .ofm-recruit-wrap .interview-main-wrap_3 {
    background-image: url(./../img/pr_main_back.jpg);
    background-repeat: no-repeat; }
  .ofm-recruit-wrap .interview-main-wrap_4 {
    background-image: url(./../img/development-department_main_back.jpg);
    background-repeat: no-repeat; }
  @media screen and (max-width: 1600px) {
    .ofm-recruit-wrap .interview-main-wrap, .ofm-recruit-wrap .interview-main-wrap_2, .ofm-recruit-wrap .interview-main-wrap_3, .ofm-recruit-wrap .interview-main-wrap_4 {
      background-position: top right;
      background-size: 1300px auto;
      width: 100%; } }
  @media screen and (max-width: 1080px) {
    .ofm-recruit-wrap .interview-main-wrap, .ofm-recruit-wrap .interview-main-wrap_2, .ofm-recruit-wrap .interview-main-wrap_3, .ofm-recruit-wrap .interview-main-wrap_4 {
      background-size: cover;
      background-image: url(./../img/business-introduction_1_main_back.jpg);
      background-repeat: no-repeat;
      background-position: bottom 100% right 20%; }
      .ofm-recruit-wrap .interview-main-wrap_2 {
        background-image: url(./../img/product-development_main_back.jpg); }
      .ofm-recruit-wrap .interview-main-wrap_3 {
        background-image: url(./../img/pr_main_back.jpg); }
      .ofm-recruit-wrap .interview-main-wrap_4 {
        background-image: url(./../img/development-department_main_back.jpg); } }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .interview-main-wrap, .ofm-recruit-wrap .interview-main-wrap_2, .ofm-recruit-wrap .interview-main-wrap_3, .ofm-recruit-wrap .interview-main-wrap_4 {
      background: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      min-height: 0px; } }
  .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in {
    width: 50%; }
    @media screen and (max-width: 640px) {
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in {
        width: 100%; } }
    @media all and (-ms-high-contrast: none) {
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in {
        height: 66vh; } }
    .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      z-index: 1;
      background: #fff;
      border-top: #42974c solid 40px;
      border-bottom: #0089d3 solid 20px;
      z-index: 1;
      -webkit-box-shadow: 7px 0px 20px -10px rgba(0, 0, 0, 0.5);
              box-shadow: 7px 0px 20px -10px rgba(0, 0, 0, 0.5);
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-transform: skewX(10deg);
              transform: skewX(10deg); }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type:before {
        content: '';
        width: 20%;
        display: block;
        margin-top: -40px;
        background: #fff;
        z-index: 1;
        margin-left: -6%;
        position: relative;
        height: calc(100% + 60px);
        border-top: #42974c solid 40px;
        border-bottom: #0089d3 solid 20px;
        position: absolute;
        -webkit-transform: skewX(-10deg);
                transform: skewX(-10deg);
        left: 0; }
        @media all and (-ms-high-contrast: none) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type:before {
            width: 29%; } }
      @media screen and (max-width: 640px) {
        .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type {
          -webkit-transform: skewX(0);
                  transform: skewX(0); }
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type:before, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type:before {
            content: none;
            margin-left: 0; } }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 3rem 5rem 3rem 0rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 560px; }
        @media all and (-ms-high-contrast: none) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type div {
            width: 100%; } }
        @media screen and (max-width: 1080px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type div {
            padding: 2rem; } }
        @media screen and (max-width: 640px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type div, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type div {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type p.interbiew-main-in_text {
        font-weight: 500;
        line-height: 2;
        max-width: 560px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type p.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type p.interbiew-main-in_text {
            font-size: 1.4rem;
            line-height: 1.8; } }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type h1.interbiew-main-in_text {
        font-size: 3.4rem;
        padding-left: 3rem;
        line-height: 2; }
        @media all and (-ms-high-contrast: none) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type h1.interbiew-main-in_text {
            font-family: "游ゴシック", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } }
        @media screen and (max-width: 1080px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type h1.interbiew-main-in_text {
            font-size: 3.6vw;
            line-height: auto; } }
        @media screen and (max-width: 640px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type h1.interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type h1.interbiew-main-in_text {
            font-size: 7vw;
            padding-left: 0;
            text-align: center; } }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type .interbiew-main-in_text {
        -webkit-transform: skewX(-10deg);
                transform: skewX(-10deg);
        position: relative;
        z-index: 1; }
        .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow {
          background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffd400));
          background: linear-gradient(transparent 70%, #ffd400 70%);
          padding: 0 0.5rem 0rem;
          display: inline-block;
          height: 6rem; }
          @media screen and (max-width: 1080px) {
            .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow {
              height: 6vw; } }
          @media screen and (max-width: 640px) {
            .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type .interbiew-main-in_text .of-yellow {
              height: 13vw; } }
        @media screen and (max-width: 640px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:first-of-type .interbiew-main-in_text, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:first-of-type .interbiew-main-in_text {
            -webkit-transform: skewX(0);
                    transform: skewX(0); } }
    .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:last-of-type, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:last-of-type, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:last-of-type, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:last-of-type {
      position: relative; }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:last-of-type .interbiew-main-in-name {
        position: absolute;
        right: 10%;
        bottom: 5%;
        max-height: 150px;
        height: 100%;
        width: auto; }
        @media screen and (max-width: 640px) {
          .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:last-of-type .interbiew-main-in-name, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:last-of-type .interbiew-main-in-name {
            max-height: 100%;
            height: auto;
            min-width: 100px;
            width: 30%;
            right: auto;
            bottom: 10%;
            left: 5%; } }
      .ofm-recruit-wrap .interview-main-wrap .interbiew-main-in:last-of-type .sp-only, .ofm-recruit-wrap .interview-main-wrap_2 .interbiew-main-in:last-of-type .sp-only, .ofm-recruit-wrap .interview-main-wrap_3 .interbiew-main-in:last-of-type .sp-only, .ofm-recruit-wrap .interview-main-wrap_4 .interbiew-main-in:last-of-type .sp-only {
        width: 100%; }

.ofm-recruit-wrap .interview {
  background-size: 1600px;
  background-position: center bottom;
  width: 50%; }
  .ofm-recruit-wrap .interview img {
    width: 100%; }

.ofm-recruit-wrap .interview-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .ofm-recruit-wrap .interview-flex-in {
    width: 48%; }
    .ofm-recruit-wrap .interview-flex-in img {
      width: 100%; }
    .ofm-recruit-wrap .interview-flex-in .of-h {
      margin-top: 0; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .interview-flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .ofm-recruit-wrap .interview-flex_r {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
      .ofm-recruit-wrap .interview-flex-in {
        width: 100%; }
        .ofm-recruit-wrap .interview-flex-in .of-h {
          text-align: center;
          margin-top: 2rem; } }

.ofm-recruit-wrap .ofm-linebox {
  background: #fff;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .ofm-recruit-wrap .ofm-linebox p {
    max-width: 460px;
    position: relative;
    z-index: 1; }
  .ofm-recruit-wrap .ofm-linebox .ofm-linebox_in {
    position: absolute;
    right: -100px;
    width: 200px;
    height: calc(100% + 18px);
    display: block;
    background: #fff;
    border-top: green solid 10px;
    border-bottom: skyblue solid 8px;
    margin-top: -10px;
    margin-bottom: -8px;
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    -webkit-box-shadow: 7px 0px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 7px 0px 5px rgba(0, 0, 0, 0.3); }

.ofm-recruit-wrap .main-image {
  background: url(./../img/famima-recruit_main.jpg) repeat-x;
  background-size: contain;
  background-position: center; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .main-image {
      background: url(./../img/famima-recruit_main_sp.jpg);
      background-size: contain;
      background-position: center; } }
  .ofm-recruit-wrap .main-image .container {
    position: relative; }
  .ofm-recruit-wrap .main-image h1 {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #fff;
    text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.8);
    font-size: 5.8rem; }
    .ofm-recruit-wrap .main-image h1 span {
      font-size: 2.4rem; }
    @media screen and (max-width: 640px) {
      .ofm-recruit-wrap .main-image h1 {
        font-size: 9vw;
        padding: 0; }
        .ofm-recruit-wrap .main-image h1 span {
          font-size: 4.6vw; } }
    .ofm-recruit-wrap .main-image h1 img {
      width: 100%;
      display: block; }

.ofm-recruit-wrap main {
  display: block; }

.ofm-recruit-wrap .container {
  max-width: 860px;
  margin: auto; }
  .ofm-recruit-wrap .container img {
    width: 100%; }
  @media screen and (max-width: 860px) {
    .ofm-recruit-wrap .container {
      padding-right: 2rem;
      padding-left: 2rem; } }

.ofm-recruit-wrap .container-s {
  max-width: 750px;
  margin: auto; }

.ofm-recruit-wrap .ofm-recruit-top-logo {
  background: #fff;
  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; }
  .ofm-recruit-wrap .ofm-recruit-top-logo img {
    width: 110px;
    height: auto;
    padding: 1rem; }

.ofm-recruit-wrap .businessmodel .of-green {
  font-size: 2.4rem; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .businessmodel .of-green {
      font-size: 4.2vw; } }

.ofm-recruit-wrap .businessmodel .of-h {
  font-size: 3.2rem; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .businessmodel .of-h {
      font-size: 6.5vw; } }

@media screen and (max-width: 640px) {
  .ofm-recruit-wrap .challenge {
    padding-bottom: 3rem; } }

.ofm-recruit-wrap .challenge .base-text_challenge {
  width: 103%;
  margin-left: -1%;
  margin-top: 4rem;
  margin-bottom: 4rem; }
  @media screen and (max-width: 860px) {
    .ofm-recruit-wrap .challenge .base-text_challenge {
      width: 100%;
      margin-left: auto; } }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .challenge .base-text_challenge {
      margin-top: 2rem;
      margin-bottom: 2rem; } }

.ofm-recruit-wrap .business-introduction-list, .ofm-recruit-wrap .famima-recruit-workmate-list {
  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;
  margin-bottom: 10rem; }
  .ofm-recruit-wrap .business-introduction-list div, .ofm-recruit-wrap .famima-recruit-workmate-list div {
    width: calc(100% / 2 - 10px); }
    .ofm-recruit-wrap .business-introduction-list div:nth-of-type(1), .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(1), .ofm-recruit-wrap .business-introduction-list div:nth-of-type(2), .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(2) {
      margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .business-introduction-list_3 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .ofm-recruit-wrap .business-introduction-list_4 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; } }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .business-introduction-list, .ofm-recruit-wrap .famima-recruit-workmate-list {
      border-bottom: 1px solid #898989;
      padding-bottom: 5rem;
      margin-bottom: 5rem; }
      .ofm-recruit-wrap .business-introduction-list div, .ofm-recruit-wrap .famima-recruit-workmate-list div {
        width: 100%;
        margin-bottom: 20px; }
        .ofm-recruit-wrap .business-introduction-list div:last-of-type, .ofm-recruit-wrap .famima-recruit-workmate-list div:last-of-type {
          margin-bottom: 2rem; }
        .ofm-recruit-wrap .business-introduction-list div:nth-last-of-type(2), .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-last-of-type(2) {
          margin-bottom: 0rem; } }

.ofm-recruit-wrap .team-sports {
  background: url(./../img/famima-recruit_footer.jpg);
  background-size: 980px auto;
  background-position: top center; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .team-sports {
      background: url(./../img/famima-recruit_footer_sp.jpg);
      background-position: top center;
      background-size: contain; } }
  .ofm-recruit-wrap .team-sports .of-h {
    color: #fff;
    font-size: 3.4rem; }
    @media screen and (max-width: 640px) {
      .ofm-recruit-wrap .team-sports .of-h {
        font-size: 6.4vw; } }
    .ofm-recruit-wrap .team-sports .of-h span {
      border-bottom: 3px solid #fff;
      width: 80px;
      display: block;
      margin: auto;
      padding-top: 2rem; }
  .ofm-recruit-wrap .team-sports .container {
    width: 100%;
    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; }
  .ofm-recruit-wrap .team-sports-text {
    width: 100%;
    max-width: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: #fff solid 3px;
    position: relative;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7)); }
    .ofm-recruit-wrap .team-sports-text:before, .ofm-recruit-wrap .team-sports-text:after {
      content: '';
      display: inline-block;
      position: absolute; }
    .ofm-recruit-wrap .team-sports-text:before {
      right: 0;
      top: 0;
      border-right: solid 40px #ffff00;
      border-bottom: solid 40px transparent; }
    .ofm-recruit-wrap .team-sports-text:after {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 0;
      border-bottom: solid 40px #ffff00;
      border-right: solid 40px transparent; }
    .ofm-recruit-wrap .team-sports-text p {
      color: #fff;
      line-height: 2;
      font-weight: 500; }
      @media screen and (max-width: 640px) {
        .ofm-recruit-wrap .team-sports-text p {
          font-size: 2.8vw; } }

.ofm-recruit-wrap .famima-recruit-workmate-list {
  margin-bottom: auto; }
  .ofm-recruit-wrap .famima-recruit-workmate-list div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .ofm-recruit-wrap .famima-recruit-workmate-list div img {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .ofm-recruit-wrap .famima-recruit-workmate-list div p {
      width: 100%; }
    .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(1), .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(2) {
      margin-bottom: 3rem; }
    .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-last-of-type(-n+2) {
      margin-bottom: 0rem; }
    @media screen and (max-width: 640px) {
      .ofm-recruit-wrap .famima-recruit-workmate-list div {
        margin-bottom: 3rem; }
        .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(1), .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-of-type(2) {
          margin-bottom: 3rem; }
        .ofm-recruit-wrap .famima-recruit-workmate-list div:nth-last-of-type(-n+2) {
          margin-bottom: 2rem; }
        .ofm-recruit-wrap .famima-recruit-workmate-list div:last-of-type {
          margin-bottom: 0rem; } }
    .ofm-recruit-wrap .famima-recruit-workmate-list div a {
      color: #42974c;
      border: solid 2px #42974c;
      padding: 0.5rem 1rem;
      text-decoration: none;
      min-width: 130px;
      text-align: center;
      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;
      background: #fff;
      font-weight: 500;
      margin-top: -1rem; }
      @media all and (-ms-high-contrast: none) {
        .ofm-recruit-wrap .famima-recruit-workmate-list div a {
          font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"游ゴシック", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } }
      @media screen and (max-width: 640px) {
        .ofm-recruit-wrap .famima-recruit-workmate-list div a {
          min-width: 110px; } }
      .ofm-recruit-wrap .famima-recruit-workmate-list div a:after {
        content: '>';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        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;
        margin-left: 0.5rem;
        margin-right: -0.5rem; }

.ofm-recruit-wrap .cheer-team {
  padding-top: 0rem; }

.ofm-recruit-wrap .h-bottomline {
  max-width: 680px;
  border-bottom: 2px solid #6c461c;
  text-align: center;
  color: #6c461c;
  font-size: 2.6rem;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 1rem; }

.ofm-recruit-wrap .pc-only {
  display: block; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .pc-only {
      display: none; } }

.ofm-recruit-wrap .sp-only {
  display: none; }
  @media screen and (max-width: 640px) {
    .ofm-recruit-wrap .sp-only {
      display: block; } }

#workmate_1 .workmate_hide, #workmate_2 .workmate_hide, #workmate_3 .workmate_hide, #workmate_4 .workmate_hide, #workmate_5 .workmate_hide, #workmate_6 .workmate_hide, #workmate_7 .workmate_hide, #workmate_8 .workmate_hide {
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
  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;
  max-width: 560px; }
  @media screen and (max-width: 640px) {
    #workmate_1 .workmate_hide, #workmate_2 .workmate_hide, #workmate_3 .workmate_hide, #workmate_4 .workmate_hide, #workmate_5 .workmate_hide, #workmate_6 .workmate_hide, #workmate_7 .workmate_hide, #workmate_8 .workmate_hide {
      margin: 1rem; } }
  #workmate_1 .workmate_hide img, #workmate_2 .workmate_hide img, #workmate_3 .workmate_hide img, #workmate_4 .workmate_hide img, #workmate_5 .workmate_hide img, #workmate_6 .workmate_hide img, #workmate_7 .workmate_hide img, #workmate_8 .workmate_hide img {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  #workmate_1 .workmate_hide p, #workmate_2 .workmate_hide p, #workmate_3 .workmate_hide p, #workmate_4 .workmate_hide p, #workmate_5 .workmate_hide p, #workmate_6 .workmate_hide p, #workmate_7 .workmate_hide p, #workmate_8 .workmate_hide p {
    line-height: 1.8;
    width: 100%; }
/*# sourceMappingURL=style.css.map */