.sl .archive_ttl {
  margin: 50px auto 38px;
  text-align: center;
}

.sl .archive_ttl{
  width: 126px !important;
}

.sl .slidearea {
  position: relative;
  width: 800px;
  margin: auto;
}

.sl .slidearea .swiper-container {
  width: 800px;
  margin: 0 auto 50px;
}

.sl .slidearea .swiper-container .swiper-wrapper {
  width: 800px;
  margin: auto;
}

.sl .slidearea .swiper-container .swiper-wrapper .swiper-slide {
  width: 247px !important;
}

.sl .slidearea .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.sl .slidearea .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 15px;
  text-align: center;
  line-height: 1;
  margin-top: 20px;
  letter-spacing: 0.025em;
}

.sl .slidearea .swiper-container .swiper-pagination {
  display: none;
}

.sl .slidearea .swiper-button-next {
  position: absolute;
    top: 70px;
    z-index: 10;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    margin-top: 0;
    right: -30px;
}

.sl .slidearea .swiper-button-prev {
  position: absolute;
    top: 70px;
    z-index: 10;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-image: none;
    margin-top: 0;
    left: -30px;
}


.main-area::after{
      margin: 53px auto 0 !important;
}