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

.sec1 {
  padding: 50px 0;
  background-image: url(../images/sec1/bg.jpg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.sec1__wapper {
  display: flex;
  align-items: flex-end;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

.sec1__wapper__text {
  margin-right: -2.5%;
  width: 50%;
}

.sec1__wapper__text__title {
  rotate: -6deg;
  text-align: left;
  position: relative;
  line-height: 1.1;
  font-style: italic;
  margin-bottom: 5%;
}

.sec1__wapper__text__title h2 {
  padding-left: 5%;
  margin-left: -5%;
  margin-top: -7.5%;
  font-size: min(5.5vw, 7.8375rem);
  font-weight: 600;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.sec1__wapper__text__title h2 p:nth-child(2) {
  margin-left: -2.5%;
}

.sec1__wapper__text__title h2 span {
  font-size: min(9vw, 12.825rem);
  vertical-align: text-bottom;
}

.sec1__wapper__text__title strong {
  display: block;
  font-size: min(9vw, 12.825rem);
  margin-left: -5%;
  margin-top: -2%;
  font-weight: 600;
}

.sec1__wapper__text__text {
  position: absolute;
  font-size: min(2.8vw, 3.99rem);
  bottom: 5%;
  left: 48%;
  width: fit-content;
  color: #003C88;
  font-weight: 700;
  font-style: italic;
}

.sec1__wapper__text__ul {
  display: flex;
  gap: 11px;
}

.sec1__wapper__text__ul__li {
  position: relative;
  width: calc(100% / 3);
}

.sec1__wapper__text__ul__li img {
  position: relative;
  z-index: 1;
  width: 100%;
  object-fit: contain;
}

.sec1__wapper__text__ul__li::after {
  content: "";
  width: 90%;
  height: 100%;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 100%;
  filter: blur(15px);
}

.sec1__wapper__text__ul__li h3 {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  color: #725C2C;
  line-height: 1;
  width: 100%;
  background-image: linear-gradient(190deg, #725c2c, #a69266 35%, #725c2c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec1__wapper__text__ul__li h3 p {
  font-size: min(1.6vw, 2.28rem);
  font-weight: 700;
}

.sec1__wapper__text__ul__li h3 p strong {
  font-size: min(3.2vw, 4.56rem);
}

.sec1__wapper__text__ul__li small {
  display: block;
  font-size: min(1vw, 1.443rem);
  font-weight: 700;
  margin-top: 2%;
}

.sec1__wapper__picture {
  width: 60%;
  margin-right: -5%;
  transform: translateY(5%);
}


@media (max-width: 1024px) {
  .sec1 {
    padding-top: 75px;
    padding-bottom: 0;
  }

  .sec1__wapper {
    flex-direction: column;
  }

  .sec1__wapper__text {
    margin: 0;
    width: 100%;
  }

  .sec1__wapper__text__title h2 {
    font-size: 13vw;
  }

  .sec1__wapper__text__title strong {
    font-size: 18vw;
  }

  .sec1__wapper__text__title h2 span {
    font-size: 20vw;
  }

  .sec1__wapper__text__text {
    font-size: 6vw;
  }

  .sec1__wapper__text__ul__li h3 p {
    font-size: 3vw;
  }

  .sec1__wapper__text__ul__li h3 p strong {
    font-size: 6vw;
  }

  .sec1__wapper__text__ul__li small {
    font-size: 1.9vw;
  }

  .sec1__wapper__picture {
    width: 100%;
    margin: 0;
    transform: none;
  }
}




.sec2 {
  position: fixed;
  z-index: 1;
  width: 100vw;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 20px 0;
  background-image: linear-gradient(155deg, #12b3cc, #155bbe);
}

.sec2__wapper {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}

.sec2__wapper__h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.sec2__wapper__ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.sec2__wapper__ul__li {
  width: 50%;
  max-width: 450px;
}

.sec2__wapper__ul__li__a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 60px;
  border-radius: 100px;
  background-image: linear-gradient(180deg, #eae9e7, #ffffff 16%, #e7e1cb);
  filter: drop-shadow(0 4px 4px 0 rgba(255, 255, 255, 0.1));
  color: #064297;
  font-weight: 700;
  font-size: 2.2rem;
}

.sec2__wapper__ul__li:nth-child(2) .sec2__wapper__ul__li__a {
  background-image: linear-gradient(180deg, #06c755, #4ce78c 21%, #06c755 62%, #00953d);
  color: #FFFFFF;
}

.sec2__wapper__ul__li__a img {
  width: 28px;
}

.sec2__wapper__ul__li:nth-child(2) .sec2__wapper__ul__li__a img {
  width: 31px;
}


@media (max-width: 1024px) {
  .sec2__wapper__h2 {
    font-size: 2rem;
  }

  .sec2__wapper__ul__li__a {
    font-size: 1.8rem;
  }
}


@media (max-width: 600px) {

  .sec2 {
    padding: 10px 0;
  }

  .sec2__wapper__h2 {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }

  .sec2__wapper__ul__li__a {
    width: 180px;
    height: 60px;
    flex-direction: column;
    gap: 2.5px;
    font-size: 1.6rem;
  }

  .sec2__wapper__ul__li__a p span {
    display: none;
  }

  .sec2__wapper__ul__li {
    width: auto;
  }

  .sec2__wapper__ul__li__a img {
    width: 25px;
  }

  .sec2__wapper__ul__li:nth-child(2) .sec2__wapper__ul__li__a img {
    width: 21px;
  }
}




.sec3 {
  padding: 150px 0 200px;
  background: url(../images/sec2/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sec3__wapper {
  position: relative;
  width: 90%;
  max-width: 1440px;
  margin: 0 auto 20px;
}

.sec3__wapper__image1 {
  position: absolute;
  bottom: 10%;
  left: -5%;
  width: 30%;
}

.sec3__wapper__image2 {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 30%;

}

.sec3__wapper__small {
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  margin-bottom: 10px;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec3__wapper__h2 {
  font-size: 5rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 30px;
}

.sec3__wapper__p {
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  line-height: 1.8;
  font-weight: 400;
  font-family: var(--sans);
  margin-bottom: 20px;
}

.sec3__wapper__ul {
  display: flex;
  gap: 15px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.sec3__wapper__ul__li {
  background-image: url(../images/sec2/icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #155BBE;
  font-size: 2.6rem;
  font-weight: 700;
}

.sec3__wapper__ul__li:nth-child(1) {
  font-size: 2.1rem;
}


@media (max-width: 1024px) {
  .sec3__wapper__image1 {
    width: 200px;
    top: -150px;
  }

  .sec3__wapper__image2 {
    width: 200px;
    top: -150px;
  }

  .sec3__wapper__h2 {
    font-size: 3.9rem;
  }

  .sec3__wapper__p {
    font-size: 1.7rem;
  }

  .sec3__wapper__ul {
    gap: 0;
  }

  .sec3__wapper__ul__li {
    width: 180px;
    height: 220px;
    font-size: 1.8rem;
  }

  .sec3__wapper__ul__li:nth-child(1) {
    font-size: 1.5rem;
  }
}


@media (max-width: 600px) {

  .sec3 {
    padding-bottom: 175px;
  }

  .sec3__wapper__h2 {
    font-size: 2.8rem;
  }

  .sec3__wapper__p {
    font-size: 1.6rem;
  }

  .sec3__wapper__ul__li {
    width: 130px;
    height: 150px;
    font-size: 1.4rem;
  }

  .sec3__wapper__ul__li:nth-child(1) {
    font-size: 1.1rem;
  }
}





.sec4 {
  position: relative;
  background-image: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
}

.sec4__wapper {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

.sec4__wapper__contents {
  position: relative;
  transform: translateY(-100px);
  padding: 50px 5%;
  background-image: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.sec4__wapper__contents::before {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background: #FFFFFF;
  z-index: -1;
}

.sec4__wapper__contents__left {
  width: 60%;
}

.sec4__wapper__contents__right {
  width: 50%;
  margin-right: -10%;
}

.sec4__wapper__contents__right img {
  min-height: 400px;
  object-fit: cover;
}

.sec4__wapper__contents__left__small {
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec4__wapper__contents__left__h2 {
  font-size: 4.8rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 20px;
}

.sec4__wapper__contents__left__p {
  line-height: 2;
  font-weight: 400;
  margin-bottom: 30px;
  font-family: var(--sans);
}

.sec4__wapper__contents__left__dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 2;
  font-family: var(--sans);
  margin-bottom: 30px;
}

.sec4__wapper__contents__left__dl dt {
  width: 100px;
  color: #155BBE;
  font-weight: 700;
}

.sec4__wapper__contents__left__dl dd {
  width: calc(100% - 100px);
  font-weight: 400;
}

.sec4__wapper__contents__left__dl dd img {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 5px 2.5px 0;
}

.sec4__wapper__contents__left__a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 20px;
  padding: 10px 25px;
  background-image: linear-gradient(90deg, #12b3cc, #5773c7 58%, #155bbe);
  border-radius: 100px;
}

.sec4__wapper__contents__left__a:hover {
  opacity: 1;
}

.sec4__wapper__contents__left__a::after {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
  background: #FFFFFF;
  border-radius: 100px;
  transition: 0.4s;
}

.sec4__wapper__contents__left__a:hover::after {
  background: transparent;
}

.sec4__wapper__contents__left__a img {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 25px;
  height: 25px;
  transition: 0.4s;
}

.sec4__wapper__contents__left__a:hover img {
  filter: brightness(0) invert(1);
}

.sec4__wapper__contents__left__a p {
  position: relative;
  z-index: 1;
  font-size: 1.4rem;
  font-weight: 400;
  color: #155BBE;
  transition: 0.4s;
}

.sec4__wapper__contents__left__a:hover p {
  color: #FFFFFF;
}


.sec4__wapper__p {
  margin-top: -50px;
  color: #FFFFFF;
  font-size: 3rem;
  font-weight: 700;
  padding-bottom: 1px;
}

.sec4__wapper__p strong {
  color: #F7FC00;
}

.sec4__wapper__p strong span {
  font-size: 4rem;
}

@media (max-width: 1024px) {

  .sec4__wapper__contents {
    flex-direction: column;
    gap: 25px;
  }

  .sec4__wapper__contents__right {
    width: 100%;
    margin: 0;
  }

  .sec4__wapper__contents__right img {
    min-height: auto;
  }

  .sec4__wapper__contents__left {
    width: 100%;
    max-width: 440px;
  }

  .sec4__wapper__contents__left__h2 {
    font-size: 3.8rem;
  }

  .sec4__wapper__contents__left__p {
    font-size: 1.5rem;
  }

  .sec4__wapper__contents__left__dl {
    font-size: 1.5rem;
  }

  .sec4__wapper__p {
    font-size: 2.7rem;
  }

  .sec4__wapper__p strong span {
    font-size: 3.7rem;
  }
}


@media (max-width: 600px) {
  .sec4__wapper__contents__left__h2 {
    font-size: 2.6rem;
  }

  .sec4__wapper__contents__left__p {
    font-size: 1.4rem;
  }

  .sec4__wapper__contents__left__dl {
    font-size: 1.4rem;
  }

  .sec4__wapper__p {
    font-size: 2.4rem;
  }

  .sec4__wapper__p strong span {
    font-size: 3.4rem;
  }
}




.sec5 {
  padding-bottom: 100px;
  background-image: url(../images/sec5/bg.jpg);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
}

.sec5__triangle {
  margin-top: -1px;
  width: 100%;
  height: 50px;
  background: #155bbe;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  margin-bottom: 100px;
}

.sec5__contents {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 200px 0 200px 0;
}

.sec5__contents__title {
  position: relative;
  background-image: url(../images/sec5/bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 0 25px;
  border-radius: 200px 0 0 0;
}

.sec5__contents__title::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 200px 0 0 0;
  background-image: linear-gradient(transparent, #ffffff 90% 100%);
}

.sec5__contents__title__img {
  position: absolute;
  top: -25%;
  right: 2.5%;
  width: 18%;
  z-index: 1;
}

.sec5__contents__title__contents {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
}

.sec5__contents__title__contents small {
  font-family: var(--inter);
  font-weight: 400;
  color: #FFFFFF;
  background-image: linear-gradient(90deg, #12b3cc, #5773c7 58%, #155bbe);
  display: block;
  line-height: 2;
  width: fit-content;
  padding: 2px 15px;
  margin: 0 auto;
}

.sec5__contents__title__contents h2 {
  position: relative;
  width: fit-content;
  font-size: 6rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin: 0 auto 30px;
}

.sec5__contents__title__contents h2 span {
  font-size: 80%;
}

.sec5__contents__title__contents h2::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
}

.sec5__contents__title__contents h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  z-index: 1;
  height: 3px;
  background-image: linear-gradient(to right, transparent, transparent 5px, #fff 5px, #fff 10px);
  background-size: 10px 3px;
}

.sec5__contents__content {
  width: 90%;
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.sec5__contents__content__left {
  width: 50%;
}

.sec5__contents__content__left__h3 {
  position: relative;
  width: fit-content;
  font-size: 4rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 25px;
}

.sec5__contents__content__left__p {
  line-height: 2;
  font-weight: 400;
  font-family: var(--sans);
  margin-bottom: 25px;
}

.sec5__contents__content__left__small {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: var(--sans);
}

.sec5__contents__content__right {
  width: 50%;
  padding-left: 5%;
}

.sec5__contents__content__right__top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.sec5__contents__content__right__img {
  position: relative;
}

/* .sec5__contents__content__right__img::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 55%;
  background-image: linear-gradient(180deg, transparent, transparent 50%, #ffffff 90% 100%);
} */

.sec5__contents__content__right__top p {
  position: relative;
  width: fit-content;
  font-size: 2rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  text-align: center;
}

.sec5__contents__content__right__top div {
  position: relative;
  width: 70px;
  height: 70px;
}

.sec5__contents__content__right__top div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transform-origin: center;
  width: 100%;
  height: 1px;
  background: #C8C8C8;
  rotate: 45deg;
}

.sec5__contents__content__right__top div::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transform-origin: center;
  width: 100%;
  height: 1px;
  background: #C8C8C8;
  rotate: -45deg;
}

.sec5__contents__content__right__img picture,
.sec5__contents__content__right__img img {
  display: block;
  margin-top: -5%;
}

.sec5__contents__ul {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 125px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.sec5__contents__ul__li {
  position: relative;
  width: 45%;
  max-width: 210px;
  aspect-ratio: 1/1;
}

.sec5__contents__ul__li p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 1.8rem;
  text-align: center;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  z-index: 3;
}

.sec5__contents__ul__li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #eff4f9, #ffffff 60%, #eff4f9);
  z-index: 2;
}

.sec5__contents__ul__li::after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  border-radius: 50%;
  z-index: 1;
}

.sec5__contents__list__li__title {
  position: relative;
  color: #FFFFFF;
  margin-bottom: 100px;
}

.sec5__contents__list__li__title__h4 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.sec5__contents__list__li__title__p {
  font-weight: 400;
  font-family: var(--sans);
}

.sec5__contents__list__li__title {
  padding: 30px 0;
  background-image: url(../images/sec5/bg2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sec5__contents__list__li:nth-child(2) .sec5__contents__list__li__title {
  background-image: url(../images/sec5/bg3.jpg);
}

.sec5__contents__list__li__title__img {
  position: absolute;
  top: -50px;
  left: 5%;
  width: 175px;
}

.sec5__contents__list__li:nth-child(2) .sec5__contents__list__li__title__img {
  width: 120px;
}

.sec5__contents__list__li__ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5%;
  padding-bottom: 150px;
}

.sec5__contents__list__li__ul__li {
  width: 25%;
}

.sec5__contents__list__li:nth-child(2) .sec5__contents__list__li__ul {
  text-align: left;
}

.sec5__contents__list__li__ul__li__h5 {
  font-size: 2rem;
  line-height: 2;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 10px;
}

.sec5__contents__list__li__ul__li__img {
  object-fit: cover;
  object-position: center;
  display: block;
  margin-bottom: 20px;
  aspect-ratio: 4/3;
}

.sec5__contents__list__li__ul__li__p {
  line-height: 1.8;
  font-weight: 400;
  font-family: var(--sans);
}

.sec5__contents__list__li__ul__li__line {
  display: block;
  width: 100%;
  height: 1px;
  background: #D9D9D9;
  margin: 10px 0 20px;
}

.sec5__contents__list__li__ul__li__p2 {
  line-height: 2;
  font-weight: 400;
  font-family: var(--sans);
}

.sec5__contents__list__li__ul__li:nth-child(1) {
  width: 33%;
}

.sec5__contents__list__li__ul__li:nth-child(1) .sec5__contents__list__li__ul__li__img {
  width: 75%;
  margin: 0 auto 25px;
}


@media (max-width: 1024px) {

  .sec5__contents__list__li__ul__li:nth-child(1) {
    width: 100%;
  }

  .sec5__contents {
    border-radius: 125px 0 125px 0;
  }

  .sec5__contents__title,
  .sec5__contents__title::after {
    border-radius: 125px 0 0 0;
  }

  .sec5__contents__title__img {
    top: -25px;
    width: 150px;
  }

  .sec5__contents__title__contents h2 {
    font-size: 4.1rem;
  }

  .sec5__contents__content__left__h3 {
    font-size: 3.2rem;
  }

  .sec5__contents__content__left__p {
    font-size: 1.5rem;
  }

  .sec5__contents__content__left__small {
    font-size: 1.3rem;
  }

  .sec5__contents__content__right__top p {
    font-size: 1.8rem;
  }

  .sec5__contents__ul__li p {
    font-size: 1.5rem;
  }

  .sec5__contents__content {
    flex-direction: column;
    gap: 40px;
  }

  .sec5__contents__content__left {
    width: fit-content;
  }

  .sec5__contents__content__right {
    width: 100%;
    padding: 0;
    max-width: 500px;
  }

  .sec5__contents__ul {
    max-width: 500px;
  }

  .sec5__contents__list__li__title__img {
    width: 110px;
    top: 50%;
    transform: translateY(-50%);
  }

  .sec5__contents__list__li__title__p {
    width: 50%;
    margin: 0 auto;
    font-size: 1.5rem;
  }

  .sec5__contents__list__li__title__h4 {
    font-size: 2.7rem;
  }

  .sec5__contents__list__li:nth-child(2) .sec5__contents__list__li__title__img {
    width: 80px;
    top: 50%;
    transform: translateY(-50%);
  }

  .sec5__contents__list__li__ul {
    flex-direction: column;
    gap: 40px;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 125px;
  }

  .sec5__contents__list__li__ul__li {
    width: 100%;
  }

  .sec5__contents__list__li__ul__li__p {
    font-size: 1.5rem;
  }

  .sec5__contents__list__li__ul__li__h5 {
    text-align: center;
  }

  .sec5__contents__list__li__ul__li__p2 {
    font-size: 1.5rem;
  }

  .sec5__contents__content__right__top p {
    font-size: 1.8rem;
  }
}


@media (max-width: 600px) {

  .sec5__contents {
    border-radius: 100px 0 100px 0;
  }

  .sec5__contents__title,
  .sec5__contents__title::after {
    border-radius: 100px 0 0 0;
  }

  .sec5__contents__title {
    padding-top: 75px;
  }

  .sec5__contents__title__img {
    top: -15px;
    width: 110px;
  }

  .sec5__contents__title__contents h2 {
    font-size: 2.8rem;
  }

  .sec5__contents__content__left__h3 {
    font-size: 2.4rem;
  }

  .sec5__contents__content__left__p {
    font-size: 1.4rem;
  }

  .sec5__contents__content__right__top p {
    font-size: 1.6rem;
  }

  .sec5__contents__ul__li p {
    font-size: 1.3rem;
  }

  .sec5__contents__list__li__title {
    margin-bottom: 50px;
  }

  .sec5__contents__list__li__title__h4 {
    width: 60%;
    margin: 0 5% 0 auto;
    text-align: left;
    font-size: 2.4rem;
  }

  .sec5__contents__list__li__title__p {
    width: 60%;
    margin: 0 5% 0 auto;
    text-align: left;
    font-size: 1.4rem;
  }

  .sec5__contents__list__li__ul__li__p {
    font-size: 1.4rem;
  }

  .sec5__contents__list__li__ul {
    padding-bottom: 100px;
  }

  .sec5__contents__list__li__ul__li__p2 {
    font-size: 1.4rem;
  }
}




.sec6 {
  padding: 60px 0;
  background-image: linear-gradient(155deg, #12b3cc, #155bbe);
}

.sec6__wapper {
  position: relative;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec6__wapper__picture {
  position: absolute;
  top: -60px;
  left: -5%;
  width: 40%;
}

.sec6__wapper__left {
  width: 60%;
  text-align: left;
  color: #FFFFFF;
}

.sec6__wapper__left__h2 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
}

.sec6__wapper__left__small {
  position: relative;
  width: fit-content;
  margin-bottom: 10px;
}

.sec6__wapper__left__small::after {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sec6__wapper__left__small p {
  position: relative;
  z-index: 2;
  font-family: var(--sans);
  font-size: 1.8rem;
  color: #155BBE;
  /*   background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  padding: 0 15px;
}

.sec6__wapper__left__p {
  line-height: 2;
  font-family: var(--sans);
  font-weight: 400;
}

.sec6__wapper__right {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 40%;
}

.sec6__wapper__right .header__wapper__ul__li {
  width: 100%;
}

.sec6__wapper__right .header__wapper__ul__li__a {
  width: 100%;
  height: 60px;
  font-size: 2.2rem;
}

.sec6__wapper__right .header__wapper__ul__li:nth-child(1) .header__wapper__ul__li__a {
  color: #064297;
}




@media (max-width: 1024px) {
  .sec6__wapper {
    flex-direction: column;
    gap: 30px;
  }

  .sec6__wapper__left {
    width: 100%;
  }

  .sec6__wapper__right {
    width: 100%;
    flex-direction: row;
  }

  .sec6__wapper__picture {
    width: 80%;
    max-width: 400px;
  }

  .sec6__wapper__left__h2 {
    font-size: 2.6rem;
  }

  .sec6__wapper__left__small p {
    font-size: 1.5rem;
  }

  .sec6__wapper__left__p {
    font-size: 1.5rem;
  }
}


@media (max-width: 600px) {
  .sec6__wapper__right {
    flex-direction: column;
  }

  .sec6__wapper__right .header__wapper__ul__li__a {
    flex-direction: row;
    gap: 10px;
  }

  .sec6__wapper__left__h2 {
    font-size: 2.2rem;
  }

  .sec6__wapper__left__small p {
    font-size: 1.4rem;
  }

  .sec6__wapper__left__p {
    font-size: 1.4rem;
  }

  .sec6 .header__wapper__ul__li:nth-child(2) .header__wapper__ul__li__a__img {
    width: 26px;
  }
}




.sec7 {
  position: relative;
  padding: 100px 0 150px;
  background-image: url(../images/sec7/bg-pc.jpg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.sec7::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(155deg, transparent, #ffffff);
}

.sec7__wapper {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.sec7__wapper__small {
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  margin-bottom: 10px;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec7__wapper__h2 {
  font-size: 5rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 30px;
}

.sec7__wapper__p {
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  line-height: 1.8;
  font-weight: 400;
  font-family: var(--sans);
  margin-bottom: 40px;
}

.slick {
  position: relative;
  z-index: 2;
}

.slick__item {
  position: relative;
  background: #FFFFFF;
  padding: 30px 0 50px;
  margin: 0 2.5vw 15px;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
  text-align: left;
}

.slick__item__wapper {
  width: 90%;
  margin: 0 auto;
}

.slick__item__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  aspect-ratio: 4/3;
}

.slick__item__title {
  width: 68%;
}

.slick__item__title__i {
  font-style: normal;
  font-size: 1.4rem;
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  margin-bottom: 5px;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.slick__item__title__h3 {
  font-size: 2.4rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.slick__item__title__p {
  font-size: 1.8rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 15px;
}

.slick__item__title__strong {
  font-family: var(--sans);
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.slick__item__title__small {
  font-family: var(--sans);
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 30px;
}

.slick__item__dl {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.slick__item__dl__dt {
  width: fit-content;
  color: #FFFFFF;
  border-radius: 100px;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: 0.1rem;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
}

.slick__item__dl__dd {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 10px;
  font-family: var(--sans);
}

.slick .slick-dots {
  width: fit-content;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
}

.slick .slick-dots li button:before {
  font-size: 10px;
  color: #D9D9D9;
  opacity: 1;
}

.slick .slick-dots li.slick-active button:before {
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.slick .slick-next {
  right: calc(50% - 150px);
  bottom: -125px;
  top: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  transition: 0.4s;
}

.slick .slick-next:hover {
  opacity: 0.8 !important;
}

.slick .slick-prev {
  left: calc(50% - 150px);
  bottom: -125px;
  top: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  transition: 0.4s;
}

.slick .slick-prev:hover {
  opacity: 0.8 !important;
}


.slick-next:before,
.slick-prev:before {
  font-family: var(--sans);
  color: #FFFFFF;
  font-size: 2rem;
  opacity: 1;
}

.sec7__sp {
  display: none;
}


@media (max-width: 1024px) {
  .sec7__wapper__h2 {
    font-size: 4.1rem;
  }

  .sec7__wapper__p {
    font-size: 1.5rem;
  }

  .slick__item__title__h3 {
    font-size: 2.2rem;
  }

  .slick__item__title__p {
    font-size: 1.6rem;
  }

  .slick__item__title__strong,
  .slick__item__title__small,
  .slick__item__dl__dt {
    font-size: 1.3rem;
  }

  .slick__item__image {
    position: static;
    width: 80%;
    max-width: 400px;
    margin: 0 auto 25px;
  }

  .slick__item__title {
    width: 100%;
  }
}


@media (max-width: 600px) {
  .sec7 {
    background-image: url(../images/sec7/bg-sp.jpg);
  }

  .sec7__sp {
    display: block;
  }

  .slick__item {
    margin: 0 5vw 15px;
  }

  .sec7__wapper__h2 {
    font-size: 2.8rem;
  }

  .sec7__wapper__p {
    font-size: 1.4rem;
  }

}




.sec8 {
  padding: 100px 0;
  background-image: url(../images/sec8/bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  filter: drop-shadow(0 4px 34px rgba(0, 0, 0, 0.1));
}

.sec8__wapper {
  position: relative;
  width: 90%;
  max-width: 1000px;
  background: #FFFFFF;
  padding-top: 50px;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.1));
}

.sec8__wapper__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
}

.sec8__wapper__small {
  width: 90%;
  margin: 0 auto 10px;
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec8__wapper__h2 {
  width: 90%;
  margin: 0 auto 50px;
  font-size: 5rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec8__wapper__ul {
  position: relative;
  width: 90%;
  max-width: 700px;
  margin: 0 auto 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sec8__wapper__ul::after {
  content: "";
  display: block;
  width: 1px;
  height: 90%;
  position: absolute;
  top: 0;
  left: 40px;
  background-image: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
}

.sec8__wapper__ul__li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}

.sec8__wapper__ul__li__left {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
  border-radius: 50%;
  color: #FFFFFF;
}

.sec8__wapper__ul__li__left small {
  font-size: 1.4rem;
  font-family: var(--inter);
  font-weight: 300;
}

.sec8__wapper__ul__li__left strong {
  font-size: 2.4rem;
  font-family: var(--inter);
  font-weight: 300;
  line-height: 1;
}

.sec8__wapper__ul__li__right {
  flex: 1;
  text-align: left;
  margin-top: 20px;
}

.sec8__wapper__ul__li__right h3 {
  font-size: 2.4rem;
  line-height: 1.6;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  margin-bottom: 15px;
}

.sec8__wapper__ul__li__right p {
  font-weight: 400;
  line-height: 1.8;
  font-family: var(--sans);
}

.sec8__wapper__bottom {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}

.sec8__wapper__bottom__p {
  text-align: left;
  font-size: 2.4rem;
  line-height: 1.6;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
}

.sec8__wapper__bottom__ul {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  width: 60%;
  margin-bottom: 50px;
}

.sec8__wapper__bottom__ul__li {
  width: 100%;
}

.sec8__wapper__bottom__ul__li a {
  width: 100%;
  font-size: 2.2rem;
  height: 60px;
}

.sec8__wapper__bottom__ul__li:nth-child(2) a {
  background-image: linear-gradient(180deg, #06c755, #4ce78c 21%, #06c755 62%, #00953d);
  color: #FFFFFF;
  border: none;
}

.sec8__wapper__line {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 10px;
  background: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
}


@media (max-width: 1024px) {
  .sec8__wapper__h2 {
    font-size: 4.1rem;
  }

  .sec8__wapper__ul__li__left {
    width: 70px;
    height: 70px;
  }

  .sec8__wapper__ul::after {
    left: 35px;
  }

  .sec8__wapper__ul__li__left small {
    font-size: 1.3rem;
  }

  .sec8__wapper__ul__li__left strong,
  .sec8__wapper__ul__li__right h3 {
    font-size: 2.1rem;
  }

  .sec8__wapper__ul__li__right {
    margin-top: 15px;
  }

  .sec8__wapper__ul__li__right p {
    font-size: 1.5rem;
  }

  .sec8__wapper__bottom__p {
    font-size: 2rem;
  }

}


@media (max-width: 600px) {
  .sec8__wapper__h2 {
    font-size: 2.8rem;
  }

  .sec8__wapper__ul__li__left {
    width: 60px;
    height: 60px;
  }

  .sec8__wapper__ul::after {
    left: 30px;
  }

  .sec8__wapper__ul__li__left small {
    font-size: 1.2rem;
  }

  .sec8__wapper__ul__li__left strong,
  .sec8__wapper__ul__li__right h3 {
    font-size: 1.8rem;
  }

  .sec8__wapper__ul__li__right {
    margin-top: 12.5px;
  }

  .sec8__wapper__ul__li__right p {
    font-size: 1.4rem;
  }

  .sec8__wapper__bottom__p {
    font-size: 1.6rem;
    width: 70%;
  }

  .sec8__wapper__bottom__ul {
    width: 100%;
    z-index: 100;
    margin-bottom: 25px;
    position: relative;
    z-index: 100;
  }

  .sec8__wapper__bottom__ul__li a {
    flex-direction: row;
    gap: 15px;
  }

  .sec8__wapper__bottom__ul__li a:hover {
    opacity: 1;
  }

  .sec8__wapper__ul {
    margin-bottom: 20%;
  }

  .sec8__wapper__image {
    position: absolute;
    bottom: 150px;
    right: 0;
    width: 35%;
    min-width: 110px;
  }
}




.sec9 {
  background-image: linear-gradient(140deg, #ffffff, #f6f6f6);
}

.sec9__wapper {
  width: 90%;
  max-width: 1100px;
  padding: 100px 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 100px;
}

.sec9__wapper__left {
  width: fit-content;
  text-align: left;
}

.sec9__wapper__left small {
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  margin-bottom: 10px;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec9__wapper__left h2 {
  font-size: 5rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 30px;
}

.sec9__wapper__left p {
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  line-height: 1.8;
  font-weight: 400;
  font-family: var(--sans);
  margin-bottom: 40px;
}

.sec9__wapper__ul {
  margin-top: 50px;
  text-align: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec9__wapper__ul__li__a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 5%;
  background: #FFFFFF;
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.1));
}

.sec9__wapper__ul__li__a::after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #12b3cc, #5773c7 58%, #155bbe);
}

.sec9__wapper__ul__li__a time {
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  font-family: var(--sans);
}

.sec9__wapper__ul__li__a h3 {
  font-weight: 400;
  font-size: 1.6rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
  font-family: var(--sans);
}

.sec9__wapper__ul__li__a span {
  display: block;
  width: 14px;
  height: 14px;
  border-right: solid 1px #232323;
  border-bottom: solid 1px #232323;
  transform-origin: center;
  rotate: -45deg;
}


@media (max-width: 1024px) {
  .sec9__wapper__left h2 {
    font-size: 4.1rem;
  }

  .sec9__wapper__left p,
  .sec9__wapper__ul__li__a {
    font-size: 1.5rem;
  }

  .sec9__wapper {
    gap: 50px;
  }
}


@media (max-width: 600px) {

  .sec9__wapper {
    flex-direction: column;
    gap: 0;
  }

  .sec9__wapper__ul {
    margin-top: 0;
  }

  .sec9__wapper__left {
    width: 100%
  }

  .sec9__wapper__ul {
    width: 100%;
  }

  .sec9__wapper__left h2 {
    font-size: 2.8rem;
  }

  .sec9__wapper__left p,
  .sec9__wapper__ul__li__a {
    font-size: 1.4rem;
  }
}




.sec10 {
  position: relative;
  background-image: url(../images/sec10/bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}

.sec10::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, transparent, #ffffff80 50%, #ffffff 90% 100%);
}

.sec10__wapper {
  width: 90%;
  max-width: 900px;
  padding: 100px 0;
  margin: 0 auto;
}

.sec10__wapper__small {
  font-family: var(--inter);
  font-weight: 400;
  color: #155BBE;
  display: block;
  line-height: 2;
  margin-bottom: 10px;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}

.sec10__wapper__h2 {
  font-size: 5rem;
  line-height: 1.4;
  background: linear-gradient(160deg, #12b3cc, #5773c7 58%, #155bbe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  margin-bottom: 50px;
}

.accordion-content {
  display: none;
}

.accordion-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 2.5%;
  background: linear-gradient(-160deg, #12b3cc, #5773c7 58%, #155bbe);
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 10px;
  transition: 0.4s;
}

.accordion-header:hover {
  opacity: 0.8;
}

.accordion-header strong {
  display: inline-block;
  margin-right: 15px;
  font-size: 3.2rem;
  font-family: var(--inter);
  font-weight: 300;
  vertical-align: sub;
}

.accordion-header h3 {
  flex: 1;
  text-align: left;
}

.accordion-header span {
  display: block;
  width: 14px;
  height: 12px;
  background: #FFFFFF;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform-origin: center;
  rotate: 180deg;
  transition: 0.4s;
}

.active span {
  rotate: 0deg;
}

.accordion-content {
  padding: 20px 2.5%;
  background: #FFFFFF;
  line-height: 1.8;
  font-family: var(--sans);
  text-align: left;
}


@media (max-width: 1024px) {

  .sec10__wapper__h2 {
    font-size: 3.9rem;
  }

  .accordion-header h3 {
    font-size: 1.6rem;
  }

  .accordion-content {
    font-size: 1.4rem;
  }
}

@media (max-width: 600px) {

  .sec10__wapper__h2 {
    font-size: 2.8rem;
  }
}

.footer {
  padding-bottom: 145px;
}

@media (max-width: 1024px) {
  .footer {
    padding-bottom: 140px;
  }
}

@media (max-width: 600px) {
  .footer {
    padding-bottom: 108px;
  }
}

.slick-track {
  display: flex;
}

.slick-slide {
  height: auto !important;
}