@charset "UTF-8";
/* mv */
#mv .l_inner .mv_grid {
  --start-wait: 0ms;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
  #mv .l_inner .mv_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#mv .l_inner .mv_grid li {
  position: relative;
  background: #005BAC;
  border-radius: 3.5714285714vw;
  opacity: 0;
  transform: translateY(8px);
  filter: blur(2px);
  animation: tile-in 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
  animation-play-state: paused;
  /* 可視まで停止 */
  animation-delay: calc(var(--start-wait, 0ms) + var(--i, 0) * 110ms);
  /* 1段目スタッガー */
}
#mv .l_inner .mv_grid li.-ph {
  overflow: hidden;
}
#mv .l_inner .mv_grid li.-ph img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  clip-path: circle(0% at 50% 50%);
  filter: blur(2px);
  animation: radial-in 0.65s ease-out both;
  animation-play-state: paused;
  /* 1段目の全体終了オフセット + 自身の順番 */
  animation-delay: calc(var(--phase2-offset, 0ms) + var(--j, 0) * 120ms);
}
#mv .l_inner .mv_grid li.-copy {
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #mv .l_inner .mv_grid li.-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5.3333333333vw;
  }
}
#mv .l_inner .mv_grid li.-copy img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4.2857142857vw;
  margin: auto;
  width: 26.0714285714vw;
  opacity: 0;
  transform: translateY(6px);
  filter: blur(2px);
  animation: copy-in 0.5s ease-out both;
  animation-play-state: paused;
  animation-delay: var(--copy-delay, 0ms);
}
@media screen and (max-width: 767px) {
  #mv .l_inner .mv_grid li.-copy img {
    position: static;
    width: 100%;
  }
}
#mv .l_inner .mv_grid.is-inview {
  --start-wait: 500ms;
}
#mv .l_inner .mv_grid.is-inview li {
  animation-play-state: running;
}
#mv .l_inner .mv_grid.is-inview li.-ph img {
  animation-play-state: running;
}
#mv .l_inner .mv_grid.is-inview li.-copy img {
  animation-play-state: running;
}
#mv .l_inner {
  /* Keyframes */
}
@keyframes tile-in {
  0% {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}
@keyframes radial-in {
  0% {
    clip-path: circle(0% at 50% 50%);
    filter: blur(2px);
  }
  100% {
    clip-path: circle(150% at 50% 50%);
    filter: blur(0);
  }
  /* 150%で全面化 */
}
@keyframes copy-in {
  to {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}

/* about */
#about .l_inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: min(55.2857142857vw, 774px);
  padding: min(10.7142857143vw, 150px) 0;
}
@media screen and (max-width: 767px) {
  #about .l_inner {
    flex-direction: column-reverse;
    height: auto;
    padding: 35.3333333333vw 5.3333333333vw 20vw 5.3333333333vw;
  }
}
#about .l_inner .txt {
  width: min(22.4285714286vw, 314px);
  margin-right: max(-1.7857142857vw, -25px);
  z-index: 50;
}
@media screen and (max-width: 767px) {
  #about .l_inner .txt {
    height: auto;
    width: 100%;
    padding: 0 6.6666666667vw;
    margin-right: auto;
  }
}
#about .l_inner .txt h2 {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  #about .l_inner .txt h2 {
    width: 41.8666666667vw;
    margin-top: -61.0666666667vw;
    margin-bottom: 42.6666666667vw;
  }
}
#about .l_inner .img {
  width: 65.7142857143vw;
  height: min(33.8571428571vw, 474px);
  overflow: hidden;
  border-radius: min(2.3571428571vw, 33px) 0 0 min(2.3571428571vw, 33px);
  background-image: url(../images/top/bg_about.jpg);
  background-size: 65.7142857143vw auto;
  background-repeat: no-repeat;
  background-position: top right;
}
@media screen and (max-width: 767px) {
  #about .l_inner .img {
    width: 100%;
    height: 41.3333333333vw;
    border-radius: 3.5714285714vw;
    background-size: cover;
  }
}
@keyframes bg-pan-y {
  from {
    background-position: 0% right;
  }
  to {
    background-position: 100% right;
  }
}
@supports (animation-timeline: view()) {
  #about .l_inner .img .img {
    animation: bg-pan-y linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 50%;
  }
}
@media (max-width: 767px) {
  #about .l_inner .img .img {
    width: 100%;
    height: 41.3333333333vw;
    background-size: cover;
  }
}

/* mission */
#mission {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  background-color: #00316A;
  border-radius: min(3.5714285714vw, 50px);
}
#mission .l_inner {
  overflow-x: clip;
  overflow-y: visible;
  width: 100%;
  margin: 0 auto;
  padding: min(8.2142857143vw, 115px) min(18.2142857143vw, 255px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner {
    padding: 20vw 5.3333333333vw;
  }
}
#mission .l_inner .bg_parts {
  position: relative;
}
#mission .l_inner .bg_parts figure {
  position: absolute;
}
#mission .l_inner .bg_parts figure.parts01 {
  top: max(-10.7142857143vw, -150px);
  right: max(-5.2142857143vw, -73px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts01 {
    width: 9.3333333333vw;
    top: -24vw;
    right: 24vw;
  }
}
#mission .l_inner .bg_parts figure.parts02 {
  top: max(-1.7857142857vw, -25px);
  left: max(-25.7142857143vw, -360px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts02 {
    width: 80.1333333333vw;
    top: 52vw;
    left: -42vw;
  }
}
#mission .l_inner .bg_parts figure.parts03 {
  top: min(35.7142857143vw, 500px);
  right: max(-20.7142857143vw, -290px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts03 {
    width: 11.7333333333vw;
    top: 0;
    right: 0;
  }
}
#mission .l_inner .bg_parts figure.parts04 {
  top: min(37.8571428571vw, 530px);
  left: max(-6.7857142857vw, -95px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts04 {
    display: none;
  }
}
#mission .l_inner .bg_parts figure.parts05 {
  top: min(42.1428571429vw, 590px);
  left: max(-12.8571428571vw, -180px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts05 {
    display: none;
  }
}
#mission .l_inner .bg_parts figure.parts06 {
  top: min(66.4285714286vw, 930px);
  right: max(-10.2857142857vw, -144px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .bg_parts figure.parts06 {
    display: none;
  }
}
#mission .l_inner .what_image {
  margin-bottom: min(5vw, 70px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .what_image {
    margin-bottom: 12vw;
  }
}
#mission .l_inner .what_image h2 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: min(4.2857142857vw, 60px);
  font-size: min(2.7857142857vw, 3.9rem);
  color: #FFF;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .what_image h2 {
    display: block;
    margin-bottom: 3.3333333333vw;
    padding: 0 4.6666666667vw;
    font-size: 7.4666666667vw;
    line-height: 1.8;
    text-align: left;
  }
}
#mission .l_inner .what_image h2 span {
  position: relative;
  display: inline-block;
}
#mission .l_inner .what_image h2 span::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.4rem);
  transform: translateX(-50%);
  width: min(0.6428571429vw, 9px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: currentColor;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .what_image h2 span::before {
    bottom: calc(100% - 0.2rem);
    width: 1.4666666667vw;
  }
}
#mission .l_inner .what_image h3 {
  margin-bottom: min(1.7857142857vw, 25px);
  color: #fff;
  font-size: min(1.5714285714vw, 2.2rem);
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: max(-0.0714285714vw, -1px);
  text-decoration-color: #00AFEC;
  text-decoration-thickness: min(0.6428571429vw, 9px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .what_image h3 {
    margin-bottom: 8vw;
    padding: 0 4.6666666667vw;
    font-size: 4.6666666667vw;
    line-height: 1.8;
    text-align: left;
    text-underline-offset: -0.1333333333vw;
    text-decoration-thickness: 1.8666666667vw;
  }
}
@supports (font: -apple-system-body) {
  #mission .l_inner .what_image h3 {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-underline-offset: 0;
  }
}
#mission .l_inner .what_image p {
  color: #fff;
  font-size: min(1.1428571429vw, 1.6rem);
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .what_image p {
    font-size: 4vw;
    line-height: 1.8;
    text-align: left;
  }
}
#mission .l_inner .before_join {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: min(5.3571428571vw, 75px);
  background-color: #FFF;
  border-radius: min(3.5714285714vw, 50px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join {
    padding: 8.6666666667vw 3.3333333333vw;
    border-radius: 6.6666666667vw;
  }
}
#mission .l_inner .before_join .catch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(1.4285714286vw, 20px);
  margin-bottom: min(1.4285714286vw, 20px);
  color: #00316A;
  font-size: min(1.4285714286vw, 2rem);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join .catch {
    gap: 0 4vw;
    margin-bottom: 3.3333333333vw;
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
#mission .l_inner .before_join .catch::before, #mission .l_inner .before_join .catch::after {
  display: block;
  content: "";
  width: min(0.1428571429vw, 2px);
  height: min(2.5714285714vw, 36px);
  background-color: #00316A;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join .catch::before, #mission .l_inner .before_join .catch::after {
    width: 0.2666666667vw;
    height: 6.6666666667vw;
    text-align: center;
  }
}
#mission .l_inner .before_join .catch::before {
  transform: rotate(-30deg);
}
#mission .l_inner .before_join .catch::after {
  transform: rotate(30deg);
}
#mission .l_inner .before_join .sbj {
  width: min(52.5714285714vw, 736px);
  margin-bottom: min(5vw, 70px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join .sbj {
    width: 72.2666666667vw;
    margin-bottom: 8vw;
  }
}
#mission .l_inner .before_join .img {
  width: min(44.5714285714vw, 624px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join .img {
    width: 68.2666666667vw;
  }
}
#mission .l_inner .before_join .icn {
  position: absolute;
  left: min(5.3571428571vw, 75px);
  bottom: min(5.3571428571vw, 75px);
  width: min(6.3571428571vw, 89px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .before_join .icn {
    left: 8vw;
    bottom: -4.4vw;
    width: 16vw;
  }
}
#mission .l_inner .arrow {
  display: block;
  width: min(4.3571428571vw, 61px);
  height: min(3.5714285714vw, 50px);
  margin: min(2.8571428571vw, 40px) auto;
  background: #FFFFFF;
  clip-path: polygon(0 39.2%, 21.2% 39.2%, 21.2% 0, 78.8% 0, 78.8% 39.2%, 100% 39.2%, 50% 100%);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .arrow {
    width: 13.3333333333vw;
    height: 10.9333333333vw;
    margin: 4.6666666667vw auto;
  }
}
#mission .l_inner .after_join {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: min(5.3571428571vw, 75px);
  margin-bottom: min(5.7142857143vw, 80px);
  background-color: #FFF;
  border-radius: min(3.5714285714vw, 50px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .after_join {
    padding: 8.6666666667vw 3.3333333333vw;
    border-radius: 6.6666666667vw;
  }
}
#mission .l_inner .after_join .img {
  width: min(52.8571428571vw, 740px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .after_join .img {
    width: 100%;
  }
}
#mission .l_inner .after_join .icn {
  position: absolute;
  left: min(5.3571428571vw, 75px);
  bottom: min(5.3571428571vw, 75px);
  width: min(6.3571428571vw, 89px);
}
@media screen and (max-width: 767px) {
  #mission .l_inner .after_join .icn {
    left: auto;
    bottom: auto;
    right: 8vw;
    top: -4.4vw;
    width: 16vw;
  }
}
#mission .l_inner .actually {
  width: 100%;
}
#mission .l_inner .actually .img {
  width: min(47.8571428571vw, 670px);
  margin: 0 auto min(5.7142857143vw, 80px) auto;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .actually .img {
    width: 84.2666666667vw;
    margin: 0 auto 10vw auto;
  }
}
#mission .l_inner .actually .button_list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .actually .button_list {
    flex-direction: column;
    gap: 6.6666666667vw 0;
  }
}
@media screen and (max-width: 767px) {
  #mission .l_inner .actually .button_list::before {
    display: block;
    content: "";
    width: 7.7333333333vw;
    height: 9.4666666667vw;
    margin: 0 auto;
    background-image: url(../images/top/icn_finger.svg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
#mission .l_inner .actually .button_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px 0;
}
#mission .l_inner .actually .button_list li::before {
  display: block;
  content: "";
  width: min(3vw, 42px);
  height: min(3.7142857143vw, 52px);
  background-image: url(../images/top/icn_finger.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #mission .l_inner .actually .button_list li::before {
    display: none;
  }
}

/* voices */
#voices .l_inner {
  padding: min(9.2857142857vw, 130px) 0;
}
@media screen and (max-width: 767px) {
  #voices .l_inner {
    padding: 20vw 0 5.3333333333vw 0;
  }
}
#voices .l_inner .subject {
  margin-bottom: min(5.7142857143vw, 80px);
}
@media screen and (max-width: 767px) {
  #voices .l_inner .subject {
    margin-bottom: 8vw 0;
  }
}
#voices .l_inner .subject h2 {
  width: min(46.0714285714vw, 645px);
  margin: 0 auto min(1.4285714286vw, 20px) auto;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .subject h2 {
    width: 89.3333333333vw;
    margin: 0 auto 3.3333333333vw auto;
  }
}
#voices .l_inner .subject p {
  color: #005BAC;
  font-size: min(1.4285714286vw, 2rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .subject p {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #voices .l_inner .mySwiper {
    padding-bottom: 6.6666666667vw;
  }
}
#voices .l_inner .voices_item {
  position: relative;
  width: min(23.5714285714vw, 330px);
  height: min(37.1428571429vw, 520px);
  margin: 0 min(1.4285714286vw, 20px);
  border-radius: min(2.3571428571vw, 33px);
  transition: 0.5s ease;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item {
    width: 60vw;
    height: 94.6666666667vw;
    margin: 0 4vw 4.6666666667vw 4vw;
    border-radius: 4.4vw;
  }
}
#voices .l_inner .voices_item::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #B7B4B4;
  border-radius: min(2.3571428571vw, 33px);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.5;
  transition: 0.5s ease;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item::before {
    border-radius: 4.4vw;
  }
}
#voices .l_inner .voices_item .prof {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  gap: min(1.7857142857vw, 25px) 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: min(2.1428571429vw, 30px) min(1.0714285714vw, 15px);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .prof {
    gap: 3.3333333333vw 0;
    padding: 18.6666666667vw 4vw 0vw 4vw;
  }
}
#voices .l_inner .voices_item .prof .message {
  width: 100%;
  color: #FFF;
  font-size: min(1.4285714286vw, 2rem);
  line-height: 1.4;
  text-align: left;
  text-box: trim-both cap alphabetic;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .prof .message {
    font-size: 3.6vw;
  }
}
#voices .l_inner .voices_item .prof .division {
  width: 100%;
  color: #FFF;
  font-size: min(0.9285714286vw, 1.3rem);
  text-align: left;
  text-box: trim-both cap alphabetic;
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .prof .division {
    margin-bottom: 6.6666666667vw;
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .prof .c_button {
    margin-bottom: -3.3333333333vw;
    z-index: 98;
  }
}
#voices .l_inner .voices_item .ph {
  position: relative;
  width: 100%;
  height: 100%;
}
#voices .l_inner .voices_item .ph img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: min(2.3571428571vw, 33px);
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .ph img {
    border-radius: 4.4vw;
  }
}
#voices .l_inner .voices_item .ph::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(transparent, transparent 50%, rgba(0, 0, 0, 0.2509803922) 60% 100%);
  border-radius: min(2.3571428571vw, 33px);
}
@media screen and (max-width: 767px) {
  #voices .l_inner .voices_item .ph::after {
    border-radius: 4.4vw;
  }
}
#voices .l_inner .voices_item.slick-center:not(.slick-cloned)::before {
  opacity: 1;
  border: 3px solid #005BAC;
}
#voices .l_inner .voices_item.slick-center, #voices .l_inner .voices_item.slick-active {
  opacity: 1;
}
#voices .l_inner .controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(2.3571428571vw, 33px);
  margin-top: min(2.5vw, 35px);
}
@media screen and (max-width: 767px) {
  #voices .l_inner .controller {
    display: none;
  }
}
#voices .l_inner .controller .next,
#voices .l_inner .controller .prev,
#voices .l_inner .controller .pagination {
  position: static;
  width: auto;
}
#voices .l_inner .controller .next,
#voices .l_inner .controller .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(2.5vw, 35px);
  height: min(2.5vw, 35px);
  border: 1px solid #005BAC;
  border-radius: 50%;
  cursor: pointer;
}
#voices .l_inner .controller .next::after,
#voices .l_inner .controller .prev::after {
  content: "";
  display: block;
  width: min(0.6428571429vw, 9px);
  height: min(0.5714285714vw, 8px);
  background-color: #005BAC;
}
#voices .l_inner .controller .next::after {
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  margin-left: min(0.1428571429vw, 2px);
}
#voices .l_inner .controller .prev::after {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  margin-right: min(0.1428571429vw, 2px);
}
#voices .l_inner .controller .pagination .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(1.7142857143vw, 24px);
}
#voices .l_inner .controller .pagination .slick-dots li {
  width: min(1vw, 14px);
  height: min(1vw, 14px);
  margin: 0;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
}
#voices .l_inner .controller .pagination .slick-dots li.slick-active {
  background-color: #005BAC;
}
#voices .l_inner .controller .pagination .slick-dots li button {
  font-size: 0;
  line-height: 0;
}

/* feature */
#feature {
  background-image: url(../images/top/bg_feature.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: min(2.3571428571vw, 33px);
  height: min(45vw, 630px);
}
@media screen and (max-width: 767px) {
  #feature {
    height: auto;
    padding-bottom: 18.6666666667vw;
    background-image: none;
    border-radius: 0;
  }
}
#feature .l_inner {
  width: min(62.8571428571vw, 880px);
  margin: 0 auto;
  padding-top: min(4.2857142857vw, 60px);
}
@media screen and (max-width: 767px) {
  #feature .l_inner {
    width: 100%;
    padding-top: 0;
  }
}
#feature .l_inner .img {
  width: 80vw;
  margin: 0 0 8.6666666667vw auto;
}
#feature .l_inner .img img {
  border-radius: 4.4vw 0 0 4.4vw;
}
#feature .l_inner h2 {
  width: min(26.5714285714vw, 372px);
  margin-bottom: min(2.1428571429vw, 30px);
}
@media screen and (max-width: 767px) {
  #feature .l_inner h2 {
    width: 79.6vw;
    margin: 0 auto 6vw auto;
  }
}
#feature .l_inner p {
  margin-bottom: min(3.9285714286vw, 55px);
  font-size: min(1.1428571429vw, 1.6rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #feature .l_inner p {
    margin-bottom: 5vw;
    padding: 0 5.3333333333vw;
    font-size: 4vw;
  }
}

/* news */
#news {
  background-color: #F2F4F5;
}
#news .l_inner {
  width: min(100%, 1400px);
  margin: 0 auto;
  padding: min(10.3571428571vw, 145px) min(18.5714285714vw, 260px) min(16.4285714286vw, 230px) min(18.5714285714vw, 260px);
  background-image: url(../images/top/bg_news_parts01.svg);
  background-size: min(33.1428571429vw, 464px) auto;
  background-repeat: no-repeat;
  background-position: top min(15.7142857143vw, 220px) left;
}
@media screen and (max-width: 767px) {
  #news .l_inner {
    width: 100%;
    padding: 20vw 5.3333333333vw 36vw 5.3333333333vw;
    background-size: 49.3333333333vw auto;
    background-position: top left;
  }
}
#news .l_inner .subject {
  margin-bottom: min(5.7142857143vw, 80px);
}
#news .l_inner .subject h2 {
  width: min(11.0714285714vw, 155px);
  margin: 0 auto min(1.4285714286vw, 20px) auto;
}
@media screen and (max-width: 767px) {
  #news .l_inner .subject h2 {
    width: 24.8vw;
    margin: 0 auto 3.3333333333vw auto;
  }
}
#news .l_inner .subject p {
  color: #005BAC;
  font-size: min(1.4285714286vw, 2rem);
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #news .l_inner .subject p {
    font-size: 4vw;
  }
}
#news .l_inner .news_list {
  width: 100%;
  margin: 0 auto min(6.4285714286vw, 90px) auto;
}
@media screen and (max-width: 767px) {
  #news .l_inner .news_list {
    margin: 0 auto 10.6666666667vw auto;
  }
}
#news .l_inner .news_list li {
  border-bottom: 1px solid #5A5959;
}
#news .l_inner .news_list li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 min(2.8571428571vw, 40px);
  width: 100%;
  padding: min(1.4285714286vw, 20px) 0;
  font-size: min(1.2857142857vw, 1.8rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #news .l_inner .news_list li a {
    flex-wrap: wrap;
    padding: 4vw 0;
    font-size: 4vw;
  }
}
#news .l_inner .news_list li a.-disabled {
  opacity: 1 !important;
  pointer-events: none !important;
}
@media screen and (max-width: 767px) {
  #news .l_inner .news_list li a time {
    width: 100%;
  }
}
#news .l_inner .news_list li a p {
  flex: 1;
}

/* working_life */
#working_life .l_inner {
  width: min(100%, 1400px);
  margin: 0 auto;
  padding: min(9.2857142857vw, 130px) min(10vw, 140px) min(8.5714285714vw, 120px) min(10vw, 140px);
}
@media screen and (max-width: 767px) {
  #working_life .l_inner {
    padding: 0 0 10vw 5.3333333333vw;
  }
}
#working_life .l_inner .working_life_grid {
  display: grid;
  width: 100%;
  grid-template-columns: min(50.5vw, 707px) min(29.5vw, 413px);
  gap: 0;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid {
    position: relative;
    display: flex;
    flex-direction: column;
  }
}
#working_life .l_inner .working_life_grid .ph img {
  border-radius: min(3.5714285714vw, 50px);
}
#working_life .l_inner .working_life_grid .ph.ph01 {
  grid-area: 1/1/2/2;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph01 {
    order: 4;
  }
}
#working_life .l_inner .working_life_grid .ph.ph01 figure {
  width: min(39.1428571429vw, 548px);
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph01 figure {
    width: 82.6666666667vw;
    margin-left: 6.6666666667vw;
  }
}
#working_life .l_inner .working_life_grid .ph.ph02 {
  grid-area: 1/2/2/3;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph02 {
    order: 2;
  }
}
#working_life .l_inner .working_life_grid .ph.ph02 figure {
  width: min(26.2142857143vw, 367px);
  margin-top: max(-20.7142857143vw, -290px);
  margin-right: min(3.5714285714vw, 50px);
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph02 figure {
    width: 58.8vw;
    margin-top: -16.6666666667vw;
    margin-left: auto;
    margin-right: 0;
  }
}
#working_life .l_inner .working_life_grid .ph.ph03 {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph03 {
    order: 3;
  }
}
#working_life .l_inner .working_life_grid .ph.ph03 figure {
  width: min(20vw, 280px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .ph.ph03 figure {
    width: 48.2666666667vw;
    margin-left: 0;
    margin-right: auto;
  }
}
#working_life .l_inner .working_life_grid .copy {
  grid-area: 2/1/3/2;
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .copy {
    position: absolute;
    order: 1;
    z-index: 2;
    top: 0;
    left: 0;
  }
}
#working_life .l_inner .working_life_grid .copy figure {
  width: min(42.3571428571vw, 593px);
  margin-top: min(6.0714285714vw, 85px);
  margin-left: min(8.5714285714vw, 120px);
}
@media screen and (max-width: 767px) {
  #working_life .l_inner .working_life_grid .copy figure {
    width: 62.4vw;
    margin-top: 14.6666666667vw;
    margin-left: 1.3333333333vw;
  }
}
/*# sourceMappingURL=top.css.map */