@charset "UTF-8";
/* ------------------------------------

colors setting

------------------------------------ */
/* ------------------------------------

colors setting の変数ではなく
下記の左側の変数をcssで指定する

×：$black
◯：$dark-text

------------------------------------ */
/*  text-color
*----------------------------------- */
/*  background-color
*----------------------------------- */
/*  border-color
*----------------------------------- */
/*  system-color
*----------------------------------- */
/*  cv
*----------------------------------- */
/*  footer
*----------------------------------- */
/*  menu
*----------------------------------- */
/*  new icon
*----------------------------------- */
/*  horizontal
*----------------------------------- */
/*  slick-color
*----------------------------------- */
.en {
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.en02 {
  font-family: "montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.yakuhan {
  font-family: "YakuHanJP", "ryo-gothic-plusn", sans-serif;
}

/* mobile */
@media (min-width: 768px) {
  .page-top .js-header {
    opacity: 0;
    pointer-events: none;
  }
  .page-top .js-header.active {
    opacity: 1;
    transition: 0.3s;
    pointer-events: all;
  }
}
.mv {
  margin-bottom: 65px;
  position: relative;
}
@media (max-width: 767px) {
  .mv {
    margin-bottom: 6.1538461538dvw;
  }
}
.mv::after {
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ff2184 0%, #ff6121 16%, #ffff2c 32%, #47e522 50%, #49bbf7 66%, #1c65de 82%, #762ed8 100%);
  display: block;
}
@media (max-width: 767px) {
  .mv::after {
    height: 1.0256410256dvw;
  }
}
.mv div img {
  max-width: unset;
}
@media (min-width: 768px) {
  .mv div img {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
.mv .mv_text {
  position: absolute;
  z-index: 1;
  width: 63%;
  left: -1.8%;
}
@media (max-width: 767px) {
  .mv .mv_text {
    width: 99%;
    left: 0.2%;
  }
}

#mask-path {
  fill: none;
  /* 塗りの色 */
  stroke: #ffffff;
  /* 線の色 */
  stroke-width: 27px;
  /* 線幅 */
  stroke-linecap: round;
  /* 線端の形状 */
  stroke-linejoin: round;
  /* 角の形状 */
  stroke-dasharray: 7000;
  /* 線の間隔を指定する */
  stroke-dashoffset: 7000;
  /* 線の位置を指定する */
  animation: draw 5s ease forwards;
  /* アニメーション設定 5秒間で線が描かれる*/
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.intro {
  margin-bottom: 115px;
  padding: 58px 40px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 80%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px) {
  .intro {
    margin-bottom: 1.5384615385dvw;
    padding: 24.358974359dvw 5.1282051282dvw 29.7435897436dvw;
  }
}
@media (min-width: 768px) {
  .intro__wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .intro__txt {
    padding: 76px 12px 0 0;
  }
}
.intro__txt p {
  font-size: 2.1rem;
  line-height: 1.9523809524;
}
@media (max-width: 767px) {
  .intro__txt p {
    font-size: 16px;
    font-size: 4.1025641026dvw;
    line-height: 2.125;
    letter-spacing: 0.03em;
  }
}
.intro__txt p:not(:last-child) {
  margin-bottom: 1.9em;
}
@media (max-width: 767px) {
  .intro__txt p:not(:last-child) {
    margin-bottom: 2.1em;
  }
}
@media (min-width: 768px) {
  .intro__img {
    max-width: 585px;
  }
}
@media (max-width: 767px) {
  .intro__img {
    margin-top: 4.8717948718dvw;
  }
}

.recruit-movie {
  position: relative;
}
@media (max-width: 767px) {
  .recruit-movie {
    height: 56.6666666667dvw;
  }
}
.recruit-movie__ttl {
  top: 42px;
  position: absolute;
  writing-mode: vertical-lr;
  font-size: 4.9rem;
  line-height: 1;
  font-weight: 900;
  font-family: "montserrat", sans-serif;
  color: #fbfbf8;
  opacity: 0.8;
  text-box: trim-both cap alphabetic;
}
@media (min-width: 768px) {
  .recruit-movie__ttl {
    left: 44px;
  }
}
@media (max-width: 767px) {
  .recruit-movie__ttl {
    top: 3.8461538462dvw;
    right: 4.1025641026dvw;
    font-size: 23px;
    font-size: 5.8974358974dvw;
  }
}
.recruit-movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about {
  background-color: #151b2f;
  padding: 113px 40px 92px;
  position: relative;
}
@media (max-width: 767px) {
  .about {
    padding: 21.2820512821dvw 5.1282051282dvw 22.5641025641dvw;
  }
}
.about::before, .about::after {
  position: absolute;
  display: block;
  content: "";
}
.about::before {
  top: -93px;
  right: calc(50% + 345px);
  width: 514px;
  height: 320px;
  background: url("../images/top/bg_about.png") center/contain no-repeat;
}
@media (max-width: 767px) {
  .about::before {
    top: 1vw;
    width: 57.051282dvw;
    height: 38.7179487179dvw;
    right: calc(50% + 11vw);
    z-index: 1;
  }
}
.about::after {
  top: 69px;
  left: calc(50% + 331px);
  width: 581px;
  height: 581px;
  background: url("../images/top/bg_about_effect.png") center/contain no-repeat;
  mix-blend-mode: color;
}
@media (max-width: 767px) {
  .about::after {
    top: 13.0769230769dvw;
    left: calc(50% + 46px);
    width: 95.1282051282dvw;
    height: 95.1282051282dvw;
  }
}
.about__ttl {
  margin-bottom: 59px;
  text-align: center;
}
@media (max-width: 767px) {
  .about__ttl {
    z-index: 2;
    position: relative;
    margin-bottom: 18.4615384615dvw;
  }
}
.about__ttl span {
  margin-bottom: 20px;
  display: block;
  line-height: 1;
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 767px) {
  .about__ttl span {
    margin-bottom: 3.8461538462dvw;
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.about__ttl img {
  display: block;
  width: 367px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about__ttl img {
    width: 63.0769230769dvw;
  }
}

.about-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 30px;
}
@media (min-width: 768px) {
  .about-list {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .about-list {
    gap: 5.1282051282dvw;
  }
}
.about-list__item {
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
}
@media (max-width: 767px) {
  .about-list__item {
    border-radius: 7.6923076923dvw;
  }
}
.about-list__item a {
  display: block;
}
@media (min-width: 768px) {
  .about-list__item a {
    position: relative;
  }
}
@media (max-width: 767px) {
  .about-list__item a {
    color: #fff;
  }
}
.about-list__item a:hover {
  opacity: 1;
}
.about-list__item a:hover img {
  opacity: 1;
}
.about-list__item.what {
  background: linear-gradient(120deg, #ff6121 0%, #ff2284 100%);
}
.about-list__item.environments {
  background: linear-gradient(120deg, #49bbf7 0%, #47e522 100%);
}
.about-list__item.vision {
  background: linear-gradient(120deg, #762ed8 0%, #1c65de 100%);
}
.about-list__item:hover.what {
  background: #fff;
}
.about-list__item:hover.environments {
  background: #fff;
}
.about-list__item:hover.vision {
  background: #fff;
}

.about-list-img {
  display: block;
}
@media (min-width: 768px) {
  .about-list-img {
    max-width: 931px;
    min-height: 383px;
    aspect-ratio: 931/383;
  }
}
@media (max-width: 767px) {
  .about-list-img {
    margin-bottom: -8.2051282051dvw;
  }
}
.what .about-list-img {
  mix-blend-mode: overlay;
}
.environments .about-list-img {
  mix-blend-mode: overlay;
  margin-left: auto;
}
.vision .about-list-img {
  mix-blend-mode: overlay;
  opacity: 0.67;
}
.what a:hover .about-list-img {
  mix-blend-mode: unset;
}
.environments a:hover .about-list-img {
  mix-blend-mode: unset;
}
.vision a:hover .about-list-img {
  mix-blend-mode: unset;
  opacity: 1;
}

@media (min-width: 768px) {
  .about-list-txt {
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    min-width: 50%;
    box-sizing: border-box;
  }
  .what .about-list-txt {
    right: 0;
    padding-right: 60px;
    color: #fff;
  }
  .environments .about-list-txt {
    padding-left: 69px;
    color: #fff;
  }
  .vision .about-list-txt {
    right: 0;
    padding-right: 60px;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .about-list-txt {
    padding: 0 6.4102564103dvw 6.4102564103dvw;
  }
}
@media (min-width: 768px) {
  .environments .about-list-txt__wrap {
    width: fit-content;
  }
}
.about-list-txt p {
  font-size: 1.5rem;
  line-height: 2.2666666667;
}
@media (max-width: 767px) {
  .about-list-txt p {
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
@media (min-width: 768px) {
  .what a:hover .about-list-txt {
    color: #111;
  }
  .environments a:hover .about-list-txt {
    color: #151B2F;
  }
  .vision a:hover .about-list-txt {
    color: #151B2F;
  }
}
@media (max-width: 767px) {
  a:hover .about-list-txt {
    color: #fff;
  }
}

.about-list-ttl {
  margin-bottom: 32px;
  font-size: 2.1rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-list-ttl {
    margin-bottom: 4.1025641026dvw;
    font-size: 16px;
    font-size: 4.1025641026dvw;
  }
}
.about-list-ttl span {
  margin-top: 20px;
  display: block;
  font-size: 6.1rem;
  font-weight: 900;
  font-family: "montserrat", sans-serif;
  text-box: trim-both cap alphabetic;
  line-height: 1;
}
@media (max-width: 767px) {
  .about-list-ttl span {
    font-size: 34px;
    font-size: 8.7179487179dvw;
  }
}
@media (min-width: 768px) {
  .what .about-list-ttl img {
    max-width: 429px;
    filter: brightness(0) invert(1);
  }
}
a:hover .about-list-ttl img {
  filter: none;
}
.environments a:hover .about-list-ttl {
  color: #4ABBF7;
}
.vision a:hover .about-list-ttl {
  color: #1D65DE;
}

.about-list-more {
  width: fit-content;
  margin: 18px 0 0 auto;
}
@media (max-width: 767px) {
  .about-list-more {
    margin: 7.1794871795dvw 0 0 auto;
  }
}
@media (max-width: 767px) {
  .about-list-more span {
    color: #fff;
  }
  .about-list-more span::after {
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .what .about-list-more, .environments .about-list-more, .vision .about-list-more {
    filter: brightness(0) invert(1);
  }
}
@media (min-width: 768px) {
  .what a:hover .about-list-more, .environments a:hover .about-list-more, .vision a:hover .about-list-more {
    filter: none;
  }
}
@media (max-width: 767px) {
  .what a:hover .about-list-more, .environments a:hover .about-list-more, .vision a:hover .about-list-more {
    filter: brightness(0) invert(1);
  }
}

.crosstalk {
  margin-bottom: 73px;
  position: relative;
}
@media (max-width: 767px) {
  .crosstalk {
    margin-bottom: 16.4102564103dvw;
    padding: 0 5.1282051282dvw 19.4871794872dvw;
  }
}
.crosstalk::before, .crosstalk::after {
  display: block;
  content: "";
  position: absolute;
}
.crosstalk::before {
  margin: auto;
  right: 0;
  left: 0;
  height: 320px;
  width: 100%;
  background-color: #151b2f;
}
@media (min-width: 768px) {
  .crosstalk::before {
    top: 77px;
  }
}
@media (max-width: 767px) {
  .crosstalk::before {
    bottom: 0;
    height: calc(100% - 14.6153846154dvw);
  }
}
.crosstalk::after {
  top: -100px;
  left: calc(50% + 243px);
  width: 775px;
  height: 373px;
  background: url("../images/top/bg_crosstalk.png") center/contain no-repeat;
}
@media (max-width: 767px) {
  .crosstalk::after {
    top: 225.641025641dvw;
    left: calc(50% + 14.8717948718dvw);
    width: 53.3333333333dvw;
    height: 87.4358974359dvw;
    background: url("../images/top/sp/bg_crosstalk.png") center/contain no-repeat;
  }
}
.crosstalk__wrap {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .crosstalk__wrap {
    margin: 0 auto;
    max-width: 1200px;
  }
}
.crosstalk__header {
  margin-bottom: 68px;
}
@media (max-width: 767px) {
  .crosstalk__header {
    margin-bottom: 17.1794871795dvw;
  }
}
.crosstalk__header p {
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3076923077;
}
@media (max-width: 767px) {
  .crosstalk__header p {
    font-size: 26px;
    font-size: 6.6666666667dvw;
  }
}
.crosstalk__ttl {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .crosstalk__ttl {
    margin-bottom: 3.0769230769dvw;
  }
}
.crosstalk__ttl span {
  margin-bottom: 14px;
  display: block;
  line-height: 1;
  font-size: 2.1rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .crosstalk__ttl span {
    margin-bottom: 5.1282051282dvw;
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.crosstalk__ttl img {
  max-width: 723px;
}
@media (max-width: 767px) {
  .crosstalk__ttl img {
    max-width: 64.6153846154dvw;
  }
}
.crosstalk__more {
  width: fit-content;
  margin: 40px 0 0 auto;
}
@media (max-width: 767px) {
  .crosstalk__more {
    margin: 40px auto 0;
    filter: brightness(0) invert(1);
  }
}

.crosstalk-list {
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .crosstalk-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .crosstalk-list {
    gap: 14.1025641026dvw;
  }
}
.crosstalk-list__item {
  position: relative;
  counter-increment: crosstalk;
}
.crosstalk-list__item::before {
  z-index: 2;
  position: absolute;
  top: -0.5em;
  left: 0;
  margin: auto;
  width: fit-content;
  text-box: trim-both cap alphabetic;
  content: counter(crosstalk, decimal-leading-zero);
  font-size: 7rem;
  font-weight: 900;
  font-family: "montserrat", sans-serif;
  pointer-events: none;
  color: #47e522;
}
@media (min-width: 768px) {
  .crosstalk-list__item::before {
    right: 0;
  }
}
@media (max-width: 767px) {
  .crosstalk-list__item::before {
    top: -0.35em;
    left: 2.5641025641dvw;
    font-size: 70px;
    font-size: 17.9487179487dvw;
  }
}
.crosstalk-list__item a:hover {
  opacity: 1;
}
.crosstalk-list__item picture {
  background-color: #fff;
  display: block;
  margin-bottom: 16px;
  position: relative;
}
.crosstalk-list__item picture::before, .crosstalk-list__item picture::after {
  z-index: 2;
  position: absolute;
  display: block;
  content: "";
}
.crosstalk-list__item picture::before {
  right: 5px;
  bottom: 8px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #47e522;
}
@media (max-width: 767px) {
  .crosstalk-list__item picture::before {
    width: 8.7179487179dvw;
    height: 8.7179487179dvw;
    right: 3.3333333333dvw;
    bottom: 2.5641025641dvw;
  }
}
.crosstalk-list__item picture::after {
  right: 15px;
  bottom: 19px;
  width: 14px;
  height: 12px;
  background: url("../images/cmn/arrow.svg") center/contain no-repeat;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .crosstalk-list__item picture::after {
    right: 5.8974358974dvw;
    bottom: 5.641025641dvw;
    width: 3.5897435897dvw;
    height: 3.0769230769dvw;
  }
}
.crosstalk-list__item picture img {
  transition: 0.3s;
}
.crosstalk-list__item p {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3333333333;
}
@media (max-width: 767px) {
  .crosstalk-list__item p {
    font-size: 22px;
    font-size: 5.641025641dvw;
    line-height: 1.4090909091;
    color: #fff;
  }
}
.crosstalk-list__item:nth-of-type(2)::before {
  color: #1c65de;
}
.crosstalk-list__item:nth-of-type(2) picture::before {
  background-color: #1c65de;
}
.crosstalk-list__item:nth-of-type(3)::before {
  color: #ff2184;
}
.crosstalk-list__item:nth-of-type(3) picture::before {
  background-color: #ff2184;
}

.number {
  margin-bottom: 117px;
  padding: 106px 40px 130px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 80%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px) {
  .number {
    margin-bottom: 13.8461538462dvw;
    padding: 9.4871794872dvw 5.1282051282dvw 11.0256410256dvw;
  }
}
.number__wrap {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .number__wrap {
    max-width: 1200px;
  }
}
.number__en {
  margin: 64px auto 22px;
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 3.8rem;
  font-weight: 900;
  font-family: "montserrat", sans-serif;
  color: #afafaf;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .number__en {
    margin: 10.5128205128dvw auto 4.6153846154dvw;
    font-size: 28px;
    font-size: 7.1794871795dvw;
  }
}
.number__ttl {
  text-align: center;
  font-size: 5.5rem;
  font-weight: bold;
  line-height: 1.2553191489;
}
@media (max-width: 767px) {
  .number__ttl {
    font-size: 47px;
    font-size: 12.0512820513dvw;
  }
}
.number__ttl span:nth-of-type(1) {
  color: #1D65DE;
}
.number__ttl span:nth-of-type(2) {
  color: #4ABBF7;
}
.number__ttl span:nth-of-type(3) {
  color: #FF2284;
}
.number__ttl span:nth-of-type(4) {
  color: #FF6121;
}
.number__ttl span:nth-of-type(5) {
  color: #762ED8;
}
.number__btn {
  max-width: 415px;
  margin: 26px auto 52px;
}
@media (max-width: 767px) {
  .number__btn {
    margin: 4.8717948718dvw auto 10dvw;
    max-width: 75.641025641dvw;
  }
}
.number__btn a {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
  border: 1px solid #bebebe;
  box-sizing: border-box;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .number__btn a {
    min-height: 12.0512820513dvw;
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.number__btn a::before {
  position: absolute;
  top: 0;
  right: 23px;
  bottom: 0;
  display: block;
  margin: auto;
  content: "";
  width: 15px;
  height: 12px;
  background: url("../images/cmn/arrow.svg") center/contain no-repeat;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .number__btn a::before {
    right: 4.1025641026dvw;
    width: 3.0769230769dvw;
    height: 2.5641025641dvw;
  }
}
.number__btn a:hover {
  opacity: 1;
  background: #FF2284;
  color: #fff;
}
.number__btn a:hover::before {
  filter: brightness(0) invert(1);
}

.our-team {
  margin-bottom: 83px;
  overflow: hidden;
  position: relative;
  padding: 85px 40px 128px;
  background-color: #151b2f;
}
@media (max-width: 767px) {
  .our-team {
    margin-bottom: 15.641025641dvw;
    padding: 17.4358974359dvw 5.1282051282dvw 17.9487179487dvw;
  }
}
.our-team::before, .our-team::after {
  position: absolute;
  display: block;
  content: "";
}
.our-team::before {
  top: 77px;
  right: calc(50% + 506px);
  width: 576px;
  height: 557px;
  background: url("../images/top/bg_our-team_top.png") center/contain no-repeat;
}
.our-team::after {
  left: calc(50% + 519px);
  bottom: -68px;
  width: 635px;
  height: 502px;
  background: url("../images/top/bg_our-team_bottom.png") center/contain no-repeat;
}
.our-team__ttl {
  z-index: 2;
  position: relative;
  margin-bottom: 78px;
}
@media (max-width: 767px) {
  .our-team__ttl {
    margin-bottom: 12.5641025641dvw;
  }
}
.our-team__ttl span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .our-team__ttl span {
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.our-team__ttl img {
  margin: 33px auto 0;
  display: block;
  max-width: 393px;
}
@media (max-width: 767px) {
  .our-team__ttl img {
    margin: 4.8717948718dvw auto 0;
    max-width: 73.3333333333dvw;
  }
}
.our-team__more {
  z-index: 2;
  position: relative;
  margin: 55px auto 0;
  width: fit-content;
}

.our-team-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 17px 28px;
}
@media (min-width: 768px) {
  .our-team-list {
    max-width: 1200px;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .our-team-list {
    gap: 4.8717948718dvw;
  }
}
.our-team-list__item {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .our-team-list__item {
    border-radius: 7.6923076923dvw;
  }
}
.our-team-list__item a {
  transition: 0.3s;
  display: block;
}
.our-team-list__item:nth-of-type(4) a {
  background: linear-gradient(145deg, #ff2284 0%, #ff6121 100%);
}
.our-team-list__item:nth-of-type(4) a:hover {
  opacity: 1;
  background: linear-gradient(145deg, rgba(255, 34, 132, 0.72) 0%, rgba(255, 97, 33, 0.72) 100%);
}
.our-team-list__item:nth-of-type(4) img {
  mix-blend-mode: soft-light;
}
.our-team-list__item:nth-of-type(2) a {
  background: linear-gradient(145deg, #4abbf7 0%, #1c65de 100%);
}
.our-team-list__item:nth-of-type(2) a:hover {
  opacity: 1;
  background: linear-gradient(145deg, rgba(74, 187, 247, 0.72) 0%, rgba(28, 101, 222, 0.72) 100%);
}
.our-team-list__item:nth-of-type(2) img {
  mix-blend-mode: soft-light;
}
.our-team-list__item:nth-of-type(1) a {
  background: linear-gradient(145deg, #448031 0%, #47e522 100%);
}
.our-team-list__item:nth-of-type(1) a:hover {
  opacity: 1;
  background: linear-gradient(145deg, rgba(68, 128, 49, 0.72) 0%, rgba(71, 229, 34, 0.72) 100%);
}
.our-team-list__item:nth-of-type(1) img {
  mix-blend-mode: overlay;
  opacity: 0.59;
}
.our-team-list__item:nth-of-type(3) a {
  background: linear-gradient(145deg, #762ed8 0%, #0051d8 100%);
}
.our-team-list__item:nth-of-type(3) a:hover {
  opacity: 1;
  background: linear-gradient(145deg, rgba(118, 46, 216, 0.59) 0%, rgba(0, 81, 216, 0.59) 100%);
}
.our-team-list__item:nth-of-type(3) img {
  mix-blend-mode: overlay;
  opacity: 0.76;
}
.our-team-list__txt {
  position: absolute;
  inset: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  color: #fff;
  text-align: center;
}
.our-team-list__txt span {
  display: block;
  font-size: 2.3rem;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .our-team-list__txt span {
    font-size: 13px;
    font-size: 3.3333333333dvw;
  }
}
.our-team-list__txt p {
  font-size: 4.6rem;
  font-weight: bold;
  line-height: 1.1304347826;
}
@media (max-width: 767px) {
  .our-team-list__txt p {
    font-size: 26px;
    font-size: 6.6666666667dvw;
    line-height: 1.1538461538;
  }
}

.top-link {
  margin: 0 40px 108px;
}
@media (max-width: 767px) {
  .top-link {
    margin: 0 5.1282051282dvw 13.5897435897dvw;
  }
}

.top-link-list {
  display: grid;
  gap: 50px;
}
@media (min-width: 768px) {
  .top-link-list {
    grid-template-columns: 1fr 1fr;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .top-link-list {
    gap: 4.1025641026dvw;
  }
}
.top-link-list__item a {
  position: relative;
  display: block;
  color: #fff;
  min-height: 243px;
  box-sizing: border-box;
  padding: 45px 27px 20px;
  background-color: #ff6121;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-link-list__item a {
    min-height: 37.9487179487dvw;
    padding: 7.1794871795dvw 4.1025641026dvw 4.1025641026dvw;
  }
}
.top-link-list__item a::before {
  position: absolute;
  right: 24px;
  bottom: 19px;
  display: block;
  content: "";
  width: 32px;
  height: 25px;
  background: url("../images/cmn/arrow.svg") center/contain no-repeat;
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
  .top-link-list__item a::before {
    right: 3.8461538462dvw;
    bottom: 3.8461538462dvw;
    width: 4.8717948718dvw;
    height: 3.8461538462dvw;
  }
}
.top-link-list__item a:hover {
  opacity: 1;
}
.top-link-list__item span {
  display: block;
  margin-bottom: 0.5em;
  font-size: min(6.2rem, 4.3055555556dvw);
  font-weight: 900;
  font-family: "montserrat", sans-serif;
  line-height: 0.9677419355;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .top-link-list__item span {
    font-size: 37px;
    font-size: 9.4871794872dvw;
    line-height: 0.972972973;
  }
}
.top-link-list__item p {
  font-size: 2.8rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .top-link-list__item p {
    font-size: 17px;
    font-size: 4.358974359dvw;
  }
}
.top-link-list__item:nth-of-type(1) a:hover {
  background-color: #ff2284;
}
.top-link-list__item:nth-of-type(2) a {
  background-color: #762ed8;
}
.top-link-list__item:nth-of-type(2) a:hover {
  background-color: #1d65de;
}

.news {
  margin: 0 40px;
}
@media (max-width: 767px) {
  .news {
    margin: 0 5.1282051282dvw;
  }
}
.news__wrap {
  border-top: 2px solid #ff2184;
  padding: 84px 0 74px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .news__wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    row-gap: 34px;
    grid-template-areas: "header more" "list list";
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 767px) {
  .news__wrap {
    padding: 15.8974358974dvw 0 74px;
  }
}
@media (min-width: 768px) {
  .news__header {
    grid-area: header;
    display: flex;
    gap: 23px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .news__header {
    margin: 0 0 7.9487179487dvw;
  }
}
.news__header p {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .news__header p {
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .news__header p {
    text-align: center;
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.news__ttl {
  line-height: 1;
  font-weight: 500;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .news__ttl {
    display: flex;
    align-items: center;
    gap: 21px;
  }
}
@media (max-width: 767px) {
  .news__ttl {
    text-align: center;
    margin-bottom: 5.641025641dvw;
    font-size: 15px;
    font-size: 3.8461538462dvw;
  }
}
.news__ttl span {
  font-size: 5rem;
  font-weight: 400;
  font-family: "montserrat", sans-serif;
  text-box: trim-both cap alphabetic;
}
@media (max-width: 767px) {
  .news__ttl span {
    margin-bottom: 3.0769230769dvw;
    display: block;
    font-size: 40px;
    font-size: 10.2564102564dvw;
  }
}
@media (min-width: 768px) {
  .news__more {
    grid-area: more;
    align-self: flex-end;
  }
}
@media (max-width: 767px) {
  .news__more {
    width: fit-content;
    margin: 13.5897435897dvw auto 0;
  }
}

@media (min-width: 768px) {
  .news-list {
    grid-area: list;
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .news-list__item {
    margin: 0 2.5641025641dvw;
    width: 89.7435897436dvw;
  }
}
.news-list__item figure {
  margin-bottom: 16px;
  aspect-ratio: 281/181;
  overflow: hidden;
}
@media (max-width: 767px) {
  .news-list__item figure {
    margin-bottom: 4.6153846154dvw;
  }
}
.news-list__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list__item ul {
  margin-bottom: 10px;
  display: flex;
  flex-flow: wrap;
  gap: 0.5em 1em;
}
@media (max-width: 767px) {
  .news-list__item ul {
    margin-bottom: 1.5384615385dvw;
  }
}
.news-list__item li {
  background: none !important;
  font-size: 1.4rem;
  font-weight: 400;
  color: #656565;
  line-height: 1;
}
@media (max-width: 767px) {
  .news-list__item li {
    font-size: 14px;
    font-size: 3.5897435897dvw;
  }
}
.news-list__item li::before {
  content: "#";
}
.news-list__item p {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 767px) {
  .news-list__item p {
    font-size: 18px;
    font-size: 4.6153846154dvw;
    line-height: 1.5555555556;
  }
}
.news-list__item time {
  margin-top: 10px;
  line-height: 1;
  display: block;
  font-weight: 400;
}
@media (max-width: 767px) {
  .news-list__item time {
    margin-top: 3.5897435897dvw;
    font-size: 13px;
    font-size: 3.3333333333dvw;
  }
}
.news-list .slick-dots {
  margin-top: 2.5641025641dvw !important;
  position: relative;
  inset: 0;
  display: flex !important;
  justify-content: center;
  flex-flow: wrap;
  gap: 2.5641025641dvw;
}
.news-list .slick-dots li,
.news-list .slick-dots button {
  margin: 0;
  padding: 0;
  width: 2.8205128205dvw;
  height: 2.8205128205dvw;
}
.news-list .slick-dots li {
  background-color: #cecece;
}
.news-list .slick-dots li.slick-active {
  background-color: #48e523;
}

.side-btn {
  z-index: 100;
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: 135px;
}
@media (max-width: 767px) {
  .side-btn {
    right: 5.1282051282dvw;
    bottom: 18.4615384615dvw;
    width: 24.8717948718dvw;
  }
}
.side-btn ul {
  display: grid;
  gap: 10px;
}
@media (max-width: 767px) {
  .side-btn ul {
    gap: 1.7948717949dvw;
  }
}

@media (max-width: 767px) {
  .footer-contents {
    padding: 11.7948717949dvw 5.1282051282dvw 60vw;
  }
}

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