/* hero */
.c-recruit-hero--environment {
  background: url("/aquatech/assets/images/recruit/environment-hero-image_01.jpg") no-repeat center top / cover;
}
@media screen and (max-width: 768px) {
  .c-recruit-hero--environment {
    background-image: url("/aquatech/assets/images/recruit/environment-hero-image_01--sp.jpg");
  }
}

.l-recruit-container::before {
  background: url("/aquatech/assets/images/recruit/top-section-line_01.png") no-repeat center top / cover;
}
@media screen and (max-width: 768px) {
  .l-recruit-container::before {
    background-image: url("/aquatech/assets/images/recruit/top-section-line_01--sp.png");
  }
}

.p-recruit-intro__title {
	background:linear-gradient(#2AFADF,#4C83FF);	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}

.p-recruit-intro__links {
  margin-top: 87px;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__links {
    margin-top: calc(40 / 393 * 100vw);
  }
}
.p-recruit-intro__item:not(:first-child) {
  margin-top: min(96px, calc(96 / 1160 *100vw));
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__item:not(:first-child) {
    margin-top: calc(30 / 393 * 100vw);
  }
}
.p-recruit-intro__item {
  width: 100%;
  height: auto;
  border-radius: 20px;
  background-color: #fff;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
}
.p-recruit-intro__link {
  display: grid;
  grid-template-columns: minmax(0, max-content)  1fr;
  position: relative;
  padding: min(54px, calc(54 / 1160 * 100vw)) 0 min(54px, calc(54 / 1160 * 100vw)) min(112px, calc(112 / 1160 * 100vw));
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    padding: 0 calc(30 / 393 * 100vw);
  }
}

.p-recruit-intro__link-title {
  position: relative;
  width: min(372px, calc(372 / 1160 * 100vw));
  height: min(372px, calc(372 / 1160 * 100vw));
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-title {
    grid-area: 1 / 1 / 2 / 2;
    width: calc(215 / 393 * 100vw);
    height: calc(215 / 393 * 100vw);
    margin: calc(40 / 393 * 100vw) auto 0;
  }
}
.p-recruit-intro__link-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  border-radius: 50%;
  background: linear-gradient(135deg, #2AFADF 0%, #4C83FF 100%);
}
@media screen and (max-width: 768px) {
}
.p-recruit-intro__link-title::after {
  content: "";
  position: absolute;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  top: 6px;
  left: 6px;
  z-index: -1;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0px 4px 11px rgba(0, 0, 0, .19), inset -0px -4px 11px rgba(0, 0, 0, .19);
  background-image: linear-gradient(135deg, #ffffff, #ffffff 50%, #E7E7E7);
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-title::after {
    width: calc(100% - (7.16 / 393 * 100vw));
    height: calc(100% - (7.16 / 393 * 100vw));
    top: calc(3.58 / 393 * 100vw);
    left: calc(3.58 / 393 * 100vw);
  }
}
.p-recruit-intro__link-title-text {
  font-size: min(8.5rem, calc(85 / 1160 * 100vw));
  font-weight: 600;
	background:linear-gradient(135deg, #2AFADF,#4C83FF);	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-title-text {
    font-size: calc(50.76 / 393 * 100vw);
  }
}
.p-recruit-intro__link-title-text--s {
  font-size: min(7.4rem, calc(74 / 1160 * 100vw));
  letter-spacing: -0.2rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-title-text--s {
    font-size: calc(43.58 / 393 * 100vw)
  }
}

.p-recruit-intro__link-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(4rem,calc(40 / 1160 * 100vw));
  font-weight: 700;
  padding-inline: 18px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-text {
    grid-area: 2 / 1 / 3 / 2;
    margin-top: calc(20 / 393 * 100vw);
    font-size: max(calc(20 / 393 * 100vw), 2.0rem);
    text-align: center;
    display: block;
    padding-inline: 0;
  }
}

.p-recruit-intro__link-arrow {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 0;
  bottom: 0;
  background-color: #000;
  border-radius: 22px;
  margin: auto 50px 0 auto;
  transition: all ease .3s;
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-arrow {
    grid-area: 3 / 1 / 4 / 2;
    margin: calc(27 / 393 * 100vw) 0 0 auto;
    width: calc(32 / 393 * 100vw);
    height: calc(32 / 393 * 100vw);
    border-radius: calc(22 / 393 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-intro__link-arrow.c-button-link_arrow {
    position: unset;
  }
}
.p-recruit-intro__link-arrow.c-button-link_arrow::before {
  background-color: #fff;
}
.p-recruit-intro__link-arrow.c-button-link_arrow::after {
  transform: translateX(-220%) translateY(-50%);
  background-color: #fff;
}

@media (hover: hover) {
  .p-recruit-intro__link:hover .p-recruit-intro__link-arrow {
    background-color: var(--color-primary);
  }
  .p-recruit-intro__link:hover .p-recruit-intro__link-arrow.c-button-link_arrow::before {
    animation-name: transformRightLeft;
    animation-delay: 0s;
  }
  .p-recruit-intro__link:hover .p-recruit-intro__link-arrow.c-button-link_arrow::after {
    animation-name: transformLeftRight;
    animation-delay: 0.2s;
  }
  .p-recruit-intro__link:hover .p-recruit-intro__link-text {
    transform: scale(1.1);
  }
  .p-recruit-intro__link:hover .p-recruit-intro__link-arrow.c-button-link_arrow::before {
    animation-name: transformRightOut;
    animation-delay: 0s;
  }
  .p-recruit-intro__link:hover .p-recruit-intro__link-arrow.c-button-link_arrow:after {
    animation-name: transformLeftIn;
    animation-delay: 0.2s;
  }  
}

@media screen and (max-width: 768px) {
  .p-recruit-intro__link .c-button-link_arrow::after,
  .p-recruit-intro__link .c-button-link_arrow::before {
    left: max(12px, calc(12 / 393 * 100vw));
    width: max(12px, calc(12 / 393 * 100vw));
    height: max(18px, calc(18 / 393 * 100vw));
  }
}


/* ------------------------------
下層ページ（第三階層）
------------------------------ */

/* ------------------------------
下層ページ（data）
------------------------------ */
.p-recruit-section-numbers__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 36px;
  row-gap: 36px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__list {
    margin-top: calc(56 / 393 * 100vw);
  }
}
.p-recruit-section-numbers__item {
  width: calc((100% / 2) - 18px);
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 9px rgba(0,0,0,0.2);
  padding-top: 44px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__item {
    width: 100%;
    border-radius: 11.86px;
    padding: calc(25.48 / 393 * 100vw) 0 calc(35.87 / 393 * 100vw);
  }
}
.p-recruit-section-numbers__item.p-recruit-section-numbers__item--wide {
  width: 100%;
}

.p-recruit-section-numbers__label {
  display: block;
  margin-left: 44px;
  font-size: min(calc(32 / 1160 * 100vw), 3.2rem);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__label {
    margin-left: calc(35.47 / 393 * 100vw);
    font-size: max(calc(18.98 / 393 * 100vw), 1.898rem);
    line-height: calc(23.7 / 19.98);
  }
}
.p-recruit-section-numbers__icon {
  display: block;
  padding: 50px min(92px, calc(92 / 1680 * 100vw)) 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__icon {
    padding: calc(29.33 / 393 * 100vw) calc(55 / 393 * 100vw) 0;
  }
}
.p-recruit-section-numbers__item--large-icon .p-recruit-section-numbers__icon {
  padding-top: 0;
}
.p-recruit-section-numbers__icon img {
  max-width: 100%;
  height: auto;
}
.p-recruit-section-numbers__value {
  display: block;
  margin-top: 74px;
  text-align: center;
  line-height: calc(40 / 96);
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__value {
    margin-top: calc(51 / 393 * 100vw);
    line-height: calc(23.7 / 56.94);
  }
}
.p-recruit-section-numbers__value-main{
  font-family: "Inter", sans-serif;
  font-size: min(calc(96 / 1160 * 100vw), 9.6rem);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__value-main{
    font-size: max(calc(56.94 / 393 * 100vw), 5.694rem);
  }
}
.p-recruit-section-numbers__value-unit {
  font-size: min(calc(32 / 1160 * 100vw), 3.2rem);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__value-unit {
    font-size: max(calc(18.98 / 393* 100vw), 1.898rem);
  }
}
.p-recruit-section-numbers__text {
  display: block;
  width: min(448px, calc(448 / 1160 * 100vw ));
  margin: 54px auto 0;
  font-size: min(2rem, calc(20 / 1160 * 100vw));
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__text {
    width: 100%;
    margin-top: calc(32.29 / 393 * 100vw);
    padding: 0 calc(35.55 / 393 * 100vw);
    font-size: clamp(1.2rem, 1rem + 1vw, 2rem);
  }
}
.p-recruit-section-numbers__item--wide-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__item--wide-inner {
    display: block;
  }
}
.p-recruit-section-numbers__item--wide-inner .p-recruit-section-numbers__icon {
  grid-area: 1 / 1 / 2 / 2;
}
.p-recruit-section-numbers__item--wide-inner .p-recruit-section-numbers__value {
  grid-area: 2 / 1 / 3 / 2;
}
.p-recruit-section-numbers__item--wide-inner .p-recruit-section-numbers__text {
  grid-area: 1 / 2 / 3 / 3;
  width: 100%;
  padding-right: min(80px, calc(80 / 1160 * 100vw));
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-recruit-section-numbers__item--wide-inner .p-recruit-section-numbers__text {
    width: 100%;
    padding: 0 calc(35.55 / 393 * 100vw);
  }
}