@charset "utf-8";
/* CSS Document */

/*
PC,タブレット用_min-width: 768px;
*/

@charset "utf-8";


@media screen and (min-width:768px) {

  a {
    color: #000;
  }

  br {
    display: none;
  }

  .header {
    display: block;
    width: 100vw;
    height: auto;
    margin: 0 auto;
  }

  .header-logo img {
    width: 10%;
    height: auto;
  }

  .site-title {
    width: 100%;
    height: auto;
    text-align: center;
  }

  .burger-btn {
    display: none;
  }

  .pc-nav-wrapper {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: solid 0.1rem #000;
    margin-bottom: 4rem;
  }

  .pc-nav-list {
    display: flex;
    justify-content: center;
    width: 100vw;
  }

  .pc-nav-item {
    width: fit-content;
    height: auto;
    padding: 0 60px;
  }

  .pc-video {
    text-align: center;
  }

  .pc-video iframe {
    width: 50%;
    height: revert-layer;
  }

  .main-header h1 {
    font-size: large;
  }

  .clapper {
    width: 50vw;
    margin: 0 auto;
  }

  .bisect {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bisect-reverse {
    flex-direction: row-reverse;
  }

  .bisect div {
    width: 30%;
    height: 100%;
  }

  .bisect div p {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
  }

  .chapter-image {
    width: 430px;
    height: 320px;
    text-align: center;
  }

  .chapter-image img {
    width: 80%;
    height: auto;
  }

  #thumbs {
    margin: 0 auto;
    max-width: 50%;
  }

  .swiper-container {
    height: 50vh;
}

  .swiper-slide img {
    width: 30vw;
    min-width: 30vw;
  }

  a.button_solid {
    margin: 12rem auto;
    margin-bottom: 6rem;
  }

  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width:1700px) {
    .swiper-slide img {
    width: 30vw;
  }
}

@media screen and (max-width:767px) {

  .clapper {
    margin-bottom: 2rem;
    width: 100%;
  }

  .bisect {
    display: block;
    height: auto;
  }

  .bisect div {
    width: 100%;
    height: auto;
  }

  .bisect div p {
    height: auto;
  }

  .chapter-image {
    margin-bottom: 4rem;
  }

    .swiper-slide img {
    width: 80vw;
    height: auto;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

/*採用特設サイト子ページ用*/
@media screen and (max-width:1360px) {
    .head-title {
      width: 80vw;
      margin: 0 auto;
  }

  .content-block {
      text-align: center;
      margin: 0 auto;
      margin-bottom: 2rem;
  }

  .content-block img {
      width: 50vw;
      height: auto;
  }

  .content-block-image {
      margin-bottom: 2em;
  }

  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:1815px) {
    .head-title {
      width: 80vw;
      margin: 0 auto;
  }

  .content-block {
      text-align: center;
      margin: 0 auto;
      margin-bottom: 2rem;
  }

  .content-block img {
      width: 40vw;
      height: auto;
  }

  .content-block-image {
      margin-bottom: 2em;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:420px) {
    .head-title {
      width: 80vw;
      margin: 0 auto;
  }

  .content-block {
      text-align: center;
      margin: 0 auto;
      margin-bottom: 2rem;
  }

  .content-block img {
      width: 50vw;
      height: auto;
  }

  .content-block-image {
      margin-bottom: 2em;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:810px) {
    .head-title {
      width: 80vw;
      margin: 0 auto;
  }

  .content-block {
      text-align: center;
      margin: 0 auto;
      margin-bottom: 2rem;
  }

  .content-block img {
      width: 60vw;
      height: auto;
  }

  .content-block-image {
      margin-bottom: 2em;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:1600px) {
  .employ-list {
    display: flex;
    justify-content: space-between;
    width: 80vw;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:1300px) {
  .employ-list {
    display: block;
  }

  .employ-list-card {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}

@media screen and (max-width:768px) {

  .employ-list-card a {
    color: #000;
  }

  .employ-list {
    width: 85vw;
    height: auto;
  }

  .employ-list-card {
    height: 50vh;
  }

  .employ-list-card h2 {
    font-size: 1.5rem;
  }

  .employ-list-card img {
    width: 80%;
    height: auto;
  }

  .button_solid {
    margin: 0 auto;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}


@media screen and (max-width:375px) {
  .employ-list-card {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .employ-list-card img {
    width: 300px;
    height: auto;
  }
  .adjust-area {
    margin-bottom: 4rem;
  }
}