.pc-none {
  display: none;
}
@media screen and (min-width: 1024px) {
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }
}
.heading {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  color: #1d4263;
}
.heading__en {
  margin-bottom: 5px;
  font-size: 3.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.3193277311;
}
@media screen and (min-width: 1024px) {
  .heading__en {
    font-size: 7.4375rem;
  }
}
.heading__jp {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.4358974359;
}
@media screen and (min-width: 1024px) {
  .heading__jp {
    font-size: 2.44125rem;
  }
}

.mainvisual {
  position: relative;
  height: calc(100vh - 250px);
  max-height: 700px;
}
@media screen and (min-width: 1024px) {
  .mainvisual {
    max-height: 100%;
    height: calc(100vh - 81px);
  }
}
.mainvisual .slick-list,
.mainvisual .slick-track {
  height: 100%;
}
.mainvisual__slide {
  height: 100%;
}
.mainvisual__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainvisual__title {
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1300px;
  width: calc(100% - 80px);
  z-index: 1;
}
@media screen and (min-width: 1440px) {
  .mainvisual__title {
    top: calc(50% + 48px);
  }
}
.mainvisual__line_item {
  position: absolute;
  display: block;
  animation-name: expansion;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.mainvisual__line_item.slow {
  animation-delay: 1s;
}
.mainvisual__line_item.line_01 {
  top: 40px;
  left: 20px;
  width: 135px;
  height: 8px;
  background-color: #005bac;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_01 {
    top: 7.25vw;
    left: 7vw;
    width: 14.6875vw;
    height: 0.875vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_01 {
    top: 116px;
    left: 112px;
    width: 235px;
    height: 14px;
  }
}
.mainvisual__line_item.line_02 {
  bottom: 65px;
  left: 50px;
  width: 70px;
  height: 4px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_02 {
    bottom: 11.5625vw;
    left: 10.125vw;
    width: 9.125vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_02 {
    bottom: 185px;
    left: 162px;
    width: 146px;
    height: 5px;
  }
}
.mainvisual__line_item.line_03 {
  bottom: 55px;
  left: 20px;
  width: 135px;
  height: 4px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_03 {
    bottom: 10.75vw;
    left: 2.75vw;
    width: 14.6875vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_03 {
    bottom: 172px;
    left: 44px;
    width: 235px;
    height: 5px;
  }
}
.mainvisual__line_item.line_04 {
  bottom: 130px;
  left: 33.3333333333vw;
  width: 135px;
  height: 8px;
  background-color: #005bac;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_04 {
    bottom: 19.25vw;
    left: 30.125vw;
    width: 14.6875vw;
    height: 0.875vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_04 {
    bottom: 308px;
    left: 482px;
    width: 235px;
    height: 14px;
  }
}
.mainvisual__line_item.line_05 {
  bottom: 120px;
  left: 33.3333333333vw;
  width: 135px;
  height: 4px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_05 {
    bottom: 18.3125vw;
    left: 34.0625vw;
    width: 14.6875vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_05 {
    bottom: 293px;
    left: 545px;
    width: 235px;
    height: 5px;
  }
}
.mainvisual__line_item.line_06 {
  top: 60px;
  right: 40px;
  width: 70px;
  height: 8px;
  background-color: #005bac;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_06 {
    top: 13.875vw;
    right: 32vw;
    width: 8.25vw;
    height: 0.875vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_06 {
    top: 222px;
    right: 512px;
    width: 132px;
    height: 14px;
  }
}
.mainvisual__line_item.line_07 {
  top: 75px;
  right: 20px;
  width: 70px;
  height: 4px;
  background-color: #fff;
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_07 {
    top: 15.375vw;
    right: 29.6875vw;
    width: 8.3125vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_07 {
    top: 246px;
    right: 475px;
    width: 133px;
    height: 5px;
  }
}
.mainvisual__line_item.line_08 {
  bottom: 100px;
  right: 20px;
  width: 70px;
  height: 4px;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .mainvisual__line_item.line_08 {
    bottom: 13.75vw;
    right: 7.375vw;
    width: 9.3125vw;
    height: 0.3125vw;
  }
}
@media screen and (min-width: 1600px) {
  .mainvisual__line_item.line_08 {
    bottom: 220px;
    right: 118px;
    width: 149px;
    height: 5px;
  }
}

.intro {
  padding: 26.6666666667vw 0 50px;
}
@media screen and (min-width: 1024px) {
  .intro {
    padding: 200px 0 848px;
  }
}
.intro__dec_01 {
  position: relative;
}
.intro__dec_01_image {
  position: absolute;
  top: -48.5333333333vw;
  right: -27.2vw;
  width: 61.3333333333vw;
  transition: all 6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.1s;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .intro__dec_01_image {
    top: clamp(
        -31.625rem,
        -27.0833333333vw + -4.5416666667rem,
        -21.875rem
    );
    right: clamp(
        -17rem,
        -18.0555555556vw + 1.0555555556rem,
        -10.5rem
    );
    width: clamp(
        28.125rem,
        55.2083333333vw + -7.2083333333rem,
        48rem
    );
  }
}
.intro__dec_01_image.cus_animated {
  top: -26.6666666667vw;
  right: 42.6666666667vw;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .intro__dec_01_image.cus_animated {
    top: -100px;
    right: clamp(
        36.875rem,
        30.3819444444vw + 17.4305555556rem,
        47.8125rem
    );
  }
}
.intro__box {
  margin-bottom: 30px;
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .intro__box {
    width: clamp(
        47.5rem,
        24.3055555556vw + 31.9444444444rem,
        56.25rem
    );
    margin: 0 clamp(
        -13.4375rem,
        -11.2847222222vw + -2.1527777778rem,
        -9.375rem
    ) 0 auto;
    padding: 52px 80px;
    background-color: #fff;
  }
}
.intro__box_text {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #1d4263;
  font-weight: 700;
  font-size: 1.125rem;
}
@media screen and (min-width: 1024px) {
  .intro__box_text {
    margin-bottom: clamp(
        1.5625rem,
        3.6458333333vw + -0.7708333333rem,
        2.875rem
    );
    font-size: clamp(
        1.25rem,
        0.8680555556vw + 0.6944444444rem,
        1.5625rem
    );
  }
}
.intro__box_text:last-child {
  margin-bottom: 0;
}
.intro__image {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .intro__image_item {
    position: absolute;
  }
}
.intro__image_item:nth-child(1) {
  width: 58.6666666667vw;
  max-width: 696px;
}
@media screen and (min-width: 1024px) {
  .intro__image_item:nth-child(1) {
    top: clamp(
        -20.75rem,
        -11.8055555556vw + -8.9444444444rem,
        -16.5rem
    );
    left: clamp(
        -13.75rem,
        -62.5vw + 48.75rem,
        -1.25rem
    );
    width: clamp(
        25.9375rem,
        48.7847222222vw + -5.2847222222rem,
        43.5rem
    );
    margin: 0;
  }
}
.intro__image_item:nth-child(2) {
  position: relative;
  width: 48vw;
  max-width: 560px;
  margin-top: -5.3333333333vw;
  margin-left: auto;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .intro__image_item:nth-child(2) {
    position: absolute;
    top: 72px;
    right: -222px;
    right: clamp(
        -13.875rem,
        -35.0694444444vw + 21.1944444444rem,
        -1.25rem
    );
    width: clamp(
        23.125rem,
        32.9861111111vw + 2.0138888889rem,
        35rem
    );
    margin: 0;
  }
}
.intro__image_item:nth-child(3) {
  width: 37.3333333333vw;
  max-width: 415px;
  margin-top: -5.3333333333vw;
  margin-left: 18.6666666667vw;
}
@media screen and (min-width: 1024px) {
  .intro__image_item:nth-child(3) {
    top: clamp(
        17.5rem,
        18.2291666667vw + 5.8333333333rem,
        24.0625rem
    );
    right: 300px;
    width: clamp(
        21.25rem,
        13.0208333333vw + 12.9166666667rem,
        25.9375rem
    );
    margin: 0;
  }
}
.intro__dec_02 {
  position: relative;
  margin-top: 8vw;
}
@media screen and (min-width: 1024px) {
  .intro__dec_02 {
    margin-top: 0;
  }
}
.intro__dec_02_image {
  position: absolute;
  top: -29.3333333333vw;
  left: -36.2666666667vw;
  width: 61.3333333333vw;
  transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.1s;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .intro__dec_02_image {
    top: clamp(
        23.125rem,
        -15.625vw + 38.75rem,
        28.75rem
    );
    left: clamp(
        -36.875rem,
        -62.1527777778vw + 25.2777777778rem,
        -14.5rem
    );
    width: clamp(
        28.125rem,
        53.8194444444vw + -6.3194444444rem,
        47.5rem
    );
  }
}
.intro__dec_02_image.cus_animated {
  top: -0.5333333333vw;
  left: -5.3333333333vw;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .intro__dec_02_image.cus_animated {
    top: clamp(
        43rem,
        -11.6319444444vw + 54.6319444444rem,
        47.1875rem
    );
    left: clamp(
        -9.75rem,
        -44.4444444444vw + 34.6944444444rem,
        6.25rem
    );
  }
}

.about {
  padding: 13.3333333333vw 0;
  background-color: rgba(141, 170, 200, 0.18);
}
@media screen and (min-width: 1024px) {
  .about {
    padding: 180px 0 98px;
  }
}
.about .heading {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .about .heading {
    margin-bottom: 100px;
  }
}

.work {
  position: relative;
  padding: 18.6666666667vw 0 32vw;
}
@media screen and (min-width: 1024px) {
  .work {
    padding: 166px 0 240px;
  }
}
.work__dec_01 {
  position: absolute;
  top: -10.6666666667vw;
  left: -6.6666666667vw;
  z-index: -1;
  width: 24.5333333333vw;
  transition: all 4.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.1s;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .work__dec_01 {
    top: clamp(
        -8.625rem,
        -11.8055555556vw + 3.1805555556rem,
        -4.375rem
    );
    left: clamp(
        -5.625rem,
        -8.6805555556vw + 3.0555555556rem,
        -2.5rem
    );
    width: clamp(
        13.75rem,
        31.25vw + -6.25rem,
        25rem
    );
  }
}
.work__dec_01.cus_animated {
  top: 14.6666666667vw;
  left: calc(100% - 26.6666666667vw);
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .work__dec_01.cus_animated {
    top: 150px;
    left: clamp(
        48.75rem,
        71.1805555556vw + 3.1944444444rem,
        74.375rem
    );
  }
}
.work__dec_01 img {
  width: 100%;
}
.work__dec_02 {
  position: absolute;
  bottom: 30.4vw;
  right: -4.8vw;
  width: 25.3333333333vw;
  transition: all 3.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.1s;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .work__dec_02 {
    bottom: 200px;
    right: clamp(
        -5rem,
        -6.9444444444vw + 1.9444444444rem,
        -2.5rem
    );
    width: clamp(
        12.1875rem,
        29.6875vw + -6.8125rem,
        22.875rem
    );
  }
}
.work__dec_02.cus_animated {
  bottom: 13.3333333333vw;
  right: 56vw;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .work__dec_02.cus_animated {
    bottom: 60px;
    right: clamp(
        37.5rem,
        65.9722222222vw + -4.7222222222rem,
        61.25rem
    );
  }
}
.work .heading {
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .work .heading {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .work .c_title {
    padding: 24px 0 0 50px;
    font-size: 1.5625rem;
  }
}

.business {
  position: relative;
}
.business__content {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .business__content {
    align-items: flex-start;
    flex-direction: row;
  }
}
.business__box {
  position: relative;
  padding: 40px 0;
  background-color: #1d4263;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .business__box {
    flex-shrink: 0;
    width: 520px;
    padding: 80px 70px 50px 0;
    min-height: 610px;
  }
}
.business__box::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 100vw;
  height: 100%;
  background-color: #1d4263;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .business__box::before {
    right: clamp(
        -12.5rem,
        -17.3611111111vw + 4.8611111111rem,
        -6.25rem
    );
  }
}
.business__box .c_title {
  margin-bottom: 18px;
  color: #fff;
}
.business__box_list {
  position: relative;
}
.business__box_item {
  display: none;
}
@media screen and (min-width: 1024px) {
  .business__box_item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
  }
}
.business__box_item.active {
  display: block;
}
@media screen and (min-width: 1024px) {
  .business__box_item.active {
    opacity: 1;
    visibility: visible;
  }
}
.business__box_item_title {
  margin-bottom: 270px;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4545454545;
}
@media screen and (min-width: 576px) {
  .business__box_item_title {
    margin-bottom: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .business__box_item_title {
    margin-bottom: 14px;
    font-size: 1.375rem;
  }
}
.business__box_item_title .number {
  margin-right: 15px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3166666667;
}
@media screen and (min-width: 1024px) {
  .business__box_item_title .number {
    font-size: 3.75rem;
  }
}
.business__box_item_text {
  margin-bottom: 20px;
  color: #fff;
  line-height: 2.25;
}
@media screen and (min-width: 1024px) {
  .business__box_item_text {
    margin-bottom: 34px;
  }
}
.business__box_item .c_btn_more {
  margin-left: auto;
}
.business__slide {
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 2;
  width: calc(100% + 20px);
  margin-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .business__slide {
    position: initial;
    margin-top: 128px;
    padding-bottom: 0;
  }
}
.business__slide_item {
  width: 300px;
  margin-right: 20px;
}
@media screen and (min-width: 576px) {
  .business__slide_item {
    width: 500px;
  }
}
@media screen and (min-width: 1024px) {
  .business__slide_item {
    width: clamp(
        28.125rem,
        32.9861111111vw + 7.0138888889rem,
        40rem
    );
    margin-right: clamp(
        1.875rem,
        3.4722222222vw + -0.3472222222rem,
        3.125rem
    );
  }
}
.business__slide .slick-arrow {
  top: 80px;
}
@media screen and (min-width: 576px) {
  .business__slide .slick-arrow {
    top: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .business__slide .slick-arrow {
    top: 512px;
  }
}
.business__slide .slick-prev {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  .business__slide .slick-prev {
    display: block !important;
  }
}
.business__slide .slick-dots {
  right: 50%;
  transform: translateX(50%);
  top: calc(100% - 5px);
}
@media screen and (min-width: 1024px) {
  .business__slide .slick-dots {
    right: 0;
    top: 592px;
    transform: translateX(0);
  }
}
.business .text_intro {
  position: relative;
  z-index: -1;
  margin-left: -12px;
}
@media screen and (min-width: 1024px) {
  .business .text_intro {
    margin-top: -116px;
    margin-left: -28px;
    margin-top: clamp(
        -7.25rem,
        -16.6666666667vw + 9.4166666667rem,
        -1.25rem
    );
  }
}

.job {
  padding: 50px 0 60px;
}
@media screen and (min-width: 1024px) {
  .job {
    padding: 70px 0;
  }
}
.job .c_title {
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .job .c_title {
    margin-bottom: 60px;
  }
}
.job__slide_item {
  width: 300px;
  max-width: 646px;
}
@media screen and (min-width: 1024px) {
  .job__slide_item {
    width: clamp(
        25rem,
        42.7083333333vw + -2.3333333333rem,
        40.375rem
    );
  }
}
.job__btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1px;
  max-width: calc(100% - 80px);
  margin: -47px auto 0;
  background-color: #fff;
}
@media screen and (min-width: 576px) {
  .job__btn {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .job__btn {
    max-width: 960px;
    margin-top: -92px;
  }
}
.job__btn .c_btn {
  height: 90px;
  font-size: 1.25rem;
}
@media screen and (min-width: 1024px) {
  .job__btn .c_btn {
    width: 480px;
    height: 180px;
    padding: 20px 60px;
    font-size: 1.5rem;
  }
  .job__btn .c_btn::before {
    right: 60px;
  }
}
.job .text_intro {
  position: relative;
  margin-top: -28px;
  padding-left: 20px;
  z-index: -2;
}
@media screen and (min-width: 1024px) {
  .job .text_intro {
    margin-top: -210px;
    padding-left: 32px;
    margin-top: clamp(
        -13.125rem,
        -26.0416666667vw + 12.9166666667rem,
        -3.75rem
    );
  }
}

.style__content {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.style__box {
  position: relative;
  padding: 40px 20px;
  background-color: #1d4263;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .style__box {
    width: clamp(
        36.25rem,
        24.3055555556vw + 20.6944444444rem,
        45rem
    );
    margin-left: auto;
    padding: 117px 0 90px clamp(
        5rem,
        12.8472222222vw + -3.2222222222rem,
        9.625rem
    );
  }
}
.style__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #1d4263;
  z-index: -1;
}
.style__box .c_title {
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .style__box .c_title {
    margin-bottom: 52px;
  }
}
.style__box_text {
  margin-bottom: 20px;
  color: #fff;
  font-size: 1rem;
  line-height: 2.1;
}
@media screen and (min-width: 1024px) {
  .style__box_text {
    margin-bottom: 32px;
    font-size: 1.25rem;
  }
}
.style__box .c_btn_more {
  margin-left: auto;
}
.style__image {
  max-width: 760px;
  margin: -40px 0 0 -20px;
}
@media screen and (min-width: 1024px) {
  .style__image {
    position: absolute;
    top: 214px;
    left: -220px;
    width: 760px;
    margin: 0;
  }
}
.style__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.style .text_intro {
  position: relative;
  margin-top: -20px;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .style .text_intro {
    margin-top: clamp(
        -1rem,
        -11.4583333333vw + 10.4583333333rem,
        3.125rem
    );
  }
}

.text_intro {
  color: rgba(29, 66, 99, 0.05);
  font-family: "Roboto", sans-serif;
  font-size: 16vw;
  line-height: 1.3166666667;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .text_intro {
    font-size: clamp(
        11.25rem,
        20.8333333333vw + -2.0833333333rem,
        18.75rem
    );
  }
}

.staff {
  margin-top: -16vw;
  padding: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .staff {
    margin-top: -16.9270833333vw;
  }
}
@media screen and (min-width: 1024px) {
  .staff {
    margin-top: clamp(
        -5.75rem,
        -7.2916666667vw + 1.5416666667rem,
        -3.125rem
    );
    padding: 6px 0 160px;
  }
}
.staff .heading {
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .staff .heading {
    margin-bottom: 47px;
  }
}
.staff .c_staff {
  margin-bottom: 30px;
  padding-left: 40px;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff {
    padding-left: calc(50% - clamp(
        27.5rem,
        24.3055555556vw + 11.9444444444rem,
        36.25rem
    ));
    width: 100%;
    margin-bottom: 62px;
  }
}
.staff .c_staff__item {
  width: 240px;
  margin-right: 30px;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item {
    width: 360px;
    margin-right: 60px;
  }
}
.staff .c_staff__item_image img {
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item_name {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item_name .en {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item_name .jp {
    position: relative;
    top: 2px;
  }
}
.staff .c_staff__item_meta {
  justify-content: flex-start;
}
.staff .c_staff__item_meta .cate {
  width: 130px;
  height: 22px;
  font-size: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item_meta .cate {
    width: 150px;
    height: 28px;
    font-size: 0.875rem;
  }
}
.staff .c_staff__item_meta .date {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff__item_meta .date {
    font-size: 1rem;
  }
}
.staff .c_staff__item_text {
  line-height: 1.4;
  text-align: left;
}
.staff .c_staff .slick-arrow {
  top: 160px;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff .slick-arrow {
    top: 267px;
  }
}
.staff .c_staff .slick-prev {
  left: 20px;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff .slick-prev {
    left: calc(50% - clamp(
        30.625rem,
        32.6388888889vw + 9.7361111111rem,
        42.375rem
    ));
  }
}
.staff .c_staff .slick-next {
  right: 20px;
}
@media screen and (min-width: 1024px) {
  .staff .c_staff .slick-next {
    right: calc(50% - clamp(
        30.625rem,
        36.8055555556vw + 7.0694444444rem,
        43.875rem
    ));
  }
}
.staff .c_btn_more {
  margin: 0 auto;
  background-color: #1d4263;
  border-color: #1d4263;
  color: #fff;
  transition: all 0.5s;
}
@media screen and (min-width: 1024px) {
  .staff .c_btn_more:hover {
    background-color: #fff;
    color: #1d4263;
  }
}

.recruit {
  padding: 50px 0;
  background: url(../images/top/bg_recruit.png) no-repeat top center/cover;
}
@media screen and (min-width: 1024px) {
  .recruit {
    padding: 165px 0 208px;
  }
}
.recruit .heading {
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .recruit .heading {
    margin-bottom: 67px;
  }
}
.recruit__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .recruit__content {
    flex-direction: row;
    gap: 40px;
  }
}
.recruit__link {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .recruit__link {
    gap: 40px;
    width: calc(50% - 20px);
  }
}
.recruit__link .c_btn {
  width: 100%;
  height: 100px;
  padding: 15px 30px;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .recruit__link .c_btn {
    height: 220px;
    padding: 24px 50px;
  }
}
@media screen and (min-width: 1024px) {
  .recruit__link .c_btn {
    font-size: 1.953125rem;
  }
}
.recruit__link .c_btn::before {
  position: initial;
  transform: translateY(0);
  display: inline-block;
  margin-left: 40px;
}
.recruit__twitter {
  padding: 30px 20px;
  background-color: #1d4263;
}
@media screen and (min-width: 768px) {
  .recruit__twitter {
    width: calc(50% - 20px);
    padding: 30px 40px;
  }
}
.recruit__twitter_title {
  margin-bottom: 20px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .recruit__twitter_title {
    font-size: 1.25rem;
  }
}

.c_btn_more {
  font-family: "Roboto", sans-serif;
}

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