:root {
  --color01: #3190ba;
  --color02: #71c78e;
  --gradient00: linear-gradient(to right, #5DC681 0%, #5FB8DB 100%);
  --gradient01: linear-gradient(to right, #3190ba 0%, #71c78e 100%);
}
.header.fixed .header_brand__img .logo01 {
  opacity: 0;
}
.header.fixed .header_brand__img .logo02 {
  opacity: 1;
}
.header_wrapper {
  position: relative;
}
.header_brand {
  position: relative;
}
.header_brand__img .logo01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
.header_brand__img img {
  transition: all 0.5s;
}
.header_brand__txt {
  color: #474747;
  display: block;
}

.footer {
  padding-top: 3px;
}

.p_career_mv {
  position: relative;
  aspect-ratio: 750/1016;
  max-height: calc(100vh - 150px);
  max-height: calc(100lvh - 150px);
  width: 100%;
}
.p_career_mv .container {
  width: 100%;
  height: 100%;
  padding: 0;
}
.p_career_mv__slider {
  height: 100%;
}
.p_career_mv__slider__inner {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.p_career_mv__slider__main {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  pointer-events: none;
  padding: 0 16px;
}
.p_career_mv__slider .swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}
.p_career_mv__slider__img {
  height: 100%;
}
.p_career_mv__slider__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: 20px 20px 0 0;
}

.p_career_message {
  position: relative;
  background-color: #ecf8fb;
  margin-top: 58px;
  padding-top: 64px;
  border-radius: 0 100px 0 0;
}
.p_career_message .container {
  position: relative;
  z-index: 1;
  padding: 0 20px;
}
.p_career_message__box {
  position: relative;
}
.p_career_message__box__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px 0;
}
.p_career_message__head .c_ttl01__txt02 {
  font-size: 1.7rem;
}
.p_career_message__txt .txt {
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #474747;
  line-height: 1.82;
}
.p_career_message__video {
  position: relative;
  padding: 0 17px;
  z-index: 2;
  margin-top: 30px;
  margin-bottom: clamp(-21.875rem, -40.5612244898vw + -2.4309630102rem, -11.9375rem);
}
.p_career_message__video .video {
  background-color: rgba(255, 255, 255, 0.04);
  margin: 0 auto;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
.p_career_message__video .video video,
.p_career_message__video .video iframe,
.p_career_message__video .video source {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.p_career_message__video .video video:focus,
.p_career_message__video .video iframe:focus,
.p_career_message__video .video source:focus {
  outline: 0;
}
.p_career_message__decor01 {
  position: absolute;
  width: 100%;
  pointer-events: none;
  display: none;
}
.p_career_message__bg {
  width: 100%;
}
.p_career_message__bg .bg {
  position: relative;
  width: 100%;
}
.p_career_message__bg .bg::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.39);
}
.p_career_message__bg .bg::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #ecf8fb 25%, rgba(236, 248, 251, 0) 100%);
}
.p_career_message__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p_career_secs {
  position: relative;
  background-color: #f0fafc;
  z-index: 2;
  overflow: hidden;
  border-radius: 30px 30px 0 0;
  padding: 39px 0 20px;
  margin-top: clamp(-7.5rem, -16.8367346939vw + 0.5711096939rem, -3.375rem);
}
.p_career_secs__head {
  padding: 0 7px;
}
.p_career_secs__ttl {
  width: 100%;
  max-width: 194px;
  mix-blend-mode: overlay;
  -webkit-mix-blend-mode: overlay;
}
.p_career_secs__ttl img {
  display: block;
  width: 100%;
}

.p_career_sec {
  position: relative;
  z-index: 2;
}
.p_career_sec:first-child {
  margin-top: 0;
}
.p_career_sec__link {
  pointer-events: none;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  padding: 24px clamp(1.125rem, 200vw + -45.75rem, 1.25rem) 24px 20px;
}
.p_career_sec__box {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.p_career_sec__img {
  text-align: center;
  overflow: clip;
}
.p_career_sec__img img {
  border-radius: 8px;
  transition: all 0.3s;
}
.p_career_sec__infor {
  margin-top: 30px;
}
.p_career_sec__txt {
  margin-top: 22px;
}
.p_career_sec__txt .txt {
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #474747;
  line-height: 1.82;
}
.p_career_sec__btn {
  margin-top: 22px;
}
.p_career_sec__btn .c_btn01 {
  pointer-events: all;
  margin: 0 auto;
}

.p_career_sec_promises {
  margin-top: 9px;
}

.p_career_sec_numbers__box {
  position: relative;
  background-color: rgba(214, 238, 242, 0.6863);
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  margin-top: 24px;
  min-height: 320px;
}
.p_career_sec_numbers__decor01, .p_career_sec_numbers__decor02 {
  position: absolute;
}
.p_career_sec_numbers__decor01 img, .p_career_sec_numbers__decor02 img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p_career_sec_numbers__decor01 {
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 297px;
}
.p_career_sec_numbers__decor02 {
  max-width: 139px;
  top: 0;
  right: 0;
}
.p_career_sec_numbers__infor {
  position: relative;
  padding-top: 8px;
}
.p_career_sec_numbers__infor .icon {
  margin: 0 auto;
  width: 34px;
}
.p_career_sec_numbers__infor .icon img {
  display: block;
  width: 100%;
}
.p_career_sec_numbers__infor .c_ttl02 {
  margin-top: 11px;
}
.p_career_sec_numbers__btn {
  margin-top: 24px;
}
.p_career_sec_numbers__btn .c_btn01 {
  max-width: 235px;
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  .header {
    padding: 36px 0;
  }
  .header.fixed .header_brand__img {
    width: clamp(5rem, 8.9285714286vw + 0.7142857143rem, 8.75rem);
  }
  .header_brand {
    padding-top: 0;
  }
  .header_brand__img .logo01 {
    opacity: 1;
    display: block;
  }
  .header_brand__img .logo02 {
    opacity: 0;
  }
  .header_brand__txt {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    white-space: nowrap;
    margin-top: 0;
    color: #fff;
  }
  .footer {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .p_career {
    margin-top: 0;
  }
  .p_career_mv {
    padding: 16px 0 0;
    aspect-ratio: 2800/1400;
    max-height: calc(100vh - 40px);
    max-height: calc(100lvh - 40px);
  }
  .p_career_mv .container {
    max-width: 100%;
    padding: 0 20px;
  }
  .p_career_mv__slider__main {
    padding: 0 clamp(2.5rem, 15.8333333333vw + -9.375rem, 4.875rem);
  }
  .p_career_mv__slider .swiper {
    border-radius: 0;
  }
  .p_career_mv__slider__img img {
    -o-object-position: inherit;
    object-position: inherit;
    border-radius: 0;
  }
  .p_career_message {
    margin-top: 98px;
    padding-top: 110px;
    border-radius: 0 clamp(9.375rem, 14.880952381vw + 2.2321428571rem, 15.625rem) 0 0;
  }
  .p_career_message .container {
    padding: 0 clamp(1.25rem, 2.9761904762vw + -0.1785714286rem, 2.5rem);
    padding-bottom: 143px;
    max-width: 1280px;
  }
  .p_career_message__box__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 0 clamp(1.875rem, 1.0416666667vw + 1.375rem, 2.3125rem);
  }
  .p_career_message__head {
    padding-top: 2px;
    width: clamp(22.8125rem, 15.625vw + 15.3125rem, 29.375rem);
    flex-shrink: 0;
  }
  .p_career_message__head .c_ttl01__txt02 {
    font-size: clamp(1.875rem, 2.4038461538vw + 0.3365384615rem, 2.5rem);
  }
  .p_career_message__txt {
    width: calc(100% - clamp(22.8125rem, 15.625vw + 15.3125rem, 29.375rem));
  }
  .p_career_message__txt .txt {
    font-size: 1.0625rem;
  }
  .p_career_message__video {
    padding: 0 40px;
    margin-top: -89px;
    margin-bottom: clamp(-23.3125rem, -33.9285714286vw + 7.2232142857rem, -9.0625rem);
  }
  .p_career_message__video .video {
    background-color: rgba(255, 255, 255, 0.14);
    max-width: 1240px;
    padding: 20px;
  }
  .p_career_message__decor01 {
    display: block;
    right: -16px;
    bottom: -3px;
    max-width: 429px;
  }
  .p_career_message__bg .bg::before {
    height: 90%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  .p_career_message__bg .bg::after {
    background-image: linear-gradient(to bottom, #ecf8fb 45%, rgba(236, 248, 251, 0) 100%);
    top: 0;
    height: calc(100% - 67px);
  }
  .p_career_secs {
    border-radius: 60px 60px 0 0;
    margin-top: clamp(-5.3125rem, -3.125vw + -2.5rem, -4rem);
    padding: 60px 0 40px;
  }
  .p_career_secs__head {
    padding: 0 clamp(1.25rem, 4.7619047619vw + -1.0357142857rem, 3.25rem);
  }
  .p_career_secs__ttl {
    max-width: 350px;
  }
  .p_career_sec__link {
    padding: 24px 0 100px;
    border-radius: 30px;
    transition: all 0.3s;
  }
  .p_career_sec__link:hover .p_career_sec__img img {
    transform: scale(1.05);
  }
  .p_career_sec__head {
    padding: 0 30px 0 clamp(1.875rem, 3.869047619vw + 0.0178571429rem, 3.5rem);
  }
  .p_career_sec__box {
    margin-top: 57px;
    flex-direction: row;
  }
  .p_career_sec__box__reversed {
    flex-direction: row-reverse;
  }
  .p_career_sec__box__reversed .p_career_sec__infor {
    padding: clamp(0rem, 10.5654761905vw + -5.0714285714rem, 4.4375rem) clamp(1.875rem, 8.9285714286vw + -2.4107142857rem, 5.625rem) 0 clamp(2.5rem, 8.1845238095vw + -1.4285714286rem, 5.9375rem);
  }
  .p_career_sec__box__reversed .p_career_sec__img {
    border-radius: 10px 0 0 10px;
  }
  .p_career_sec__box__reversed .p_career_sec__img img {
    border-radius: 10px 0 0 10px;
  }
  .p_career_sec__img {
    flex-shrink: 0;
    width: clamp(21.25rem, 62.5vw + -8.75rem, 47.5rem);
    border-radius: 0 10px 10px 0;
  }
  .p_career_sec__img img {
    border-radius: 0 10px 10px 0;
  }
  .p_career_sec__infor {
    margin-top: 0;
    width: calc(100% - clamp(21.25rem, 62.5vw + -8.75rem, 47.5rem));
    padding: clamp(0rem, 10.5654761905vw + -5.0714285714rem, 4.4375rem) clamp(2.5rem, 8.1845238095vw + -1.4285714286rem, 5.9375rem) 0 clamp(1.875rem, 8.9285714286vw + -2.4107142857rem, 5.625rem);
  }
  .p_career_sec__infor .c_ttl02 {
    margin-top: -3px;
  }
  .p_career_sec__txt {
    margin-top: clamp(1.125rem, 4.4642857143vw + -1.0178571429rem, 3rem);
  }
  .p_career_sec__txt .txt {
    line-height: 1.82;
    font-size: 1.0625rem;
  }
  .p_career_sec__btn {
    margin-top: clamp(1.625rem, 2.9761904762vw + 0.1964285714rem, 2.875rem);
  }
  .p_career_sec__btn .c_btn01 {
    margin: 0;
  }
  .p_career_sec_promises {
    margin-top: 25px;
  }
  .p_career_sec_promises .p_career_sec__link {
    padding-top: 23px;
  }
  .p_career_sec_numbers__box {
    margin-top: 62px;
    min-height: clamp(11.875rem, 19.3452380952vw + 2.5892857143rem, 20rem);
    width: calc(100% - 60px);
  }
  .p_career_sec_numbers__decor01, .p_career_sec_numbers__decor02 {
    height: 100%;
  }
  .p_career_sec_numbers__decor01 {
    bottom: auto;
    top: 0;
    left: clamp(1.4375rem, 2.9761904762vw + 0.0089285714rem, 2.6875rem);
    max-width: clamp(12.875rem, 14.880952381vw + 5.7321428571rem, 19.125rem);
  }
  .p_career_sec_numbers__decor02 {
    right: clamp(1.75rem, 2.9761904762vw + 0.3214285714rem, 3rem);
    max-width: clamp(14.3125rem, 14.880952381vw + 7.1696428571rem, 20.5625rem);
  }
  .p_career_sec_numbers__infor {
    padding-top: 7px;
  }
  .p_career_sec_numbers__btn {
    margin-top: clamp(1.25rem, 9.5833333333vw + -5.9375rem, 2.6875rem);
  }
  .p_career_sec_numbers__btn .c_btn01 {
    margin: 0 auto;
    max-width: 241px;
  }
  .p_career_sec_ffo .p_career_sec__box {
    margin-top: 56px;
  }
  .p_career_sec_interview .p_career_sec__infor {
    padding-top: clamp(0rem, 12.7976190476vw + -6.1428571429rem, 5.375rem);
  }
}
/*# sourceMappingURL=maps/career_top.css.map */