@charset "UTF-8";
/* コンテンツ */
#topimg {
	position: relative;
    width: 100%;
    aspect-ratio: 21.9 / 13.9;
    overflow: hidden;
    transition: all 0.3s;
    margin:90px auto 0;
    padding: 0;
}

.swiper-container1 {
	position:relative;
	z-index: 1;
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container1 .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.swiper-container1 .swiper-slide span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}
@keyframes sl_zoom_ani {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);

  }
}

/*
===================================================
 ここからヘッダーコピー
===================================================
*/
.recruit-hero__content {
  position: absolute;
	bottom:30px;
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  display:block;
	text-align: left;
}

.recruit-hero__copy {
  margin: 0 0 34px;
  color: #00095a;
  font-size: 3.4vw;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .04em;
}

.recruit-hero__copy span {
  display: table;
  padding: 10px 38px;
  background: #fff;
}

.recruit-hero__copy span + span {
  margin-top: 18px;
  margin-left: 70px;
}

.recruit-hero__lead {
  margin: 0;
  color: #fff;
  font-size: 1.8vw;
  font-weight: 900;
  line-height: 1.75;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
padding-left: 5em;
}

@media (max-width: 640px) {
.recruit-hero__content {
    width: 94%;
  }

  .recruit-hero__copy {
    font-size: 1.5em;
    line-height: 1.2;
	  letter-spacing: 0em;
	    margin: 0 0 10px;
  }

  .recruit-hero__copy span {
    padding: 3px 8px;
  }

  .recruit-hero__copy span + span {
    margin-top: 10px;
    margin-left: 34px;
  }

  .recruit-hero__lead {
    font-size: 1em;
    line-height: 1.3;
	  padding-left: 1em;
  }
}
/*
===================================================
 ここまでヘッダーコピー
===================================================
*/

.sd1 span {
    background-image: url("../slide/01_pc.webp");
}
.sd2 span {
    background-image: url("../slide/06_pc.webp");
}
.sd3 span {
    background-image: url("../slide/03_pc.webp");
}
.sd4 span {
    background-image: url("../slide/07_pc.webp");
}
.sd5 span {
    background-image: url("../slide/05_pc.webp");
}









/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width: 1000px) {
#topimg {
	position: relative;
    width: 100%;
    aspect-ratio: 21.9 / 13.9;
    overflow: hidden;
    transition: all 0.3s;
    margin:100px auto 0;
    padding: 0;
}


}

/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width: 640px) {
#topimg {
	position: relative;
    min-width: auto;
    aspect-ratio: 16.0/ 15.7;
    margin:70px auto 0em;
    padding: 0px 0px 0;
}
.sd1 span {
    background-image: url("../slide/01_sp.webp");
}
.sd2 span {
    background-image: url("../slide/06_pc.webp");
}
.sd3 span {
    background-image: url("../slide/03_pc.webp");
}
.sd4 span {
    background-image: url("../slide/07_pc.webp");
}
.sd5 span {
    background-image: url("../slide/05_pc.webp");
}
.marquee-content {
  gap: 50px; /* テキスト同士の間隔 */
  font-size: 4em;
}
.marquee-02 {
  width: 100vw;
	margin: 0px calc(50% - 50vw) 0;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
	z-index: 10;
	top:0;
}
}