.sec-fv {
  position: relative;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .sec-fv {
    padding-top: 104px;
    margin-bottom: 0;
  }
}
.sec-fv .fv-group {
  position: relative;
  max-width: 1163px;
  margin-inline: auto;
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-group {
    display: flex;
    flex-direction: column-reverse;
  }
}
.sec-fv .fv-img__container {
  position: relative;
  container-type: inline-size;
  display: grid;
  margin-inline: auto;
  width: 64cqw;
  aspect-ratio: 750/800;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container {
    width: 100%;
    aspect-ratio: initial;
  }
}
.sec-fv .fv-img__container .fv-deco {
  position: relative;
  grid-area: 1/1;
  left: -29cqw;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-deco {
    margin-top: -21cqw;
    left: 43%;
    translate: -50% 0;
  }
}
.sec-fv .fv-img__container .fv-deco__img {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-deco__img {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-deco__img-sp {
    width: 122vw;
    aspect-ratio: 908/1029;
    z-index: -1;
  }
}
.sec-fv .fv-img__container .fv-deco__img-1 {
  max-width: 566px;
  width: 76cqw;
  top: 9.5cqw;
  left: -6px;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-deco__img-1 {
    display: none;
  }
}
.sec-fv .fv-img__container .fv-deco__img-2 {
  max-width: 605px;
  left: 18cqw;
  width: 82cqw;
  top: 39cqw;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-deco__img-2 {
    display: none;
  }
}
.sec-fv .fv-img__container .fv-animation {
  position: relative;
  grid-area: 1/1;
  left: -29cqw;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation {
    position: absolute;
    width: 100%;
    left: 0;
  }
}
.sec-fv .fv-img__container .fv-animation__img {
  position: absolute;
  display: grid;
}
.sec-fv .fv-img__container .fv-animation__img img {
  grid-area: 1/1;
  top: 0;
  left: 0;
}
.sec-fv .fv-img__container .fv-animation__img .imgA {
  animation: switching1 4s 0s linear infinite backwards;
}
.sec-fv .fv-img__container .fv-animation__img .imgB {
  position: relative;
  opacity: 1;
  animation: switching2 4s 0s linear infinite backwards;
}
@media screen and (min-width: 769px) {
  .sec-fv .fv-img__container .fv-animation__img01 {
    top: 58.5cqw;
    left: 48.5cqw;
    translate: -50% -50%;
  }
  .sec-fv .fv-img__container .fv-animation__img01 .imgA {
    max-width: 340px;
    width: 46cqw;
    aspect-ratio: 340/308;
  }
  .sec-fv .fv-img__container .fv-animation__img01 .imgB {
    max-width: 382px;
    aspect-ratio: 382/310;
    left: -27px;
    width: 51.5cqw;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation__img01 {
    top: 10.5cqw;
    left: 52%;
    translate: -50% 0%;
  }
  .sec-fv .fv-img__container .fv-animation__img01 .imgA {
    width: 58cqw;
    aspect-ratio: 339/307;
  }
  .sec-fv .fv-img__container .fv-animation__img01 .imgB {
    width: 64cqw;
    aspect-ratio: 379/309;
    left: -4cqw;
    top: 1cqw;
  }
}
@media screen and (min-width: 769px) {
  .sec-fv .fv-img__container .fv-animation__img02 {
    top: 18cqw;
    left: 4.2cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img02 .imgA {
    max-width: 100px;
    width: 14cqw;
    aspect-ratio: 100/294;
  }
  .sec-fv .fv-img__container .fv-animation__img02 .imgB {
    max-width: 133px;
    aspect-ratio: 133/298;
    left: -20px;
    top: -6px;
    width: 18cqw;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation__img02 {
    top: 59cqw;
    right: 13cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img02 .imgA {
    width: 19cqw;
    aspect-ratio: 72/210;
  }
  .sec-fv .fv-img__container .fv-animation__img02 .imgB {
    width: 25cqw;
    aspect-ratio: 94/209;
    top: -1cqw;
    right: 5cqw;
    left: initial;
  }
}
@media screen and (min-width: 769px) {
  .sec-fv .fv-img__container .fv-animation__img03 {
    top: 18cqw;
    right: 4cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img03 .imgA {
    max-width: 148px;
    width: 20cqw;
    aspect-ratio: 148/238;
  }
  .sec-fv .fv-img__container .fv-animation__img03 .imgB {
    max-width: 180px;
    aspect-ratio: 180/250;
    left: -4px;
    top: -15px;
    width: 25cqw;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation__img03 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .sec-fv .fv-img__container .fv-animation__img04 {
    bottom: 5.5cqw;
    left: 12.4cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img04 .imgA {
    aspect-ratio: 98/284;
    max-width: 98px;
    width: 14cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img04 .imgB {
    max-width: 137px;
    aspect-ratio: 137/286;
    left: -20px;
    width: 20cqw;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation__img04 {
    top: 52cqw;
    left: 10cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img04 .imgA {
    width: 16cqw;
    aspect-ratio: 98/284;
  }
  .sec-fv .fv-img__container .fv-animation__img04 .imgB {
    aspect-ratio: 137/286;
    left: -4cqw;
    width: 22cqw;
  }
}
@media screen and (min-width: 769px) {
  .sec-fv .fv-img__container .fv-animation__img05,
.sec-fv .fv-img__container .fv-animation__img06 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-img__container .fv-animation__img05 {
    top: -11cqw;
    left: 4cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img05 .imgA {
    aspect-ratio: 50/116;
    width: 13.5cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img05 .imgB {
    aspect-ratio: 65/121;
    left: 0;
    top: -2cqw;
    width: 17cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img06 {
    top: 3cqw;
    right: 6cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img06 .imgA {
    aspect-ratio: 40/134;
    width: 11cqw;
  }
  .sec-fv .fv-img__container .fv-animation__img06 .imgB {
    aspect-ratio: 53/143;
    top: -2cqw;
    width: 14cqw;
  }
}
.sec-fv .fv-copy {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 465px;
  aspect-ratio: 470/237;
  top: 57%;
  translate: 0 -50%;
  right: 8px;
}
@container (max-width: 1200px) {
  .sec-fv .fv-copy {
    width: 40.5cqw;
  }
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    translate: initial;
    margin-inline: auto;
    width: 66.67cqw;
  }
}

.sec-news-wrap {
  padding-inline: 32px;
}

.sec-news {
  position: relative;
  max-width: 992px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 40px;
  background: #fff;
  border-radius: 16px;
  box-sizing: border-box;
  margin-bottom: 100px;
  padding: 24px 16px 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .sec-news {
    width: 100%;
    margin-bottom: 60px;
  }
}
.sec-news .news-content {
  overflow-y: auto;
  max-height: 90px;
}
.sec-news .news-list {
  display: block;
  padding-block: 16px;
}
@media screen and (max-width: 768px) {
  .sec-news .news-list {
    padding-block: 8px;
  }
}
.sec-news .news-item {
  display: flex;
  gap: 16px;
  transition: ease 300ms opacity;
}
@media screen and (max-width: 768px) {
  .sec-news .news-item {
    flex-direction: column;
    gap: 8px;
  }
}
.sec-news .news-item + .news-item {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .sec-news .news-item + .news-item {
    margin-top: 16px;
  }
}
.sec-news .news-item .date {
  flex: 0 0 90px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .sec-news .news-item .date {
    flex: initial;
  }
}
.sec-news .news-item .text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1.3rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (any-hover: hover) {
  .sec-news .news-item:hover {
    opacity: 0.6;
  }
}
.sec-news .link-heading {
  display: block;
}
@media screen and (max-width: 768px) {
  .sec-news .link-heading {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.sec-news .link-heading .en {
  text-transform: uppercase;
  font-family: var(--mont);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--blue-main);
}
@media screen and (max-width: 768px) {
  .sec-news .link-heading .en {
    font-size: 1rem;
  }
}
.sec-news .link-heading .caption {
  width: fit-content;
  display: grid;
  place-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--white);
  border-radius: 4px;
  background: var(--blue-main);
  padding: 4px 16px;
}
@media screen and (max-width: 768px) {
  .sec-news .link-heading .caption {
    font-size: 1rem;
    padding: 4px 8px;
  }
}

.sec-lowerpages {
  position: relative;
  max-width: 992px;
  margin-inline: auto;
  padding-inline: 40px;
  padding-bottom: 95px;
  display: grid;
  gap: 8px;
  container-type: inline-size;
}
@media screen and (min-width: 769px) {
  .sec-lowerpages {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "ms wp sp" "do wp sp";
  }
}
@media screen and (max-width: 768px) {
  .sec-lowerpages {
    padding-inline: 32px;
    padding-bottom: 64px;
  }
}
.sec-lowerpages .page-link {
  position: relative;
  width: 100%;
  max-width: 320px;
  border-radius: 16px;
  padding: 24px 16px 16px 24px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link {
    max-width: initial;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid var(--blue-main);
  }
}
.sec-lowerpages .page-link .link-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.sec-lowerpages .page-link .link-heading {
  display: block;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-heading {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.sec-lowerpages .page-link .link-heading .en {
  text-transform: uppercase;
  font-family: var(--mont);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--blue-main);
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-heading .en {
    font-size: 1rem;
  }
}
.sec-lowerpages .page-link .link-heading .caption {
  width: fit-content;
  display: grid;
  place-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--white);
  border-radius: 4px;
  background: var(--blue-main);
  padding: 4px 16px;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-heading .caption {
    font-size: 1rem;
    padding: 4px 8px;
  }
}
.sec-lowerpages .page-link .link-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-cont {
    margin-top: 28px;
  }
}
.sec-lowerpages .page-link .link-cont .link-name {
  font-size: 1.612899cqw;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--blue-main);
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-cont .link-name {
    font-size: 1.6rem;
  }
}
.sec-lowerpages .page-link .link-cont .arrow {
  position: relative;
  border-radius: 50%;
  background: var(--blue-main);
  display: grid;
  place-content: center;
}
.sec-lowerpages .page-link .link-cont .arrow img {
  display: block;
  transition: ease 300ms all;
}
.sec-lowerpages .page-link .link-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sec-lowerpages .page-link .link-item {
  position: relative;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6129cqw;
}
.sec-lowerpages .page-link .link-item::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9) 95%, rgb(255, 255, 255) 100%);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-item {
    padding: 12px;
  }
}
.sec-lowerpages .page-link .link-item::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 6.5cqw;
  width: 1px;
  height: calc(100% - 10px);
  background: var(--blue-main);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-item::before {
    right: 48px;
  }
}
.sec-lowerpages .page-link .link-item .link-name {
  font-size: 1.612899cqw;
  font-weight: 700;
  color: var(--blue-main);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-item .link-name {
    font-size: 1.6rem;
    padding-right: 24px;
  }
}
.sec-lowerpages .page-link .link-item .arrow {
  position: relative;
  display: grid;
  place-content: center;
  width: 24px;
  transition: ease 300ms background;
}
.sec-lowerpages .page-link .link-item .arrow img {
  display: block;
  transition: ease 300ms left;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .link-item .arrow img {
    width: 14px;
  }
}
.sec-lowerpages .page-link .page-link_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link .page-link_bg {
    border-radius: 8px;
  }
}
.sec-lowerpages .page-link .page-link_bg img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.sec-lowerpages .page-link#ms, .sec-lowerpages .page-link#do {
  background: var(--blue-light);
  transition: ease 300ms background;
}
.sec-lowerpages .page-link#sp .link-heading .en {
  color: var(--white);
}
@media screen and (min-width: 769px) {
  .sec-lowerpages .page-link#ms {
    grid-area: ms;
    min-height: 182px;
  }
  .sec-lowerpages .page-link#do {
    grid-area: do;
    min-height: 182px;
  }
  .sec-lowerpages .page-link#wp {
    min-height: 380px;
    grid-area: wp;
  }
  .sec-lowerpages .page-link#sp {
    min-height: 380px;
    grid-area: sp;
  }
}
@media screen and (max-width: 768px) {
  .sec-lowerpages .page-link#wp, .sec-lowerpages .page-link#sp {
    min-height: 360px;
  }
  .sec-lowerpages .page-link#sp .link-heading .en {
    color: var(--white);
  }
}
@media (any-hover: hover) {
  .sec-lowerpages .page-link:hover#ms, .sec-lowerpages .page-link:hover#do {
    background: var(--blue-sky);
  }
  .sec-lowerpages .page-link:hover#ms .arrow img, .sec-lowerpages .page-link:hover#do .arrow img {
    left: 150%;
    opacity: 0;
  }
  .sec-lowerpages .page-link:hover#ms .arrow::before, .sec-lowerpages .page-link:hover#do .arrow::before {
    left: 50%;
    opacity: 1;
  }
}
.sec-lowerpages #wp .link-item .arrow::before, .sec-lowerpages #sp .link-item .arrow::before {
  background: url("/recruit/fresh/assets/img/common/arrow_b.svg") no-repeat center/contain;
}
@media (any-hover: hover) {
  .sec-lowerpages #wp .link-item:hover .arrow img, .sec-lowerpages #sp .link-item:hover .arrow img {
    left: 300%;
  }
  .sec-lowerpages #wp .link-item:hover .arrow::before, .sec-lowerpages #sp .link-item:hover .arrow::before {
    opacity: 1;
    left: 50%;
  }
}

@keyframes switching1 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes switching2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}