@charset "UTF-8";
/* カラー */
/* ページ共通部分（上書きなど差分含む） */
html {
  scroll-behavior: unset;
}

[id] {
  scroll-margin-top: calc(69px + 1em);
}
@media screen and (max-width:768px) {
  [id] {
    scroll-margin-top: calc(55px + 1em);
  }
}

::-moz-selection {
  background: #2F85C5;
  color: #FFF;
}

::selection {
  background: #2F85C5;
  color: #FFF;
}

@media screen and (max-width:768px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media screen and (max-width:768px) {
  .is-sp {
    display: block;
  }
}

.font-midium {
  font-weight: 500;
}

main {
  overflow-x: hidden;
}
main.recruit .mv {
  padding: 1.4rem 0 0;
  position: relative;
}
@media screen and (max-width:768px) {
  main.recruit .mv {
    margin: 0;
  }
}
main.recruit .mv .breadcrumb {
  margin-bottom: 1.4rem;
  width: 100%;
  max-width: 111rem;
  padding: 0 1.5rem;
  margin: 0 auto 1.4rem;
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide {
    padding-top: 15rem;
    padding-bottom: 5rem;
  }
}
main.recruit .mv .splide ul li:nth-child(odd) {
  margin-bottom: 4rem;
}
main.recruit .mv .splide ul li:nth-child(even) {
  margin-top: 4rem;
}
main.recruit .mv .splide .mv-text {
  width: 100%;
  max-width: 111rem;
  padding: 0 1.5rem;
  margin: 0 auto;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text {
    bottom: auto;
    top: 0;
    height: 100%;
  }
}
main.recruit .mv .splide .mv-text h2 span {
  padding: 1.2rem 3.6rem;
  border-radius: 1rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text h2 span {
    padding: 0;
  }
}
main.recruit .mv .splide .mv-text h2 span:nth-child(1) {
  font-size: 2rem;
  color: #fff;
  background: #3355AC;
  margin-bottom: 1.2rem;
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text h2 span:nth-child(1) {
    font-size: 16px;
    padding: 0.8rem 2.3rem;
  }
}
main.recruit .mv .splide .mv-text h2 span:nth-child(2) {
  font-size: 4.8rem;
  color: #535353;
  background: #fff;
  margin-bottom: 1.5rem;
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text h2 span:nth-child(2) {
    font-size: 40px;
    background: none;
    line-height: 1.38;
  }
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text .c-btn {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}
main.recruit .mv .splide .mv-text .c-btn a {
  max-width: 27.2rem;
  border-width: 2px;
}
main.recruit .mv .splide .mv-text .c-btn a span {
  justify-content: flex-start;
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide .mv-text .c-btn a span {
    font-size: 16px;
  }
}
main.recruit .mv .splide__toggle {
  position: absolute;
  bottom: 3rem;
  right: calc((100% - 111rem) / 2);
  padding: 0.6rem 1.2rem;
  border-radius: 5px;
  border-color: #939393;
  background-color: #fff;
  border-width: 1px;
}
@media screen and (max-width:1024px) {
  main.recruit .mv .splide__toggle {
    right: 1.5rem;
  }
}
@media screen and (max-width:768px) {
  main.recruit .mv .splide__toggle {
    bottom: 1.2rem;
    right: 1.5rem;
  }
}
main.recruit .mv .splide__toggle span {
  font-size: 1.4rem;
  font-weight: 500;
  color: #535353;
}
main.recruit .mv .splide__toggle span > span {
  margin-left: 1rem;
}
main.recruit .mv .splide__toggle span svg {
  position: relative;
  top: 2px;
}
main.recruit .recruit-lead {
  padding: 8rem 0 8.5rem;
}
main.recruit .recruit-lead p {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
  margin-bottom: 8.5rem;
}
main.recruit .recruit-lead .pagelink {
  width: 100%;
  max-width: 66rem;
  margin: 0 auto;
}
main.recruit .recruit-lead .pagelink ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-lead .pagelink ul {
    flex-direction: column;
  }
}
main.recruit .recruit-lead .pagelink ul li {
  display: flex;
  align-items: center;
  width: calc(50% - 1.2rem);
  position: relative;
  border: 1px solid #3355AC;
  border-radius: 1rem;
  background: #fff;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-lead .pagelink ul li {
    width: 100%;
  }
}
main.recruit .recruit-lead .pagelink ul li:not(:has(a[target=_blank]))::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.415%22%20height%3D%2213.647%22%20viewBox%3D%220%200%2013.415%2013.647%22%3E%0A%20%20%3Cg%20transform%3D%22translate(12.708%20-3.812)%20rotate(90)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M154.434%2C5055.778l6%2C6-6%2C6%22%0A%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(-143.975%20-5055.778)%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%233355ac%22%0A%20%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M144.412%2C5062h12%22%0A%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(-140.601%20-5056)%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%233355ac%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.4rem;
}
main.recruit .recruit-lead .pagelink ul li:has(a[target=_blank])::after {
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2217%22%20height%3D%2217.328%22%20viewBox%3D%220%200%2017%2017.328%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_30051%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2030051%22%20width%3D%2217%22%20height%3D%2217.328%22%20transform%3D%22translate(1)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50060%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050060%22%20transform%3D%22translate(-1)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038558%22%20d%3D%22M12.738%2C9.186v4.575H.5V1.5H5.268%22%20transform%3D%22translate(1.845%201.85)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38559%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038559%22%20d%3D%22M5.8.5h5.472V5.977%22%20transform%3D%22translate(4.804%201.258)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_3138%22%20data-name%3D%22%E7%B7%9A%203138%22%20x1%3D%226.798%22%20y2%3D%226.8%22%20transform%3D%22translate(8.946%202.156)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.4rem;
}
main.recruit .recruit-lead .pagelink ul li::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3355AC;
  border-radius: 1rem;
  transition: all 0.3s ease;
  z-index: 0;
}
main.recruit .recruit-lead .pagelink ul li a {
  color: #3355AC;
  padding: 1.4rem 2.4rem;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
  flex: 1;
}
main.recruit .recruit-lead .pagelink ul li:hover::before {
  width: 100%;
}
main.recruit .recruit-lead .pagelink ul li:hover:not(:has(a[target=_blank]))::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.415%22%20height%3D%2213.647%22%20viewBox%3D%220%200%2013.415%2013.647%22%3E%0A%20%20%3Cg%20id%3D%22btn-arrow-down-on%22%20transform%3D%22translate(12.708%20-3.812)%20rotate(90)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5143%22%20data-name%3D%22%E3%83%91%E3%82%B9%205143%22%20d%3D%22M154.434%2C5055.778l6%2C6-6%2C6%22%20transform%3D%22translate(-143.975%20-5055.778)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5144%22%20data-name%3D%22%E3%83%91%E3%82%B9%205144%22%20d%3D%22M144.412%2C5062h12%22%20transform%3D%22translate(-140.601%20-5056)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
main.recruit .recruit-lead .pagelink ul li:hover:has(a[target=_blank])::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2217%22%20height%3D%2217.328%22%20viewBox%3D%220%200%2017%2017.328%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_30051%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2030051%22%20width%3D%2217%22%20height%3D%2217.328%22%20transform%3D%22translate(1)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50060%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050060%22%20transform%3D%22translate(-1)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38558%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038558%22%20d%3D%22M12.738%2C9.186v4.575H.5V1.5H5.268%22%20transform%3D%22translate(1.845%201.85)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38559%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038559%22%20d%3D%22M5.8.5h5.472V5.977%22%20transform%3D%22translate(4.804%201.258)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_3138%22%20data-name%3D%22%E7%B7%9A%203138%22%20x1%3D%226.798%22%20y2%3D%226.8%22%20transform%3D%22translate(8.946%202.156)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
main.recruit .recruit-lead .pagelink ul li:hover a {
  color: #fff;
}
main.recruit .recruit-cat {
  background-color: #F2F5FF;
  padding: 8rem 0;
}
main.recruit .recruit-cat h2 {
  position: relative;
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding-left: 3rem;
  line-height: 1.2;
  margin-bottom: 6rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-cat h2 {
    font-size: 2.4rem;
  }
}
main.recruit .recruit-cat h2::before {
  content: "";
  display: block;
  width: 1rem;
  height: 100%;
  background-color: #3355AC;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.5rem;
}
main.recruit .recruit-cat h2 span.en {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #3355AC;
  margin-top: 0.4rem;
}
main.recruit .recruit-cat_inner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem;
}
main.recruit .recruit-cat_inner ul li {
  width: calc((100% - 7.2rem) / 3);
}
@media screen and (max-width:768px) {
  main.recruit .recruit-cat_inner ul li {
    width: 100%;
  }
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img {
  background-color: #fff;
  border-radius: 4rem;
  padding: 4.4rem 6.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
  transition: all 0.3s ease;
}
@media screen and (max-width:1024px) {
  main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img {
    padding: 2.4rem 3.2rem;
  }
}
@media screen and (min-width: 1025px) {
  main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img {
    padding: 4.4rem 3.0rem;
  }
  main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img .img {
    padding: 0 3.2rem;
  }
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img .img {
  min-height: 21rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img .img img {
  align-self: center;
  mix-blend-mode: multiply;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img h3 {
  font-size: 2.6rem;
  font-weight: 600;
  color: #3355AC;
  white-space: nowrap;
}
@media screen and (max-width:1024px) {
  main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img h3 {
    font-size: 2.6rem;
    margin-right: 1rem;
  }
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_img h3 span.num {
  font-size: 3.3rem;
  font-weight: 200;
  margin-right: 2rem;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_text {
  padding: 3rem 3rem 0;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_text p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #535353;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
@media screen and (max-width:1024px) {
  main.recruit .recruit-cat_inner ul li a .recruit-cat_item_text p {
    font-size: 16px;
  }
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_more {
  padding-left: 3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_more .arrow-icon {
  font-size: 0;
}
main.recruit .recruit-cat_inner ul li a .recruit-cat_item_more span {
  font-size: 12px;
  font-weight: 600;
}
main.recruit .recruit-cat_inner ul li a:hover .recruit-cat_item_img {
  background-color: #C7EEFF;
}
main.recruit .recruit-cat_inner ul li a:hover .recruit-cat_item_text p {
  color: #2F85C5;
}
main.recruit .recruit-cat_inner ul li a:hover .recruit-cat_item_more circle {
  fill: #3355AC;
}
main.recruit .recruit-cat_inner ul li a:hover .recruit-cat_item_more path {
  stroke: #fff;
}
main.recruit .recruit-cat_inner ul li a:hover .recruit-cat_item_more span {
  color: #3355AC;
}
main.recruit .recruit-cat_inner ul li .linkbtn {
  margin-top: 2rem;
}
main.recruit .recruit-cat_inner ul li .linkbtn a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
main.recruit .recruit-cat_inner ul li .linkbtn {
  padding-left: 3rem;
}
main.recruit .recruit-cat_inner ul li .linkbtn .arrow-icon {
  font-size: 0;
}
main.recruit .recruit-cat_inner ul li .linkbtn span {
  font-size: 12px;
  font-weight: 600;
}
main.recruit .recruit-cat_inner ul li .linkbtn:hover circle {
  fill: #3355AC;
}
main.recruit .recruit-cat_inner ul li .linkbtn:hover path {
  stroke: #fff;
}
main.recruit .recruit-cat_inner ul li .linkbtn:hover span {
  color: #3355AC;
}
main.recruit .recruit-linkbnr {
  padding: 9.5rem 0 10rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr {
    padding-top: 2rem;
  }
}
main.recruit .recruit-linkbnr_item {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item {
    gap: 0;
  }
}
main.recruit .recruit-linkbnr_item li {
  width: calc((100% - 4.8rem) / 3);
}
main.recruit .recruit-linkbnr_item li:nth-child(4), main.recruit .recruit-linkbnr_item li:nth-child(5) {
  width: calc((100% - 2.4rem) / 2);
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li:nth-child(4), main.recruit .recruit-linkbnr_item li:nth-child(5) {
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li {
    width: 100%;
    border-bottom: 1px solid #D1D0D0;
    padding-bottom: 2rem;
  }
  main.recruit .recruit-linkbnr_item li:not(:last-child) {
    margin-bottom: 2rem;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6), main.recruit .recruit-linkbnr_item li:nth-child(7) {
    width: calc(50% - 0.5rem);
  }
}
main.recruit .recruit-linkbnr_item li a {
  display: block;
  border-radius: 4rem 4rem 12rem 4rem;
  position: relative;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li a {
    display: flex;
    gap: 1.8rem;
    border-radius: 0;
    align-items: center;
  }
}
main.recruit .recruit-linkbnr_item li a img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
  opacity: 1;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li a img {
    width: 12.8rem;
    height: 9.8rem;
  }
}
main.recruit .recruit-linkbnr_item li a p {
  position: absolute;
  font-size: 2.6rem;
  font-weight: 600;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-left: 3rem;
  color: #fff;
}
@media screen and (max-width:1024px) {
  main.recruit .recruit-linkbnr_item li a p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li a p {
    position: static;
    font-size: 18px;
    color: #535353;
    transform: translateY(0);
    padding-left: 0;
  }
}
main.recruit .recruit-linkbnr_item li a::after {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50757%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050757%22%20transform%3D%22translate(15.909%2016)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_17%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2017%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2236%22%20transform%3D%22translate(-15.909%20-16)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10507%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010507%22%20transform%3D%22translate(6.679%2010.578)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5143%22%20data-name%3D%22%E3%83%91%E3%82%B9%205143%22%20d%3D%22M154.434%2C5055.778l9.423%2C9.423-9.423%2C9.422%22%20transform%3D%22translate(-139.843%20-5055.778)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5144%22%20data-name%3D%22%E3%83%91%E3%82%B9%205144%22%20d%3D%22M144.412%2C5062h21.2%22%20transform%3D%22translate(-141.601%20-5052.578)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.161));
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li a::after {
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50162%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050162%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%0A%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_17%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2017%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23535353%22%2F%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10507%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010507%22%20transform%3D%22translate(11.412%2012.65)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5143%22%20data-name%3D%22%E3%83%91%E3%82%B9%205143%22%20d%3D%22M154.434%2C5055.778l5.35%2C5.35-5.35%2C5.35%22%20transform%3D%22translate(-144.412%20-5055.778)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5144%22%20data-name%3D%22%E3%83%91%E3%82%B9%205144%22%20d%3D%22M144.412%2C5062h15.372%22%20transform%3D%22translate(-144.412%20-5056.65)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    width: 36px;
    height: 36px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}
main.recruit .recruit-linkbnr_item li a[target="_blank"]::after {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50074%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050074%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_30043%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2030043%22%20width%3D%2231.354%22%20height%3D%2231.15%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_17%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2017%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2236%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50057%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050057%22%20transform%3D%22translate(22.277%2019.143)%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38556%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038556%22%20d%3D%22M22.876%2C15.317v8.225H.5V1.5H9.218%22%20transform%3D%22translate(2.682%204.522)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038557%22%20d%3D%22M5.8.5h9.59V9.942%22%20transform%3D%22translate(12.783%202.661)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3Cline%20id%3D%22%E7%B7%9A_3137%22%20data-name%3D%22%E7%B7%9A%203137%22%20x1%3D%2211.914%22%20y2%3D%2211.731%22%20transform%3D%22translate(15.677%203.876)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
main.recruit .recruit-linkbnr_item li a:hover img, main.recruit .recruit-linkbnr_item li a:hover::after {
  opacity: 0.6;
}
main.recruit .recruit-linkbnr_item li:nth-child(2) p, main.recruit .recruit-linkbnr_item li:nth-child(3) p, main.recruit .recruit-linkbnr_item li:nth-child(4) p {
  background: rgba(51, 85, 172, 0.9);
  padding: 1.4rem 3rem;
  font-size: 2.4rem;
  color: #fff;
  border-radius: 0 1rem 1rem 0;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li:nth-child(2) p, main.recruit .recruit-linkbnr_item li:nth-child(3) p, main.recruit .recruit-linkbnr_item li:nth-child(4) p {
    background: none;
    padding: 0;
    font-size: 1.8rem;
    color: #535353;
    border-radius: 0;
  }
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr_item li:nth-child(6), main.recruit .recruit-linkbnr_item li:nth-child(7) {
    width: calc(50% - 0.5rem);
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) a, main.recruit .recruit-linkbnr_item li:nth-child(7) a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    border-radius: 4rem;
    margin-bottom: 3.1rem;
    padding-bottom: 1rem;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.161));
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) a p, main.recruit .recruit-linkbnr_item li:nth-child(7) a p {
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.4;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) a picture, main.recruit .recruit-linkbnr_item li:nth-child(7) a picture {
    display: none;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) a::after, main.recruit .recruit-linkbnr_item li:nth-child(7) a::after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_30043%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2030043%22%20width%3D%2227.09%22%20height%3D%2226.913%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50074%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050074%22%20transform%3D%22translate(-0.369%20-0.369)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_17%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2017%22%20cx%3D%2231%22%20cy%3D%2231%22%20r%3D%2231%22%20transform%3D%22translate(0.369%200.369)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_50057%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2050057%22%20transform%3D%22translate(19.616%2016.908)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38556%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038556%22%20d%3D%22M19.833%2C13.438v7.106H.5V1.5H8.032%22%20transform%3D%22translate(2.249%203.703)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_38557%22%20data-name%3D%22%E3%83%91%E3%82%B9%2038557%22%20d%3D%22M5.8.5h8.285V8.658%22%20transform%3D%22translate(10.256%202.231)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_3137%22%20data-name%3D%22%E7%B7%9A%203137%22%20x1%3D%2210.294%22%20y2%3D%2210.136%22%20transform%3D%22translate(13.545%203.349)%22%20fill%3D%22none%22%20stroke%3D%22%233355ac%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    width: 62px;
    height: 62px;
    bottom: -31px;
    top: auto;
    right: 50%;
    transform: translate(50%, 0);
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) {
    padding-right: 0.5rem;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(6) a {
    background-color: #5DCCFF;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(7) {
    padding-left: 0.5rem;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(7) a {
    background-color: #5779FC;
  }
  main.recruit .recruit-linkbnr_item li:nth-child(7) a p {
    color: #fff;
  }
}
main.recruit .recruit-linkbnr .btn-wrap {
  padding: 8rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr .btn-wrap {
    padding: 4rem 0;
  }
}
main.recruit .recruit-linkbnr .btn-wrap .c-btn {
  width: 100%;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr .btn-wrap .c-btn {
    width: 100%;
  }
}
main.recruit .recruit-linkbnr .btn-wrap .c-btn a {
  max-width: 60rem;
  width: 100%;
  background-color: #535353;
  border: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 2rem;
  color: #fff;
  padding: 3rem 12rem;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr .btn-wrap .c-btn a {
    padding: 3.5rem 4rem;
    width: 100%;
    justify-content: center;
  }
}
main.recruit .recruit-linkbnr .btn-wrap .c-btn a span {
  color: #fff;
}
main.recruit .recruit-linkbnr .btn-wrap .c-btn a::before {
  content: "";
  display: block;
  -webkit-mask: url(../img/under/recruit/top/icon-book.svg) center no-repeat;
          mask: url(../img/under/recruit/top/icon-book.svg) center no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 3.6rem;
  height: 3rem;
  background-color: #fff;
  position: static;
  background-image: none;
  order: inherit;
}
main.recruit .recruit-linkbnr .btn-wrap .c-btn a::after {
  background: linear-gradient(to top right, #5DCCFF, #5779FC);
}
main.recruit .recruit-linkbnr .site-link ul {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr .site-link ul {
    flex-direction: column;
    gap: 3rem;
  }
}
main.recruit .recruit-linkbnr .site-link ul li {
  font-size: 16px;
  font-weight: normal;
}
main.recruit .recruit-linkbnr .site-link ul li a {
  width: 35.2rem;
  height: 14.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  background-size: auto 14.1rem;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-bottom: 2rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-linkbnr .site-link ul li a {
    width: 100%;
    background-size: cover;
    margin: 0 auto 1rem;
  }
}
main.recruit .recruit-linkbnr .site-link ul li a span {
  position: relative;
  text-align:center;
  font-family: "I-OTF-UDゴ表示Pro B";
  font-weight: bold;
  line-height:1.6;
}
main.recruit .recruit-cta {
  padding: 8rem 0;
  background: url("../img/under/recruit/top/cta-bg.png") no-repeat center/cover;
}
main.recruit .recruit-cta h2 {
  color: #25406C;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 4rem;
}
main.recruit .recruit-cta .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-cta .btn-wrap {
    flex-direction: column;
  }
}
main.recruit .recruit-cta .btn-wrap li {
  width: calc(50% - 2rem);
}
@media screen and (max-width:768px) {
  main.recruit .recruit-cta .btn-wrap li {
    width: 100%;
  }
}
main.recruit .recruit-cta .btn-wrap li a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 2rem 10rem;
  border: 2px solid #25416C;
  border-radius: 100vh;
  line-height: 1.6;
  z-index: 1;
}
@media screen and (max-width:768px) {
  main.recruit .recruit-cta .btn-wrap li a {
    padding: 1.8rem 3rem;
    justify-content: center;
  }
}
main.recruit .recruit-cta .btn-wrap li a span {
  position: relative;
  z-index: 1;
}
main.recruit .recruit-cta .btn-wrap li a span > span {
  font-size: 2rem;
}
main.recruit .recruit-cta .btn-wrap li a::before {
  content: "";
  display: block;
  order: inherit;
}
main.recruit .recruit-cta .btn-wrap li a::after {
  content: "";
  z-index: 0;
}
main.recruit .recruit-cta .btn-wrap li.contact-faq a {
  background: #fff;
  color: #25416C;
}
main.recruit .recruit-cta .btn-wrap li.contact-faq a::before {
  background: url("../img/under/recruit/top/icon-faq.svg") no-repeat center/contain;
  width: 28px;
  height: 30px;
  z-index: 1;
}
main.recruit .recruit-cta .btn-wrap li.contact-faq a::after {
  background: #25416C;
}
main.recruit .recruit-cta .btn-wrap li.contact-faq a:hover::before {
  background: url("../img/under/recruit/top/icon-faq-on.svg") no-repeat center/contain;
  z-index: 1;
}
main.recruit .recruit-cta .btn-wrap li.contact-faq a:hover span {
  color: #fff;
}
main.recruit .recruit-cta .btn-wrap li.contact a {
  background: #25416C;
  color: #fff;
}
main.recruit .recruit-cta .btn-wrap li.contact a::before {
  background: url("../img/under/recruit/top/icon-mail.svg") no-repeat center/contain;
  width: 28px;
  height: 30px;
  z-index: 1;
}
main.recruit .recruit-cta .btn-wrap li.contact a::after {
  background: #fff;
}
main.recruit .recruit-cta .btn-wrap li.contact a:hover::before {
  background: url("../img/under/recruit/top/icon-mail-on.svg") no-repeat center/contain;
}
main.recruit .recruit-cta .btn-wrap li.contact a:hover span {
  color: #25416C;
}
@media screen and (min-width: 1179px) {
  main.recruit.--lower .section-wrap.sidenav {
    padding-left: 0;
  }
}
main.recruit.--lower .mainvisual {
  background: none;
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual {
    padding-bottom: 0;
  }
}
main.recruit.--lower .mainvisual .mv {
  display: flex;
  gap: 3.2rem;
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual .mv {
    flex-direction: column;
    gap: 1.4rem;
  }
}
main.recruit.--lower .mainvisual .mv .mv-text {
  flex: 1;
  background: #F2F5FF;
  border-radius: 0 6rem 6rem 0;
  padding: 6rem 6rem 6rem calc((100% - 1180px) / 2);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width:1280px) {
  main.recruit.--lower .mainvisual .mv .mv-text {
    padding-left: 2rem;
  }
}
main.recruit.--lower .mainvisual .mv .mv-text p.sub-ttl {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin-bottom: 2.5rem;
  padding: 0 0 0 1.6rem;
  line-height: 1.5;
}
main.recruit.--lower .mainvisual .mv .mv-text p.sub-ttl::before {
  content: "●";
  font-size: 0.8rem;
  color: #2F85C5;
  margin: 0.8rem 0 0;
}
main.recruit.--lower .mainvisual .mv .mv-text h1 {
  font-size: 3.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.8;
  margin-bottom: 3rem;
  white-space: nowrap;
  min-width: 29rem;
  opacity: 0;
}
@media screen and (max-width:1180px) {
  main.recruit.--lower .mainvisual .mv .mv-text h1 {
    font-size: 2.4rem;
  }
}
main.recruit.--lower .mainvisual .mv .mv-image {
  margin-top: 4.4rem;
  width: 62%;
  height: 42rem;
  overflow: hidden;
  border-radius: 6rem 0 0 6rem;
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual .mv .mv-image {
    width: 100%;
    height: auto;
  }
}
main.recruit.--lower .mainvisual .mv .mv-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
main.recruit.--lower .mainvisual .mv.interview-detail {
  position: relative;
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text {
  width: 46%;
  flex: none;
  position: relative;
  top: 78px;
  left: 0;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual .mv.interview-detail .mv-text {
    position: static;
    width: 80%;
    transform: translateY(0);
    top: 0;
    padding: 2rem;
  }
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text h1 {
  white-space: wrap;
}
@media screen and (max-width:1180px) {
  main.recruit.--lower .mainvisual .mv.interview-detail .mv-text h1 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual .mv.interview-detail .mv-text h1 {
    margin-bottom: 0;
  }
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text p.sub-ttl {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 0.4rem 2rem;
  background: rgba(87, 121, 252, 0.08);
  border-radius: 1.6rem;
  color: #5779FC;
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text p.sub-ttl::before {
  display: none;
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text p.sub-ttl2 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
@media screen and (max-width:1180px) {
  main.recruit.--lower .mainvisual .mv.interview-detail .mv-text p.sub-ttl2 {
    font-size: 1.6rem;
  }
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text .interview-name .ja {
  font-size: 2.6rem;
  font-weight: 500;
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-text .interview-name .en {
  font-size: 1.6rem;
  font-weight: 600;
  color: #5779FC;
}
main.recruit.--lower .mainvisual .mv.interview-detail .mv-image {
  margin-left: auto;
  margin-top: 0;
  height: 45rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width:768px) {
  main.recruit.--lower .mainvisual .mv.interview-detail .mv-image {
    position: static;
    margin-left: 5%;
    height: auto;
  }
}
main.recruit.--lower .discovery-item {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
main.recruit.--lower .discovery-item li {
  display: flex;
  gap: 3rem;
}
main.recruit.--lower .discovery-item_image {
  background: #F8F8F7;
  border-radius: 4rem;
  width: 14.2rem;
  height: 14.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
main.recruit.--lower .discovery-item_text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
main.recruit.--lower .discovery-item_text h3 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  color: #3355AC;
}
main.recruit.--lower .discovery-item_text p.yt-text {
  font-size: 1.6rem;
      margin-bottom: 1rem;
}
@media screen and (max-width:768px) {
  main .page-container {
    padding-top: 4rem;
  }
}
main .side-nav .r-btn a span {
  font-size: 1.4rem;
  font-weight: normal;
}
main .discover-images {
  padding: 0 0 8rem;
}
main .discover-images ul {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width:768px) {
  main .discover-images ul {
    gap: 1rem;
  }
}
main .discover-images ul li:nth-child(even) {
  margin-top: 4rem;
}
main .r-btn.recruit a.hover-win span {
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
main .r-btn.recruit a.hover-win span::before {
  content: "";
  width: 1.9rem;
  height: 1.6rem;
  display: block;
  background: url(../img/under/recruit/top/icon-book.svg) no-repeat center/contain;
}
main .r-btn.recruit a {
  background-color: #3355AC;
  border-color: #3355AC;
}
@media screen and (max-width:768px) {
  main .r-btn.recruit a {
    margin: auto;
  }
}
main .r-btn.recruit a:hover {
  color: #3355AC;
}
main .r-btn.recruit a:hover span::before {
  background: url(../img/under/recruit/top/icon-book-blue.svg) no-repeat center/contain;
}
main .breadcrumb {
  font-size: 1.2rem;
}
main .breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
main .breadcrumb ul li {
  display: flex;
  align-items: center;
}
main .breadcrumb ul li:not(:last-child):after {
  content: ">";
  margin-left: 1rem;
  font-family: sans-serif;
}
main .breadcrumb ul li a {
  color: #2F85C5;
}

.rightfix {
  position: fixed;
  bottom: 104px;
  right: 0;
  z-index: 999;
  pointer-events: none;
}
@media screen and (max-width:768px) {
  .rightfix {
    width: 100%;
    height: 100vh;
    bottom: 0;
  }
}
.rightfix button {
  cursor: pointer;
  background: #3355AC;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.6rem;
  border-radius: 2rem 0 0 2rem;
  border: 1px solid #3355AC;
  font-size: 1.2rem;
  font-weight: 600;
  position: fixed;
  right: 0;
  bottom: 10px;
  pointer-events: all;
}
@media screen and (max-width:768px) {
  .rightfix button {
    z-index: 9999;
  }
}
.rightfix button div {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 2.4rem;
}
.rightfix button div span {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease;
}
.rightfix button div span:last-child {
  width: 50%;
}
.rightfix ul {
  background: #3355AC;
  padding: 3rem 2rem 3rem 3rem;
  border-radius: 2rem 0 0 2rem;
  color: #fff;
  width: 21rem;
  max-height: calc(100vh - 104px);
  transform: translateX(100%);
  transition: all 0.3s ease;
  overflow: hidden scroll;
  pointer-events: none;
}
@media screen and (max-width:768px) {
  .rightfix ul {
    width: 100%;
    max-height: 100vh;
    border-radius: 0 0 0 0;
    height: 100%;
    padding-bottom: 104px;
  }
}
.rightfix ul li {
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  padding-right: 2.2rem;
}
.rightfix ul li:not(:last-child) {
  margin-bottom: 2rem;
}
.rightfix ul li::after {
  content: "";
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  top: 0.6em;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.659%22%20height%3D%229.553%22%20viewBox%3D%220%200%2010.659%209.553%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-2.812%200.354)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M154.434%2C5055.778l4.423%2C4.423-4.423%2C4.423%22%0A%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(-146.093%20-5055.778)%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23fff%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M144.412%2C5062h9.951%22%0A%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(-141.601%20-5057.577)%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%20%20stroke%3D%22%23fff%22%0A%20%20%20%20%20%20%20%20%20%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.rightfix ul li ul {
  padding-left: 0.6rem;
  padding-top: 1.2rem;
  padding-bottom: 0;
}
.rightfix ul li ul li {
  padding-left: 1.2rem;
}
.rightfix ul li ul li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.rightfix ul li ul li::after {
  display: none;
}
.rightfix ul li ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_53%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2053%22%20d%3D%22M4%2C0%2C8%2C6H0Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rightfix ul li a {
  color: #fff;
  display: inline-block;
  transition: all 0.3s ease;
}
.rightfix ul li a:hover {
  transform: translateX(0.5rem);
}
.rightfix.active ul {
  transform: translateX(0);
  pointer-events: auto;
}
.rightfix.active button div span {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease;
}
.rightfix.active button div span:nth-child(1) {
  transform: translateY(1rem) rotate(45deg);
}
.rightfix.active button div span:nth-child(2) {
  transform: rotate(-45deg);
}
.rightfix.active button div span:last-child {
  width: 0px;
}

.recruit-pagelink ul {
  display: flex;
    flex-wrap: wrap;
  gap: 1.7rem;
}
.recruit-pagelink ul li {
  width:calc((100% - 5.1rem) / 4);
}
@media screen and (max-width:1128px) {
  .recruit-pagelink ul {
    flex-wrap: wrap;
  }
}
.recruit-pagelink ul li {
  display: flex;
}
@media screen and (max-width:1128px) {
  .recruit-pagelink ul li {
    flex: auto;
    width: calc((100% - 1.7rem) / 2);
  }
}
@media screen and (max-width:640px) {
  .recruit-pagelink ul li {
    width: 100%;
  }
}
.recruit-pagelink ul li a {
  border: 1px solid #D1D0D0;
  border-radius: 0.5rem;
  background: #fff;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1rem;
  color: #535353;
  position: relative;
}
.recruit-pagelink ul li a::after {
  content: "";
  display: block;
  width: 1.1rem;
  height: 0.6rem;
  -webkit-mask: url("../img/under/recruit/job/pagelink-arrow.svg") center no-repeat;
          mask: url("../img/under/recruit/job/pagelink-arrow.svg") center no-repeat;
  background: #535353;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.main-content .sec-ttl h2 {
  line-height: 1;
}
.main-content .sec-ttl h2 span {
  font-size: 1.8rem;
  font-weight: 500;
  color: #3355AC;
}

.main-content .sec-ttl h2::before {
  border-radius: 0.5rem;
  width: 1rem;
  height: 100%;
}

.recruit .job_cat {
  padding: 8rem 0 0;
}
.recruit .job_cat .section-wrap {
  padding-left: 0;
}
.recruit .job_cat_item {
  display: flex;
  gap: 4.5rem;
}
@media screen and (max-width:768px) {
  .recruit .job_cat_item {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.recruit .job_cat_item li a {
  display: flex !important;
  color: inherit !important;
  flex-direction: column;
}
.recruit .job_cat_item li a h3 {
  margin-bottom: 1.5rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: #3355AC;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.recruit .job_cat_item li a h3 span.num {
  font-weight: 200;
  font-size: 2.8rem;
}
.recruit .job_cat_item li a:hover .job_cat_item_text, .recruit .job_cat_item li a:hover .job_cat_item_more span {
  color: #2F85C5;
}
.recruit .job_cat_item li a:hover circle {
  fill: #3355AC;
}
.recruit .job_cat_item li a:hover path {
  stroke: #fff;
}
.recruit .job_cat_item li a:hover span {
  color: #3355AC;
}
.recruit .job_cat_item li .img {
  height: 23rem;
  background: #F8F8F7;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.recruit .job_cat_item li .img img {
  mix-blend-mode: multiply;
}
.recruit .job_cat_item li .linkbtn {
  margin-top: 2rem;
}
.recruit .job_cat_item li .linkbtn a {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
}
.recruit .job_cat_item li .linkbtn .arrow-icon {
  font-size: 0;
}
.recruit .job_cat_item li .linkbtn span {
  font-size: 12px;
  font-weight: 600;
}
.recruit .job_cat_item li .linkbtn:hover circle {
  fill: #3355AC;
}
.recruit .job_cat_item li .linkbtn:hover path {
  stroke: #fff;
}
.recruit .job_cat_item li .linkbtn:hover span {
  color: #3355AC;
}
.recruit .job_cat_item_text {
  margin-bottom: 2.6rem;
}
.recruit .job_cat_item_text p {
  font-size: 1.6rem;
}
.recruit .job_cat_item_more {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.recruit .job_cat_item_more .arrow-icon {
  font-size: 0px;
}
.recruit .job_cat_item_more span {
  font-size: 1.2rem;
  font-weight: 600;
}

.job_imgwrap.--border-radius {
  border-radius: 4rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.job_after-service {
  padding: 8rem 0;
}
.job_after-service .section-wrap {
  padding-left: 0;
}

.job_moviewrap {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16/9;
}

.job_moviewrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.job_moviewrap p {
  margin-top: 2rem;
}

section[class^=job_section--] {
  padding-bottom: 8rem;
}
section[class^=job_section--] .discovery-item {
  margin-top: 4rem;
}

.interview_item-wrap {
  padding-top: 8rem;
}
@media screen and (max-width:768px) {
  .interview_item-wrap {
    padding-top: 4rem;
  }
}
.interview_item-wrap .interview_item {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media screen and (max-width:768px) {
  .interview_item-wrap .interview_item {
    gap: 3rem;
  }
}
.interview_item-wrap .interview_item-img {
  width: min(50%, 28rem);
  position: relative;
}
@media screen and (max-width:768px) {
  .interview_item-wrap .interview_item-img {
    width: 100%;
  }
}
.interview_item-wrap .interview_item-text {
  flex: 1;
  position: relative;
}
.interview_item-wrap .interview_item-text .sub-title {
  position: relative;
  margin-bottom: 1.5rem !important;
  padding-left: 2.2rem;
  line-height: 1;
}
.interview_item-wrap .interview_item-text .sub-title::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 100%;
  background: #3355AC;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.5rem;
}
.interview_item-wrap .interview_item-text h3 {
  font-size: 3.2rem;
  display: flex;
  align-items: baseline;
  gap: 1.8rem;
  margin-bottom: 6.2rem;
}
@media screen and (max-width:768px) {
  .interview_item-wrap .interview_item-text h3 {
    margin-bottom: 2.2rem;
  }
}
.interview_item-wrap .interview_item-text h3 span {
  color: #3355AC;
  opacity: 0.5;
  font-size: 1.6rem;
  font-weight: 200;
}
.interview_item-wrap .interview_item li {
  position: relative;
  padding: 0 4rem 4rem;
}
.interview_item-wrap .interview_item li a {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width:768px) {
  .interview_item-wrap .interview_item li a {
    flex-direction: column;
    gap: 2rem;
  }
}
.interview_item-wrap .interview_item li a:hover h3, .interview_item-wrap .interview_item li a:hover p {
  color: #3355AC;
}
.interview_item-wrap .interview_item li a:hover .job_cat_item_more span {
  color: #3355AC;
}
.interview_item-wrap .interview_item li a:hover img {
  opacity: 0.8;
}
.interview_item-wrap .interview_item li a:hover .arrow-icon svg circle {
  fill: #3355AC;
}
.interview_item-wrap .interview_item li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 104px);
  width: 100%;
  background: rgba(87, 121, 252, 0.08);
  border-radius: 2rem;
  z-index: 0;
}
.interview_item-wrap .interview_item li:nth-child(odd)::before {
  background: rgba(87, 121, 252, 0.08);
}
.interview_item-wrap .interview_item li:nth-child(even)::before {
  background: rgba(93, 204, 255, 0.12);
}
.interview_item-wrap .interview_item li:nth-child(even) a {
  flex-direction: row-reverse;
}
@media screen and (max-width:768px) {
  .interview_item-wrap .interview_item li:nth-child(even) a {
    flex-direction: column !important;
  }
}
.interview_item-wrap .interview_item li:nth-child(even) h3 span {
  color: #5DCCFF;
}

.text-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.interview-introduction {
  padding-bottom: 6rem;
  border-bottom: 1px solid #D1D0D0;
  margin-bottom: 6rem;
}
.interview-introduction p.name {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0 !important;
}
.interview-introduction p.desc {
  font-size: 1.6rem;
  margin-top: 0 !important;
}

.interview_detail .sec-ttl h2 {
  font-size: 2.9rem;
  line-height: 1.45;
  letter-spacing: 0.03em;
}
.interview_detail-wrap + .interview_detail-wrap {
  margin-top: 6rem;
}
.interview_detail--2col {
  display: flex;
  gap: 3rem;
  flex-direction: row;
  align-items: flex-start;
}
.interview_detail--2col.--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width:768px) {
  .interview_detail--2col.--reverse {
    flex-direction: column;
  }
}
@media screen and (max-width:768px) {
  .interview_detail--2col {
    flex-direction: column;
  }
}
.interview_detail--2col-img {
  flex: 1;
}
@media screen and (max-width:768px) {
  .interview_detail--2col-img {
    width: 100%;
  }
}
.interview_detail--2col-text {
  flex: 1;
}
.interview_detail--2col + .interview_detail--1col, .interview_detail--2col + .interview_detail--2col {
  margin-top: 6rem;
}
.interview_detail-career-path {
  padding: 6rem;
  background: rgba(87, 121, 252, 0.08);
  border-radius: 2rem 2rem 0 0;
  margin-top: 7rem;
}
.interview_detail-career-path h2 {
  text-align: center;
  color: #5779FC;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-bottom: 5rem;
}
.interview_detail-career-path-inner ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem;
  position: relative;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .interview_detail-career-path-inner ul + ul {
    margin-top: 3rem;
  }
}
.interview_detail-career-path-inner ul:nth-child(1) {
  padding-right: 6rem;
  padding-bottom: 4rem;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul:nth-child(1) {
    padding: 0;
  }
}
.interview_detail-career-path-inner ul:nth-child(1)::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 80px);
  border-top: 2px dashed #3355AC;
  border-right: 2px dashed #3355AC;
  border-bottom: 2px dashed #3355AC;
  position: absolute;
  top: 80px;
  right: 0;
  z-index: 0;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul:nth-child(1)::after {
    display: none;
  }
}
.interview_detail-career-path-inner ul:nth-child(2) {
  padding-left: 6rem;
  padding-top: 4rem;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul:nth-child(2) {
    padding: 0;
  }
}
.interview_detail-career-path-inner ul:nth-child(2)::after {
  content: "";
  display: block;
  width: 50%;
  height: 120px;
  border-left: 2px dashed #3355AC;
  border-bottom: 2px dashed #3355AC;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul:nth-child(2)::after {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul li {
    display: flex;
    gap: 2rem;
    align-items: center;
  }
}
.interview_detail-career-path-inner ul li .career-path-baloon {
  width: 100%;
  height: 16rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100vh;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.interview_detail-career-path-inner ul li .career-path-baloon .year {
  font-size: 2.6rem;
  font-weight: bold;
  color: #5779FC;
  margin-bottom: 0.4rem;
  line-height: 1;
}
.interview_detail-career-path-inner ul li .career-path-baloon .age {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 0;
  color: #3355AC;
}
.interview_detail-career-path-inner ul li .career-path-baloon .age span {
  font-size: 3.5rem;
  font-weight: normal;
}
@media screen and (max-width:768px) {
  .interview_detail-career-path-inner ul li .career-path-baloon:not(:last-child) {
    width: 16rem;
  }
  .interview_detail-career-path-inner ul li .career-path-baloon:not(:last-child)::after {
    content: "";
    display: block;
    width: 2px;
    height: 4rem;
    border-left: 2px dashed #5779FC;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.interview_detail-career-path-inner ul li .career-path-text {
  font-size: 1.4rem;
}

.interview_detail-career-path-img {
  margin-bottom: 8rem;
}

.other ul {
  display: flex;
  justify-content: center;
  gap: 4.5rem;
}
@media screen and (max-width:480px) {
  .other ul {
    flex-direction: column;
    gap: 3rem;
    align-items: center;
  }
}
.other ul li {
  width: 23rem;
  border-radius: 2rem;
  overflow: hidden;
}
.other ul li .other-image {
  height: 23rem;
  overflow: hidden;
}
.other ul li .other-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.other ul li .other-text {
  padding: 2.5rem 3rem 3rem;
  background: #F8F8F7;
}
.other ul li .other-text .name {
  font-size: 2.2rem;
  margin-bottom: 1.6rem;
}
.other ul li .other-text .text {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.other ul li .other-text .arrow {
  text-align: right;
}
.other ul li a {
  position: relative;
}
.other ul li a::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
  background-color: rgba(93, 204, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s;
}
.other ul li a:hover::before {
  width: 100%;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 0 auto;
}

.card {
  background: #f8f8f8;
  border-radius: 12px;
  padding: 24px 16px;
  text-align: center;
}

.card-tall {
  grid-row: span 2;
}

.card-wide {
  grid-column: span 2;
}

.card p {
  margin: 0 !important;
  font-size: 22px;
  color: #535353;
}

.card strong {
  display: block;
  color: #3355AC;
  font-size: 10rem;
  font-weight: bold;
  line-height: 1.1;
  font-family: "Montserrat", sans-serif;
}

.card strong span {
  font-size: 32px;
  font-weight: 600;
}

.card img {
  max-width: 80%;
  margin-top: 16px;
}

.card .small {
  font-size: 1.6rem;
}

.rate {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
@media screen and (max-width:1024px) {
  .rate {
    grid-template-columns: 1fr;
  }
}
.rate div {
  display: flex;
  font-size: 28px;
  justify-content: center;
  align-items: center;
}
.rate div p {
  color: #3355AC;
}
.rate div strong {
  font-size: 80px;
}
.rate div .ill3 {
  margin-right: 5.2rem;
}
.rate div .ill4 {
  margin-left: 2.7rem;
}

@media (max-width: 480px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
  .card-wide,
  .card-tall {
    grid-column: auto;
    grid-row: auto;
  }
}
.position-relative {
  position: relative;
}

.card .saiyou {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width:1024px) {
  .card .saiyou {
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width:480px) {
  .card .saiyou {
    justify-content: center;
  }
}
.card .saiyou div p {
  font-size: 28px;
  color: #3355AC;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.card .saiyou div p span {
  display: flex;
  align-items: center;
}
.card .saiyou div p strong {
  font-size: 60px;
  padding-left: 20px;
}

.card .rishoku {
  display: flex;
  align-items: center;
  gap: 1.8rem;
}
@media screen and (max-width:1024px) {
  .card .rishoku {
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width:480px) {
  .card .rishoku {
    justify-content: center;
  }
}
.card .rishoku div p {
  font-size: 28px;
  color: #3355AC;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card .rishoku div p span {
  display: flex;
  align-items: center;
}
.card .rishoku div p strong {
  font-size: 60px;
  padding-left: 20px;
}
.card .rishoku div p strong.pr1 {
  padding-right: 1rem;
}

.environment-wrap {
  padding-bottom: 8rem;
}
.environment-wrap .environment-items .environment-item {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.environment-wrap .environment-items .environment-item li {
  background: #F8F8F7;
  border-radius: 2rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: calc(50% - 2rem);
}
.environment-wrap .environment-items .environment-item li.--full {
  width: 100%;
}
.environment-wrap .environment-items .environment-item li.--full .environment-item-text {
  text-align: center;
}
.environment-wrap .environment-items .environment-item li.--full p {
  display: inline-block;
  text-align: left;
}
@media screen and (max-width:480px) {
  .environment-wrap .environment-items .environment-item li {
    width: 100%;
  }
}
.environment-wrap .environment-items .environment-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.environment-wrap .environment-items .environment-item-text h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
}
.environment-wrap .environment-items .environment-item-text p {
  line-height: 1.8;
}

.btn-wrap.--faq {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  margin-bottom: 8rem;
}
@media screen and (max-width:768px) {
  .btn-wrap.--faq {
    flex-direction: column;
  }
}
.btn-wrap.--faq li {
  width: min(100%, 52rem);
}
@media screen and (max-width:768px) {
  .btn-wrap.--faq li {
    width: 100%;
  }
}
.btn-wrap.--faq li a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 2rem 10rem;
  border: 2px solid #25416C;
  border-radius: 100vh;
  line-height: 1.6;
  z-index: 1;
}
@media screen and (max-width:768px) {
  .btn-wrap.--faq li a {
    padding: 1.8rem 3rem;
    justify-content: center;
  }
}
.btn-wrap.--faq li a span {
  position: relative;
  z-index: 1;
}
.btn-wrap.--faq li a span > span {
  font-size: 2rem;
}
.btn-wrap.--faq li a::before {
  content: "";
  display: block;
  order: inherit;
}
.btn-wrap.--faq li a::after {
  content: "";
  z-index: 0;
}
.btn-wrap.--faq li.contact-faq a {
  background: #fff;
  color: #25416C;
}
.btn-wrap.--faq li.contact-faq a::before {
  background: url("../img/under/recruit/top/icon-faq.svg") no-repeat center/contain;
  width: 28px;
  height: 30px;
  z-index: 1;
}
.btn-wrap.--faq li.contact-faq a::after {
  background: #25416C;
}
.btn-wrap.--faq li.contact-faq a:hover::before {
  background: url("../img/under/recruit/top/icon-faq-on.svg") no-repeat center/contain;
  z-index: 1;
}
.btn-wrap.--faq li.contact-faq a:hover span {
  color: #fff;
}
.btn-wrap.--faq li.contact a {
  background: #25416C;
  color: #fff;
}
.btn-wrap.--faq li.contact a::before {
  background: url("../img/under/recruit/top/icon-mail.svg") no-repeat center/contain;
  width: 28px;
  height: 30px;
  z-index: 1;
}
.btn-wrap.--faq li.contact a::after {
  background: #fff;
}
.btn-wrap.--faq li.contact a:hover::before {
  background: url("../img/under/recruit/top/icon-mail-on.svg") no-repeat center/contain;
}
.btn-wrap.--faq li.contact a:hover span {
  color: #25416C;
}

.environment-faq-wrap .recruit-pagelink {
  padding-bottom: 8rem;
}
.environment-faq-wrap .recruit-pagelink li {
  width: auto;
  flex: 1;
  text-align: center;
}
@media screen and (max-width:1128px) {
  .environment-faq-wrap .recruit-pagelink li {
    width: auto;
    flex: auto;
  }
}
@media screen and (max-width:640px) {
  .environment-faq-wrap .recruit-pagelink li {
    width: 100%;
  }
}

.faq-item:not(:last-child) {
  margin-bottom: 6rem;
}
.faq-item img {
  margin-bottom: 6rem;
}
.faq-item h2 {
  font-size: 2.4rem;
  font-weight: 500;
  padding-bottom: 2rem;
  border-bottom: 1px solid #3355AC;
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 3rem;
}
.faq-item h2 span {
  width: 4.8rem;
  height: 4.8rem;
  background: #3355AC;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 1.9rem;
  font-weight: 500;
  flex-shrink: 0;
}
.faq-item dl:not(:last-child) {
  margin-bottom: 4rem;
}
.faq-item dl dt, .faq-item dl dd {
  display: flex;
}
.faq-item dl dt span.num, .faq-item dl dd span.num {
  font-size: 2rem;
  font-weight: bold;
  padding-right: 1rem;
  display: inline-block;
  width: 5rem;
  flex-shrink: 0;
  white-space:nowrap;
}
@media screen and (max-width:768px) {
  .faq-item dl dt span.num, .faq-item dl dd span.num {
    font-size: 2.2rem;
  }
}
.faq-item dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  color: #3355AC;
  margin-bottom: 2rem;
}
@media screen and (max-width:768px) {
  .faq-item dl dt {
    font-size: 2.2rem;
  }
}
.faq-item dl dd {
  font-size: 1.6rem;
}

.checkbox-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.checkbox-wrap p {
  width: calc(50% - 0.6rem);
}
@media screen and (max-width:480px) {
  .checkbox-wrap p {
    width: 100%;
  }
}

.side-nav .side-ttl {
  padding-left: 0;
}
.side-nav .side-ttl::before {
  display: none;
}

.side-nav .side-ttl a::after {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  border-top: 0.1rem solid #535353;
  border-right: 0.1rem solid #535353;
  transform: rotate(45deg);
  position: absolute;
  right: 1.4rem;
  top: 50%;
  margin-top: -0.5rem;
  transition: all 0.3s;
}

.side-nav .side-ttl a::before {
  content: "●";
  font-size: 0.8rem;
  color: #2F85C5;
  margin: 0;
}

.side-nav .side-ttl a {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  gap: 1.2rem;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
  padding: 1.2rem 3.4rem 1.2rem 1.4rem;
  width: 100%;
}

.side-nav .side-ttl a:hover {
  color: #2F85C5;
  background-color: #f9f9f9;
}
.side-nav .side-ttl a:hover::after {
  border-color: #2F85C5;
}

.form-footer .footer-wrap {
  padding: 1rem 1.5rem 1rem !important;
}
.form-footer .footer-wrap .copyright {
  padding: 0 !important;
}

.page-container.form-type {
  padding: 14rem 0 10rem;
}

@media screen and (max-width:768px) {
.page-container.form-type {
  padding: 5rem 0 7rem;
}

}
.side-nav {
  position: sticky;
  top: 69px;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width:768px) {
  .side-nav {
    position: static;
  }
}
main.recruit.--lower {
  overflow-x: visible;
}

.form-body table tr td input[type=tel] {
  font-size: 1.6rem;
  background: rgba(244, 244, 244, 0.8);
  padding: 1.6rem;
  border: none;
  border-radius: 0.5rem;
  width: 100%;
}

/* 個別ページ（就活ハラスメント防止基本方針など）：段落頭を1文字分字下げ */
.page-container.individual .introduction p,
.page-container.individual .sec-body > p.txt {
  text-indent: 1em;
}

/* 個別ページ：グレーボックス内の箇条書きの左余白を右余白（ボックスのpadding）に揃える */
.page-container.individual .gray-box ul.list-disc {
  padding-left: 0;
}
.page-container.individual .gray-box ul.list-disc li {
  padding-left: 1em;
  text-indent: -1em;
}
/*# sourceMappingURL=recruit.css.map */