@charset "UTF-8";
@font-face {
  font-family: "Jost";
  font-weight: 500;
  src: url("/media/files/fonts/Jost-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Jost";
  font-weight: 600;
  src: url("/media/files/fonts/Jost-SemiBold.ttf") format("truetype");
}
.careers-header {
  position: absolute;
}

.is-sub-page .careers-header {
  background-color: #fff;
  box-shadow: 0px 5px 6px 0px rgba(0, 57, 124, 0.08);
  position: sticky;
}

.is-scrolled header {
  z-index: 50;
  position: fixed;
}

@media screen and (min-width: 400px) {
  .header-logo-inner {
    width: 280px;
  }
}
@media screen and (min-width: 576px) {
  .header-logo-inner {
    width: 340px;
  }
}
@media screen and (min-width: 1400px) {
  .header-logo-inner {
    width: auto;
  }
}

.logo-link::before,
.nav-item__link::before,
.btn-request::before {
  display: none;
}

.logo-text {
  font-size: 18rem;
  letter-spacing: 0.05em;
  color: #333;
}

.nav-item__link {
  color: #333;
}

.btn-request {
  background-image: linear-gradient(90deg, #34c1ff, #015eba);
  color: #fff;
  width: 200rem;
}
@media screen and (min-width: 1400px) {
  .btn-request {
    width: 220rem;
  }
}

@media (hover: hover) {
  .nav-item__link:hover {
    color: #0458A2;
  }
  .btn-request:hover {
    opacity: 0.7;
  }
}
.main-container {
  padding-bottom: 0;
}

.is-careers-page .main-container {
  padding-top: 0;
}

/* FV */
.careers-fv {
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  position: relative;
  z-index: 100;
}

.careers-fv::before {
  content: "";
  background: url("/media/images/careers/fv-bg.webp") no-repeat center center;
  background-size: cover;
  animation: moveBackground 2s 0.8s ease-in-out forwards;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -10;
}

@keyframes moveBackground {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.careers-fv__inner {
  height: 100vh;
  height: 100svh;
  background: url("/media/images/careers/fv-line.svg") no-repeat center center/cover;
  display: flex;
  align-items: center;
}

.careers-copy__wrap {
  color: #fff;
  background: url("/media/images/careers/fv-copy-bg.webp") no-repeat center left/contain;
  height: 644rem;
  position: relative;
}

.careers-copy__wrap::before {
  content: "";
  display: block;
  height: 330px;
  width: calc(100% + 30rem);
  max-width: 710px;
  background: url("/media/images/careers/fv-copy-wealthy.svg") no-repeat bottom left/contain;
  position: absolute;
  bottom: 33%;
  margin: 0 -15px;
}
@media screen and (min-width: 576px) {
  .careers-copy__wrap::before {
    width: 100%;
    bottom: 31.5%;
    margin: 0;
  }
}

.careers-copy {
  position: absolute;
  bottom: 18.5%;
  margin-left: 15px;
  text-shadow: 0 0 10px #0458A2;
}
@media screen and (min-width: 576px) {
  .careers-copy {
    margin-left: 60px;
  }
}

.careers-copy__ttl {
  font-weight: 700;
  font-size: 38rem;
  letter-spacing: 0.05em;
  line-height: 48rem;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media screen and (min-width: 576px) {
  .careers-copy__ttl {
    font-size: 50rem;
    line-height: 64rem;
  }
}

.careers-copy__txt {
  font-weight: 600;
  font-size: 18rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 576px) {
  .careers-copy__txt {
    font-size: 24rem;
  }
}

/* Main */
.message-txt-wrap {
  margin-bottom: 38rem;
}
@media screen and (min-width: 768px) {
  .message-txt-wrap {
    margin-bottom: 98rem;
  }
}

.ttl-en__sub-jp {
  flex: 1 0 42.5%;
}

.ttl-en__en {
  font-family: Figtree, serif;
  text-transform: uppercase;
  font-size: 38rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 10px;
  line-height: 1.2;
}
@media screen and (min-width: 576px) {
  .ttl-en__en {
    font-size: 58rem;
  }
}

.has-background .ttl-en__en {
  margin-top: 0;
}

.ttl-en__jp {
  font-size: 18rem;
  letter-spacing: 0.05em;
  color: #0458A2;
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.ttl-en__jp::before {
  content: "●";
  font-size: 10px;
}

/* About Us */
.panel-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20rem;
}
@media screen and (min-width: 992px) {
  .panel-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
}
@media screen and (min-width: 1272px), print {
  .panel-list {
    grid-gap: 40rem;
  }
}

.panel-list__item {
  width: 100%;
  max-width: 500px;
  padding: 20rem 15rem;
}
@media screen and (min-width: 576px) {
  .panel-list__item {
    padding: 25rem 35rem;
  }
}

.panel-list__item-1 {
  grid-area: 1/1/2/2;
}

.panel-list__item-2 {
  grid-area: 2/1/3/2;
}

.panel-list__item-3 {
  grid-area: 3/1/4/2;
}

.panel-list__item-4 {
  grid-area: 4/1/6/2;
}

.panel-list__item-5 {
  grid-area: 1/2/2/3;
}

.panel-list__item-6 {
  grid-area: 2/2/3/3;
}

.panel-list__item-7 {
  grid-area: 3/2/5/3;
}

.panel-list__item-8 {
  grid-area: 5/2/6/3;
}

.panel-list__item-9 {
  grid-area: 1/3/3/4;
}

.panel-list__item-10 {
  grid-area: 3/3/4/4;
}

.panel-list__item-11 {
  grid-area: 4/3/5/4;
}

.panel-list__item-12 {
  grid-area: 5/3/6/4;
}

.panel-list__ttl {
  text-align: center;
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

.panel-list__sub-ttl {
  text-align: center;
  font-size: 16rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.panel-num__txt {
  font-size: 14rem;
}

.panel-list__num-wrap {
  text-align: center;
}

.panel-num__pattern-1,
.panel-num__pattern-2,
.panel-num__pattern-3 {
  font-family: "Jost", sans-serif;
  font-weight: 500;
}

.panel-num__sm {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.panel-num__pattern-1 {
  color: #0458A2;
  font-size: 44rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1272px), print {
  .panel-num__pattern-1 {
    font-size: 55rem;
  }
}

.panel-num__pattern-1 .panel-num__sm {
  font-size: 14rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1272px), print {
  .panel-num__pattern-1 .panel-num__sm {
    font-size: 18rem;
    margin-left: 5px;
  }
}

.panel-num__pattern-2 {
  color: #0458A2;
  font-size: 38rem;
  letter-spacing: 0.05em;
  line-height: 1em;
}
@media screen and (min-width: 1272px), print {
  .panel-num__pattern-2 {
    font-size: 48rem;
  }
}

.panel-num__pattern-3 {
  font-size: 26rem;
  letter-spacing: 0.05em;
  line-height: 1em;
}
@media screen and (min-width: 1272px), print {
  .panel-num__pattern-3 {
    font-size: 32rem;
  }
}

.panel-num__pattern-2 .panel-num__sm,
.panel-num__pattern-3 .panel-num__sm {
  font-size: 16rem;
  letter-spacing: 0.1em;
}

.panel-list__item-1 .panel-list__num-wrap {
  display: flex;
}

.panel-list__item-1 .panel-list__num-wrap::before,
.panel-list__item-1 .panel-list__num-wrap::after {
  content: "";
  display: inline-block;
  background: url("/media/images/careers/panel-01_leaf.svg") no-repeat center/contain;
  width: 28rem;
  height: 100rem;
}

.panel-list__item-1 .panel-list__num-wrap::before {
  transform: scale(-1, 1);
  margin-right: 15rem;
}

.panel-list__item-1 .panel-list__num-wrap::after {
  margin-left: 15rem;
}

.panel-list__item-1 .panel-num__txt {
  margin-top: -10px;
  color: #333;
}

.panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-3) {
  margin-bottom: -15px;
}

.panel-list__item-2 .panel-num__pattern-2 {
  font-weight: 600;
  margin-bottom: 2px;
}

.panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1):before,
.panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1)::after {
  content: "";
  display: inline-block;
  width: 36rem;
  height: 70rem;
}
@media screen and (min-width: 576px) {
  .panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1):before,
  .panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1)::after {
    height: 80rem;
  }
}

.panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1)::before {
  background: url("/media/images/careers/panel-02_man.svg") no-repeat center/contain;
}

.panel-list__item-2 .panel-list__num-wrap:has(.panel-num__pattern-1)::after {
  background: url("/media/images/careers/panel-02_woman.svg") no-repeat center/contain;
}

.panel-list__item-3 .panel-list__num-wrap:before,
.panel-list__item-3 .panel-list__num-wrap::after {
  content: "";
  display: inline-block;
  width: 42rem;
  height: 50rem;
}

.panel-list__item-3 .panel-list__num-wrap::before {
  background: url("/media/images/careers/panel-03_book.svg") no-repeat center/contain;
  margin-right: 5px;
}

.panel-list__item-3 .panel-list__num-wrap::after {
  background: url("/media/images/careers/panel-03_ruler.svg") no-repeat center/contain;
  margin-left: -5px;
}

.panel-list__item-4 .panel-list__graph {
  width: 75%;
  max-width: 300px;
  margin: 20rem auto 10rem;
}

.panel-list__item-5 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 110rem;
  height: 57rem;
  background: url("/media/images/careers/panel-05_member.svg") no-repeat center/contain;
}

.panel-list__item-6 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 100rem;
  height: 100rem;
  background: url("/media/images/careers/panel-06_human.svg") no-repeat center/contain;
}

.panel-list__item-7 .panel-list__num-wrap {
  column-gap: 10rem;
}
@media screen and (min-width: 576px) {
  .panel-list__item-7 .panel-list__num-wrap {
    column-gap: 40rem;
  }
}

.panel-list__item-7 .panel-list__num-wrap:not(:has(.panel-list__sub-ttl)):before {
  content: "";
  display: inline-block;
  width: 100rem;
  height: 100rem;
  background: url("/media/images/careers/panel-07_building.svg") no-repeat center/contain;
}

.panel-list__item-7 .panel-list__num-wrap-japan:before {
  content: "";
  display: inline-block;
  width: 76rem;
  height: 60rem;
  background: url("/media/images/careers/panel-07_japan.svg") no-repeat center/contain;
}

.panel-list__item-7 .panel-list__num-wrap-world:before {
  content: "";
  display: inline-block;
  width: 60rem;
  height: 60rem;
  background: url("/media/images/careers/panel-07_world.svg") no-repeat center/contain;
}

.panel-list__item-8 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 82rem;
  height: 82rem;
  background: url("/media/images/careers/panel-08_time.svg") no-repeat center/contain;
}

.panel-list__item-9 .panel-list__num-wrap {
  column-gap: 20rem;
}
@media screen and (min-width: 576px) {
  .panel-list__item-9 .panel-list__num-wrap {
    column-gap: 50rem;
  }
}

.panel-list__item-9 .panel-list__num-wrap:not(:has(.panel-list__sub-ttl)):before {
  content: "";
  display: inline-block;
  width: 100rem;
  height: 100rem;
  background: url("/media/images/careers/panel-09_ovs-agency.svg") no-repeat center/contain;
}

.panel-list__item-9 .panel-list__num-wrap-additives:before {
  content: "";
  display: inline-block;
  width: 37rem;
  height: 60rem;
  background: url("/media/images/careers/panel-09_additives.svg") no-repeat center/contain;
}

.panel-list__item-9 .panel-list__num-wrap-etac:before {
  content: "";
  display: inline-block;
  width: 65rem;
  height: 60rem;
  background: url("/media/images/careers/panel-09_etac.svg") no-repeat center/contain;
}

.panel-list__item-10 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 84rem;
  height: 78rem;
  background: url("/media/images/careers/panel-10_calendar.svg") no-repeat center/contain;
}

.panel-list__item-11 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 96rem;
  height: 82rem;
  background: url("/media/images/careers/panel-11_bag.svg") no-repeat center/contain;
}

.panel-list__item-12 .panel-list__num-wrap::before {
  content: "";
  display: inline-block;
  width: 106rem;
  height: 81rem;
  background: url("/media/images/careers/panel-12_branch.svg") no-repeat center/contain;
}

/* 画像リンクボタン */
.sec-company-link {
  position: relative;
  border-radius: 10rem;
  overflow: hidden;
}

.sec-company-link::before {
  display: none;
}

.sec-company-link, .sec-company-link:hover {
  color: #fff;
}

.sec-company-link:hover {
  opacity: 0.8;
}

.sec-company-img {
  transition: 0.3s;
}

.sec-company-link:hover .sec-company-img {
  transform: scale(1.1);
}

.sec-company-info {
  position: absolute;
  bottom: 20rem;
  left: 20rem;
}

.sec-company-info-subtitle {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  margin-bottom: 4rem;
}

.sec-company-info-title {
  font-weight: 700;
  font-size: 20rem;
}

/* ボイス */
.careers-voice {
  background-color: #F4F7FF;
}

.splide__track {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.splide__slide {
  padding: 24rem;
  max-width: 448px;
}

.voice-slider__operation {
  position: initial;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column-reverse;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .voice-slider__operation {
    position: absolute;
    top: -130px;
    right: 0;
    gap: 25px;
    align-items: flex-end;
  }
}
@media screen and (min-width: 992px) {
  .voice-slider__operation {
    top: -111px;
    flex-direction: row;
    align-items: center;
  }
}

.splide__arrows {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 98vw;
}
@media screen and (min-width: 768px) {
  .splide__arrows {
    position: relative;
    width: 105px;
  }
}

.voice-slider__operation .splide__arrow {
  transform: none;
  width: 45px;
  height: 45px;
  background-color: #fff;
  border: 1px solid #0458A2;
  position: relative;
  top: unset;
  opacity: 1;
}

.voice-slider__operation .splide__arrow--next {
  right: unset;
}

.voice-slider__operation .splide__arrow--prev {
  left: unset;
}

.voice-slider__operation .splide__arrow::after {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  position: absolute;
  right: 17.7px;
  bottom: 16.8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-top: 1px solid #0458A2;
  border-right: 1px solid #0458A2;
  transition: 0.3s;
}

.voice-slider__operation .splide__arrow--prev::after {
  transform: rotate(225deg);
  right: unset;
  left: 17.7px;
}

.voice-slider__operation .splide__pagination {
  position: initial;
  gap: 9px;
  padding: 0;
}

.voice-slider__operation .splide__pagination__page {
  background-color: #ACACAC;
  opacity: 1;
  width: 10px;
  height: 10px;
}

.voice-slider__operation .splide__pagination__page.is-active {
  background-color: #0458A2;
  transform: none;
}

.voice-card-wrap {
  height: 100%;
  padding: 30px 25px 60px 25px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(0, 85, 185, 0.2);
  position: relative;
  color: #333;
}
@media screen and (min-width: 400px) {
  .voice-card-wrap {
    padding: 30px 40px 60px 40px;
  }
}

.voice-card-wrap::before {
  content: "";
  position: absolute;
  left: unset;
  right: 40px;
  bottom: 30px;
  width: 32rem;
  height: 32rem;
  border: 1px solid #0458A2;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  transition: 0.3s;
}

.voice-card-wrap::after {
  content: "";
  display: block;
  width: 5.69rem;
  height: 5.69rem;
  position: absolute;
  right: 53.6px;
  bottom: 43px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-top: 1px solid #0458A2;
  border-right: 1px solid #0458A2;
  transition: 0.3s;
}

.voice-card-wrap:hover {
  color: #333;
}

.voice-card-wrap:hover::before {
  background-color: #0458A2;
}

.voice-card-wrap:hover::after {
  border-color: #fff;
}

.voice-card__img-box {
  border-radius: 50%;
  overflow: hidden;
  max-width: 155px;
}

.voice-card__img {
  transition: 0.3s;
}

.voice-card-wrap:hover .voice-card__img {
  transform: scale(1.1);
}

.voice-card__number {
  text-transform: uppercase;
  writing-mode: vertical-rl;
  font-size: 16rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  position: absolute;
  top: 30px;
  right: 36px;
  color: #0458A2;
}

.voice-card__dec {
  font-size: 20rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
}

.voice-card__profile-name {
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #0458A2;
}

.voice-card__profile-division,
.voice-card__profile-history {
  font-size: 16rem;
}

.voice-card__history-data {
  flex-basis: 4em;
}

.voice-card__history-txt {
  flex-basis: calc(100% - 4em);
}

.voice-btn {
  width: 265rem;
  max-width: 100%;
  display: inline-block;
  border: 1px solid #0458A2;
  border-radius: 50rem;
  font-weight: 700;
  padding: 17rem 40rem 19rem 35rem;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 20rem rgba(0, 86, 185, 0.2);
}

.voice-btn-inner {
  display: block;
  position: relative;
  z-index: 10;
  font-size: 18rem;
}

.voice-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 24rem;
  left: unset;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  width: 8rem;
  height: 8rem;
  border-top: 2px solid #0458A2;
  border-right: 2px solid #0458A2;
  opacity: 1;
  background: unset;
  z-index: 10;
}

.voice-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #34C1FF, #015EBA);
  opacity: 0;
  transition: opacity 500ms ease;
  z-index: 0;
  height: 100%;
}

.voice-btn:hover .voice-btn-inner {
  color: #fff;
}

.voice-btn:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.voice-btn:hover:after {
  opacity: 1;
}

/* 福利厚生 */
.list-icon {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 45px;
  justify-content: space-between;
}

.list-icon__item {
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 400px) {
  .list-icon__item {
    flex-direction: row;
  }
}
@media screen and (min-width: 576px) {
  .list-icon__item {
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 45%;
  }
}
@media screen and (min-width: 768px) {
  .list-icon__item {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .list-icon__item {
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 30%;
  }
}
@media screen and (min-width: 1272px), print {
  .list-icon__item {
    flex-direction: row;
    align-items: center;
  }
}

.list-icon__img {
  background-color: #F4F7FF;
  padding: 24px;
  width: 110px;
  height: 110px;
  aspect-ratio: 1/1;
  border-radius: 10px;
}

.list-icon__txt {
  text-align: center;
}
@media screen and (min-width: 400px) {
  .list-icon__txt {
    text-align: left;
  }
}

.list-icon__ttl {
  font-size: 20rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 8px;
}

.list-icon__dec {
  line-height: 1.5em;
}

/* 募集要項 */
.careers-job {
  background-color: #F6F6F6;
}

.job__wrap {
  background-color: #fff;
  border-radius: 10rem;
  padding: 30rem 25rem;
}
@media screen and (min-width: 576px) {
  .job__wrap {
    padding: 60rem;
  }
}
@media screen and (min-width: 992px) {
  .job__wrap {
    padding: 60rem 110rem;
  }
}

.job__wrap + .job__wrap {
  margin-top: 40rem;
}
@media screen and (min-width: 992px) {
  .job__wrap + .job__wrap {
    margin-top: 100rem;
  }
}

.table-simple, .table-simple tbody, .table-simple tr {
  width: 100%;
}

.table-simple tr {
  border-bottom: 1px solid #E3E3E3;
}

.table-simple th, .table-simple td {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .table-simple th, .table-simple td {
    display: table-cell;
    width: auto;
  }
}

.table-simple th {
  padding: 30rem 0 8rem;
  text-align: start;
}
@media screen and (min-width: 768px) {
  .table-simple th {
    padding: 30rem 0;
  }
}

.table-simple td {
  padding: 20rem 0 30rem;
}
@media screen and (min-width: 400px) {
  .table-simple td {
    padding-left: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .table-simple td {
    padding-top: 30rem;
  }
}

.job-table th {
  width: 12em;
  vertical-align: top;
}

.job-table .round-list__item,
.job-table .ol-standard__item {
  margin-bottom: 10rem;
}

.job-table .btn-map {
  font-size: 13rem;
  padding: 0 18rem;
}

.job-table .btn-map::after {
  width: 10.8rem;
  height: 10.8rem;
}

/* entry */
.sec-entry {
  padding-top: 10rem;
  padding-bottom: 40rem;
  color: #fff;
  background-image: linear-gradient(102deg, #34c1ff, #015eba);
}
@media screen and (min-width: 768px) {
  .sec-entry {
    padding-top: 58rem;
    padding-bottom: 78rem;
  }
}

.sec-entry .ttl-en__jp {
  color: #fff;
}

.sec-entry-inner {
  margin-inline: auto;
  padding-inline: 24rem;
  width: 100%;
  max-width: 1344rem;
}

@media screen and (min-width: 992px) {
  .sec-entry-row {
    display: flex;
    justify-content: space-between;
    gap: 60rem;
  }
}

@media screen and (min-width: 992px) {
  .sec-entry-txt-wrap {
    text-align: left;
    margin-bottom: 0;
  }
}

.sec-entry-desc {
  line-height: 2;
  font-size: 14rem;
  letter-spacing: 0.1em;
  margin-bottom: 40rem;
}
@media screen and (min-width: 576px) {
  .sec-entry-desc {
    font-size: 16rem;
  }
}
@media screen and (min-width: 992px) {
  .sec-entry-desc {
    margin-bottom: 0;
  }
}

.sec-entry-btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24rem;
}
@media screen and (min-width: 992px) {
  .sec-entry-btn-wrap {
    align-items: flex-end;
    margin-top: 42rem;
  }
}

.sec-entry-btn {
  width: 100%;
  max-width: 427rem;
  height: 100rem;
  background-color: #fff;
  padding: 22rem;
  border-radius: 10rem;
  color: #0458A2;
  font-size: 18rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (min-width: 400px) {
  .sec-entry-btn {
    font-size: 21rem;
  }
}
@media screen and (min-width: 576px) {
  .sec-entry-btn {
    width: 427rem;
  }
}
.sec-entry-btn::before {
  display: none;
}

.sec-entry-btn-img {
  margin: auto;
}
@media screen and (min-width: 400px) {
  .sec-entry-btn-img {
    width: auto;
    height: 100%;
  }
}

.sec-entry-btn__mail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.sec-entry-btn__mail::before {
  display: block;
  opacity: 1;
  position: relative;
  content: "";
  width: 20rem;
  height: 18rem;
  background-color: #0458A2;
  mask-image: url("/media/images/careers/icon-mail.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

/* フッター */
.footer-careers-content {
  padding-top: 50rem;
  padding-bottom: 38rem;
  max-width: 940rem;
}
@media screen and (min-width: 1272px), print {
  .footer-careers-content {
    max-width: 1558rem;
  }
}

.footer-link-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50rem;
}
@media screen and (min-width: 1400px) {
  .footer-link-container {
    align-items: flex-end;
  }
}

.footer-link-company,
.footer-link-privacy {
  font-weight: 400;
  font-size: 12rem;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.7);
  display: none;
}
@media screen and (min-width: 992px) {
  .footer-link-company,
  .footer-link-privacy {
    display: block;
  }
}

/* 社員について知る */
.anchor-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14rem 10rem;
}
@media screen and (min-width: 576px) {
  .anchor-list {
    gap: 16rem 14rem;
  }
}
@media screen and (min-width: 576px) {
  .anchor-list {
    gap: 16rem 24rem;
  }
}

.anchor-item {
  flex: 0 1 calc((100% - 14rem) / 2);
}
@media screen and (min-width: 576px) {
  .anchor-item {
    flex-basis: 240rem;
  }
}

.btn-standard.anchor-item__link {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-right: 14rem;
  padding-left: 14rem;
  font-size: 11rem;
}
@media screen and (min-width: 400px) {
  .btn-standard.anchor-item__link {
    font-size: 14rem;
    padding-right: 20rem;
    padding-left: 20rem;
  }
}
@media screen and (min-width: 576px) {
  .btn-standard.anchor-item__link {
    font-size: 18rem;
    padding-right: 24rem;
    padding-left: 34rem;
  }
}

.anchor-item__link.btn-standard.btn-standard--arrow-right::after {
  transform: rotate(135deg);
  width: 0.55em;
  height: 0.55em;
}

/*.voice-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24rem;
}
@media screen and (min-width: 992px) {
  .voice-list {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1272px), print {
  .voice-list {
    gap: 48rem;
  }
}

.voice-item {
  flex: 0 1 100%;
}
@media screen and (min-width: 576px) {
  .voice-item {
    flex-basis: calc((100% - 24px) / 2);
  }
}*/

/* 社員インタビュー */
.sec-voice {
  background-color: #F4F7FF;
}

@media screen and (min-width: 768px) {
  .sec-profile {
    margin-top: 40rem;
  }
}

.profile-wrap {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
@media screen and (min-width: 576px) {
  .profile-wrap {
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .profile-wrap {
    gap: 40rem;
  }
}
@media screen and (min-width: 1272px), print {
  .profile-wrap {
    gap: 80rem;
  }
}

.profile-img__wrap {
  flex: 0 1 35%;
  max-width: 250px;
}

.profile-txt__wrap {
  flex: 1 0 65%;
}

.profile-ttl {
  font-size: 24rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (min-width: 992px) {
  .profile-ttl {
    font-size: 32rem;
  }
}

.profile-name {
  font-size: 24rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #0458A2;
}

.profile-age {
  font-size: 16rem;
}

.history-data {
  flex: 1 0 fit-content;
}
@media screen and (min-width: 400px) {
  .history-data {
    flex: 0 1 5em;
  }
}

.history-txt {
  flex: 0 1 fit-content;
}
@media screen and (min-width: 400px) {
  .history-txt {
    flex: 1 0 calc(100% - 5em);
  }
}

.favorite-list {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .favorite-list {
    flex-direction: row;
    align-items: stretch;
  }
}
@media screen and (min-width: 1272px), print {
  .favorite-list {
    gap: 40rem;
  }
}

.favorite-item {
  color: #fff;
  background-color: #0458A2;
  border-radius: 10rem;
  padding: 25rem 20rem;
  flex: 1 0;
  max-width: 340px;
}
@media screen and (min-width: 992px) {
  .favorite-item {
    padding: 30rem 35rem 35rem;
  }
}

.favorite-item__num {
  font-size: 24rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  flex-direction: column;
}

.favorite-item__num-txt {
  font-size: 10rem;
  text-transform: uppercase;
}

.favorite-ttl {
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #0458A2;
  background-color: #fff;
  border-radius: 5rem;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 5rem 27rem 7rem;
}
.favorite-ttl::before {
  content: "#";
}
.favorite-ttl::after {
  content: "";
  background-color: inherit;
  border: inherit;
  border-radius: 0 0 0 1rem;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -5rem;
  width: 15rem;
  height: 15rem;
  transform: translateX(-50%) rotate(-45deg);
}

.timeline-item {
  display: flex;
  align-items: baseline;
  gap: 10rem;
  position: relative;
  margin-bottom: 8rem;
}
.timeline-item::before {
  content: "";
  width: 12rem;
  height: 12rem;
  display: block;
  background-color: #0458A2;
  border-radius: 50%;
  flex: 0 1 12px;
}
.timeline-item::after {
  content: "";
  position: absolute;
  height: calc(100% - 46rem);
  top: 46rem;
  left: 5rem;
  border-left: 1px solid #C0D9E9;
}

.timeline-item-inner {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  flex: 1 0;
}
@media screen and (min-width: 576px) {
  .timeline-item-inner {
    flex-direction: row;
  }
}

.timeline-txt {
  flex: 1 0;
}

.timeline-data {
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #0458A2;
  flex: 0 1;
}
@media screen and (min-width: 576px) {
  .timeline-data {
    flex-basis: 4em;
  }
}

.timeline-ttl {
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.timeline-dec {
  font-size: 14rem;
}/*# sourceMappingURL=style-careers.css.map */

.voice-list {
  gap: 48rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1271px) {
  .voice-list {
    gap: 24rem;
  }
}
@media screen and (max-width: 991px) {
  .voice-list {
  grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .voice-list {
  grid-template-columns: 1fr;
  }
}

.voice-card-wrap{
  width: 100%;
}