.top-point-inner .swiper-pagination-bullet:after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 display: block;
 width: 0%;
 height: 100%;
}

.top-point-inner .swiper-pagination-bullet:before {
 content: "";
 position: absolute;
 top: -46px;
 left: 0;
 width: 60%;
 height: 45px;
 background: url(/assets/images/en/top/pagination01_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet:before {
  content: "01";
  font-family: "Lato", sans-serif;
  font-style: italic;
  position: absolute;
  top: -15px;
  left: 0;
  width: auto;
  height: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet:nth-child(2):before {
 width: 82.80701754%;
 background: url(/assets/images/en/top/pagination02_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet:nth-child(2):before {
  content: "02";
  width: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet:nth-child(3):before {
 width: 78.24561404%;
 background: url(/assets/images/en/top/pagination03_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet:nth-child(3):before {
  content: "03";
  width: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet:nth-child(4):before {
 width: 77.89473684%;
 background: url(/assets/images/en/top/pagination04_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet:nth-child(4):before {
  content: "04";
  width: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
 background-color: #00a273;
 -webkit-animation: progress 4s linear forwards;
 animation: progress 4s linear forwards;
}

.top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
 content: "";
 position: absolute;
 width: 60%;
 height: 45px;
 background: url(/assets/images/en/top/pagination01_on_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  content: "01";
  font-family: "Lato", sans-serif;
  font-style: italic;
  position: absolute;
  top: -15px;
  left: 0;
  width: auto;
  height: auto;
  background: none;
  color: #00a273;
 }
}

.top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2):before {
 width: 82.80701754%;
 background: url(/assets/images/en/top/pagination02_on_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2):before {
  content: "02";
  width: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3):before {
 width: 78.24561404%;
 background: url(/assets/images/en/top/pagination03_on_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3):before {
  content: "03";
  width: auto;
  background: none;
 }
}

.top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4):before {
 width: 77.89473684%;
 background: url(/assets/images/en/top/pagination04_on_en.png) no-repeat;
 background-size: 100% auto;
}

@media screen and (max-width: 750px) {
 .top-point-inner .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4):before {
  content: "04";
  width: auto;
  background: none;
 }
}

@-webkit-keyframes progress {
 from {
  width: 0%;
 }

 to {
  width: 100%;
 }
}

@keyframes progress {
 from {
  width: 0%;
 }

 to {
  width: 100%;
 }
}

@media screen and (max-width: 750px) {
 .top-product-wrapper .top-product_list-wrapper {
  grid-template-columns: repeat(2, minmax(47%, 1fr));
 }
}

.top-access {
 width: 100%;
 border-left: none;
}

.top-access:last-child {
 border-left: none;
}

@media screen and (max-width: 750px) {
 .top-access:last-child {
  width: 71.6417910448%;
  border-top: none;
  border-left: none;
  margin: 0 auto;
 }
}

.top-sns-wrapper .top-sns-list li a {
 display: block;
 text-align: center;
}

@media screen and (max-width: 750px) {
 .top-sns-wrapper .top-sns-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }
}