main {
  margin-top: 10.4rem;
  padding: 1.5rem;
}
main .btn_wrap {
  margin-bottom: 1.5rem;
}
main .btn_wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
main .btn_wrap ul li a {
  display: block;
}
main .btn_wrap ul li a img {
  width: 100%;
}
main .btn_wrap ul li.text {
  grid-column: span 2;
}
main .btn_wrap ul li.text a {
  font-size: 2rem;
  font-weight: 600;
  padding: 2rem 1.8rem;
  background: #f0f7f5 url("../img/arrow2.png") no-repeat calc(100% - 1.5rem) 50% / 3rem;
  border-radius: 1.5rem;
  letter-spacing: -.07rem;
}
main .btn_wrap ul li.st2 a {
  background: linear-gradient(to right, #228c9f, #44a788);
  color: #fff;
  position: relative;
}
main .btn_wrap ul li.st2 a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  background: url("../img/arrow1.png") no-repeat center / contain;
}

main .swiper_wrap ul {
  display: flex;
}
main .swiper_wrap ul li {
  width: fit-content;
}
main .swiper_wrap ul li a {
  display: block;
  width: 13rem;
}
main .swiper_wrap ul li a img {
  width: 100%;
}