body {
  font-family: "Zen Kaku Gothic New";
}
p {
  font-weight: 500;
}
.wrapper_ {
  overflow: hidden;
}
.main_visual {
  background: #ccc;
}
.main_visual {
  width: 100%;
}
.main_visual img {
  width: 100%;
}
.sec_message {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .sec_message {
    padding: 44px 0 48px;
  }
}
.sec_message .txt {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .sec_message .txt {
    font-size: 14px;
  }
}
.sec_message .head2 {
  background: #fff;
  border-radius: 8px 0px 0px 8px;
  margin: 0;
}
.sec_message .head2:before {
  opacity: 0.25;
}
@media screen and (min-width: 768px) {
  .sec_message .head2 {
    padding: 24px 32px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  }
  .sec_message .head2:before {
    font-size: 56px;
    line-height: 54px;
    left: -38px;
    top: -91px;
  }
}
@media screen and (max-width: 767px) {
  .sec_message .head2 {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    padding: 3.076923076923077vw 4.102564102564102vw 3.076923076923077vw 6.153846153846153vw;
  }
  .sec_message .head2:before {
    font-size: 32px;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    text-align: center;
    bottom: auto;
    top: -61px;
  }
}
.sec_message .head2 .c_toggle_link .btn {
  width: 42px;
  height: 18px;
  margin-left: 20px;
  bottom: 3px;
}
@media screen and (max-width: 960px) {
  .sec_message .m_inner {
    width: 100%;
  }
}
.sec_image {
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .sec_image {
    padding-bottom: calc((94 / 960) * 100%);
    border-radius: 20px;
    margin: 80px auto 0;
    aspect-ratio: 960/428;
    background-image: url("/cms/alpen-recruit-oc/img/top/message_pc.png");
  }
}
@media screen and (max-width: 960px) {
  .sec_image {
    border-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .sec_image {
    padding-bottom: 14.358974358974358vw;
    margin: 44px -6.153846153846153vw 0;
    aspect-ratio: 1;
    background-image: url("/cms/alpen-recruit-oc/img/top/message_sp.png");
  }
}
.sec_field {
  background: #f3f5f8;
  padding: 80px 0;
  border-radius: 20px;
}
.sec_field .c_toggle_link {
  position: relative;
  z-index: 0;
  background-size: cover;
  background-color: rgba(229, 245, 253, 0.1);
  background-blend-mode: soft-light;
  transition: opacity 0.3s ease;
}
.careers_sub_block .c_toggle_link:hover .btn {
  background: transparent linear-gradient(289deg, #0ff 0%, #019df0 100%) 0% 0% no-repeat padding-box;
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0 24px;
  }
  .sec_field .c_toggle_link:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    right: -3px;
    top: 0;
    background: #f3f5f8;
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    right: auto;
    top: auto;
    bottom: -2px;
    background: #f3f5f8;
  }
}
@media screen and (max-width: 1280px) {
  .sec_field .c_toggle_link {
    background-position: center;
  }
}
.sec_field .c_toggle_link:first-of-type {
  background-image: url("/cms/alpen-recruit-oc/img/top/field1_pc.png");
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:first-of-type {
    background-image: url("/cms/alpen-recruit-oc/img/top/field1_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(2) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field2_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(2) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field2_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(3) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field3_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(3) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field3_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(4) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field4_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(4) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field4_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(5) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field5_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(5) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field5_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(6) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field6_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(6) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field6_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link:nth-of-type(7) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field7_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link:nth-of-type(7) {
    background-image: url("/cms/alpen-recruit-oc/img/top/field7_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link {
    padding: calc((24 / 390) * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc((10 / 390) * 100vw);
  }
}
.sec_field .c_toggle_link .txt {
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 768px) {
  .sec_field .c_toggle_link .txt {
    font-size: 24px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}
@media screen and (max-width: 767px) {
  .sec_field .c_toggle_link .txt {
    font-size: 22px;
  }
}
.sec_field .c_toggle_link .btn {
  width: 40px;
  height: 18px;
}
.field_block {
  position: relative;
  z-index: 0;
}
.field_block:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .field_block {
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
  }
}
@media screen and (max-width: 767px) {
  .field_block {
    aspect-ratio: 345/1056;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2px;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .field_block:hover:before {
    opacity: 1;
  }
  .field_block:hover .c_toggle_link {
    background: transparent;
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_1:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field1_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_1:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field1_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_2:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field2_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_2:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field2_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_3:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field3_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_3:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field3_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_4:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field4_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_4:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field4_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_5:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field5_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_5:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field5_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_6:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field6_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_6:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field6_pc.png");
  }
}
@media screen and (min-width: 768px) {
  .field_block.field_7:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field7_sp.png");
  }
}
@media screen and (max-width: 767px) {
  .field_block.field_7:before {
    background-image: url("/cms/alpen-recruit-oc/img/top/field7_pc.png");
  }
}
.sec_interviews {
  position: relative;
  padding: 125px 0 80px;
  overflow-x: hidden;
  z-index: 0;
}
.sec_interviews:before {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100%;
  height: calc(100% - 279px);
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(141deg, #0ff 0%, #019df0 100%) 0% 0% no-repeat padding-box;
  opacity: 0.65;
}
.sec_interviews .head2 {
  margin-top: -45px;
}
@media screen and (min-width: 768px) {
  .sec_interviews .head2 {
    min-width: 320px;
  }
}
@media screen and (max-width: 1280px) {
  .sec_interviews .head2 {
    padding-right: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: auto;
    white-space: nowrap;
  }
}
.sec_interviews .l_inner {
  max-width: 100%;
  width: 100%;
  padding-left: calc(((100 / 1480) * 100vw));
}
@media screen and (min-width: 768px) {
  .sec_interviews .l_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .sec_interviews .l_inner {
    padding-left: 6.153846153846153vw;
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap {
    margin-right: -6.153846153846153vw;
    padding-left: 14.615384615384613vw;
  }
}
.interview_slide_wrap .splide {
  visibility: visible;
  width: 100vw;
  max-width: calc((((100 / 1480) * -100vw) - 320px) + 100vw);
}
@media screen and (max-width: 1280px) {
  .interview_slide_wrap .splide {
    max-width: calc((((100 / 1480) * -100vw) - 276px) + 100vw);
  }
}
@media screen and (max-width: 960px) {
  .interview_slide_wrap .splide {
    max-width: calc((((100 / 1480) * -100vw) - 196px) + 100vw);
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap .splide {
    max-width: 100%;
  }
}
.interview_slide_wrap .splide__slide {
  aspect-ratio: 320/480;
  border-radius: 16px;
  background-size: cover;
  -webkit-transition: 0.3s;
  height: auto;
  display: block;
  transition: 0.3s;
  max-height: 350px;
}
.interview_slide_wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  position: relative;
}
.interview_slide_wrap .splide__arrows--ltr {
  position: absolute;
  width: 320px;
  height: 32px;
  top: 95px;
  left: -320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  height: 32px;
}
#interview_slide-list li a img {
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1280px) {
  .interview_slide_wrap .splide__arrows--ltr {
    left: -276px;
  }
}
@media screen and (max-width: 960px) {
  .interview_slide_wrap .splide__arrows--ltr {
    left: -196px;
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap .splide__arrows--ltr {
    top: 171px;
    width: 313px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: -10.256410256410255vw;
  }
}
.interview_slide_wrap .splide__arrow {
  opacity: 1;
  bottom: 0;
  height: 32px;
  width: 57px;
  position: static;
  background: #fff;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.interview_slide_wrap .splide__arrow:disabled {
  opacity: 0.4;
}
.interview_slide_wrap .splide__arrow svg {
  fill: #1a1a1a;
}
.interview_slide_wrap .splide__arrow:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent linear-gradient(289deg, #0ff 0%, #019df0 100%) 0% 0% no-repeat padding-box;
}
.interview_slide_wrap .splide__arrow:hover svg {
  fill: #fff;
}
.interview_slide_wrap .splide .splide__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  height: 4px;
  flex-wrap: wrap;
}
.splide__pagination li {
  margin: 0 0 10px 0;
}
@media screen and (min-width: 768px) {
  .interview_slide_wrap .splide .splide__pagination {
    width: calc((1100 / 1480) * 100vw);
    max-width: 1100px;
    padding-right: 100px;
    bottom: -24px;
    height: 4px;
  }
}
@media screen and (max-width: 1280px) {
  .interview_slide_wrap .splide .splide__pagination {
    width: 100%;
    padding-right: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap .splide .splide__pagination {
    bottom: -20px;
    height: 2px;
    padding-right: calc((10 / 390) * 100vw);
  }
}
@media screen and (min-width: 768px) {
  .interview_slide_wrap .splide .splide__pagination li + li {
    margin-left: 12px;
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap .splide .splide__pagination li + li {
    margin-left: 8px;
  }
}
.interview_slide_wrap li {
  display: block;
}
.interview_slide_wrap .splide__pagination__page {
  display: block;
  opacity: 1;
  margin: 0;
  border-radius: 0;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .interview_slide_wrap .splide__pagination__page {
    width: 40px;
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  .interview_slide_wrap .splide__pagination__page {
    width: 28px;
    height: 2px;
  }
}
.interview_slide_wrap .splide__pagination__page.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  background: #1a1a1a;
}
.interview_detail {
  width: 100%;
  height: 50%;
  background-image: url("/cms/alpen-recruit-oc/img/top/person_gradation.png");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  row-gap: 4px;
  padding: 0 calc((20 / 320) * 100%) calc((20 / 320) * 100%);
  border-radius: 0 0 16px 16px;
}
@media screen and (max-width: 767px) {
  .interview_detail {
    padding: 0 12px 12px;
  }
}
.interview_detail .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
  color: #019df0;
  row-gap: 4px;
  margin-bottom: 4px;
}
.interview_detail .ttl span {
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  padding: 0 8px;
}
@media screen and (min-width: 768px) {
  .interview_detail .ttl {
    font-size: 18px;
  }
  .interview_slide_wrap .splide__slide {
    max-height: none;
  }
}
@media screen and (max-width: 767px) {
  .interview_detail .ttl {
    margin-bottom: 2px;
    font-size: 14px;
  }
}
.interview_detail .post,
.interview_detail .name {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.604);
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .interview_detail .post {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .interview_detail .post {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .interview_detail .name {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .interview_detail .name {
    font-size: 18px;
  }
}
.interview_link {
  display: block;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #019df0;
  color: #fff;
  text-align: center;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .interview_link {
    margin: 80px auto 0;
    max-width: 960px;
    aspect-ratio: 960/240;
    background-image: url("/cms/alpen-recruit-oc/img/top/banner_bg_pc.png");
    background-size: calc((904 / 960) * 100%) auto;
  }
}
@media screen and (max-width: 767px) {
  .interview_link {
    margin: 56px auto 0;
    width: calc((342 / 390) * 100vw);
    aspect-ratio: 345/180;
    background-size: calc((256 / 345) * 100%) auto;
    background-image: url("/cms/alpen-recruit-oc/img/top/banner_bg_sp.png");
  }
}
.interview_link:hover {
  -webkit-filter: #fff;
  filter: #fff;
  opacity: 0.7;
}
.interview_link .link_ttl_en {
  position: relative;
  z-index: 0;
  font-style: italic;
  line-height: 1.2;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.interview_link .link_ttl_en:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: transparent linear-gradient(91deg, #0ff 0%, #019df0 100%) 0% 0% no-repeat padding-box;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .interview_link .link_ttl_en {
    font-size: 48px;
    padding: 0 5px;
    padding-top: calc((32 / 960) * 100%);
  }
}
@media screen and (max-width: 767px) {
  .interview_link .link_ttl_en {
    font-size: 28px;
    padding: 0 3px;
    padding-top: calc((22 / 345) * 100%);
  }
}
.interview_link .link_ttl {
  font-weight: bold;
  font-size: 16px;
  margin-top: 12px;
}
.interview_link .link_ttl span {
  vertical-align: sub;
  display: inline-block;
  background-color: #fff;
  background-size: 11px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/cms/alpen-recruit-oc/img/common/blue_toggle.png");
  border-radius: 40px;
  width: 42px;
  height: 18px;
  margin-left: 16px;
}
@media screen and (max-width: 767px) {
  .interview_link .link_ttl {
    font-size: 15px;
    margin-top: 6px;
  }
  .interview_link .link_ttl span {
    width: 32px;
    height: 14px;
    background-size: 8px auto;
  }
}
.sec_careers {
  padding: 80px 0 64px;
}
@media screen and (max-width: 767px) {
  .sec_careers {
    padding: 48px 0 73px;
  }
}
@media screen and (max-width: 767px) {
  .sec_careers .head2 {
    padding-top: 88px;
  }
  .sec_careers .head2:before {
    width: 250px;
  }
}
.sec_careers .c_toggle_link {
  position: relative;
  display: block;
  font-weight: bold;
  border-bottom: solid 1px #1a1a1a;
  font-size: 24px;
  padding-bottom: 24px;
  align-self: end;
}
@media screen and (max-width: 767px) {
  .sec_careers .c_toggle_link {
    font-size: 18px;
    padding-bottom: 16px;
    padding-right: 50px;
    display: flex;
    align-items: center;
  }
}
.sec_careers .c_toggle_link:hover .txt {
  opacity: 0.5;
}
.sec_careers .c_toggle_link:hover .btn {
  right: -2px;
}
.sec_careers .c_toggle_link .txt {
  display: inline-block;
}
.sec_careers .c_toggle_link img {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .sec_careers .c_toggle_link img {
    width: 48px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec_careers .c_toggle_link img {
    width: 32px;
    margin-right: 12px;
  }
}
.sec_careers .c_toggle_link img + .txt {
  vertical-align: middle;
}
.sec_careers a + a {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .sec_careers a + a {
    padding-top: 16px;
  }
}
.sec_careers .btn {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 768px) {
  .sec_careers .btn {
    width: 42px;
    height: 18px;
    bottom: 33px;
  }
}
@media screen and (max-width: 767px) {
  .sec_careers .btn {
    width: 32px;
    height: 14px;
    bottom: 22px;
  }
}
.careers_block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 960px) {
  .careers_block,
  .careers_sub_block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}
.career_slide_wrap {
  visibility: visible;
}
.career_slide_wrap .splide__slide {
  width: 100%;
}
.career_slide_wrap .splide__slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.careers_img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 40px;
}
.careers_img img {
  border-radius: 20px;
}
@media screen and (max-width: 960px) {
  .careers_img {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .careers_img {
    margin: 0 calc((24 / 390) * -100vw);
  }
  .careers_img img {
    border-radius: 0;
  }
}
.careers_nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.careers_sub_block {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .careers_sub_block {
    margin-top: 80px;
    padding: 80px calc((56 / 1280) * 100%);
  }
}
@media screen and (max-width: 767px) {
  .careers_sub_block {
    margin-top: 40px;
    padding: 56px calc((20 / 365) * 100%) 40px;
  }
}
.careers_sub_block:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
  background: #e6ebf0;
  opacity: 0.5;
}
.careers_sub_block .block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.careers_sub_block .block {
  padding-right: calc((63 / 1178) * 100%);
  padding-left: calc((63 / 1178) * 100%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 8%;
}
.careers_sub_block .block h3.head3 {
  grid-column: 1 / -1;
}
.careers_sub_block .block .txt span {
  display: block;
}
@media screen and (min-width: 768px) {
  .careers_sub_block .block .txt {
    font-size: 21px;
  }
}
@media screen and (max-width: 960px) {
  .careers_sub_block .block {
    display: block;
  }
  .careers_sub_block .block .txt span {
    display: inline-block;
  }
  .careers_sub_block .block:first-of-type {
    padding: 0;
  }
}
.careers_sub_block .block:nth-of-type(2) {
  margin-top: 56px;
}
@media screen and (max-width: 960px) {
  .careers_sub_block .block:nth-of-type(2) {
    padding: 0;
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .careers_sub_block .btn {
    bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .careers_sub_block .btn {
    bottom: 25px;
  }
}

.breadcrumb {
  position: absolute;
  right: 25px;
  top: 101px;
  width: auto;
  margin: 0 0 0 20px;
  z-index: 10;
}
.breadcrumb span {
  background: none;
  color: #1a1a1a;
  margin: 0;
  display: inline;
}
.bread_white .breadcrumb span {
  color: #fff;
}
.breadcrumb-item::after {
  content: "";
  width: 16px;
  height: 1px;
  background-color: #1a1a1a;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
span.breadcrumb-item:last-child::after {
  content: none;
}
.bread_white .breadcrumb-item::after {
  background-color: #fff;
}
.breadcrumb-item a {
  text-decoration: underline;
}
.bread_interview .iv_head {
  padding-top: min(51vw, 153px);
}
.bread_interview .breadcrumb {
  top: 78px;
}
.bread_white span:nth-last-child(2) a::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    right: 32px;
  }
  .bread_interview .breadcrumb {
    top: 84px;
  }
  .bread_interview .iv_head {
    padding-top: 130px;
  }
}
@media screen and (min-width: 960px) {
  .bread_interview .breadcrumb {
    top: 103px;
  }
  .bread_interview .iv_head {
    padding-top: 147px;
  }
}

/* interview */
.interview_mv {
  position: relative;
}
.interview_mv .mv_text {
  position: absolute;
  top: 159px;
  left: 24px;
  color: #fff;
  font-weight: bold;
  z-index: 0;
  font-size: 36px;
  text-shadow: 1px 1px 5px #00000040;
}
.interview_mv h2 {
  position: relative;
}
.interview_mv h2::before {
  position: absolute;
  z-index: -1;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  top: -11px;
  left: 0;
  opacity: 0.4;
}
.interviewTop_text {
  font-size: 15px;
  width: 87%;
  margin: 24px auto 0;
}
.mv_img {
  width: 100%;
}
.mv_bg {
  width: 100%;
}
.mv_bg img {
  object-fit: cover;
  object-position: top left;
  height: 248px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .interview_mv .mv_text {
    max-width: 470px;
    top: min(29vw, 262px);
    left: 89px;
  }
  .interview_mv h2 {
    font-size: 44px;
  }
  .interview_mv h2::before {
    font-size: 32px;
    top: -14px;
  }
  .interviewTop_text {
    font-size: 16px;
    max-width: 1200px;
    width: 100%;
    padding: 0 7%;
  }
  .mv_bg {
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
  }
  .mv_bg img {
    height: calc((750 / 1480) * 100vw);
    max-height: 550px;
  }
  .mv_img {
    width: 60%;
    max-width: 960px;
    padding-top: 142px;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1020px) {
  .interview_mv .mv_text {
    width: 460px;
  }
}
@media screen and (max-width: 420px) {
  .apparel_mv.interview_mv .mv_text {
    font-size: 27px;
    top: 184px;
  }
  .apparel_mv.interview_mv h2::before {
    font-size: 26px;
  }
}
.interviewList_title {
  width: 87%;
  margin: 44px auto 24px;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  max-width: 1200px;
}
.interviewList_title::before {
  display: block;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: #019df0;
  line-height: 1.2;
  margin-bottom: 9px;
}
.interviewList_title.orange::before {
  color: #fa8a08;
}
.interviewList_title.green::before {
  color: #08db8b;
}
.interviewList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px calc((64 / 1480) * 100vw);
  justify-content: center;
  max-width: 1200px;
  margin: auto;
  padding: 0 7%;
}
.listImage img {
  width: 100%;
}
.interviewItem_title {
  color: #019df0;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.interviewItem_shop {
  line-height: 0;
  margin: 16px 0 8px;
}
.interviewItem_shop img {
  width: auto;
  height: 29px;
}
.interviewItem_text {
  font-size: 14px;
  font-weight: bold;
}
.interviewItem_name {
  font-size: 22px;
  font-weight: bold;
}
.footer_contact.contact_top {
  border-top: 1px solid #c9ced3;
  margin-top: 56px;
  padding: 64px 0;
}
.footerHierarchy {
  margin: 8px 0 30px 31px;
}
.footerHierarchy .nav_sub_link:hover {
  color: inherit;
  opacity: 0.6;
}
.footerHierarchy .nav_sub_link:after {
  content: none;
}
@media screen and (min-width: 768px) {
  .interviewList {
    grid-template-columns: repeat(4, 1fr);
  }
  .interviewList_title {
    margin: 80px auto 45px;
    font-size: 32px;
    width: 100%;
    padding: 0 7%;
    min-height: 68px;
  }
  .footer_contact.contact_top {
    margin-top: 80px;
    padding: 64px 0;
  }
}

/* interviewAbout */
.iv_head {
  background-image: url(/cms/alpen-recruit-oc/img/top/intmv-bg_pc.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
  padding-top: calc((123 / 1480) * 100vw);
}
.ivHead_img img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 734 / 489;
}
.ivHead_title {
  background-color: #fff;
  padding: 24px;
  display: grid;
  grid-template-columns: 80px auto 1fr;
  grid-template-rows: auto;
  position: relative;
  top: -38px;
  margin: 0 24px;
  align-items: center;
}
.ivHead_title::before {
  content: "";
  background-image: url(/cms/alpen-recruit-oc/img/top/blue_colon.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -20px;
  right: 9px;
  width: 43px;
  height: 37px;
}
.ivHead_title h2 {
  color: #019df0;
  font-size: 28px;
  font-weight: bold;
  grid-column: 1 / -1;
  grid-row: 1 / 2;
}
.aboutPosition br {
  display: none;
}
.ivHead_title p {
  font-weight: bold;
  color: #1a1a1a;
}
.ivHead_title .aboutShop {
  width: auto;
  grid-column: auto;
  grid-row: 2 / 3;
  margin: 8px 0;
  display: block;
}
.ivHead_title .aboutShop img {
  width: 77px;
  display: block;
}
.ivHead_title .aboutShop .alpenLogo {
  height: 28px;
  width: auto;
  max-width: none;
}
.aboutYear,
.aboutPosition {
  font-size: 14px;
}
.aboutYear {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.aboutPosition {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.aboutName {
  font-size: 22px;
  grid-column: auto;
  grid-row: 4 / 5;
}
.ivMain {
  margin-top: 40px;
}
.ivMain_block {
  width: 88%;
  margin: 0 auto 40px;
}
.ivMain_block h3 {
  color: #019df0;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  gap: 11px;
}
.ivMain_block h3::before {
  content: "Q.";
  font-family: "Montserrat";
  display: inline-block;
  font-size: 18px;
  margin-top: 2px;
  font-weight: 600;
  font-style: italic;
}
.ivMain_content {
  font-size: 15px;
  margin-top: 24px;
  line-height: 1.8;
}
.ivMain_content img {
  width: 100%;
  margin-top: 40px;
}
.interview_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.interview_grid.interview_grid_res {
  display: block;
}
.interview_flex img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .iv_head {
    background-size: 100% 45%;
    background-image: url(/cms/alpen-recruit-oc/img/top/ivabout-bg_pc.png);
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding: calc((123 / 1480) * 100vw) 4% 0;
  }
  .ivHead_img {
    margin-bottom: 34px;
  }
  .ivHead_img img {
    max-height: 373px;
    max-width: 560px;
    width: 560px;
    aspect-ratio: inherit;
  }
  .ivHead_title {
    width: 426px;
    margin: auto -3.5% auto 0;
    grid-template-columns: 129px auto 1fr;
    padding: 32px;
    top: -19px;
  }
  .ivHead_title::before {
    top: -16px;
    right: 20px;
    width: 47px;
    height: 40px;
  }
  .ivHead_title h2 {
    font-size: 30px;
    margin-bottom: 6px;
  }
  .ivHead_title p {
    font-size: 21px;
  }
  .aboutPosition br {
    display: block;
  }
  .aboutPosition {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-left: 21px;
  }
  .aboutName {
    grid-row: 3 / 4;
    margin-left: 21px;
  }
  .ivMain_block {
    max-width: 960px;
  }
  .ivMain_block h3 {
    border-bottom: 2px solid #e6ebf0;
    position: relative;
    gap: 6px;
    padding-bottom: 16px;
  }
  .ivMain_block h3::before {
    margin-top: 5px;
  }
  .ivMain_block h3::after {
    position: absolute;
    content: "";
    background-color: #019df0;
    height: 2px;
    left: 0;
    bottom: -2px;
    width: 33px;
  }
  .interview_grid.interview_grid_res {
    display: grid;
    gap: 40px;
  }
  .interview_grid {
    gap: 0 8px;
  }
  .interview_grid_res img {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 995px) {
  .ivHead_title h2 {
    font-size: 27px;
  }
  .ivHead_title {
    grid-template-columns: 112px auto 1fr;
    top: -34px;
    padding: 27px;
    margin: auto -19vw auto 0;
  }
  .ivHead_title p {
    font-size: 18px;
  }
}

/* field */
.field_mv .mv_text {
  max-width: 540px;
  top: 163px;
  width: 540px;
}
.fieldLink {
  width: 90%;
  margin: 24px auto 0;
  text-align: justify;
}
.fieldText {
  font-size: 15px;
  line-height: 1.8;
  font-weight: 500;
}
.fieldLink_button {
  max-width: 365px;
  margin: 48px auto 0;
}
.areaOverlay {
  position: absolute;
  background-color: white;
  opacity: 0.5;
  pointer-events: none;
  z-index: 2;
}
.fieldContent_section {
  background-color: #f3f5f8;
  border-radius: 16px;
  margin-top: 60px;
  padding-bottom: 40px;
  scroll-margin-top: 50px;
}
.fieldContent_section:not(#shop-field) .interviewsContent:first-child {
  padding-top: 0;
}
.field_top h3 {
  font-size: 28px;
  display: flex;
  width: 90%;
  margin: auto;
  padding: 56px 0 44px;
  align-items: center;
  font-weight: 600;
  gap: 12px;
}
.field_top h3::before {
  background-color: #019df0;
  content: "";
  display: inline-block;
  width: 4px;
  height: 40px;
}
.field_top img {
  width: 100%;
}
.field_topText {
  width: 90%;
  margin: 40px auto 0;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.field_main1 {
  width: 90%;
  margin: 26px auto 0;
}
.field_main2 {
  width: 90%;
  margin: 40px auto 0;
}
.field_main1 h4,
.field_main2 h4 {
  font-weight: 600;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  font-size: 22px;
  padding-bottom: 10px;
  margin-bottom: 26px;
}
.field_main1 h4::before,
.field_main2 h4::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.field_main2 p {
  font-size: 15px;
  margin-top: 24px;
}
.modal_container {
  margin-bottom: 32px;
  position: relative;
}
.modal_container .openmodalImg {
  display: block;
  position: relative;
}
.modal_container .openmodalImg::after {
  content: "";
  background-image: url(/cms/alpen-recruit-oc/img/top/modalbutton.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transition: 0.2s;
}
.modal_container .openmodalImg:hover::after {
  background-image: url(/cms/alpen-recruit-oc/img/top/modalbutton_hover.png);
  transition: 0.2s;
}
.modal_container .openmodalImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 2.7;
}
.modal_container button {
  font-weight: bold;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.modal_container button img {
  width: 10px;
  height: 12px;
}
.modal_container .modal_img {
  width: auto;
  height: 24px;
}
.modal_container [data-target="modal3"] .modal_img,
.modal_container [data-target="modal4"] .modal_img {
  height: 36px;
}
.modalContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  height: 100vh;
  width: 100vw;
  padding: 140px 0 100px;
  z-index: 10;
}
.modalContainer::before {
  background-color: #000;
  opacity: 0.6;
  content: "";
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.modalWrap {
  width: 90%;
  margin: auto;
  position: relative;
  background: #fff;
  border-radius: 27px;
  padding-bottom: 40px;
}
.closeButton {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 32px;
}
.modalTop_img img {
  border-radius: 26px 26px 0px 0px;
  max-height: 423px;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.modalWrap h4 {
  font-size: 28px;
  display: flex;
  gap: 12px;
  font-weight: bold;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 0;
}
.modalWrap h4::before {
  content: "";
  display: inline-block;
  background-image: url(/cms/alpen-recruit-oc/img/top/blueArrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 16px;
  margin-top: 13px;
}
.modal_text {
  width: 90%;
  margin: auto;
  margin: 24px auto 0;
}
.modal_text h5 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  padding-bottom: 10px;
}
.modal_text h5::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.modal_text p {
  font-size: 15px;
  margin-top: 16px;
}
.modal_text img {
  margin-top: 16px;
}
.bottomButton {
  width: 90%;
  margin: 24px auto 0;
}
.bottomButton p {
  display: flex;
  justify-content: end;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  gap: 12px;
  margin: 0 0 0 auto;
  width: fit-content;
  position: relative;
  transition: all 0.3s;
}
.bottomButton p::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: #1a1a1a;
  bottom: -7px;
  transition: all 0.3s;
}
.bottomButton p:hover::after {
  width: 0;
  transition: all 0.3s;
}
.bottomButton p:hover {
  border-bottom: none;
}
.bottomButton p:hover a {
  opacity: 0.5;
}
.bottomButton .ivContent_buttonImg {
  width: 42px;
  height: 18px;
  display: inline-block;
  background-image: url(/cms/alpen-recruit-oc/img/top/bottomButton.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: 13px;
  margin-bottom: -2px;
}
.bottomButton p:hover .ivContent_buttonImg {
  background-image: url(/cms/alpen-recruit-oc/img/top/blueButton_hover.png);
}
.field_interview {
  width: 90%;
  margin: 40px auto 0;
}
.field_interview h3 {
  font-size: 22px;
  color: #1a1a1a;
  border-bottom: 2px solid #e6ebf0;
  position: relative;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 24px;
}
.field_interview h3::after {
  position: absolute;
  content: "";
  background-color: #019df0;
  height: 2px;
  left: 0;
  bottom: -2px;
  width: 33px;
}
.ivButton_container {
  display: grid;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
.ivButton_container a {
  width: 100%;
  position: relative;
  background-color: rgba(1, 157, 240, 15%);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 0 25px 0 0;
}
.ivButton_container a:nth-of-type(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.ivButton_container a:nth-of-type(2) {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.ivButton_container a:nth-of-type(3) {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.ivButton_container a:nth-of-type(4) {
  font-size: 12px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.ivButton_container a:nth-of-type(5) {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.ivButton_container a p {
  padding: 0 0 1px 25px;
  font-weight: bold;
}
.ivButton_container a img {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.ivContent_wrap {
  background-color: #fff;
  padding: calc((110 / 1480) * 100vw);
  border-radius: 16px;
  position: relative;
}
#shop-field .ivContent_wrap {
  margin-top: 47px;
}
.ivContent_wrap::before {
  content: "";
  background-image: url(/cms/alpen-recruit-oc/img/top/blue_colon.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -15px;
  right: 20px;
  width: 38px;
  height: 32px;
}
.ivContent_wrap .ivContent_img {
  width: 100%;
}
.ivContent_img img {
  width: 100%;
}
.ivContent_text h4 {
  font-size: 20px;
  font-weight: bold;
  color: #019df0;
  margin: 12px 0 0;
}
.ivContent_text p {
  font-size: 15px;
}
.ivContent_text .storeLogo {
  margin: 16px 0 0 0;
  width: 100%;
}
.ivContent_text .storeLogo img {
  height: 32px;
  width: auto;
}
.ivContent_text .ivContent_member {
  font-size: 14px;
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 12px;
  margin-top: 12px;
}
.ivContent_text .ivContent_member span {
  margin-right: 20px;
  display: block;
}
.ivContent_button {
  width: 100%;
  margin: 24px auto 0;
}
.ivContent_button p {
  display: flex;
  justify-content: end;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  gap: 12px;
  margin: 0 0 0 auto;
  width: fit-content;
  transition: all 0.3s;
  position: relative;
}
.ivContent_button p::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: #1a1a1a;
  bottom: -6px;
  transition: all 0.3s;
}
.ivContent_button p:hover::after {
  width: 0;
  transition: all 0.3s;
}
.ivContent_button p:hover {
  border-bottom: none;
}
.ivContent_button p:hover a {
  opacity: 0.5;
}
.ivContent_button .ivContent_buttonImg {
  width: 40px;
  height: 16px;
  display: inline-block;
  background-image: url(/cms/alpen-recruit-oc/img/top/bottomButton.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: 13px;
  margin-bottom: -2px;
}
.ivContent_button p:hover .ivContent_buttonImg {
  background-image: url(/cms/alpen-recruit-oc/img/top/blueButton_hover.png);
}
.field_innerButton {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 14px;
}
.field_innerButton:first-child {
  margin: 36px auto 16px;
}
.field_innerButton:last-child {
  margin: 0 auto 36px;
}
.field_innerButton a {
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}
.field_innerButton a:hover p {
  opacity: 0.5;
}
.field_innerButton .field_innerButton_img {
  background-image: url(/cms/alpen-recruit-oc/img/top/rightarrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.field_innerButton a:hover .field_innerButton_img {
  background-image: url(/cms/alpen-recruit-oc/img/top/rightarrow_hover.png);
}
@media screen and (min-width: 768px) {
  .interview_mv {
    margin-bottom: 100px;
  }
  .field_mv .mv_text {
    top: min(30vw, 315px);
  }
  .fieldLink {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80minmpx auto 0;
  }
  .fieldText {
    max-width: 440px;
    width: calc((1622 / 1480) * 100vw);
  }
  .fieldLink_button {
    margin: 0 0 0 40px;
    max-width: 480px;
  }
  .field_top {
    max-width: 960px;
    margin: auto;
    width: 90%;
  }
  .field_top h3 {
    font-size: 36px;
    width: 100%;
  }
  .field_top h3::before {
    height: 52px;
  }
  .field_topText {
    font-size: 16px;
    width: 100%;
  }
  .field_main1,
  .field_main2 {
    max-width: 960px;
    margin: 80px auto 0;
  }
  .modal_frex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: 0 40px;
  }
  .modal_container {
    width: calc(100% / 2.2);
  }
  .modal_container button {
    margin-top: 20px;
    font-size: 16px;
  }
  .field_main2_wrap {
    display: flex;
    gap: 40px;
  }
  .field_main2 p {
    margin-top: 0;
    max-width: 440px;
  }
  .field_main2 .field_main2_text p:not(:first-child) {
    margin-top: 16px;
  }
  .field_main2_wrap img {
    max-width: 480px;
    width: 100%;
  }
  .ivButton_container {
    flex-wrap: nowrap;
    display: flex;
  }
  .ivContent_wrap {
    padding: calc((53 / 1480) * 100vw);
    display: flex;
    align-items: center;
    gap: 40px;
  }
  #shop-field .ivContent_wrap {
    margin-top: 55px;
  }
  .ivContent_text {
    position: relative;
    width: 100%;
  }
  .ivContent_wrap .ivContent_img {
    max-width: 300px;
  }
  .ivContent_text h4 {
    margin-top: 0;
  }
  .ivText_flex {
    display: flex;
    align-items: baseline;
    gap: 0 24px;
    flex-wrap: wrap;
  }
  .field_interview {
    max-width: 960px;
    margin: 64px auto 0;
  }
  .ivContent_text .ivContent_member {
    display: flex;
    align-items: baseline;
  }
  .fieldInner_wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
  }
  .field_innerButton {
    width: auto;
  }
  .field_innerButton:first-child {
    margin: 0;
  }
  .field_innerButton:last-child {
    margin: 0;
  }
  .modalContainer {
    max-width: 800px;
    right: 0;
    margin: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modalContainer::-webkit-scrollbar {
    display: none;
  }
  .modalWrap h4 {
    margin: 0 auto;
    padding: 40px 0 0;
    width: 85%;
  }
  .modal_text {
    width: 85%;
    margin: 48px auto 0;
  }
  .modal_text_flex {
    display: flex;
    gap: 24px;
    justify-content: space-between;
  }
  .modal_text_flex img {
    width: 100%;
    max-width: 320px;
  }
  .modal_text_flex p {
    max-width: 344px;
    width: 50%;
  }
  .bottomButton {
    width: 85%;
  }
}
@media (min-width: 767px) and (max-width: 831px) {
  .modal_container button[data-target="modal2"],
  .modal_container button[data-target="modal3"] {
    font-size: 13px;
  }
}
@media screen and (max-width: 430px) {
  .golf_mv.interview_mv .mv_text {
    font-size: 26px;
    top: 184px;
  }
}
@media screen and (max-width: 355px) {
  .modal_container button[data-target="modal3"] {
    font-size: 11px;
  }
}

/* general */
.generalTop_text {
  width: 90%;
  margin: 44px auto 0;
}
.generalTop_text h2,
.generalMain1_wrap h2 {
  font-size: 28px;
  width: 100%;
  margin: auto;
  font-weight: 600;
  position: relative;
  padding-left: 16px;
}
.generalTop_text h2::before,
.generalMain1_wrap h2::before {
  background-color: #019df0;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.generalTop_text p {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.9;
}
.generalTop_text p a {
  font-size: 16px;
}
.generalTop_text img {
  margin-top: 40px;
}
.generalTop_text .bottomButton {
  width: 100%;
}
.generalTop_text .bottomButton p::after {
  width: 294px;
}
.generalMain {
  background-color: #f3f5f8;
  border-radius: 16px;
  margin: 50px 0 0;
}
.generalMain1_wrap {
  padding: 48px 0 40px;
  margin: auto;
}
.generalMain1_wrap h2 {
  width: 90%;
}
.generalMain1_wrap img {
  width: 100%;
}
.generalMain1_wrap span {
  display: inline-block;
}
img.logisticsImg {
  width: 60%;
  margin: auto;
  display: block;
}
.logisticsSub_text {
  width: 90%;
  margin: 24px auto;
}
.logisticsSub_text p:not(:first-child) {
  margin-top: 16px;
  padding: 0 0 0 14px;
}
p.logisticsSub_about span {
  margin: 0 0 5px -13px;
  font-weight: 700;
  display: block;
}
.generalMain_text {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 90%;
  margin: 24px auto 40px;
}
.generalMain_text p {
  font-size: 15px;
  line-height: 1.9;
}
.generalMain1_wrap h2.logisticsMain_br {
  font-size: 26px;
}
.brandContainer {
  width: 90%;
  margin: auto;
}
.brandContents {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}
.brandtext p {
  font-size: 15px;
  margin-top: 24px;
  line-height: 1.9;
}
.brandLogo {
  width: 50%;
  margin: 0 auto 40px;
}
.brandLogo img {
  width: 100%;
}
.brandButton {
  width: 100%;
  height: 56px;
  margin: 24px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 60px;
}
.brandButton:hover {
  background-image: url(/cms/alpen-recruit-oc/img/top/newWindow_bg.png);
  background-size: cover;
  background-position: center;
}
.brandButton p {
  text-align: center;
  color: #1a1a1a;
}
.brandButton:hover p {
  color: #fff;
}
.brandButton p:last-child {
  position: absolute;
  background-color: #000;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.brandButton p:last-child {
  background-color: #fff;
  background-image: url(/cms/alpen-recruit-oc/img/top/newWindow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.brandButton:hover p:last-child {
  background-image: url(/cms/alpen-recruit-oc/img/top/newWindow_hover.png);
}
.newWindowButton {
  margin-top: 24px;
}
.newWindowButton p {
  background-image: url(/cms/alpen-recruit-oc/img/top/newWindowButton.png);
  width: 100%;
  height: 56px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.newWindowButton:hover p {
  background-image: url(/cms/alpen-recruit-oc/img/top/newWindowButton_hover.png);
}
.generalCareer_text,
.interviewsContent {
  width: 90%;
  margin: 48px auto 0;
}
.generalCareer_member {
  width: 90%;
  margin: 0 auto;
}
.generalCareer_img {
  margin: 40px auto;
}
.apparelCareer_img {
  display: block;
}
.generalCareer .ivContent_wrap {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.generalCareer_text h2 {
  font-size: 28px;
  width: 100%;
  margin: auto;
  font-weight: 600;
  position: relative;
  padding-left: 16px;
}
.generalCareer_text h2::before {
  background-color: #019df0;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.generalCareer_text span {
  display: inline-block;
}
.generalCareer_text p {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.9;
}
.generalCareer_text img {
  margin: 24px auto;
  width: 100%;
  display: block;
  max-width: 350px;
}
.generalCareer_member .memberContent {
  margin: 40px 0 0;
  padding-bottom: 30px;
}
.memberContent h4 {
  font-size: 22px;
  color: #1a1a1a;
  border-bottom: 2px solid #e6ebf0;
  position: relative;
  gap: 6px;
  padding-bottom: 10px;
  font-weight: bold;
}
.memberContent h4::after {
  position: absolute;
  content: "";
  background-color: #019df0;
  height: 2px;
  left: 0;
  bottom: -2px;
  width: 33px;
}
.memberContent .memberImg {
  margin-top: 24px;
}
.member_profile {
  margin-top: 12px;
  font-size: 18px;
}
.member_name {
  font-size: 16px;
  font-weight: bold;
}
.generalCareer_member .memberContent_about {
  background-color: rgba(1, 156, 240, 0.15);
  margin-top: 24px;
  padding: 16px 5%;
}
.generalCareer_member .memberContent_about h5 {
  font-size: 16px;
  font-weight: bold;
}
.generalCareer_member .memberContent_about ul {
  padding-left: 16px;
  margin-top: 20px;
  position: relative;
}
.generalCareer_member .memberContent_about ul::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 93%;
  background: #c9ced3;
  left: 1px;
  top: 11px;
}
.generalCareer_member .memberContent_about li {
  position: relative;
  margin-bottom: 24px;
}
.generalCareer_member .memberContent_about li:last-child {
  margin-bottom: 0;
}
.generalCareer_member .memberContent_about li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #019df0;
  position: absolute;
  top: 9px;
  left: -18px;
  border-radius: 20px;
}
.generalCareer_member .memberContent_about li span {
  font-size: 16px;
  font-weight: bold;
  color: #019df0;
}
.generalCareer_member .memberContent_about li > span:first-child {
  margin-right: 8px;
}
.generalCareer_member .memberContent_about li p:last-child {
  font-size: 14px;
  margin-top: 10px;
}
.generalCareer_member .member_aboutText {
  margin-left: 52px;
}
.memberContent .bottomButton {
  width: 100%;
}
.memberContent .bottomButton p::after {
  width: 214px;
}
.recruitButton {
  background-color: #f3f5f8;
  border-radius: 16px;
  margin-top: 56px;
  padding: 64px 0;
}
.recruitButton.recruitButtonGolf {
  margin-bottom: -50px;
}
.recruitButton h3 {
  display: block;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 24px;
  text-align: center;
}
.recruitButton a {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  gap: 12px;
  font-weight: bold;
  background-color: #019df0;
  border-radius: 50px;
  font-size: 16px;
  width: 320px;
  height: 64px;
  margin: 0 auto;
}
.logisticsSub_text {
  font-size: 14px;
  margin: 24px auto;
}
@media screen and (min-width: 768px) {
  .generalTop_text {
    max-width: 960px;
  }
  .generalTop_text h2,
  .generalMain1_wrap h2 {
    font-size: 36px;
    width: 100%;
  }
  .generalTop_text p {
    margin-top: 48px;
  }
  .generalMain1_wrap {
    max-width: 960px;
    width: 90%;
  }
  .generalMain1_wrap .bottomButton p a br {
    display: none;
  }
  .generalMain_text {
    width: 100%;
    margin: 48px auto 56px;
  }
  .generalMain1_wrap .bottomButton {
    width: 100%;
    margin: 40px auto 0;
  }
  .logisticsSub_text {
    width: 100%;
  }
  .generalMain1_wrap h2.logisticsMain_br {
    font-size: 34px;
  }
  .generalMain1_wrap h2.logisticsMain_br br:last-child {
    display: none;
  }
  .brandButton {
    max-width: 610px;
    margin: 48px auto 24px;
  }
  .brandContainer {
    width: 100%;
  }
  .brandContents {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .brandtext {
    width: 50%;
  }
  .brandLogo {
    width: 35%;
    margin: 0;
    max-width: 350px;
  }
  .generalCareer {
    margin: 80px auto 0;
    max-width: 980px;
    width: 90%;
  }
  .generalCareer_text,
  .interviewsContent {
    width: 100%;
  }
  .generalCareer_member {
    display: flex;
    gap: 6%;
    width: 100%;
  }
  .generalCareer_text h2 br {
    display: none;
  }
  .generalCareer_text p {
    margin-top: 40px;
  }
  .generalCareer_text img {
    max-width: none;
  }
  .generalCareer_member .memberContent {
    margin: 48px 0 0;
    width: calc(100% / 2.1);
  }
  .recruitButton a:hover {
    background: transparent linear-gradient(289deg, #0ff 0%, #019df0 100%) 0% 0% no-repeat padding-box;
  }
}

/* message */
.message_mv.interview_mv .mv_text {
  top: 202px;
}
.message_mv.interview_mv h2 {
  line-height: 1.3;
}
.message_mv.interview_mv h2::before {
  top: -14px;
}
.message_mv.interview_mv .mv_bg img {
  height: 324px;
}
.topMessage {
  width: 90%;
  margin: 44px auto;
}
.topMessage h2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
}
.topMessage h2::before {
  display: block;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: #019df0;
  line-height: 1.2;
  margin-bottom: 8px;
}
.message_text {
  margin-top: 44px;
}
.message_text h3,
.messageMain1_text h3 {
  font-size: 22px;
  color: #1a1a1a;
  border-bottom: 2px solid #e6ebf0;
  position: relative;
  padding-bottom: 10px;
  font-weight: bold;
}
.message_text h3::after,
.messageMain1_text h3::after {
  position: absolute;
  content: "";
  background-color: #019df0;
  height: 2px;
  left: 0;
  bottom: -2px;
  width: 33px;
}
.message_text p {
  margin-top: 24px;
  font-size: 15px;
}
.messageMain1_text {
  width: 90%;
  margin: 40px auto;
}
.messageMain1_text p {
  margin-top: 24px;
  font-size: 15px;
}
.messageMain1_text .president {
  font-size: 18px;
}
.messageMain1_text .president span {
  font-size: 22px;
  font-weight: bold;
}
.messagePhilosophy {
  background-color: #f3f5f8;
  border-radius: 16px;
}
.messagePhilosophy_wrap {
  margin: 0 auto;
  padding: 56px 0 48px;
  width: 88%;
}
.messagePhilosophy_wrap h3 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
}
.messagePhilosophy_wrap h3::before {
  display: block;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: #019df0;
  line-height: 1.2;
  margin-bottom: 8px;
}
.messagePhilosophy_contents {
  margin-top: 32px;
  display: grid;
  gap: 8px;
}
.philosophyItem {
  background-color: #fff;
  border-radius: 4px;
  padding: 18px 18px 18px 24px;
}
.philosophyItem h4 {
  color: #019df0;
  font-size: 21px;
  font-weight: bold;
}
.philosophyItem h5 {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  width: fit-content;
  line-height: 1;
  margin: 12px 0 0 12px;
}
.philosophyItem h5::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 6px;
  background-color: rgba(1, 156, 240, 0.2);
}
.philosophyItem p {
  margin: 12px 0 0 12px;
  font-weight: bold;
}
.philosophyItem ul {
  margin: 12px 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.philosophyItem ul li {
  font-weight: 600;
  position: relative;
}
.philosophyItem ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50px;
  background-color: #019df0;
}
.float_backtop .footer_backtop {
  position: fixed;
  right: 24px;
  bottom: 24px;
}
.float_backtop .footer_backtop_btn {
  background-color: #019df0;
}
.float_backtop .footer_backtop_btn:before {
  background-image: url(/cms/alpen-recruit-oc/img/common/top_hover_toggle.png);
}
@media screen and (max-width: 377px) {
  .message_mv.interview_mv .mv_text {
    font-size: 28px;
    width: 300px;
  }
  .message_mv.interview_mv h2::before {
    font-size: 22px;
  }
  .philosophyItem h5 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1020px) {
  .message_mv.interview_mv .mv_text {
    width: 398px;
  }
}
@media screen and (min-width: 768px) {
  .message_mv.interview_mv .mv_bg img {
    height: calc((750 / 1480) * 100vw);
  }
  .message_mv.interview_mv .mv_text {
    width: 398px;
    top: min(16vw, 245px);
  }
  .topMessage {
    max-width: 960px;
    margin: 48px auto;
  }
  .topMessage h2 {
    font-size: 36px;
  }
  .message_text h3,
  .messageMain1_text h3 {
    font-size: 24px;
  }
  .messageMain1_text p {
    font-size: 16px;
  }
  .message_text p {
    font-size: 16px;
  }
  .messageMain1 {
    max-width: 960px;
    margin: auto;
    width: 90%;
  }
  .messageMain1_text {
    width: 100%;
    margin: 48px auto;
  }
  .messageMain2 {
    position: relative;
    margin-bottom: 96px;
  }
  .messageMain2_wrapper {
    max-width: 960px;
    margin: auto;
    width: 90%;
  }
  .messageMain2 .messageMain1_text {
    max-width: 480px;
    margin: 0 0 0 auto;
    width: calc((670 / 1480) * 100vw);
  }
  .messageMain2_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc((670 / 1480) * 100vw);
    max-height: 480px;
    object-fit: cover;
    object-position: top;
  }
  .messagePhilosophy {
    width: 90%;
    margin: auto;
    max-width: 960px;
  }
  .messagePhilosophy_contents {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 16px;
  }
  .philosophyItem:first-child {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }
  .messagePhilosophy_wrap h3 {
    font-size: 36px;
  }
  .philosophyItem h4 {
    font-size: 23px;
  }
  .philosophyItem h5 {
    font-size: 32px;
    margin: 0 0 0 150px;
  }
  .philosophyItem p {
    font-size: 16px;
    margin: 16px 0 0 150px;
  }
  .philosophyItem p br:last-child {
    display: none;
  }
  .philosophyItem ul {
    margin: -5px 0 15px 34%;
  }
  .philosophyItem ul li {
    font-size: 16px;
  }
}

/* general_career */
.generalCareer_mv.interview_mv .mv_text {
  max-width: 336px;
  top: 179px;
  width: 100%;
}
.generalCareer_mv.interview_mv .mv_text h2 {
  line-height: 1.2;
}
.generalCareer_mv.interview_mv .mv_text h2::before {
  top: -17px;
}
.gCareerTop_container {
  width: 90%;
  margin: -30px auto 0;
  padding-top: 90px;
  font-size: 15px;
}
.gCareerTop_about h2 {
  font-size: 28px;
  display: flex;
  width: 100%;
  margin: auto;
  align-items: center;
  font-weight: 600;
  gap: 12px;
}
.gCareerTop_about h2::before {
  background-color: #019df0;
  content: "";
  display: inline-block;
  width: 4px;
  height: 79px;
}
.gCareerTop_about p {
  margin: 24px auto;
  font-size: 15px;
}
.gCareerTop_flex p {
  margin: 24px auto 22px;
  font-size: 15px;
}
.gCareerTop_main p {
  margin: 24px auto 34px;
  font-size: 15px;
}
.gCareerTop_bottom {
  overflow: hidden;
}
.gCareerTop_bottom img {
  margin: 0 0 0px -24%;
  display: block;
  width: 150%;
  max-width: none;
}
.gcMain1_container {
  width: 90%;
  margin: auto;
  margin-top: 46px;
}
.gcMain1_title h3 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  padding-bottom: 10px;
}
.gcMain1_title h3::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.gcMain1_title p {
  font-size: 15px;
  margin: 24px auto;
}
.gcMain_memberFlex {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.gcMain_memberItem {
  background-color: rgba(1, 157, 240, 0.15);
  padding: 16px 20px 20px;
  position: relative;
  cursor: pointer;
}
.gcMain_memberItem h4 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.gcMain_memberItem h4::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalClose.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.gcMain_memberItem.ac-open h4::before {
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalOpen.png);
}
.gcMain_memberItem ul {
  padding-left: 16px;
  margin-top: 20px;
  position: relative;
  display: none;
}
.gcMain_memberItem ul::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 90%;
  background: #c9ced3;
  left: 1px;
  top: 11px;
}
.gcMain_memberItem ul li {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
  color: #019df0;
  font-weight: bold;
}
.gcMain_memberItem ul li::before {
  content: "";
  width: 9px;
  height: 9px;
  background: #019df0;
  position: absolute;
  top: 9px;
  left: -18px;
  border-radius: 20px;
}
.gcMain_memberItem ul li:last-child {
  margin-bottom: 0;
}
.gcMain_memberItem ul li span:first-child {
  margin-right: 5px;
}
.gcMain_contents {
  width: 90%;
  margin: auto;
}
.gcMain2_title {
  padding-top: 78px;
  margin-top: -30px;
}
.gcMain2_title h2 {
  font-size: 28px;
  display: flex;
  width: 90%;
  margin: auto;
  align-items: center;
  font-weight: 600;
  gap: 12px;
  width: 90%;
  margin: auto;
}
.gcMain2_title h2::before {
  background-color: #019df0;
  content: "";
  display: inline-block;
  width: 4px;
  height: 79px;
}
.gcMain2_title img {
  margin: 24px auto;
}
.gcMain2_title p {
  font-size: 15px;
  width: 90%;
  margin: auto;
}
.gcMain_contents {
  margin-top: 40px;
}
.gcMain_contents h3 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  padding-bottom: 10px;
}
.gcMain_contents h3::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.gcMain_contents p {
  font-size: 15px;
  margin: 24px 0;
}
[class^="gcMain_contentsFlex"] {
  display: flex;
  flex-direction: column;
}
.gcMain_contentsFlex1,
.gcMain_contentsFlex3 {
  gap: 24px;
}
.gcMain_contentsFlex2 {
  gap: 40px;
}
.gcMain_contentsFlex3 figcaption {
  font-size: 14px;
  margin-top: 8px;
  font-weight: 500;
}
@media screen and (max-width: 377px) {
  .generalCareer_mv.interview_mv .mv_text {
    font-size: 31px;
  }
  .generalCareer_mv.interview_mv .mv_text h2::before {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) {
  .generalCareer_mv.interview_mv .mv_text {
    font-size: 31px;
    width: 484px;
    top: min(29vw, 335px);
  }
  .generalCareer_mv.interview_mv .mv_text {
    max-width: 435px;
  }
  .gcMain1_container {
    max-width: 960px;
  }
  .gCareerTop_container {
    max-width: 960px;
    width: 90%;
  }
  .gcMain2_container {
    max-width: 960px;
    margin: auto;
    width: 90%;
  }
  .gcMain2_title h2 {
    width: 100%;
  }
  .gcMain2_title h2 br {
    display: none;
  }
  .gcMain_contents {
    width: 100%;
  }
  .gCareerTop_about h2 {
    font-size: 36px;
  }
  .gCareerTop_about h2 br {
    display: none;
  }
  .gCareerTop_flex {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 50px auto;
  }
  .gCareerTop_main p {
    font-size: 16px;
  }
  .gCareerTop_flex img {
    width: 50%;
  }
  .gCareerTop_bottom {
    max-width: 960px;
    width: 90%;
    margin: 78px auto 0;
  }
  .gCareerTop_bottom img {
    width: 100%;
    margin: auto;
  }
  .gcMain1_container {
    margin-top: 50px;
  }
  .gcMain1_title h3 {
    font-size: 24px;
  }
  .gcMain1_title h3 br {
    display: none;
  }
  .gcMain1_title p {
    font-size: 16px;
    margin: 48px auto;
  }
  .gcMain_member {
    display: flex;
    justify-content: space-between;
  }
  .gcMain_memberFlex {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
    width: calc(100% / 2.1);
  }
  .gcMain2_title {
    padding-top: 80px;
  }
  .gcMain2_title img {
    margin: 48px auto;
  }
  .gcMain2_title h3::before {
    height: 39px;
  }
  .gcMain2_title p {
    width: 100%;
  }
  .gcMain_contents {
    margin-top: 80px;
  }
  .gcMain_contents h3 br {
    display: none;
  }
  .gcMain_contents p {
    margin: 48px auto;
  }
  [class^="gcMain_contentsFlex"] {
    flex-direction: row;
  }
  .gcMain_contentsFlex1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 48px auto;
    align-items: center;
  }
  .gcMain_contentsFlex1 img {
    width: calc(100% / 2.5);
    object-fit: contain;
  }
  .gcMain_contentsFlex2 p {
    width: 50%;
  }
  .gcMain_contentsFlex2 p:first-child {
    max-width: 440px;
  }
  .gcMain_contentsFlex2 p img {
    width: 100%;
  }
  .gcMain_contentsFlex3 {
    gap: 40px;
  }
  .gcMain_contentsFlex3 figure {
    width: calc(100% / 2);
  }
  .gcMain_contentsFlex3 figure img {
    object-fit: cover;
    aspect-ratio: 3 / 2;
  }
  .gcMain_contentsFlex3 figcaption {
    font-size: 16px;
    margin-top: 15px;
  }
}

/* careers */
.careersTop_container {
  width: 90%;
  margin: -40px auto 0;
  padding-top: 74px;
}
.careersTop_title h2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
}
.careersTop_title h2::before {
  display: block;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: #019df0;
  line-height: 1.2;
  margin-bottom: 4px;
}
.careersTop_title p {
  font-size: 15px;
  margin-top: 24px;
}
.careersTop_value {
  margin-top: 40px;
  display: grid;
  gap: 8px;
}
.careersTop_value ul {
  display: grid;
  gap: 8px;
}
.careersTop_valueItem {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 0 18px;
  padding: 18px;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.careersTop_valueItem p:first-child {
  width: 48px;
}
.careersTop_valueItem p {
  color: #019df0;
  font-size: 18px;
  font-weight: bold;
}
.careersTop_valueItem p span {
  display: block;
  width: fit-content;
  position: relative;
}
.careersTop_valueItem p span::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 6px;
  background-color: rgba(1, 156, 240, 0.2);
}
.careersSlide_container {
  margin: 40px 0;
}
.careersSlide ul:first-child {
  margin-bottom: 4px !important;
}
.careersSlide ul li {
  width: 50% !important;
  max-width: 210px !important;
}
.careerMain_container {
  width: 90%;
  margin: -70px auto 0;
  padding-top: 130px;
}
.careerMain_container h2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
}
.careerMain_container h2::before {
  display: block;
  content: attr(en);
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  color: #019df0;
  line-height: 1.2;
  margin-bottom: 4px;
}
.careerMain_titleButton {
  margin-top: 24px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
}
.careerMain_titleButton li {
  background-color: rgba(1, 157, 240, 0.15);
  border-radius: 4px;
  text-align: center;
  position: relative;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 2px;
}
.careerMain_titleButton li::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(/cms/alpen-recruit-oc/img/top/downarrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.careerMain_titleButton li:last-child {
  grid-column: 1 / -1;
}
.careerMain_titleButton li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.careerMain_titleButton li button br {
  display: none;
}
.bredhidden .breadcrumb {
  display: none;
}
.careerMain_contents {
  margin-top: 32px;
  display: none;
}
.careerMain_contents.is-show {
  display: block;
}
.careerMain_contents h3 {
  font-weight: 600;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  font-size: 22px;
  padding-bottom: 10px;
  margin-bottom: 26px;
}
.careerMain_contents h3::before {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.careerMain_process {
  margin-top: 24px;
}
.careerMain_process h4,
.careerMain_recruitment h4 {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 0 12px;
  margin-bottom: 16px;
}
.careerMain_process h4::before,
.careerMain_recruitment h4::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background-image: url(/cms/alpen-recruit-oc/img/top/blueArrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.careerProcess_step {
  margin-left: 43px;
  position: relative;
}
ul.careerProcess_step::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 98%;
  background-color: #e6ebf0;
  left: -38px;
  top: 4px;
}
.careerProcess_step::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 12px solid #e6ebf0;
  position: absolute;
  left: -38px;
  top: 98.5%;
}
.careerProcess_step li {
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0px 0px 1.5px rgb(0 0 0 / 0.16));
  background: #fff;
  will-change: filter;
}
.careerProcess_step li::before {
  position: absolute;
  content: "";
  border-right: 24px solid #fff;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  width: 0;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  z-index: -1;
}
.careerProcess_step li::after {
  content: "";
  border-radius: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: transparent;
  border: 3px solid #019df0;
  top: 50%;
  transform: translateY(-50%);
  left: -32.1px;
}
.careerProcess_step .step7 {
  background: #019df0;
}
.careerProcess_step li.step7::before {
  border-right: 24px solid #019df0;
}
.careerProcess_step li.step7 .careerStep_title p {
  color: #fff;
}
.careerStep_title p {
  color: #019df0;
  font-weight: bold;
}
.careerStep_title p:first-child {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: italic;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.careerStep_title p:first-child span {
  font-size: 16px;
}
.careerStep_title p:last-child {
  font-size: 20px;
}
.careerStep_text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
.careerRecruitment dt {
  background-color: #f3f5f8;
  font-weight: bold;
  font-size: 16px;
  padding: 12px;
  font-weight: bold;
}
.careerRecruitment dd {
  padding: 0 12px 24px;
}
.recruitmentAbout p:last-child {
  margin-left: 13px;
}
.recruitmentAbout {
  padding-top: 16px;
}
.recruitmentAbout_title {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .careersTop_container {
    max-width: 960px;
  }
  .careersTop_title h2 {
    font-size: 36px;
  }
  .careersTop_title h2 br {
    display: none;
  }
  .careersTop_title p {
    margin-top: 48px;
  }
  .careersTop_value {
    margin-top: 48px;
  }
  .careersTop_value ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  li.careersTop_valueItem:last-child {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
  }
  li.careersTop_valueItem:last-child span {
    display: inline-block;
  }
  .careersSlide_container {
    margin: 48px auto;
  }
  .careersSlide_container img {
    width: 100%;
  }
  .careerMain_container {
    max-width: 960px;
  }
  .careerMain_titleButton {
    display: flex;
    gap: 12px;
  }
  .careerMain_titleButton li {
    border-radius: 16px 16px 0 0;
    width: calc(100% / 5);
    height: 74px;
    background-color: #c9ced3;
  }
  .careerMain_titleButton li::after {
    content: none;
  }
  .careerMain_titleButton li.is-active {
    background-color: rgba(1, 157, 240, 0.15);
  }
  .careerMain_titleButton li button br {
    display: block;
  }
  .careerMain_contents {
    background-color: rgba(1, 157, 240, 0.15);
    margin-top: 0;
    padding: 48px;
  }
  .careerMain_recruitment,
  .careerMain_process {
    background-color: #fff;
    padding: 48px 32px;
  }
  .careerMain_contents h3 {
    display: none;
  }
  .careerRecruitment dl {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-template-rows: auto;
    align-items: center;
    gap: 0 16px;
    margin-bottom: 36px;
    position: relative;
  }
  .careerRecruitment dl::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #c9ced3;
    bottom: -18px;
  }
  .careerRecruitment dl:last-child {
    margin-bottom: 0;
  }
  .careerRecruitment dl:last-child::after {
    content: none;
  }
  .careerRecruitment dt {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .careerMain_process h4,
  .careerMain_recruitment h4 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .careerRecruitment dd {
    padding: 0 0 8px;
  }
  .recruitmentAbout {
    padding-top: 8px;
  }
  .careerProcess_step {
    margin-left: 0;
    display: grid;
    justify-content: space-between;
    gap: 6px 73px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  ul.careerProcess_step::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 48px;
    height: 79.5%;
    z-index: 2;
  }
  .careerProcess_step::after {
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 22px solid #e6ebf0;
    left: 50%;
    top: 79.5%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .careerProcess_step li {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .careerProcess_step li::after {
    width: 18px;
    height: 18px;
    border: 4px solid #019df0;
    left: -45.4px;
  }
  .careerProcess_step li:nth-child(odd)::after {
    right: -45.2px;
    left: inherit;
  }
  .careerProcess_step li:nth-child(odd)::before {
    border-left: 24px solid #fff;
    border-right: none;
    right: -20px;
    left: inherit;
  }
  .careerProcess_step .step1 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
  }
  .careerProcess_step .step2 {
    grid-row: 2 / 4;
    grid-column: 2 / 3;
  }
  .careerProcess_step .step3 {
    grid-row: 3 / 5;
    grid-column: 1 / 2;
  }
  .careerProcess_step .step4 {
    grid-row: 4 / 6;
    grid-column: 2 / 3;
  }
  .careerProcess_step .step5 {
    grid-row: 5 / 7;
    grid-column: 1 / 2;
  }
  .careerProcess_step .step6 {
    grid-row: 6 / 8;
    grid-column: 2 / 3;
  }
  .careerProcess_step .step7 {
    grid-row: 8 / 10;
    grid-column: 1 / -1;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .careerProcess_step li.step7::before,
  .careerProcess_step li.step7::after {
    content: none;
  }
}

/* workplace_mv */
.workplace_mv.interview_mv .mv_text {
  width: 600px;
  max-width: 520px;
}
.workplaceTop {
  margin: -50px auto 0;
  padding-top: 114px;
}
.workplaceTop h2,
.workplaceMain_title h2 {
  font-size: 28px;
  width: 100%;
  margin: auto;
  font-weight: 600;
  position: relative;
  padding-left: 16px;
}
.workplaceTop h2 {
  width: 90%;
  margin: auto;
}
.workplaceTop h2::before,
.workplaceMain_title h2::before {
  background-color: #019df0;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.workplaceTop h2 span,
.workplaceMain_title h2 span {
  display: inline-block;
}
.workplaceTop img {
  margin: 24px auto;
  width: 100%;
}
.workplaceTop p {
  font-size: 15px;
  width: 90%;
  margin: auto;
}
.workplaceMain1,
.workplaceMain2 {
  margin: 40px auto 0;
  width: 90%;
}
.workplaceMain_title p {
  font-size: 15px;
  margin: 24px auto;
}
.workplaceMain_transfer {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
.transferItems {
  background-color: #d8f1fd;
  border-radius: 8px;
  padding: 20px 12px 12px;
}
.transferItems h4 {
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #019df0;
  margin-left: 7px;
}
.transferItems h4 img {
  height: 32px;
  width: auto;
}
.transferItem_inner {
  background-color: #fff;
  margin-top: 16px;
  padding: 20px;
  display: grid;
  gap: 16px;
}
.transferItem_text h5 {
  font-size: 16px;
  font-weight: bold;
}
.transferItem_text p {
  font-size: 16px;
  margin: 4px 0 0 16px;
}
.life_accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.life_accordionItem {
  background-color: rgba(1, 157, 240, 0.15);
  padding: 16px 20px 20px;
  position: relative;
  cursor: pointer;
}
.life_accordionItem h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  font-weight: bold;
  font-size: 16px;
}
.life_accordionItem h4::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalClose.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.life_accordionItem.ac-open h4::before {
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalOpen.png);
}
.life_accordionItem h4 img {
  width: 32px;
  height: 32px;
}
.life_accordionBody {
  display: none;
}
.life_accordionItem ul {
  margin-top: 24px;
}
.life_accordionItem ul .life_accordionList {
  margin: 0 0 12px 6px;
}
.life_accordionItem ul .life_accordionList:last-child {
  margin-bottom: 0;
}
.life_accordionItem ul li:first-child {
  margin-bottom: 12px;
}
.life_accordionItem h5 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.life_accordionItem h5::before {
  content: "";
  display: inline-block;
  background-color: #019df0;
  width: 9px;
  height: 9px;
  border-radius: 20px;
}
.life_accordionItem h5 span {
  font-size: 12px;
  align-self: end;
}
.life_accordionItem p {
  font-size: 16px;
  margin-left: 16px;
}
.workplaceMain3 {
  padding-top: 108px;
  margin-top: -50px;
}
.workplaceMain3 .workplaceMain_title h2 {
  width: 90%;
  margin: auto;
}
.workplaceMain3 .workplaceMain_title img {
  margin: 24px auto;
  width: 100%;
}
.workplaceMain3 .workplaceMain_title p {
  margin: auto;
  width: 90%;
}
.workplaceMain_culture {
  margin: 40px auto;
  width: 90%;
}
[class^="workplaceMain"] h3 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #c9ced3;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
[class^="workplaceMain"] h3::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: #019df0;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.workplaceMain_cultureFlex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.workplaceMain_cultureBlock {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .workplace_mv .mv_bg img {
    max-height: 740px;
  }
  .workplace_mv .mv_img {
    text-align: right;
  }
  .workplace_mv.interview_mv .mv_text {
    top: min(29vw, 352px);
  }
  .workplaceTop {
    width: 90%;
    margin: -30px auto 0;
    padding-top: 110px;
    max-width: 960px;
  }
  .workplaceTop h2 {
    width: 100%;
  }
  .workplaceTop img {
    margin: 48px auto;
  }
  .workplaceTop p {
    width: 100%;
    font-size: 16px;
  }
  .workplaceMain1,
  .workplaceMain2 {
    margin: 80px auto 0;
    max-width: 960px;
  }
  .workplaceMain_title p {
    margin: 30px auto 48px;
    font-size: 16px;
  }
  .workplaceMain_transfer {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .transferItems:first-child {
    grid-row: 1 / -1;
  }
  .life_accordionItem ul {
    display: flex;
    gap: 40px;
  }
  .life_accordionItem ul li {
    width: calc(100% / 2);
  }
  .workplaceMain3 {
    padding-top: 110px;
  }
  .workplaceMain3 .workplaceMain_title {
    width: 90%;
    margin: auto;
    max-width: 960px;
  }
  .workplaceMain3 .workplaceMain_title h2 {
    width: 100%;
  }
  .workplaceMain3 .workplaceMain_title p {
    width: 100%;
  }
  .workplaceMain_culture {
    margin: 80px auto 0;
    max-width: 960px;
  }
  .workplaceMain_cultureFlex {
    flex-direction: row;
    gap: 40px;
  }
  .workplaceMain_cultureFlex p {
    width: calc(100% / 2);
    font-size: 16px;
  }
  .workplaceMain_cultureFlex img {
    width: calc(100% / 2);
  }
  .workplaceMain_cultureBlock {
    flex-direction: column;
  }
  .workplaceMain_cultureBlock p {
    width: 100%;
    margin: 18px auto;
    font-size: 16px;
  }
  .workplaceMain_cultureBlock img {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .workplace_mv.interview_mv .mv_text {
    font-size: 26px;
  }
  .workplace_mv.interview_mv h2::before {
    font-size: 23px;
  }
}

/* faq */
.faqAnchor {
  margin: 44px auto;
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faqAnchor a {
  width: 100%;
  display: block;
  border-radius: 4px;
  background-color: rgba(1, 157, 240, 0.15);
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
  position: relative;
}
.faqAnchor a::after {
  background-image: url(/cms/alpen-recruit-oc/img/top/downarrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.faqMain {
  background-color: #f3f5f8;
  border-radius: 8px;
  padding-bottom: 40px;
  clip-path: polygon(0 25px, 100% 0, 100% calc(100% - 0px), 0 100%);
}
.faqMain h2 {
  font-size: 28px;
  display: flex;
  width: 100%;
  margin: auto;
  align-items: center;
  font-weight: 600;
  gap: 12px;
  position: relative;
  padding-left: 16px;
}
.faqMain h2::before {
  background-color: #019df0;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.faqApply,
.faqCareer {
  width: 90%;
  margin: auto;
  padding-top: 40px;
}
.faqContents {
  margin: 24px auto 0;
  display: grid;
  gap: 12px;
}
.faqContents dl {
  background-color: #fff;
  padding: 16px;
  cursor: pointer;
}
.faqContents dt,
.faqContents .faqContents_acWrap {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.faqContents dt {
  padding: 0 32px 0 0;
  position: relative;
}
.faqContents dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalClose.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.faqContents dl.ac-open dt::after {
  background-image: url(/cms/alpen-recruit-oc/img/top/careerImage/modalOpen.png);
}
.faqContents dd {
  margin: 16px 0 0 0;
  padding-top: 16px;
  display: none;
  border-top: 1px solid #c9ced3;
}
.faqContents dl.ac-open dd {
  display: block;
}
.faqContents dt span:first-child,
.faqContents dd span:first-child {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  color: #019df0;
}
.faqContents dt span:last-child {
  font-size: 16px;
  line-height: 1.8;
}
.faqContents dd span:last-child {
  font-size: 15px;
  color: #019df0;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .faqAnchor {
    flex-direction: row;
    margin: 80px auto;
    max-width: 960px;
  }
  .faqAnchor a {
    width: calc(100% / 3);
    font-size: 16px;
    padding: 8px 0;
  }
  .faqMain {
    clip-path: none;
    padding-bottom: 80px;
  }
  .faqApply,
  .faqCareer {
    max-width: 960px;
    padding-top: 80px;
  }
  .faqContents {
    margin: 48px auto 0;
    gap: 24px;
  }
  .faqContents dl {
    padding: 24px;
  }
  .faqContents dt,
  .faqContents .faqContents_acWrap {
    gap: 16px;
  }
  .faqContents dt span:last-child {
    font-size: 18px;
  }
  .faqContents dt span:first-child,
  .faqContents dd span:first-child {
    font-size: 24px;
  }
  .faqContents dd span:last-child {
    font-size: 16px;
  }
  .faqContents dt::after {
    width: 24px;
    height: 24px;
  }
}