@charset "UTF-8";
#page.standby #main, #page.standby .f_aside, #page.standby .f_cta_entry, #page.standby #footer {
  opacity: 0;
}
#page.standby .introarea .con_txt, #page.standby .introarea .con_pagenav {
  opacity: 0;
}
#page.standby .introarea .bg_slash > div.sla01 {
  left: -100vw;
}
#page.standby .introarea .bg_slash > div.sla02 {
  left: -100vw;
}

#main, .f_aside, .f_cta_entry, #footer {
  transition: opacity 800ms ease-in-out;
}

.introarea .con_txt, .introarea .con_pagenav {
  transition: opacity 800ms ease-in-out 1000ms;
}
.introarea .bg_slash > div.sla01 {
  transition: left 1200ms ease-in-out 0ms;
}
.introarea .bg_slash > div.sla02 {
  transition: left 800ms ease-in-out 450ms;
}

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */
@media only screen and (max-width:767px) {
  .introarea > .bg_slash .sla01 {
    left: 14vw;
    background: rgba(0, 0, 0, 0.6);
  }
  .introarea > .bg_slash .sla02 {
    width: 98.4vw;
    left: 6.4vw;
  }
  .contentsarea > .bg_slash .sla01 {
    margin-left: -24.2666666667vw;
  }
  .contentsarea > .bg_slash .sla02 {
    margin-left: 200vw;
  }
  .wrap_listitem > .bg_slash {
    z-index: 0;
  }
  .wrap_listitem > .bg_slash .sla01 {
    width: 90.6666666667vw;
    background: rgba(0, 0, 0, 0.6);
    left: 10.6666666667vw;
  }
  .wrap_listitem > .bg_slash .sla03 {
    width: 90.6666666667vw;
    left: 21.3333333333vw;
  }
  .careerpath > .bg_slash {
    z-index: 1;
  }
  .careerpath > .bg_slash .sla01 {
    width: 29.3333333333vw;
  }
  .careerpath > .bg_slash .sla02 {
    width: 45.6vw;
    background: rgba(0, 0, 0, 0.6);
    transform-origin: left bottom;
  }
}
@media only screen and (min-width:768px) {
  .introarea > .bg_slash .sla01 {
    width: min(43.28125vw, 692.5px);
    margin-left: max(-26.09375vw, -417.5px);
    background: rgba(0, 0, 0, 0.6);
  }
  .introarea > .bg_slash .sla02 {
    width: min(43.28125vw, 692.5px);
    margin-left: max(-30.9375vw, -495px);
  }
  .contentsarea > .bg_slash .sla01 {
    margin-left: max(-5.46875vw, -87.5px);
  }
  #job .contentsarea > .bg_slash .sla01 {
    margin-left: max(-18.75vw, -300px);
  }
  .contentsarea > .bg_slash .sla02 {
    margin-left: min(73.4375vw, 1175px);
  }
  .wrap_listitem > .bg_slash {
    z-index: 0;
  }
  .wrap_listitem > .bg_slash .sla01 {
    width: min(41.40625vw, 662.5px);
    left: auto;
    right: 0;
    transform-origin: left bottom;
    background: rgba(0, 0, 0, 0.6);
  }
  .wrap_listitem > .bg_slash .sla02,
  .wrap_listitem > .bg_slash .sla03 {
    display: none;
  }
  .careerpath > .bg_slash {
    z-index: 1;
  }
  .careerpath > .bg_slash .sla01 {
    width: min(40.625vw, 650px);
    left: 0;
  }
  .careerpath > .bg_slash .sla02 {
    width: min(42.1875vw, 675px);
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    transform-origin: left bottom;
  }
}
@media only screen and (min-width:768px) {
  #anc_job02 {
    padding-top: 0;
    margin-top: 0;
  }
}
/* -----------------------------------------------------------
	.con_pageintro
----------------------------------------------------------- */
#job .con_pageintro {
  min-height: calc(100vw + var(--height-hlogo));
}
@media only screen and (max-width:767px) {
  #job .page_bg picture {
    height: calc(100vw + var(--height-hlogo));
  }
  #job .page_bg img {
    object-fit: cover;
  }
}

#type .con_pageintro {
  min-height: 100svh;
}

#page.viewing .con_pageintro:before {
  transform: translateY(-100%);
}

.con_pageintro {
  padding: calc(10.6666666667vw + var(--height-hlogo)) 10.6666666667vw 0;
}
.con_pageintro:before {
  content: "";
  display: block;
  background: var(--color-bg);
  position: fixed;
  left: 0;
  width: 100%;
  height: var(--height-hlogo);
  top: 0;
  transform-origin: top center;
  transition: transform 400ms ease-in-out;
}
.con_pageintro .con_txt {
  position: relative;
  color: #fff;
}
.con_pageintro .con_txt:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 21.3333333333vw;
  border-left: 1px solid var(--color-yellow);
  border-top: 1px solid var(--color-yellow);
  left: 0;
  top: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.con_pageintro .con_txt h1 {
  font-size: 5.8666666667vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  padding: 4.2666666667vw 0 0 4.2666666667vw;
}
.con_pageintro .con_txt .en {
  color: var(--color-yellow);
  font-size: 4vw;
  font-weight: 600;
  margin-top: 2.4vw;
  padding-left: 4.2666666667vw;
}
.con_pageintro .con_txt h2 {
  font-size: 5.0666666667vw;
  font-weight: 600;
  letter-spacing: 0.1ex;
  line-height: 1.2;
  padding-left: 1.2ex;
  border-left: 1.6vw solid var(--color-yellow);
  margin-top: 8vw;
}
.con_pageintro .con_txt h2 + .txt {
  margin-top: 2.9333333333vw;
}
.con_pageintro .con_txt .txt {
  font-size: 3.7333333333vw;
  letter-spacing: 0.3ex;
  margin-top: 8vw;
  line-height: 1.8;
  text-align: justify;
}
.con_pageintro .con_pagenav {
  position: relative;
  width: 100vw;
  margin-top: 10.6666666667vw;
  margin-left: -10.6666666667vw;
  z-index: 2;
  padding: 8vw 10.6666666667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--color-bg);
}
.con_pageintro .con_pagenav > p {
  font-size: 4vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  transition: color 300ms ease-in-out;
}
.con_pageintro .con_pagenav .pagenavigation {
  margin-top: 2.4vw;
}
.con_pageintro .con_pagenav .pagenavigation ul li:not(:first-child) {
  margin-top: 3.7333333333vw;
}
.con_pageintro .con_pagenav .pagenavigation ul li a {
  display: block;
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
  padding: 2.6666666667vw 4.8vw 2.9333333333vw 2.6666666667vw;
  font-size: 3.7333333333vw;
  line-height: 1.3;
  letter-spacing: 0.15ex;
  position: relative;
  transition: color 300ms ease-in-out;
}
.con_pageintro .con_pagenav .pagenavigation ul li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1.6vw;
  height: 1.6vw;
  border-right: 0.2666666667vw solid currentColor;
  border-bottom: 0.2666666667vw solid currentColor;
  right: min(1.171875vw, 18.75px);
  top: 50%;
  margin-top: -1.3333333333vw;
  transform: rotate(45deg);
}

@media only screen and (min-width:768px) {
  #job .con_pageintro {
    min-height: 100vh;
    padding: 10vh 0;
  }
  #type .con_pageintro {
    min-height: 100vh;
    padding: 10vh 0;
  }
  .con_pageintro {
    min-height: 100vh;
    padding: 10vh 0;
    display: flex;
    align-items: center;
  }
  .con_pageintro:before, .con_pageintro:after {
    display: none;
  }
  .con_pageintro .con_txt:before {
    width: min(43.75vw, 700px);
    height: min(10vw, 160px);
    left: max(-2.5vw, -40px);
    top: max(-2.8125vw, -45px);
  }
  .con_pageintro .con_txt h1 {
    font-size: min(2.65625vw, 42.5px);
    padding: 0;
  }
  .con_pageintro .con_txt .en {
    font-size: min(1.5625vw, 25px);
    margin-top: min(0.46875vw, 7.5px);
    padding: 0;
  }
  .con_pageintro .con_txt h2 {
    font-size: min(2.1875vw, 35px);
    border-left: min(0.78125vw, 12.5px) solid var(--color-yellow);
    margin-top: min(4.6875vw, 75px);
  }
  .con_pageintro .con_txt h2 + .txt {
    margin-top: min(1.875vw, 30px);
  }
  .con_pageintro .con_txt .txt {
    width: min(25vw, 400px);
    font-size: min(1.09375vw, 17.5px);
    margin-top: min(4.6875vw, 75px);
  }
  .con_pageintro .con_pagenav {
    display: none;
  }
}
/* -----------------------------------------------------------
	.con_correlation
----------------------------------------------------------- */
.con_correlation {
  padding: 13.3333333333vw 6.6666666667vw;
}
.con_correlation .con_figure {
  margin-top: 4.2666666667vw;
  min-height: 120vw;
  background: rgba(255, 255, 255, 0.86);
}

@media only screen and (min-width:768px) {
  .con_correlation {
    padding: min(7.8125vw, 125px) 0;
  }
  .con_correlation .con_figure {
    margin-top: min(2.5vw, 40px);
    min-height: min(39.0625vw, 625px);
  }
}
/* -----------------------------------------------------------
	.con_type_description
----------------------------------------------------------- */
.con_type_description {
  padding: 13.3333333333vw 6.6666666667vw;
}
.con_type_description .box_type_description {
  margin-top: 4.2666666667vw;
}
.con_type_description .box_type_description .con_txt {
  transition: none;
}
.con_type_description .box_type_description .wide {
  margin-bottom: 8vw;
  padding: 8.5333333333vw 4.2666666667vw;
  flex-direction: column;
}
.con_type_description .box_type_description .wide .con_txt {
  order: 1;
}
.con_type_description .box_type_description .wide .con_txt h3 {
  margin-top: 8.5333333333vw;
  font-size: 4vw;
}
.con_type_description .box_type_description .narrow {
  flex-direction: column;
  margin-top: 2.6666666667vw;
  padding: 4.2666666667vw 4.2666666667vw;
}
.con_type_description .box_type_description .narrow h3, .con_type_description .box_type_description .narrow .txt {
  order: 1;
}
.con_type_description .box_type_description .wrap_type_description {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #fff;
  display: flex;
}
.con_type_description .box_type_description .wrap_type_description h3 {
  font-size: 5.0666666667vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  margin-top: 4vw;
}
.con_type_description .box_type_description .wrap_type_description .txt {
  margin-top: 2.6666666667vw;
  letter-spacing: 0.2ex;
  text-align: justify;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}

@media only screen and (min-width:768px) {
  .con_type_description {
    padding: min(7.8125vw, 125px) 0;
  }
  .con_type_description .box_type_description {
    margin-top: min(2.5vw, 40px);
    display: grid;
    gap: min(1.5625vw, 25px) min(1.484375vw, 23.75px);
    grid-template-columns: repeat(3, min(21.09375vw, 337.5px));
  }
  .con_type_description .box_type_description .wide {
    grid-column: 1/4;
    flex-direction: row;
    align-items: center;
    padding: min(2.5vw, 40px) min(2.34375vw, 37.5px);
  }
  .con_type_description .box_type_description .wide .con_txt {
    order: 0;
    flex: 0 0 min(28.4375vw, 455px);
  }
  .con_type_description .box_type_description .wide .con_txt h3 {
    margin: 0;
    font-size: min(1.875vw, 30px);
  }
  .con_type_description .box_type_description .wide .con_txt .txt {
    margin-top: min(1.171875vw, 18.75px);
  }
  .con_type_description .box_type_description .wide figure {
    flex: 1 1 100%;
    padding-left: min(2.5vw, 40px);
  }
  .con_type_description .box_type_description .wide figure img {
    width: min(31.25vw, 500px);
    height: auto;
    margin: 0;
  }
  .con_type_description .box_type_description .narrow {
    padding: min(1.5625vw, 25px) min(2.34375vw, 37.5px) min(2.5vw, 40px);
  }
  .con_type_description .box_type_description .wrap_type_description {
    margin: 0;
  }
  .con_type_description .box_type_description .wrap_type_description h3 {
    font-size: min(1.875vw, 30px);
    margin-top: min(1.171875vw, 18.75px);
  }
  .con_type_description .box_type_description .wrap_type_description .txt {
    margin-top: min(0.78125vw, 12.5px);
    font-size: min(1.09375vw, 17.5px);
  }
}
/* -----------------------------------------------------------
	.con_joblist
----------------------------------------------------------- */
.con_joblist {
  padding: 13.3333333333vw 6.6666666667vw 24vw;
}
.con_joblist.sssa > li {
  opacity: 0;
  transform: translateY(5.3333333333vw);
}
.con_joblist > li {
  transition: margin-top 300ms ease-in-out, transform 400ms ease-in-out, opacity 400ms ease-in-out;
}
.con_joblist > li:nth-child(2) {
  transition-delay: 0ms, 50ms, 50ms;
}
.con_joblist > li:nth-child(3) {
  transition-delay: 0ms, 100ms, 100ms;
}
.con_joblist > li:nth-child(4) {
  transition-delay: 0ms, 200ms, 200ms;
}
.con_joblist > li:nth-child(5) {
  transition-delay: 0ms, 300ms, 300ms;
}
.con_joblist > li:nth-child(n+6) {
  transition-delay: 0ms, 400ms, 400ms;
}
.con_joblist > li:not(:first-child) {
  margin-top: 2.6666666667vw;
}
.con_joblist > li.open:not(:first-child) {
  margin-top: 8vw;
}
.con_joblist > li.open + li {
  margin-top: 8vw;
}
.con_joblist > li.open .con_listitem:before {
  transform: translate(-4.2666666667vw, -4.2666666667vw);
  opacity: 1;
}
.con_joblist > li.open .con_listitem:after {
  transform: translate(4.2666666667vw, 4.2666666667vw);
  opacity: 1;
}
.con_joblist > li.open .con_listitem .ic_btn i:after {
  transform: rotate(0deg);
  border-color: #fff;
}
.con_joblist > li.open .con_listitem .ic_btn:after {
  transform: translateX(-10%) skew(calc(var(--skew-deg) * -1), 0);
}
.con_joblist > li .con_listitem {
  min-height: 13.3333333333vw;
  position: relative;
}
@media only screen and (max-width:767px) {
  .con_joblist > li .con_listitem.sptrigger2l {
    min-height: 20.5333333333vw;
  }
  .con_joblist > li .con_listitem.sptrigger2l .wrap_listitem {
    padding-top: 20.5333333333vw;
  }
}
.con_joblist > li .con_listitem:before, .con_joblist > li .con_listitem:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 4.2666666667vw);
  height: 26.6666666667vw;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}
.con_joblist > li .con_listitem:before {
  border-left: 1px solid var(--color-yellow);
  border-top: 1px solid var(--color-yellow);
  left: 0;
  top: 0;
}
.con_joblist > li .con_listitem:after {
  right: 0;
  bottom: 0;
  border-right: 1px solid var(--color-yellow);
  border-bottom: 1px solid var(--color-yellow);
}
.con_joblist > li .con_listitem h3 {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.con_joblist > li .con_listitem h3 button {
  display: block;
  width: 100%;
  font-size: 5.0666666667vw;
  font-weight: 600;
  position: relative;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #fff;
  text-align: left;
  padding: 2.6666666667vw 13.3333333333vw 2.6666666667vw 4.2666666667vw;
  min-height: 13.3333333333vw;
  line-height: 1.5;
}
.con_joblist > li .con_listitem .ic_btn {
  display: block;
  position: absolute;
  width: 8vw;
  height: 8vw;
  right: 4.2666666667vw;
  top: 50%;
  margin-top: -4vw;
  background: var(--color-yellow);
  border-radius: 2.4vw;
  letter-spacing: 0.1ex;
}
.con_joblist > li .con_listitem .ic_btn i {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.con_joblist > li .con_listitem .ic_btn i:before, .con_joblist > li .con_listitem .ic_btn i:after {
  content: "";
  display: block;
  width: 3.2vw;
  border-top: 0.2666666667vw solid var(--color);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.6vw;
  margin-top: -0.1333333333vw;
  transition: border-color 300ms ease-in-out;
}
.con_joblist > li .con_listitem .ic_btn i:after {
  transform: rotate(90deg);
  transition-property: transform, border-color;
}
.con_joblist > li .box_listitem {
  display: none;
  background: #fff;
  position: relative;
}
.con_joblist > li .box_listitem .con_role {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 8vw 4.2666666667vw;
}
.con_joblist > li .box_listitem .con_role .txt_role {
  font-size: 5.0666666667vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  margin-top: 4.2666666667vw;
}
.con_joblist > li .box_listitem .con_role .txt_role + p {
  font-size: 3.2vw;
  letter-spacing: 0.2ex;
  line-height: 1.8;
  margin-top: 2.6666666667vw;
  text-align: justify;
}
.con_joblist > li .box_listitem .con_work {
  padding: 8vw 4.2666666667vw;
}
.con_joblist > li .box_listitem .con_work ul {
  margin-top: 4.2666666667vw;
}
.con_joblist > li .box_listitem .con_work ul li {
  display: grid;
  grid-template-columns: 18.6666666667vw 1fr;
  position: relative;
}
.con_joblist > li .box_listitem .con_work ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #EBEBEB;
  left: 0;
  top: 0;
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.con_joblist > li .box_listitem .con_work ul li:not(:first-child) {
  margin-top: 2.6666666667vw;
}
.con_joblist > li .box_listitem .con_work ul li .img {
  grid-column: 1;
  grid-row: 1;
  background: #EAEAEA;
  padding: 2.6666666667vw;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.con_joblist > li .box_listitem .con_work ul li h5 {
  grid-column: 2;
  font-size: 4vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  padding: 2.6666666667vw 4.2666666667vw;
  align-self: center;
}
.con_joblist > li .box_listitem .con_work ul li p {
  grid-column: 1/3;
  padding: 4.2666666667vw;
  letter-spacing: 0.2ex;
  text-align: justify;
  line-height: 1.8;
  font-size: 3.7333333333vw;
  border-top: 1px solid #EBEBEB;
}
.con_joblist > li .box_listitem .wrap_listitem {
  position: relative;
  padding-top: 13.3333333333vw;
}
.con_joblist > li .box_listitem .wrap_listitem .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.con_joblist > li .box_listitem .wrap_listitem .img picture, .con_joblist > li .box_listitem .wrap_listitem .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.con_joblist > li .box_listitem .con_btn {
  position: relative;
  padding: 0 4.2666666667vw 4.2666666667vw;
}
.con_joblist > li .box_listitem .con_btn .btn_basic {
  width: 100%;
}
@media only screen and (max-width:767px) {
  .con_joblist > li .box_listitem .con_btn .btn_close {
    height: 8vw;
    margin-top: 8vw;
    position: relative;
  }
  .con_joblist > li .box_listitem .con_btn .btn_close .ic_btn {
    right: 0;
  }
}

@media only screen and (min-width:768px) {
  .con_joblist {
    padding: min(7.8125vw, 125px) 0;
  }
  .con_joblist.sssa > li {
    transform: translateY(min(3.125vw, 50px));
  }
  .con_joblist > li:not(:first-child) {
    margin-top: min(1.5625vw, 25px);
  }
  .con_joblist > li.open:not(:first-child) {
    margin-top: min(4.6875vw, 75px);
  }
  .con_joblist > li.open + li {
    margin-top: min(4.6875vw, 75px);
  }
  .con_joblist > li.open .con_listitem:before {
    transform: translate(max(-2.5vw, -40px), max(-2.5vw, -40px));
    opacity: 1;
  }
  .con_joblist > li.open .con_listitem:after {
    transform: translate(min(2.5vw, 40px), min(2.5vw, 40px));
    opacity: 1;
  }
  .con_joblist > li.open .con_listitem h3 button:hover span {
    color: var(--color);
  }
  .con_joblist > li .con_listitem {
    min-height: min(6.25vw, 100px);
  }
  .con_joblist > li .con_listitem:before, .con_joblist > li .con_listitem:after {
    width: min(43.75vw, 700px);
    height: min(10vw, 160px);
  }
  .con_joblist > li .con_listitem h3 button {
    font-size: min(2.03125vw, 32.5px);
    padding: min(1.40625vw, 22.5px) min(2.5vw, 40px);
    min-height: min(6.25vw, 100px);
  }
  .con_joblist > li .con_listitem h3 button span {
    transition: color 400ms ease-in-out;
  }
  .con_joblist > li .con_listitem h3 button:hover span {
    color: var(--color-yellow);
  }
  .con_joblist > li .con_listitem h3 button:hover .ic_btn:after {
    transform: translateX(-10%) skew(calc(var(--skew-deg) * -1), 0);
  }
  .con_joblist > li .con_listitem h3 button:hover .ic_btn i:before, .con_joblist > li .con_listitem h3 button:hover .ic_btn i:after {
    border-color: #fff;
  }
  .con_joblist > li .con_listitem .ic_btn {
    width: min(4.6875vw, 75px);
    height: min(4.6875vw, 75px);
    right: min(2.5vw, 40px);
    margin-top: max(-2.34375vw, -37.5px);
    border-radius: min(1.40625vw, 22.5px);
  }
  .con_joblist > li .con_listitem .ic_btn i:before, .con_joblist > li .con_listitem .ic_btn i:after {
    width: min(1.875vw, 30px);
    border-top: min(0.15625vw, 2.5px) solid var(--color);
    margin-left: max(-0.9375vw, -15px);
    margin-top: max(-0.078125vw, -1.25px);
  }
  .con_joblist > li .box_listitem .wrap_listitem {
    padding-top: min(6.25vw, 100px);
  }
  .con_joblist > li .box_listitem .con_role {
    padding: min(4.6875vw, 75px) min(2.5vw, 40px) min(2.34375vw, 37.5px) min(34.375vw, 550px);
    min-height: min(31.25vw, 500px);
  }
  .con_joblist > li .box_listitem .con_role .txt_role {
    font-size: min(1.875vw, 30px);
    font-weight: 600;
    margin-top: min(2.65625vw, 42.5px);
  }
  .con_joblist > li .box_listitem .con_role .txt_role + p {
    font-size: min(1.09375vw, 17.5px);
    margin-top: min(1.5625vw, 25px);
  }
  .con_joblist > li .box_listitem .con_work {
    padding: min(5vw, 80px) min(2.5vw, 40px);
  }
  .con_joblist > li .box_listitem .con_work ul {
    margin-top: min(2.5vw, 40px);
  }
  .con_joblist > li .box_listitem .con_work ul li {
    grid-template-columns: min(11.25vw, 180px) 1fr;
    grid-template-rows: min-content auto;
    min-height: min(13.90625vw, 222.5px);
  }
  .con_joblist > li .box_listitem .con_work ul li:not(:first-child) {
    margin-top: min(1.5625vw, 25px);
  }
  .con_joblist > li .box_listitem .con_work ul li .img {
    grid-row: 1/3;
    padding: min(0.78125vw, 12.5px);
  }
  .con_joblist > li .box_listitem .con_work ul li h5 {
    grid-column: 2;
    font-size: min(1.875vw, 30px);
    padding: min(2.5vw, 40px) min(2.5vw, 40px) 0;
  }
  .con_joblist > li .box_listitem .con_work ul li p {
    grid-column: 2;
    margin-top: min(0.78125vw, 12.5px);
    padding: 0 min(2.5vw, 40px) min(2.5vw, 40px);
    font-size: min(1.09375vw, 17.5px);
    border: none;
  }
  .con_joblist > li .box_listitem .con_btn {
    position: relative;
    height: min(9.375vw, 150px);
    padding-bottom: min(4.6875vw, 75px);
  }
  .con_joblist > li .box_listitem .con_btn .btn_basic {
    width: min(20.3125vw, 325px);
    margin: 0 auto;
  }
  .con_joblist > li .box_listitem .con_btn .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    height: min(4.6875vw, 75px);
  }
}
/* -----------------------------------------------------------
	.con_exam
----------------------------------------------------------- */
.con_exam {
  padding: 13.3333333333vw 6.6666666667vw;
}
.con_exam ul {
  margin-top: 4.2666666667vw;
}
.con_exam ul li:not(:first-child) {
  margin-top: 4.2666666667vw;
}
.con_exam ul li:nth-child(2n+1) .img {
  left: 4.2666666667vw;
}
.con_exam ul li:nth-child(2n) .img {
  left: -4.2666666667vw;
}
.con_exam .wrap_exam {
  display: flex;
  flex-direction: column;
}
.con_exam .wrap_exam .con_txt {
  position: relative;
  z-index: 1;
  order: 1;
  margin-top: -13.3333333333vw;
  padding: 4.2666666667vw;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.con_exam .wrap_exam .con_txt h3, .con_exam .wrap_exam .con_txt .txt, .con_exam .wrap_exam .con_txt .btn_basic {
  order: 1;
}
.con_exam .wrap_exam .con_txt h3 {
  margin-top: 4.2666666667vw;
  letter-spacing: 0.2ex;
  font-size: 5.0666666667vw;
  font-weight: 600;
}
.con_exam .wrap_exam .con_txt h3.ls01 {
  letter-spacing: 0.1ex;
}
.con_exam .wrap_exam .con_txt .txt {
  margin-top: 2.6666666667vw;
  letter-spacing: 0.25ex;
  line-height: 1.8;
  font-size: 3.7333333333vw;
  text-align: justify;
}
.con_exam .wrap_exam .con_txt .btn_basic {
  margin-top: 8vw;
}
.con_exam .wrap_exam .img {
  position: relative;
}

@media only screen and (min-width:768px) {
  .con_exam {
    padding: min(7.8125vw, 125px) 0;
  }
  .con_exam ul {
    margin-top: min(2.5vw, 40px);
  }
  .con_exam ul li:not(:first-child) {
    margin-top: min(1.5625vw, 25px);
  }
  .con_exam ul li:nth-child(2n+1) .con_txt {
    order: 0;
  }
  .con_exam ul li:nth-child(2n+1) .img {
    left: 0;
  }
  .con_exam ul li:nth-child(2n) .con_txt {
    order: 1;
  }
  .con_exam ul li:nth-child(2n) .img {
    left: 0;
  }
  .con_exam .wrap_exam {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .con_exam .wrap_exam .con_txt {
    min-height: min(32.65625vw, 522.5px);
    padding: min(2.5vw, 40px);
    flex: 0 0 min(34.375vw, 550px);
    margin-top: 0;
  }
  .con_exam .wrap_exam .con_txt h3 {
    margin-top: min(2.5vw, 40px);
    font-size: min(1.875vw, 30px);
  }
  .con_exam .wrap_exam .con_txt .txt {
    margin-top: min(0.78125vw, 12.5px);
    font-size: min(1.09375vw, 17.5px);
  }
  .con_exam .wrap_exam .con_txt .btn_basic {
    width: min(20.3125vw, 325px);
    align-self: flex-end;
    margin-top: auto;
  }
  .con_exam .wrap_exam .img {
    flex: 1 1 min(31.875vw, 510px);
    height: min(28.59375vw, 457.5px);
  }
  .con_exam .wrap_exam .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* -----------------------------------------------------------
	.con_careerpath
----------------------------------------------------------- */
.con_careerpath {
  padding: 0 6.6666666667vw 20vw;
}
.con_careerpath .box_careerpath {
  margin-top: 4.2666666667vw;
}
.con_careerpath .careerpath {
  color: #fff;
  position: relative;
  background: center top no-repeat;
  background-size: cover;
  padding-top: 49.8666666667vw;
}
#type.type01 .con_careerpath .careerpath.case01 {
  background-image: url(../type01/images/img_careerpath01_sp.webp);
}
#type.type01 .con_careerpath .careerpath.case02 {
  background-image: url(../type01/images/img_careerpath02_sp.webp);
}
#type.type02 .con_careerpath .careerpath.case01 {
  background-image: url(../type02/images/img_careerpath01_sp.webp);
}
#type.type02 .con_careerpath .careerpath.case02 {
  background-image: url(../type02/images/img_careerpath02_sp.webp);
}
.con_careerpath .careerpath .con_txt {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 0 4.2666666667vw 15.3333333333vw;
  overflow: hidden;
}
@media only screen and (max-width:767px) {
  .con_careerpath .careerpath .con_txt .st_arr {
    position: relative;
    z-index: 1;
  }
  .con_careerpath .careerpath .con_txt:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 7.8666666667vw);
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
  }
}
.con_careerpath .careerpath .con_txt h3, .con_careerpath .careerpath .con_txt .txt {
  order: 1;
}
.con_careerpath .careerpath .con_txt h3 {
  margin-top: 4.2666666667vw;
  font-size: 5.0666666667vw;
  font-weight: 600;
  letter-spacing: 0.2ex;
  position: relative;
  z-index: 1;
}
.con_careerpath .careerpath .con_txt .txt {
  margin-top: 2.6666666667vw;
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.25ex;
  text-align: justify;
  position: relative;
  z-index: 1;
}
.con_careerpath .con_tab .tab_list {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0 1.3333333333vw;
  padding: 0 1.3333333333vw;
  height: 10.6666666667vw;
  margin-top: -10.6666666667vw;
}
.con_careerpath .con_tab .tab_list li {
  flex: 1;
}
.con_careerpath .con_tab .tab_list button {
  display: block;
  text-align: center;
  width: 100%;
  background: #EAEAEA;
  color: #707070;
  height: 10.6666666667vw;
  border-radius: 2.4vw 2.4vw 0 0;
  font-size: 3.7333333333vw;
  font-weight: 600;
  padding-top: 8px;
  transition: background-color 300ms ease-in-out;
}
.con_careerpath .con_tab .tab_list button.ls1em {
  letter-spacing: 1em;
  text-indent: 1em;
}
.con_careerpath .con_tab .tab_list button[aria-selected=true] {
  color: var(--color);
  background: var(--color-yellow);
}
.con_careerpath .con_tab .box_tab {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 2px solid var(--color-yellow);
  padding: 4.2666666667vw 0;
  box-sizing: content-box;
}
.con_careerpath .con_tab .wrap_tab {
  font-size: 3.7333333333vw;
  letter-spacing: 0.25ex;
  line-height: 1.8;
  text-align: justify;
  transition: opacity 300ms ease-in-out 100ms;
  padding: 0 4.2666666667vw;
}
.con_careerpath .con_tab .wrap_tab.hidden {
  opacity: 0;
  position: absolute;
  transition-delay: 0ms;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

@media only screen and (min-width:768px) {
  .con_careerpath {
    padding: 0 0 min(7.8125vw, 125px);
  }
  .con_careerpath .box_careerpath {
    margin-top: min(2.5vw, 40px);
  }
  .con_careerpath .careerpath {
    padding: 0 min(2.5vw, 40px) min(4.6875vw, 75px);
    min-height: min(42.03125vw, 672.5px);
  }
  #type.type01 .con_careerpath .careerpath.case01 {
    background-image: url(../type01/images/img_careerpath01.webp);
  }
  #type.type01 .con_careerpath .careerpath.case02 {
    background-image: url(../type01/images/img_careerpath02.webp);
  }
  #type.type02 .con_careerpath .careerpath.case01 {
    background-image: url(../type02/images/img_careerpath01.webp);
  }
  #type.type02 .con_careerpath .careerpath.case02 {
    background-image: url(../type02/images/img_careerpath02.webp);
  }
  .con_careerpath .careerpath .con_txt {
    padding: min(4.6875vw, 75px) 0;
    width: min(29.375vw, 470px);
    overflow: visible;
  }
  .con_careerpath .careerpath .con_txt h3 {
    margin-top: min(2.5vw, 40px);
    font-size: min(1.875vw, 30px);
    font-weight: 600;
    letter-spacing: 0.2ex;
    white-space: nowrap;
  }
  .con_careerpath .careerpath .con_txt .txt {
    margin-top: min(0.78125vw, 12.5px);
    font-size: min(1.09375vw, 17.5px);
  }
  .con_careerpath .con_tab .tab_list {
    padding: 0 min(0.15625vw, 2.5px);
    height: min(4.6875vw, 75px);
    margin-top: max(-4.6875vw, -75px);
    gap: 0 min(0.15625vw, 2.5px);
  }
  .con_careerpath .con_tab .tab_list li {
    flex: 0 0 min(11.25vw, 180px);
  }
  .con_careerpath .con_tab .tab_list button {
    height: min(4.6875vw, 75px);
    border-radius: min(1.40625vw, 22.5px) min(1.40625vw, 22.5px) 0 0;
    font-size: min(1.25vw, 20px);
    padding-top: min(0.625vw, 10px);
  }
  .con_careerpath .con_tab .tab_list button:hover {
    background: #B7B8BC;
  }
  .con_careerpath .con_tab .tab_list button[aria-selected=true] {
    color: var(--color);
    background: var(--color-yellow);
  }
  .con_careerpath .con_tab .box_tab {
    padding: min(2.5vw, 40px) 0;
  }
  .con_careerpath .con_tab .wrap_tab {
    padding: 0 min(2.5vw, 40px);
    font-size: min(1.09375vw, 17.5px);
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  #type.type01 .con_careerpath .careerpath.case01 {
    background-image: url(../type01/images/img_careerpath01_2x.webp);
  }
  #type.type01 .con_careerpath .careerpath.case02 {
    background-image: url(../type01/images/img_careerpath02_2x.webp);
  }
  #type.type02 .con_careerpath .careerpath.case01 {
    background-image: url(../type02/images/img_careerpath01_2x.webp);
  }
  #type.type02 .con_careerpath .careerpath.case02 {
    background-image: url(../type02/images/img_careerpath02_2x.webp);
  }
}