.top-content__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.ttl-wrap {
  position: relative; }

.graduates-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 103px;
  height: 45px;
  border: 1px solid #bf0000;
  border-radius: 5px;
  right: 0;
  top: -10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .graduates-btn:hover {
    background: #bf0000; }
    .graduates-btn:hover .graduates-btn__txt {
      color: #fff; }
  .graduates-btn__txt {
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    color: #bf0000; }

.top-kv {
  position: relative; }
  .top-kv__inner {
    padding-top: 112.5%; }
  .top-kv__ttl {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
    line-height: 1;
    opacity: 0;
    top: 40px; }
    .top-kv__ttl--is-active {
      opacity: 1; }

.top-kv-ttl-main {
  margin-bottom: 0.3em;
  font-size: 11.1vw;
  line-height: 0.8; }
  .top-kv-ttl-main__head {
    display: block; }
  .top-kv-ttl-main__body {
    display: block; }
    .top-kv-ttl-main__body .top-kv-ttl-main__inner:nth-child(5) {
      padding-left: 0.363em; }
  .top-kv-ttl-main__inner {
    display: none;
    font-family: "RakutenSansUI_bold", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0; }
    :lang(ja) .top-kv-ttl-main__inner {
      font-family: "RakutenSansUI_bold", sans-serif !important;
    }
    .top-kv-ttl-main__inner--is-active {
      display: inline-block;
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .top-kv-ttl-main__ttl {
    display: none; }

.top-kv-ttl-sub {
  font-size: 3.75vw; }
  .top-kv-ttl-sub__inner {
    display: none;
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    letter-spacing: 0.1em; }
    .top-kv-ttl-sub__inner--is-active {
      display: inline-block;
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }

.top-kv-img {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: bgAnime 8s forwards;
          animation: bgAnime 8s forwards; }
  .top-kv-img--01 {
    background: url("/careers/assets/img/img_top_kv_01_sp.jpg") no-repeat;
    background-size: cover; }
  .top-kv-img--02 {
    background: url("/careers/assets/img/img_top_kv_02_sp.jpg") no-repeat;
    background-size: cover;
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
    opacity: 0; }
  .top-kv-img--03 {
    background: url("/careers/assets/img/img_top_kv_03_sp.jpg") no-repeat;
    background-size: cover;
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
    opacity: 0; }

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

@keyframes bgAnime {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.top-business {
  margin-top: 40px; }

.top-business-box__img {
  padding-top: 56.25%;
  background: url("/careers/assets/img/img_top_business_sp.jpg") center center no-repeat;
  background-size: cover;
  margin-bottom: 16px; }

.top-business-box__txt {
  padding: 0 12px;
  margin-bottom: 16px; }

.top-business-box__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
@media screen and (max-width: 768px) {
  .top-business-box h3,.top-message-box h3{
    text-align: center;
  }
}

.top-message {
  margin-top: 40px; }

.top-message-box__img {
  padding-top: 65.625%;
  background: url("/careers/assets/img/img_top_message_sp.jpg") center center no-repeat;
  background-size: cover;
  margin-bottom: 16px; }

.top-message-box__txt {
  padding: 0 12px;
  margin-bottom: 16px; }

.top-message-box__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.top-interview {
  background: url("/careers/assets/img/img_top_interview_sp.jpg") center bottom no-repeat #f7f7f7;
  background-size: contain;
  margin-top: 40px; }
  .top-interview__inner {
    padding: 40px 0 52%; }
  .top-interview__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.top-recruit {
  padding: 40px 0;
  background: #ebebeb; }

.top-recruit-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 12px; }
  .top-recruit-box__inner {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 16px; }
    .top-recruit-box__inner:nth-child(2n) {
      margin-right: 0; }
    .top-recruit-box__inner:nth-child(3), .top-recruit-box__inner:nth-child(4), .top-recruit-box__inner:nth-child(5) {
      margin-bottom: 0; }
  .top-recruit-box__img {
    padding-top: 57.69%; }
    .top-recruit-box__img--01 {
      background: url("/careers/assets/img/img_top_recruit_01_sp.jpg") no-repeat;
      background-size: cover; }
    .top-recruit-box__img--02 {
      background: url("/careers/assets/img/img_top_recruit_02_sp.jpg") no-repeat;
      background-size: cover; }
    .top-recruit-box__img--03 {
      background: url("/careers/assets/img/img_top_recruit_03_sp.jpg") no-repeat;
      background-size: cover; }
    .top-recruit-box__img--04 {
      background: url("/careers/assets/img/img_top_recruit_04_sp.jpg") no-repeat;
      background-size: cover; }
    .top-recruit-box__img--05 {
      background: url("/careers/assets/img/img_top_recruit_05_sp.jpg") no-repeat;
      background-size: cover; 
      margin-top: 16px;}
  .top-recruit-box__txt {
    font-family: "NotoSans", "NotoSansCJKjp", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4rem;
    padding: 16px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    letter-spacing: 0.025em; }
  @media screen and (min-width: 768px) {
    .graduates-btn {
      top: auto;
      bottom: 0;
      width: 208px;
      height: 70px;
      background: url("/careers/assets/img/img_cmn_graduates_01_pc.jpg") no-repeat;
      background-size: cover;
      border: none;
      border-radius: 0; }
      .graduates-btn:hover {
        opacity: 0.8;
        background: url("/careers/assets/img/img_cmn_graduates_01_pc.jpg") no-repeat; }
      .graduates-btn__txt {
        display: none; }
      .top-kv__inner {
        padding-top: 50%; }
      .top-kv__ttl {
        top: 32px; }
    .top-kv-ttl-main {
      margin-bottom: 0.3em;
      font-size: 6.3vw; }
      .top-kv-ttl-main__head {
        display: none; }
      .top-kv-ttl-main__body {
        display: none; }
      .top-kv-ttl-main__inner:nth-child(12), .top-kv-ttl-main__inner:nth-child(7) {
        padding-left: 0.363em; }
      .top-kv-ttl-main__ttl {
        display: block; }
    .top-kv-ttl-sub {
      font-size: 1.875vw; }
      .top-kv-ttl-sub__inner {
        letter-spacing: 0.2em; }
      .top-kv-img--01 {
        background: url("/careers/assets/img/img_top_kv_01_pc.jpg") no-repeat;
        background-size: cover; }
      .top-kv-img--02 {
        background: url("/careers/assets/img/img_top_kv_02_pc.jpg") no-repeat;
        background-size: cover; }
      .top-kv-img--03 {
        background: url("/careers/assets/img/img_top_kv_03_pc.jpg") no-repeat;
        background-size: cover; }
    .top-business {
      position: relative;
      background: url("/careers/assets/img/bg_top_business_pc.jpg") center center no-repeat;
      background-size: cover;
      min-height: 540px;
      padding: 60px 32px;
      margin: 0; }
    .top-business__inner {
      max-width: 1072px;
      width: 100%;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .top-business__fig {
      width: 440px;
      height: 342px;
      margin-right: 16px;
      background: url("/careers/assets/img/img_top_business_pc.png") center center no-repeat;
      background-size: contain; }
  .top-business-box {
    width: 520px;
    min-height: 420px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 8px 20px 16px 4px rgba(7, 0, 2, 0.2);
            box-shadow: 8px 20px 16px 4px rgba(7, 0, 2, 0.2);
    padding: 40px; }
    .top-business-box__img {
      display: none; }
    .top-business-box__txt {
      padding: 0; }
    .top-message {
      position: relative;
      background: url("/careers/assets/img/img_top_message_pc.jpg") center center no-repeat;
      background-size: cover;
      height: 540px;
      padding: 40px 32px;
      margin: 0; }
    .top-message__inner {
      max-width: 1072px;
      width: 100%;
      margin: 0 auto; }
  .top-message-box {
    width: 552px;
    min-height: 460px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 8px 20px 16px 4px rgba(7, 0, 2, 0.2);
            box-shadow: 8px 20px 16px 4px rgba(7, 0, 2, 0.2);
    padding: 40px; }
    .top-message-box__img {
      display: none; }
    .top-message-box__txt {
      padding: 0; }
    .top-interview {
      background: url("/careers/assets/img/img_top_interview_pc.jpg") center bottom no-repeat #f7f7f7;
      background-size: contain;
      margin-top: 0; }
      .top-interview__inner {
        padding: 80px 0;
        height: 500px; }
    .top-recruit {
      padding: 80px 32px; }
    .top-recruit-box {
      max-width: 1072px;
      width: 100%;
      margin: 0 auto;
      padding: 0; }
      .top-recruit-box__inner {
        width: calc(25% - 8px);
        margin-right: 8px;
        margin-bottom: 0; }
        .top-recruit-box__inner:nth-child(2n) {
          margin-right: 8px; }
      .top-recruit-box__inner:nth-child(4) {
        margin-right: 0; }
      .top-recruit-box__txt {
        padding: 32px 16px;
        font-weight: bold;
        font-size: 1.6rem; }
        .two_line{
          padding: 20px 16px;
        }
      }

  @media screen and (min-width: 988px) {
    .two_line{
      padding: 20px 16px;
    }}
  @media screen and (max-width: 767px) {
  .two_line{
    padding: 6px 16px;}}
  @media screen and (min-width: 1024px) {
      .top-kv__ttl {
        top: 40px; } }
  @media screen and (min-width: 1280px) {
      .top-kv__ttl {
        top: 48px; }}

/*# sourceMappingURL=top.css.map */