.fv {
  position: relative;
}
.fv__tx {
  position: absolute;
  color: #fff;
  left: 30px;
  letter-spacing: 0.22em;
  white-space: nowrap;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
@media (min-width: 768px) {
  .fv__tx {
    top: 120px;
  }
}
@media (max-width: 767px) {
  .fv__tx {
    top: 95px;
  }
}

.introduction {
  position: relative;
  background-color: #e8e8e8;
}
@media (min-width: 768px) {
  .introduction {
    margin-top: -3.66vw;
  }
}
.introduction::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border-left: 100vw solid transparent;
}
@media (min-width: 768px) {
  .introduction::before {
    top: -7.15vw;
    border-bottom: 7.32vw solid #e8e8e8;
  }
}
@media (max-width: 767px) {
  .introduction::before {
    top: -15.5vw;
    border-bottom: 16vw solid #e8e8e8;
  }
}
.introduction__lead {
  position: relative;
  color: #0078ff;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .introduction__lead {
    top: -110px;
    margin-left: 8.05vw;
    font-size: 257px;
    line-height: 228px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .introduction__lead {
    top: -8.05vw;
    font-size: 18.81vw;
    line-height: 16.69vw;
  }
}
@media (max-width: 767px) {
  .introduction__lead {
    top: -16vw;
    font-size: 95px;
    line-height: 86px;
  }
}

@media (min-width: 768px) {
  .intro__wrapper {
    max-width: 1366px;
  }
}
@media (max-width: 767px) {
  .intro__content {
    width: 84vw;
  }
}
@media (min-width: 768px) {
  .intro__head .ja {
    font-size: 62px;
    line-height: 82px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .intro__head .ja {
    font-size: 4.54vw;
    line-height: 6vw;
  }
}
@media (max-width: 767px) {
  .intro__head .ja {
    font-size: 49px;
    line-height: 61px;
  }
}
.intro__head .en {
  color: #ff6e1d;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .intro__p {
    line-height: 65px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .intro__p {
    font-size: 1.32vw;
    line-height: 4.76vw;
  }
}
@media (max-width: 767px) {
  .intro__p {
    line-height: 49px;
  }
}

.sec01__img {
  position: relative;
}
@media (min-width: 768px) {
  .sec01__img {
    width: 556px;
    height: 330px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec01__img {
    width: 40.7vw;
    height: 24.16vw;
  }
}
@media (max-width: 767px) {
  .sec01__img {
    width: 74.13vw;
    height: 44vw;
    margin-left: auto;
  }
}
.sec01__imgitem1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .sec01__imgitem1 {
    width: 402px;
    height: 244px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec01__imgitem1 {
    width: 29.43vw;
    height: 17.86vw;
  }
}
@media (max-width: 767px) {
  .sec01__imgitem1 {
    width: 53.33vw;
    height: 32.4vw;
  }
}
.sec01__imgitem2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
@media (min-width: 768px) {
  .sec01__imgitem2 {
    width: 400px;
    height: 164px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec01__imgitem2 {
    width: 29.28vw;
    height: 12vw;
  }
}
@media (max-width: 767px) {
  .sec01__imgitem2 {
    width: 53.2vw;
    height: 21.73vw;
  }
}
.sec01__imgitem3 {
  position: absolute;
  z-index: 2;
}
@media (min-width: 768px) {
  .sec01__imgitem3 {
    top: -4.39vw;
    left: 3.66vw;
    width: 193px;
    height: 282px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec01__imgitem3 {
    width: 14.13vw;
    height: 20.64vw;
  }
}
@media (max-width: 767px) {
  .sec01__imgitem3 {
    top: -8vw;
    left: 6.67vw;
    width: 25.6vw;
    height: 37.47vw;
  }
}
@media (min-width: 768px) {
  .sec01__content {
    margin-top: 50px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec01__content {
    margin-top: 3.66vw;
  }
}

@keyframes img1Anim {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(100%, 50%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media (min-width: 768px) {
  .sec02 {
    margin-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec02 {
    margin-top: 5.86vw;
  }
}
@media (max-width: 767px) {
  .sec02 {
    margin-top: 10.67vw;
  }
}
.sec02__img {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .sec02__img {
    width: 660px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec02__img {
    width: 48.32vw;
  }
}
@media (max-width: 767px) {
  .sec02__img {
    width: 88vw;
  }
}
.sec02__imgitem1 {
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .sec02__imgitem1 {
    right: 0;
    bottom: 0;
    width: 657px;
    height: 252px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec02__imgitem1 {
    width: 48.1vw;
    height: 18.45vw;
  }
}
@media (max-width: 767px) {
  .sec02__imgitem1 {
    width: 87.47vw;
    top: 40vw;
  }
}
.sec02__imgitem2 {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .sec02__imgitem2 {
    top: 0;
    left: -45px;
    width: 490px;
    height: 351px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec02__imgitem2 {
    left: -3.29vw;
    width: 35.87vw;
    height: 25.7vw;
  }
}
@media (max-width: 767px) {
  .sec02__imgitem2 {
    width: 65.33vw;
  }
}
@media (min-width: 768px) {
  .sec02__content {
    margin-top: 100px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec02__content {
    margin-top: 7.32vw;
  }
}
@media (max-width: 767px) {
  .sec02__content {
    margin-top: 45.33vw;
  }
}

@keyframes img2Anim {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@media (min-width: 768px) {
  .sec03 {
    margin-top: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec03 {
    margin-top: 8.78vw;
  }
}
@media (max-width: 767px) {
  .sec03 {
    margin-top: 10.67vw;
  }
}
.sec03__img {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .sec03__img {
    width: 570px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec03__img {
    width: 41.73vw;
  }
}
@media (max-width: 767px) {
  .sec03__img {
    width: 76vw;
  }
}
@media (min-width: 768px) {
  .sec03__content {
    margin-top: 50px;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec03__content {
    margin-top: 3.66vw;
  }
}
@media (max-width: 767px) {
  .sec03__content {
    margin-top: 9.33vw;
  }
}

@media (min-width: 768px) {
  .sec04 {
    margin-top: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec04 {
    margin-top: 8.78vw;
  }
}
@media (max-width: 767px) {
  .sec04 {
    margin-top: 8vw;
  }
}
.sec04__img {
  position: relative;
}
@media (min-width: 768px) {
  .sec04__img {
    width: 594px;
    margin-left: -7.32vw;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec04__img {
    width: 43.48vw;
  }
}
@media (max-width: 767px) {
  .sec04__img {
    width: 120.53vw;
    margin-left: -18.63vw;
    margin-right: -2.67vw;
  }
}
@media (min-width: 1366px) {
  .sec04__img {
    margin-left: 0;
  }
}
.sec04__imgitem1 {
  position: relative;
  z-index: 1;
}
.sec04__imgitem1.topfront {
  z-index: 20;
}
@media (min-width: 768px) {
  .sec04__imgitem2 {
    position: absolute;
    bottom: 5.66vw;
    left: 22vw;
    width: 739px;
    z-index: 0;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec04__imgitem2 {
    width: 54.1vw;
  }
}
@media (min-width: 768px) {
  .sec04__content {
    margin-top: 100px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec04__content {
    margin-top: 7.32vw;
  }
}
@media (max-width: 767px) {
  .sec04__content {
    margin-top: 26.67vw;
  }
}

@media (min-width: 768px) {
  .sec05 {
    margin-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .sec05 {
    margin-top: 5.86vw;
  }
}
@media (max-width: 767px) {
  .sec05 {
    margin-top: 12vw;
  }
}
.sec05__img {
  position: relative;
}
@media (min-width: 768px) {
  .sec05__img {
    width: 103.95vw;
    margin-left: auto;
    margin-right: -8.78vw;
  }
}
@media (max-width: 767px) {
  .sec05__img {
    width: 113.87vw;
    margin-left: -2.67vw;
    margin-right: -12vw;
  }
}
@media (min-width: 1366px) {
  .sec05__img {
    width: 100%;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .sec05__imgitem {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.sec05__imgitem:first-child {
  position: relative;
}
.sec05__imgitem:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}

.pride {
  color: #fff;
}
@media (min-width: 768px) {
  .pride {
    background-image: url(../img/top/top_recruit.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 62.6vw;
  }
}
@media (max-width: 767px) {
  .pride {
    background-color: #e8e8e8;
    padding: 175px 0 0;
  }
}
@media (max-width: 767px) {
  .pride__wrapper {
    background-image: url(../img/top/top_recruit.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 62.6vw;
  }
}
.pride__head {
  position: relative;
  z-index: 30;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .pride__head {
    font-size: 14.28vw;
    line-height: 1;
    top: -7.14vw;
  }
}
@media (max-width: 767px) {
  .pride__head {
    font-size: 95px;
    line-height: 86px;
    top: -170px;
  }
}
.pride__subtitle {
  position: relative;
  line-height: 82px;
  letter-spacing: 0.12em;
}
@media (min-width: 768px) {
  .pride__subtitle {
    font-size: 45px;
    top: -7.14vw;
  }
}
@media (max-width: 767px) {
  .pride__subtitle {
    top: -180px;
  }
}
@media (max-width: 767px) {
  .pride__p {
    line-height: 47px;
  }
}

.recruit {
  position: relative;
  color: #fff;
  width: 100%;
  z-index: 30;
}
@media (min-width: 768px) {
  .recruit {
    margin-top: -23vw;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .recruit {
    background-color: #e8e8e8;
    padding-bottom: 14.67vw;
  }
}
.recruit__bgleft {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1639b8;
}
@media (min-width: 768px) {
  .recruit__bgleft {
    width: 21.08vw;
    height: calc(100% - 21.96vw);
    margin-top: 21.96vw;
  }
}
@media (max-width: 767px) {
  .recruit__bgleft {
    width: 10vw;
    height: 100%;
  }
}
.recruit__bgleft::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  aspect-ratio: 1;
  background-color: #1639b8;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
@media (min-width: 768px) {
  .recruit__bgleft::before {
    top: -21.9vw;
    height: 21.96vw;
  }
}
@media (max-width: 767px) {
  .recruit__bgleft::before {
    top: -9vw;
    height: 9.33vw;
  }
}
.recruit__bgright {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .recruit__bgright {
    width: calc(100% - 21.08vw);
    height: calc(100% - 21.96vw);
    margin-top: 21.96vw;
    background-color: #47beff;
  }
}
@media (max-width: 767px) {
  .recruit__bgright {
    width: calc(100% - 10vw);
    height: calc(100% - 15vw);
  }
}
.recruit__bgright::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  aspect-ratio: 1;
  background-color: #47beff;
  clip-path: polygon(0 100%, 0 0, 100% 100%);
}
@media (min-width: 768px) {
  .recruit__bgright::before {
    top: -21.9vw;
    height: 21.96vw;
  }
}
@media (max-width: 767px) {
  .recruit__bgright::before {
    top: -8.9vw;
    height: 24vw;
  }
}
@media (max-width: 767px) {
  .recruit__bgright::after {
    content: "";
    display: block;
    position: absolute;
    top: 15vw;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #47beff;
  }
}
.recruit__container {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top: 10.98vw;
}
.recruit__intro {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .recruit__intro {
    margin-left: 21.08vw;
  }
}
@media (max-width: 767px) {
  .recruit__intro {
    margin-left: 18.67vw;
  }
}
.recruit__head {
  color: #1639b8;
  line-height: 1;
  transform: rotate(15deg) skew(15deg);
}
@media (min-width: 768px) {
  .recruit__head {
    font-size: 120px;
  }
}
@media (max-width: 767px) {
  .recruit__head {
    font-size: 16vw;
  }
}
@media (min-width: 768px) {
  .recruit__body {
    transform: rotate(15deg) skew(15deg);
  }
}
@media (max-width: 767px) {
  .recruit__body {
    margin-right: 6.67vw;
  }
}
@media (min-width: 768px) {
  .recruit__p {
    line-height: 45px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .recruit__p {
    line-height: 47px;
  }
}
@media (min-width: 768px) {
  .recruit__slider {
    gap: 0 0.73vw;
    margin-top: 3.66vw;
    margin-left: 3.66vw;
  }
}
.recruit__slider_main .swiper-container {
  position: relative;
}
.recruit__slider_main img {
  object-fit: cover;
}
@media (min-width: 768px) {
  .recruit__slider_main img {
    width: 52.56vw;
    height: 29.14vw;
  }
}
@media (max-width: 767px) {
  .recruit__slider_main img {
    width: 88vw;
    height: 48.67vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .recruit__slider_main .swiper-button-prev,
  .recruit__slider_main .swiper-button-next {
    background-color: #ff6e1d;
    width: 14.13vw;
    height: 14.13vw;
  }
}
@media (max-width: 767px) {
  .recruit__slider_main .swiper-button-prev::after,
  .recruit__slider_main .swiper-button-next::after {
    content: "";
    width: 3.33vw;
    height: 3.33vw;
    background-color: #fff;
  }
}
.recruit__slider_main .swiper-button-prev {
  left: 0 !important;
}
.recruit__slider_main .swiper-button-prev::after {
  clip-path: polygon(0% 50%, 3.33vw 0%, 3.33vw 3.33vw);
}
.recruit__slider_main .swiper-button-next {
  right: 0 !important;
}
.recruit__slider_main .swiper-button-next::after {
  clip-path: polygon(3.33vw 50%, 0% 0%, 0% 3.33vw);
}
@media (min-width: 768px) {
  .recruit__slider_text {
    margin-left: 0.73vw;
  }
}
@media (min-width: 768px) {
  .recruit__slider_text .recruit__slider_title {
    line-height: 1.2;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .recruit__slider_text .recruit__slider_title {
    font-size: 2.64vw;
  }
}
@media (max-width: 767px) {
  .recruit__slider_text .recruit__slider_title {
    line-height: 1.5;
  }
}
.recruit__slider_text .recruit__slider_name {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .recruit__slider_text .recruit__slider_name {
    line-height: 1.2;
    margin-top: 0.73vw;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .recruit__slider_text .recruit__slider_name {
    font-size: 1.9vw;
  }
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail {
    overflow: hidden;
    max-width: 48.32vw;
    margin-top: 2.2vw;
  }
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail img {
    width: 15.45vw;
    height: 19.18vw;
    object-fit: cover;
  }
}
.recruit__slider_thumbnail .swiper-container {
  position: relative;
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-container {
    margin-bottom: 50px;
  }
}
.recruit__slider_thumbnail .swiper-slide:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .thumb-slider {
    display: none;
  }
}
.recruit__slider_thumbnail .swiper-pagination {
  position: absolute;
  z-index: 1000 !important;
  color: #fff;
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-pagination {
    bottom: -35px !important;
  }
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .swiper-pagination {
    bottom: -15px !important;
  }
}
.recruit__slider_thumbnail .swiper-button-prev,
.recruit__slider_thumbnail .swiper-button-next {
  z-index: 10000 !important;
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-button-prev,
  .recruit__slider_thumbnail .swiper-button-next {
    width: 126px;
    top: auto !important;
    bottom: -40px !important;
  }
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .swiper-button-prev,
  .recruit__slider_thumbnail .swiper-button-next {
    width: 31.6vw;
  }
}
.recruit__slider_thumbnail .swiper-button-prev::after,
.recruit__slider_thumbnail .swiper-button-next::after {
  content: "" !important;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-button-prev::after,
  .recruit__slider_thumbnail .swiper-button-next::after {
    width: 126px;
    height: 8px;
  }
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .swiper-button-prev::after,
  .recruit__slider_thumbnail .swiper-button-next::after {
    width: 31.6vw;
    height: 1.87vw;
  }
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-button-prev {
    left: calc(50% - 160px);
    right: 21.23vw !important;
  }
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .swiper-button-prev {
    left: calc(50% - 40vw);
  }
}
.recruit__slider_thumbnail .swiper-button-prev::after {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: skew(-45deg);
}
@media (min-width: 768px) {
  .recruit__slider_thumbnail .swiper-button-next {
    right: calc(50% - 160px);
  }
}
@media (max-width: 767px) {
  .recruit__slider_thumbnail .swiper-button-next {
    right: calc(50% - 40vw);
  }
}
.recruit__slider_thumbnail .swiper-button-next::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: skew(45deg);
}
@media (min-width: 768px) {
  .recruit__main {
    width: 52.56vw;
  }
}
@media (min-width: 768px) {
  .recruit__side {
    width: 42.46vw;
  }
}
.recruit__entrybtn {
  background-color: #1639b8;
  width: 100%;
  border: 1px solid #47beff;
}
@media (min-width: 768px) {
  .recruit__entrybtn {
    max-width: 1200px;
    width: 87.85vw;
    height: 220px;
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .recruit__entrybtn {
    max-width: 325px;
    height: 150px;
    padding: 0 25px;
  }
}
@media (min-width: 768px) {
  .recruit__entrybtn:hover {
    opacity: 1;
    background-color: #47beff;
    border-color: #1639b8;
  }
}
@media (min-width: 768px) {
  .recruit__entrybtn:hover .recruit__entrytx {
    color: #1639b8;
  }
}
@media (min-width: 768px) {
  .recruit__entrybtn:hover .square {
    color: #1639b8;
  }
}
.recruit__entrybtn .square {
  color: #47beff;
}
.recruit__entrytx {
  color: #47beff;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .recruit__entrytx {
    font-size: 72px;
    line-height: 110px;
  }
}
@media (max-width: 767px) {
  .recruit__entrytx {
    font-size: 49px;
    line-height: 1;
  }
}/*# sourceMappingURL=top.css.map */