@media (max-width: 1200px) {
  .contents__head {
    padding-top: 70px;
  }
}

/*----------------------------------------------
 mvSlider
----------------------------------------------*/
.mvSlider .swiper-slide {
  z-index: 1;
  aspect-ratio: 1620/700;
}
@media (max-width: 1200px) {
  .mvSlider .swiper-slide {
    aspect-ratio: auto;
    height: 74vh;
  }
}
.mvSlider .swiper-slide:not(.swiper-slide-duplicate) {
  opacity: 1 !important;
}
.mvSlider .swiper-slide.swiper-slide-prev {
  z-index: 3;
}
.mvSlider .swiper-slide.swiper-slide-next {
  z-index: 2;
}
.mvSlider .swiper-slide.swiper-slide-duplicate-active, .mvSlider .swiper-slide.swiper-slide-active {
  z-index: 5;
  animation-name: slideClipPath;
  animation-duration: 1s;
}
.mvSlider .swiper-slide.swiper-slide-duplicate-active .mvSlider__titleWrap, .mvSlider .swiper-slide.swiper-slide-active .mvSlider__titleWrap {
  opacity: 1;
  transform: translateY(0);
}
.mvSlider .swiper-slide.swiper-slide-duplicate-active .mvSlider__title, .mvSlider .swiper-slide.swiper-slide-active .mvSlider__title {
  opacity: 1;
}
.mvSlider .swiper-slide.swiper-slide-previously-selected {
  z-index: 4;
}
.mvSlider .mvSlider__slideInner {
  height: 100%;
}
.mvSlider .mvSlider__image {
  height: 100%;
}
.mvSlider .mvSlider__image picture {
  height: 100%;
}
.mvSlider .mvSlider__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mvSlider .mvSlider__titleWrap {
  padding: 10px 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-primary);
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.5s ease 1s;
  width: 50%;
  aspect-ratio: 810/248;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .mvSlider .mvSlider__titleWrap {
    padding: 11px 18px;
    top: 0;
    width: 100%;
    aspect-ratio: auto;
    min-height: 126px;
  }
}
.mvSlider .mvSlider__title {
  color: #FFFFFF;
  font-size: clamp(0.75rem, -0.833rem + 3.3vw, 3.125rem);
  letter-spacing: 0.1em;
}
.mvSlider .mvSlider__title .mvSlider__titleEn {
  font-family: var(--font-barlow);
  font-weight: 600;
}
@media (max-width: 1200px) {
  .mvSlider .mvSlider__title {
    font-size: 25px;
    font-size: clamp(1.25rem, -0.179rem + 7.14vw, 1.563rem);
  }
}
.mvSlider .swiper-pagination {
  width: auto;
  position: absolute;
  z-index: 1;
  bottom: 19px;
  left: auto;
  right: 32px;
  height: max-content;
  margin: auto;
  display: flex;
  gap: 0 24px;
}
@media (max-width: 1200px) {
  .mvSlider .swiper-pagination {
    right: 0;
    left: 0;
    gap: 0 12px;
    justify-content: center;
  }
}
.mvSlider .swiper-pagination-bullet {
  display: block;
  width: 86px;
  height: 8px;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 0;
  opacity: 1;
}
@media (max-width: 1200px) {
  .mvSlider .swiper-pagination-bullet {
    max-width: 57px;
  }
}
.mvSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
.mvSlider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.mvSlider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

/*----------------------------------------------
 topPickUpList
----------------------------------------------*/
.contents__section.contents__section--topPickUpList {
  margin: 29px 0 0;
}
@media (max-width: 1200px) {
  .contents__section.contents__section--topPickUpList {
    margin: 19px 0 0;
  }
}

.topPickUpList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 56px 0;
}
@media (max-width: 1200px) {
  .topPickUpList {
    grid-template-columns: 1fr;
    grid-gap: 30px 0;
  }
}
.topPickUpList .topPickUpList__item.topPickUpList__item--1 .topPickUpList__linkTitleWrap {
  background: var(--color-pick-up01);
}
.topPickUpList .topPickUpList__item.topPickUpList__item--2 .topPickUpList__linkTitleWrap {
  background: var(--color-pick-up02);
}
.topPickUpList .topPickUpList__item.topPickUpList__item--3 .topPickUpList__linkTitleWrap {
  background: var(--color-pick-up03);
}
.topPickUpList .topPickUpList__item.topPickUpList__item--4 .topPickUpList__linkTitleWrap {
  background: var(--color-pick-up04);
}
.topPickUpList .topPickUpList__link {
  position: relative;
  display: block;
  padding-left: 32px;
  padding-top: 41px;
  padding-right: 19px;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__link {
    padding-left: 0;
    padding-top: 27px;
  }
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__link.is-spHover .topPickUpList__linkTitleWrap {
    top: 7px;
    left: 10px;
  }
  .topPickUpList .topPickUpList__link.is-spHover .topPickUpList__linkImage img {
    transform: scale(1.1);
    transition: transform 0.3s;
  }
}
@media (hover: hover) {
  .topPickUpList .topPickUpList__link:hover .topPickUpList__linkTitleWrap {
    top: 7px;
    left: 10px;
  }
  .topPickUpList .topPickUpList__link:hover .topPickUpList__linkImage img {
    transform: scale(1.1);
    transition: transform 0.3s;
  }
}
.topPickUpList .topPickUpList__linkImage {
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__linkImage {
    aspect-ratio: 390/212;
    width: 100%;
  }
}
.topPickUpList .topPickUpList__linkImage picture {
  height: 100%;
}
.topPickUpList .topPickUpList__linkImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.topPickUpList .topPickUpList__linkTitleWrap {
  position: absolute;
  top: 0;
  left: 0;
  /* max-height: 252px; */
  /* max-width: 589px; */
  min-width: 73.1%;
  /* height: 60%; */
  min-height: 251px;
  transition: top 0.3s, left 0.3s;
  padding: 17px 21px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__linkTitleWrap {
    padding: 37px 25px 12px 25px;
    justify-content: flex-start;
    min-width: 428px;
    min-height: 185px;
  }
}
@media (max-width: 767px) {
  .topPickUpList .topPickUpList__linkTitleWrap {
    min-width: 243px;
    padding: 37px 10px 12px 25px;
  }
}
.topPickUpList .topPickUpList__linkSubTitle {
  color: #ffffff;
  font-size: 28px;
  font-family: var(--font-barlow);
  font-weight: 600;
  line-height: 1;
  margin-left: -3px;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__linkSubTitle {
    font-size: 19px;
  }
}
.topPickUpList .topPickUpList__linkTitleNum {
  color: #ffffff;
  font-size: 70px;
  font-family: var(--font-barlow);
  font-weight: 600;
  line-height: 1.2;
  margin-left: -0.1em;
  margin-top: -0.1em;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__linkTitleNum {
    font-size: 47px;
  }
}
.topPickUpList .topPickUpList__linkTitle {
  color: #ffffff;
  font-size: 30px;
  font-size: clamp(0.938rem, -0.628rem + 2.09vw, 1.875rem);
  letter-spacing: 0.1em;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .topPickUpList .topPickUpList__linkTitle {
    font-size: 21px;
    white-space: normal;
  }
}

/*----------------------------------------------
 otherLinkList
----------------------------------------------*/
.contents__section.contents__section--otherLinkList {
  margin-top: 97px;
}
@media (max-width: 1200px) {
  .contents__section.contents__section--otherLinkList {
    margin-top: 80px;
  }
}

.otherLinkList {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .otherLinkList {
    flex-direction: column;
  }
}
.otherLinkList .otherLinkList__item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 {
  width: 50%;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 {
    width: 100%;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link {
  display: block;
  width: 100%;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 0 solid #14A2DE;
  z-index: 1;
  transition: border 0.3s;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link.is-spHover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 14px solid #14A2DE;
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link.is-spHover .otherLinkList__mask {
    opacity: 0;
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link.is-spHover .otherLinkList__image img {
    transform: scale(1.1);
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link.is-spHover .otherLinkList__linkTitleWrap {
    left: 14px;
  }
}
@media (hover: hover) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 14px solid #14A2DE;
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link:hover .otherLinkList__mask {
    opacity: 0;
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link:hover .otherLinkList__image img {
    transform: scale(1.1);
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__link:hover .otherLinkList__linkTitleWrap {
    left: 14px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__mask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #14A2DE;
  mix-blend-mode: soft-light;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__linkTitleWrap {
  position: absolute;
  bottom: 48px;
  left: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  transition: left 0.3s;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__linkTitleWrap {
    bottom: 29px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__linkTitleWrap:before {
  content: "";
  display: block;
  height: 1px;
  width: 53px;
  background: #ffffff;
  margin-right: 19px;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__linkTitle {
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--1 .otherLinkList__linkTitle {
    font-size: 30px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--2 {
  width: 33.3333%;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 {
    width: 100%;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__link {
  display: block;
  width: 100%;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__link.is-spHover .otherLinkList__image img {
    transform: scale(1.1);
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__link.is-spHover .otherLinkList__linkTitleWrap {
    padding: 10px 47px;
  }
}
@media (hover: hover) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__link:hover .otherLinkList__image img {
    transform: scale(1.1);
  }
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__link:hover .otherLinkList__linkTitleWrap {
    padding: 10px 47px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__image {
  height: 300px;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__image {
    aspect-ratio: 390/216;
    width: 100%;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__linkTitleWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  height: 75px;
  padding: 10px 33px;
  transition: padding 0.3s;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__linkTitleWrap {
    width: auto;
    height: 55px;
    padding: 10px 25px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__linkTitle {
  color: #ffffff;
  font-size: 25px;
  font-size: clamp(1.25rem, 0.728rem + 0.7vw, 1.563rem);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .otherLinkList .otherLinkList__item.otherLinkList__item--2 .otherLinkList__linkTitle {
    font-size: 18px;
  }
}
.otherLinkList .otherLinkList__item.otherLinkList__item--technology .otherLinkList__linkTitleWrap {
  background: #00A2DE;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--csr .otherLinkList__linkTitleWrap {
  background: #238D48;
}
.otherLinkList .otherLinkList__item.otherLinkList__item--ir .otherLinkList__linkTitleWrap {
  background: #7A0FD5;
}
.otherLinkList .otherLinkList__image {
  overflow: hidden;
}
.otherLinkList .otherLinkList__image picture {
  height: 100%;
}
.otherLinkList .otherLinkList__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
  transform: scale(1);
}

/*----------------------------------------------
 recruitLinkList
----------------------------------------------*/
.recruitLinkListContainer {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer {
    flex-direction: column;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__head {
  width: 66.6666%;
  position: relative;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__head {
    width: 100%;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__headLink {
  display: block;
  width: 100%;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__headLink.is-spHover .recruitLinkListContainer__headImage img {
    transform: scale(1.1);
  }
}
@media (hover: hover) {
  .recruitLinkListContainer .recruitLinkListContainer__headLink:hover .recruitLinkListContainer__headImage img {
    transform: scale(1.1);
  }
}
.recruitLinkListContainer .recruitLinkListContainer__body {
  width: 33.3333%;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__body {
    width: 100%;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__headImage {
  overflow: hidden;
  height: 100%;
}
.recruitLinkListContainer .recruitLinkListContainer__headImage picture {
  height: 100%;
}
.recruitLinkListContainer .recruitLinkListContainer__headImage img {
  width: 100%;
  height: 100%;
  min-height: 421px;
  object-fit: cover;
  transition: transform 0.3s;
  transform: scale(1);
}
.recruitLinkListContainer .recruitLinkListContainer__mask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000000;
  mix-blend-mode: color;
}
.recruitLinkListContainer .recruitLinkListContainer__headLead {
  font-size: 50px;
  font-size: clamp(1.313rem, -1.119rem + 3.54vw, 3.125rem);
  color: #ffffff;
  font-weight: 700;
  position: absolute;
  left: 53px;
  bottom: 19px;
  letter-spacing: 0.1em;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__headLead {
    bottom: auto;
    top: 14px;
    left: 0;
    right: 0;
    font-size: 40px;
    text-align: center;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__headTitleWrap {
  background: #4E4ED9;
  position: absolute;
  bottom: -35px;
  right: 0;
  max-height: 181px;
  max-width: 455px;
  width: 23.7vw;
  height: 60%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  transition: bottom 0.3s;
  padding: 18px 20px;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__headTitleWrap {
    width: 273px;
    height: 148px;
    bottom: -50px;
    padding: 18px 29px;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__headTitleEn {
  color: #ffffff;
  font-size: 30px;
  font-family: var(--font-barlow);
  font-weight: 600;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__headTitleEn {
    font-size: 30px;
  }
}
.recruitLinkListContainer .recruitLinkListContainer__headTitle {
  color: #ffffff;
  font-size: 30px;
}
@media (max-width: 1200px) {
  .recruitLinkListContainer .recruitLinkListContainer__headTitle {
    font-size: 30px;
  }
}

.recruitLinkList {
  padding: 48px 0;
}
@media (max-width: 1200px) {
  .recruitLinkList {
    padding: 65px 0;
  }
}
.recruitLinkList .recruitLinkList__link {
  display: block;
  position: relative;
  padding: 15px 70px 15px 52px;
  transition: font-weight 0.3s;
}
@media (max-width: 1200px) {
  .recruitLinkList .recruitLinkList__link {
    padding: 14px 50px 14px 45px;
  }
}
@media (hover: hover) {
  .recruitLinkList .recruitLinkList__link:hover:after {
    right: 50px;
  }
  .recruitLinkList .recruitLinkList__link:hover .recruitLinkList__linkTitle {
    font-weight: 700;
    transform: translateX(13px);
  }
}
.recruitLinkList .recruitLinkList__link:after {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  background: url(../images/common/icon-arrow-blue-lage.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 63px;
  margin: auto 0;
  transition: right 0.3s;
}
@media (max-width: 1200px) {
  .recruitLinkList .recruitLinkList__link:after {
    right: 22px;
  }
}
.recruitLinkList .recruitLinkList__linkTitle {
  font-size: 22px;
  transform: translateX(0);
  transition: transform 0.3s;
}
@media (max-width: 1200px) {
  .recruitLinkList .recruitLinkList__linkTitle {
    font-size: 18px;
  }
}

/*----------------------------------------------
 contents__section
----------------------------------------------*/
.contents__section.contents__section--news {
  padding: 149px 111px 86px;
  background: rgba(10, 14, 105, 0.01);
}
@media (max-width: 1200px) {
  .contents__section.contents__section--news {
    padding: 13px 20px 73px;
  }
}
.contents__section.contents__section--news .contents__sectionTitle {
  font-size: 40px;
  color: #1C1C5D;
}
@media (max-width: 1200px) {
  .contents__section.contents__section--news .contents__sectionTitle {
    padding: 0 19px;
  }
}

/*# sourceMappingURL=top.css.map */