@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
#top .p-kvArea {
  position: relative;
  z-index: -1; }
  #top .p-kvArea__catchcopy {
    max-width: 579px;
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    color: #FFFFFF; }
    #top .p-kvArea__catchcopy picture {
      margin-left: -30px; }
    #top .p-kvArea__catchcopy span {
      display: inline-block;
      margin-top: -14px;
      line-height: 32px; }
      @media screen and (max-width: 768px) {
        #top .p-kvArea__catchcopy span {
          line-height: 25px; } }
      @media screen and (max-width: 568px) {
        #top .p-kvArea__catchcopy span {
          line-height: 20px; } }
    @media screen and (max-width: 1024px) {
      #top .p-kvArea__catchcopy {
        top: 180px;
        transform: translateX(-50%); } }
    @media screen and (max-width: 768px) {
      #top .p-kvArea__catchcopy {
        top: 230px;
        width: 75%; } }
    @media screen and (max-width: 568px) {
      #top .p-kvArea__catchcopy {
        max-width: 255px;
        font-size: 13px;
        top: 110px; } }
  #top .p-kvArea__image-01 {
    background-image: url("/abex/recruit/inc/image/top/img_mainVisual-01.jpg"); }
    @media screen and (max-width: 768px) {
      #top .p-kvArea__image-01 {
        background-image: url("/abex/recruit/inc/image/top/img_mainVisual-01_sp.jpg"); } }
  #top .p-kvArea__image-02 {
    background-image: url("/abex/recruit/inc/image/top/img_mainVisual-02.jpg"); }
    @media screen and (max-width: 768px) {
      #top .p-kvArea__image-02 {
        background-image: url("/abex/recruit/inc/image/top/img_mainVisual-02_sp.jpg"); } }
  #top .p-kvArea__image-03 {
    background-image: url("/abex/recruit/inc/image/top/img_mainVisual-03.jpg"); }
    @media screen and (max-width: 768px) {
      #top .p-kvArea__image-03 {
        background-image: url("/abex/recruit/inc/image/top/img_mainVisual-03_sp.jpg"); } }

#top .c-slider {
  padding: 0;
  line-height: 0; }
  #top .c-slider li {
    width: 100%;
    height: 2200px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover; }
    @media screen and (max-width: 1680px) {
      #top .c-slider li {
        height: 1894px; } }
    @media screen and (max-width: 1280px) {
      #top .c-slider li {
        height: 1443px; } }
    @media screen and (max-width: 1024px) {
      #top .c-slider li {
        height: 1155px; } }
    @media screen and (max-width: 834px) {
      #top .c-slider li {
        height: 940px; } }
    @media screen and (max-width: 568px) {
      #top .c-slider li {
        height: 660px; } }
    @media screen and (max-width: 380px) {
      #top .c-slider li {
        height: 500px; } }
  #top .c-slider .slick-prev, #top .c-slider .slick-next {
    z-index: 1; }
  #top .c-slider .slick-prev {
    left: 25px; }
  #top .c-slider .slick-next {
    right: 25px; }

#top #wrapper {
  margin-top: -1020px;
  padding: 0 0; }
  @media screen and (max-width: 1200px) {
    #top #wrapper {
      padding: 60px 0 0; } }
  @media screen and (max-width: 1680px) {
    #top #wrapper {
      margin-top: -890px; } }
  @media screen and (max-width: 1280px) {
    #top #wrapper {
      margin-top: -690px; } }
  @media screen and (max-width: 1024px) {
    #top #wrapper {
      margin-top: -540px; } }
  @media screen and (max-width: 834px) {
    #top #wrapper {
      margin-top: -430px; } }
  @media screen and (max-width: 768px) {
    #top #wrapper {
      margin-top: -240px; } }
  @media screen and (max-width: 568px) {
    #top #wrapper {
      margin-top: -120px; } }
  @media screen and (max-width: 380px) {
    #top #wrapper {
      margin-top: -150px; } }

@media screen and (max-width: 768px) {
  #top .p-company {
    padding-bottom: 70px; } }

#top .p-company__Grid {
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px; }
  @media screen and (max-width: 1200px) {
    #top .p-company__Grid {
      margin: 0 -15px -30px; } }
  #top .p-company__Grid > [class*="col-"] {
    padding: 0 20px 40px; }
    @media screen and (max-width: 1200px) {
      #top .p-company__Grid > [class*="col-"] {
        padding: 0 15px 30px; } }

@media screen and (max-width: 768px) {
  #top .p-company__item {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 1024px) {
  #top .p-company__titleSise {
    font-size: 18px; } }

@media screen and (max-width: 768px) {
  #top .p-works {
    padding-bottom: 50px; } }

@media screen and (max-width: 768px) {
  #top .p-works__wrapper {
    padding-top: 50px;
    margin-bottom: 50px; } }

#top .p-works__Grid {
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px; }
  @media screen and (max-width: 1200px) {
    #top .p-works__Grid {
      margin: 0 -15px -30px; } }
  #top .p-works__Grid > [class*="col-"] {
    padding: 0 20px 40px; }
    @media screen and (max-width: 1200px) {
      #top .p-works__Grid > [class*="col-"] {
        padding: 0 15px 30px; } }
  @media screen and (max-width: 768px) {
    #top .p-works__Grid li {
      padding-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  #top .p-interview {
    padding-bottom: 60px; } }

#top .p-recruit {
  position: relative;
  padding-bottom: 65px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    #top .p-recruit {
      padding-bottom: 260px; } }
  @media screen and (max-width: 768px) {
    #top .p-recruit {
      padding-bottom: 145px; } }
  @media screen and (max-width: 768px) {
    #top .p-recruit__wrapper {
      padding-top: 50px; } }
  #top .p-recruit__btnArea {
    position: relative;
    z-index: 1;
    padding-left: 117px;
    margin: 0 -16px; }
    @media screen and (max-width: 1200px) {
      #top .p-recruit__btnArea {
        padding-left: 0; } }
    @media screen and (max-width: 1024px) {
      #top .p-recruit__btnArea {
        text-align: center; } }
    @media screen and (max-width: 768px) {
      #top .p-recruit__btnArea {
        margin: 0 -6px; } }
    #top .p-recruit__btnArea .c-recruitBtn {
      margin: 0 16px; }
      @media screen and (max-width: 768px) {
        #top .p-recruit__btnArea .c-recruitBtn {
          margin: 0 6px; } }
  #top .p-recruit__imgArea {
    max-width: 584px;
    position: absolute;
    right: 40px;
    bottom: 0; }
    @media screen and (max-width: 1024px) {
      #top .p-recruit__imgArea {
        max-width: 440px;
        right: auto;
        left: 50%;
        transform: translateX(-50%); } }
    @media screen and (max-width: 768px) {
      #top .p-recruit__imgArea {
        width: 293px;
        bottom: -20px; } }

#top .p-newsList {
  position: relative;
  padding-bottom: 120px; }
  @media screen and (max-width: 1024px) {
    #top .p-newsList {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media screen and (max-width: 768px) {
    #top .p-newsList {
      padding-bottom: 90px; } }
  #top .p-newsList .c-btn {
    position: absolute;
    margin: 0;
    top: 60px;
    right: 0; }
    @media screen and (max-width: 1200px) {
      #top .p-newsList .c-btn {
        top: 0;
        right: 30px; } }
    @media screen and (max-width: 1024px) {
      #top .p-newsList .c-btn {
        position: relative;
        top: 0;
        right: 0;
        -ms-flex-order: 3;
            order: 3;
        margin-top: 30px; } }

#top .c-wideCard__nosmoking {
  min-height: 200px;
  display: -ms-grid;
  display: grid;
  -ms-flex-pack: normal;
      justify-content: normal; }

#top .c-wideCard__nosmoking .c-wideCard__infoArea {
  padding: 50px 30px; }

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