@charset "UTF-8";

#er-topMv {
  position: relative;
}

/*
 * mv1
-------------------------------------------------------------- */
#er-topMv1 {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/982;
}

#er-topMv1::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 15.27vw;
  content: '';
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#er-topMv1 .er-topMv1_copy {
  position: absolute;
  top: calc(285 / 982 * 100%);
  left: calc(232 / 1440 * 100%);
  z-index: 10;
  width: calc(590 / 1440 * 100%);
}

@media screen and (width <= 767px) {
  #er-topMv1 {
    aspect-ratio: 375/293;
  }

  #er-topMv1::after {
    height: 15.2vw;
  }

  #er-topMv1 .er-topMv1_copy {
    top: calc(104 / 293 * 100%);
    left: calc(17 / 375 * 100%);
    width: calc(200 / 375 * 100%);
  }
}

/*
 * Mv1
 * slider
-------------------- */
#er-topMv1 .er-topMv1_slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
}

#er-topMv1 .er-topMv1_slideItem {
  width: 100%;
  aspect-ratio: 1440/982;
  overflow: hidden;
}

#er-topMv1 .er-topMv1_slideItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (width <= 767px) {
  #er-topMv1 .er-topMv1_slideItem {
    aspect-ratio: 375/293;
  }
}

/*
 * Mv2
 * visual
-------------------- */
#er-topMv1 .er-topMv1_visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}

#er-topMv1 .er-topMv1_visual:after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background: #fff;
}

#er-topMv1 .er-topMv1_visual.is-animation:after {
  display: none;
}

#er-topMv1 .er-topMv1_vgroup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1440/982;
}

@media screen and (width <= 767px) {
  #er-topMv1 .er-topMv1_vgroup-b {
    top: calc(36.6 / 375 * 100vw);
  }

  #er-topMv1 .er-topMv1_vgroup-p {
    top: calc(14.3 / 375 * 100vw);
    left: calc(-49.4 / 375 * 100vw);
    width: calc(465 / 375 * 100vw);
  }

  #er-topMv1 .er-topMv1_vgroup-h {
    top: calc(32.8 / 375 * 100vw);
    left: calc(-7.2 / 375 * 100vw);
    width: calc(411 / 375 * 100vw);
  }
}

#er-topMv1 .er-topMv1_vitem {
  position: absolute;
}

#er-topMv1 .er-topMv1_vgroup-h > div:not(.er-topMv1_vitem) {
  position: absolute;
  inset: 0;
  transform-origin: center center;
}

#er-topMv1 .er-topMv1_vgroup-h .er-topMv1_vitem {
  transform-origin: top center;
}

#er-topMv1 .er-topMv1_vitem-b-1 {
  bottom: calc(160 / 980 * 100%);
  left: calc(-54 / 1440 * 100%);
  width: calc(358 / 1440 * 100%);
  height: calc(790 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_01.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-2 {
  bottom: 0;
  left: calc(230 / 1440 * 100%);
  width: calc(546 / 1440 * 100%);
  height: calc(880 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_02.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-3 {
  bottom: 0;
  left: calc(473 / 1440 * 100%);
  width: calc(256 / 1440 * 100%);
  height: calc(972 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_03.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-4 {
  bottom: 0;
  left: calc(275 / 1440 * 100%);
  width: calc(1206 / 1440 * 100%);
  height: calc(771 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_04.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-5 {
  bottom: 0;
  left: calc(675 / 1440 * 100%);
  width: calc(226 / 1440 * 100%);
  height: calc(862 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_05.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-6 {
  bottom: 0;
  left: calc(1105 / 1440 * 100%);
  width: calc(175 / 1440 * 100%);
  height: calc(803 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_06.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-b-7 {
  bottom: 0;
  left: calc(1248 / 1440 * 100%);
  width: calc(248 / 1440 * 100%);
  height: calc(730 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_building_07.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-p-1 {
  top: calc(-20 / 980 * 100%);
  left: calc(665 / 1440 * 100%);
  width: calc(751 / 1440 * 100%);
  height: calc(757 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_person_01.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-1 {
  top: calc(555 / 980 * 100%);
  left: 0;
  width: calc(1211 / 1440 * 100%);
  height: calc(448 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_01.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-2 {
  top: calc(564 / 980 * 100%);
  left: 0;
  width: calc(1125 / 1440 * 100%);
  height: calc(439 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_02.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-3 {
  top: calc(550 / 980 * 100%);
  left: calc(-31 / 1440 * 100%);
  width: calc(1156 / 1440 * 100%);
  height: calc(444 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_03.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-4 {
  top: calc(551 / 980 * 100%);
  left: 0;
  width: calc(1124 / 1440 * 100%);
  height: calc(463 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_04.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-5 {
  top: calc(552 / 980 * 100%);
  left: calc(-10 / 1440 * 100%);
  width: calc(1115 / 1440 * 100%);
  height: calc(442 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_05.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-6 {
  top: calc(566 / 980 * 100%);
  left: 0;
  width: calc(1086 / 1440 * 100%);
  height: calc(240 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_06.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-7 {
  top: calc(566 / 980 * 100%);
  left: 0;
  width: calc(1086 / 1440 * 100%);
  height: calc(310 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_07.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-8 {
  top: calc(566 / 980 * 100%);
  left: 0;
  width: calc(1086 / 1440 * 100%);
  height: calc(335 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_08.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-9 {
  top: calc(567 / 980 * 100%);
  left: calc(805 / 1440 * 100%);
  width: calc(422 / 1440 * 100%);
  height: calc(337 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_09.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-10 {
  top: calc(567 / 980 * 100%);
  left: calc(805 / 1440 * 100%);
  width: calc(422 / 1440 * 100%);
  height: calc(337 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_10.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-11 {
  top: calc(573 / 980 * 100%);
  left: calc(-85 / 1440 * 100%);
  width: calc(1188 / 1440 * 100%);
  height: calc(439 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_11.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-12 {
  top: calc(585 / 980 * 100%);
  left: calc(530 / 1440 * 100%);
  width: calc(600 / 1440 * 100%);
  height: calc(319 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_12.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-13 {
  top: calc(533 / 980 * 100%);
  left: calc(775 / 1440 * 100%);
  width: calc(452 / 1440 * 100%);
  height: calc(370 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_13.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-14 {
  top: calc(561 / 980 * 100%);
  left: calc(980 / 1440 * 100%);
  width: calc(250 / 1440 * 100%);
  height: calc(343 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_14.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-2-15 {
  top: calc(564 / 980 * 100%);
  left: calc(1119 / 1440 * 100%);
  width: calc(140 / 1440 * 100%);
  height: calc(340 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_2_15.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-1-1 {
  top: calc(629 / 980 * 100%);
  left: calc(1113 / 1440 * 100%);
  width: calc(1592 / 1440 * 100%);
  height: calc(342 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_1_01.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-1-2 {
  top: calc(634 / 980 * 100%);
  left: calc(867 / 1440 * 100%);
  width: calc(1380 / 1440 * 100%);
  height: calc(338 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_1_02.png') no-repeat top center / 100% auto;
}

#er-topMv1 .er-topMv1_vitem-h-1-3 {
  top: calc(630 / 980 * 100%);
  left: calc(1219 / 1440 * 100%);
  width: calc(623 / 1440 * 100%);
  height: calc(342 / 980 * 100%);
  background: url('/recruitment/assets/images/top/mv1/mv1_hway_1_03.png') no-repeat top center / 100% auto;
}

/*
 * mv2
-------------------------------------------------------------- */
#er-topMv2 {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/852;
  background: url('/recruitment/assets/images/top/mv2/mv2_bg_01.png') no-repeat center bottom / 100% auto;
}

@media screen and (width <= 767px) {
  #er-topMv2 {
    aspect-ratio: 375/560;
    background-image: url('/recruitment/assets/images/top/mv2/mv2_bg_01_sp.png');
  }
}

/*
 * Mv
 * building
-------------------- */
#er-topMv .er-topMv_building_wrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

#er-topMv .er-topMv_building-1 {
  position: absolute;
  right: calc(172 / 1440 * 100%);
  bottom: 0;
  width: calc(317 / 1440 * 100%);
  height: calc(1172 / 1440 * 100vw);
  background: url('/recruitment/assets/images/top/mv2/mv2_building_01.png') no-repeat center top / 100% auto;
  translate: 0 100%;
  transition: translate 1s cubic-bezier(0, 0.55, 0.45, 1);
}

#er-topMv .er-topMv_building-2 {
  position: absolute;
  right: calc(-4 / 1440 * 100%);
  bottom: 0;
  width: calc(245 / 1440 * 100%);
  height: calc(857 / 1440 * 100vw);
  background: url('/recruitment/assets/images/top/mv2/mv2_building_02.png') no-repeat center top / 100% auto;
  translate: 0 100%;
  transition: translate 1s 0.5s cubic-bezier(0, 0.55, 0.45, 1);
}

#er-topMv.is-mv-phase2 .er-topMv_building-1,
#er-topMv.is-mv-phase2 .er-topMv_building-2 {
  translate: 0 0;
}

@media screen and (width <= 767px) {
  #er-topMv .er-topMv_building-1 {
    right: calc(25 / 375 * 100%);
    width: calc(80 / 375 * 100%);
    height: calc(631 / 375 * 100vw);
    background-image: url('/recruitment/assets/images/top/mv2/mv2_building_01_sp.png');
  }

  #er-topMv .er-topMv_building-2 {
    right: calc(-20 / 375 * 100%);
    width: calc(62 / 375 * 100%);
    height: calc(552 / 375 * 100vw);
    background-image: url('/recruitment/assets/images/top/mv2/mv2_building_02_sp.png');
  }
}

/*
 * Outline
-------------------------------------------------------------- */
#er-top .er-topOutline {
  position: absolute;
  top: calc(-345 / 1440 * 100vw);
  left: 0;
  z-index: 3;
  width: 100%;
}

#er-top .er-topOutline_box {
  width: calc(610 / 1440 * 100%);
  padding: calc(85 / 1440 * 100vw) calc(70 / 1440 * 100vw);
  margin-inline: calc(220 / 1440 * 100%) 0;
  background: #fff;
  box-shadow: 0 0 20px rgba(0 0 0 / 20%);
}

#er-top .er-topOutline_box p {
  font-size: calc(21 / 1440 * 100vw);
  font-weight: 500;
  line-height: 2.34;
  letter-spacing: 0.08em;
}

/* #er-top .er-topOutline {
  position: relative;
  width: min(100%, 1040px);
  padding: 0 20px;
  margin-block: calc(-345 / 1440 * 100%) 0;
  margin-inline: auto;
}

#er-top .er-topOutline_box {
  width: min(61vw, 610px);
  padding: calc(85 / 1000 * 100%) calc(70 / 1000 * 100%);
  background: #fff;
  box-shadow: 0 0 20px rgba(0 0 0 / 20%);
}

#er-top .er-topOutline_box p {
  font-size: min(2.1vw, 21px);
  font-weight: 500;
  line-height: 2.34;
  letter-spacing: 0.08em;
} */

@media screen and (width <= 767px) {
  #er-top .er-topOutline {
    top: calc(-35 / 375 * 100%);
  }

  #er-top .er-topOutline_box {
    width: calc(282 / 375 * 100%);
    padding: calc(25 / 375 * 100%) calc(30 / 375 * 100%);
    margin-inline: calc(16 / 375 * 100%) 0;
  }

  #er-top .er-topOutline_box p {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.9;
    letter-spacing: 0;
  }
}