@charset "UTF-8";
/* 

テーマのデザイン設定

 */
/* トップページ FV */
.top-hero-bg {
  background-image: url(../img/top/top_hero_01.jpg);
  background-position: 75% 25%;
}

/* トップページ スライダー写真 */
.top-hero-slider-item-canvas.item--CORP {
  background-image: url(../img/top/top_hero_CORP.jpg);
  background-position: 75% 70%;
}
.top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
  text-align: left;
  margin-bottom: calc(10vh - 0.5em);
}

.top-hero-slider-item-canvas.item--02::before {
  background-image: url(../img/top/top_hero_02A.jpg);
  background-position: 35% 10%;
}
.top-hero-slider-item-canvas.item--02::after {
  background-image: url(../img/top/top_hero_02B.jpg);
  background-position: 70% 25%;
}
.top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch {
  justify-content: flex-start;
}
.top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch .container {
  max-width: 100% !important;
}
.top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
  text-align: left;
  margin-top: calc(10vh - 0.5em);
}
.top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
  text-align: right;
  margin-top: calc(75vh - 1em - 340px);
}

.top-hero-slider-item-canvas.item--02A {
  background-image: url(../img/top/top_hero_02A.jpg);
  background-position: 30% 50%;
}
.top-hero-slider-item-canvas.item--02A .top-hero-slider-item-catch p {
  text-align: right;
}

.top-hero-slider-item-canvas.item--02B {
  background-image: url(../img/top/top_hero_02B.jpg);
  background-position: 70% 25%;
}
.top-hero-slider-item-canvas.item--02B .top-hero-slider-item-catch p {
  text-align: left;
}

.top-hero-slider-item-canvas.item--03::before {
  background-image: url(../img/top/top_hero_03A.jpg);
  background-position: 35% 25%;
}
.top-hero-slider-item-canvas.item--03::after {
  background-image: url(../img/top/top_hero_03B.jpg);
  background-position: 70% 25%;
}
.top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch {
  justify-content: flex-start;
}
.top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch .container {
  max-width: 100% !important;
}
.top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
  text-align: left;
  margin-top: calc(10vh - 0.5em);
}
.top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
  text-align: right;
  margin-top: calc(75vh - 1em - 340px);
}

.top-hero-slider-item-canvas.item--03A {
  background-image: url(../img/top/top_hero_03A.jpg);
  background-position: 30% 25%;
}
.top-hero-slider-item-canvas.item--03A .top-hero-slider-item-catch p {
  text-align: right;
}

.top-hero-slider-item-canvas.item--03B {
  background-image: url(../img/top/top_hero_03B.jpg);
  background-position: 70% 25%;
}
.top-hero-slider-item-canvas.item--03B .top-hero-slider-item-catch p {
  text-align: left;
}

.top-hero-slider-item-canvas.item--04 {
  background-image: url(../img/top/top_hero_04.jpg);
  background-position: 75% 75%;
}
.top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch {
  justify-content: flex-start;
}
.top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
  text-align: left;
  margin-top: calc(10vh - 0.5em);
}

@media all and (min-height: 1080px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-bottom: calc(108px - 0.5em);
  }

  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(108px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(810px - 1em - 340px);
  }

  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(108px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(810px - 1em - 340px);
  }

  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
    margin-top: calc(108px - 0.5em);
  }
}
@media all and (max-width: 1079px) and (min-height: 768px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-bottom: calc(100px - 0.5em);
  }

  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(72px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(560px - 1em - 70px - 20%);
  }

  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(72px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(560px - 1em - 70px - 20%);
  }

  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
    margin-top: calc(76px - 0.5em);
  }
}
@media all and (max-width: 1079px) and (min-height: 580px) and (max-height: 767px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-bottom: calc(15vh - 0.5em);
  }

  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(10vh - 0.5em);
  }
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(75vh - 1em - 70px - 20%);
  }

  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(10vh - 0.5em);
  }
  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(75vh - 1em - 70px - 20%);
  }
}
@media all and (max-width: 1079px) and (max-height: 579px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-bottom: calc(80px - 0.5em);
  }

  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(58px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(400px - 1em - 70px - 20%);
  }

  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(58px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(400px - 1em - 70px - 20%);
  }

  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
    margin-top: calc(58px - 0.5em);
  }
}
@media all and (min-width: 1080px) and (max-height: 767px) {
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(100px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--02 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(200px - 1em);
  }

  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(1) {
    margin-top: calc(100px - 0.5em);
  }
  .top-hero-slider-item-canvas.item--03 .top-hero-slider-item-catch p:nth-child(2) {
    margin-top: calc(200px - 1em);
  }
}
@media all and (min-width: 580px) and (max-width: 767px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    margin-bottom: 0;
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--02A .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--02A .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: right;
  }

  .top-hero-slider-item-canvas.item--02B .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--02B .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--03A .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--03A .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: right;
  }

  .top-hero-slider-item-canvas.item--03B .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--03B .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: left;
  }
}
@media all and (max-width: 579px) {
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--CORP .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    margin-bottom: 0;
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--02A .top-hero-slider-item-catch p {
    text-align: right;
  }

  .top-hero-slider-item-canvas.item--02B .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--02B .top-hero-slider-item-catch p {
    margin-top: calc(50px - 0.5em);
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--03A .top-hero-slider-item-catch {
    justify-content: flex-end;
  }
  .top-hero-slider-item-canvas.item--03A .top-hero-slider-item-catch p {
    margin-bottom: 35%;
    text-align: right;
  }

  .top-hero-slider-item-canvas.item--03B .top-hero-slider-item-catch {
    justify-content: flex-start;
  }
  .top-hero-slider-item-canvas.item--03B .top-hero-slider-item-catch p {
    margin-top: calc(100px - 0.5em);
    text-align: left;
  }

  .top-hero-slider-item-canvas.item--04 .top-hero-slider-item-catch p {
    text-align: left;
  }
}
/* トップページ 事業紹介 イメージ */
.top-business-img {
  background-image: url(../img/top/top_business.jpg);
  background-position: 90% 20%;
}

/* トップページ 人について イメージ */
.top-people-img {
  background-image: url(../img/top/top_people.jpg);
  background-position: 50% 50%;
}

/* トップページ 働く環境 イメージ */
.top-environment-img {
  background-image: url(../img/top/top_environment.jpg);
  background-position: 50% 50%;
}

.top-environment-img_01::before {
  background-image: url(../img/top/top_environment_01.jpg);
  background-position: 50% 50%;
}

.top-environment-img_02::before {
  background-image: url(../img/top/top_environment_02.jpg);
  background-position: 75% 50%;
}

/* 事業紹介 ヘッダー背景 */
.page-header-screen.page-header-screen--business .page-header-canvas {
  background-image: url(../img/business/business_header.jpg);
  background-position: 15% 65%;
}

@media all and (max-width: 579px) {
  .page-header-screen.page-header-screen--business .page-header-canvas {
    background-position: 15% 100%;
  }
}
/* 事業紹介 部門イメージ */
.page-business-people-img.item--01 {
  background-image: url(../img/business/business_div01.jpg);
  background-position: 30% 25%;
}

.page-business-people-img.item--02 {
  background-image: url(../img/business/business_div02.jpg);
  background-position: 70% 25%;
}

.page-business-people-img.item--03 {
  background-image: url(../img/business/business_div03.jpg);
  background-position: 70% 25%;
}

.page-business-people-img.item--04 {
  background-image: url(../img/business/business_div04.jpg);
  background-position: 70% 25%;
}

/* 人について ヘッダー背景 */
.page-header-screen.page-header-screen--people .page-header-canvas {
  background-image: url(../img/people/people_header.jpg);
  background-position: 50% 40%;
}

@media all and (max-width: 1079px) {
  .page-header-screen.page-header-screen--people .page-header-canvas {
    background-position: 50% 50%;
  }
}
/* 採用情報 ヘッダー背景 */
.page-header-screen.page-header-screen--information .page-header-canvas {
  background-image: url(../img/information/information_header.jpg);
  background-position: 75% 25%;
}

/* 働く環境 ヘッダー背景 */
.page-header-screen.page-header-screen--environment .page-header-canvas {
  background-image: url(../img/environment/environment_header.jpg);
  background-position: 75% 25%;
}

/* エラーページ ヘッダー背景 */
.page-header-screen.page-header-screen--error .page-header-canvas {
  background-image: url(../img/error/error_header.jpg);
  background-position: 75% 25%;
}

/* Google reCAPTCHA */
.grecaptcha-badge {
  z-index: 8990 !important;
  bottom: 80px !important;
}

@media all and (max-width: 767px) {
  .grecaptcha-badge {
    bottom: 70px !important;
  }
}
@media all and (max-width: 579px) {
  .grecaptcha-badge {
    bottom: 50px !important;
  }
}
@media all and (max-height: 479px) {
  .grecaptcha-badge {
    bottom: 10px !important;
  }
}