@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- mv_sec
- products_sec
-------------------------*/
/*=======================================
　mv_sec
=======================================*/
.mv_sec {
  position: relative;
  margin-bottom: 92px;
}
@media screen and (max-width: 768px) {
  .mv_sec {
    margin-bottom: 77px;
  }
}
.mv_sec .splide__slide {
  position: relative;
}
.mv_sec .splide__slide .img {
  width: 59.2142857143vw;
  margin-left: auto;
}
.mv_sec .splide__slide .img img {
  width: 100%;
  vertical-align: middle;
}
.mv_sec .copy {
  position: absolute;
  top: 12.7785714286vw;
  left: 8.3928571429vw;
}
@media screen and (max-width: 768px) {
  .mv_sec .copy {
    width: 34.13vw;
    top: 48.1866666667vw;
    left: 6.2933333333vw;
  }
}
.mv_sec .mv_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50.7142857143vw;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
  .mv_sec .mv_bg {
    width: 57.8666666667vw;
  }
}
.mv_sec .mv_copy_area {
  position: absolute;
  top: 5.6142857143vw;
  left: 7.3285714286vw;
}
@media screen and (max-width: 768px) {
  .mv_sec .mv_copy_area {
    top: 18.5066666667vw;
    left: 5.4933333333vw;
  }
}
.mv_sec .mv_copy_area img {
  width: 100%;
}
.mv_sec .mv_copy_area .logo {
  width: 36.7857142857vw;
  /* margin-bottom: vw-pc(28); */
}
@media screen and (max-width: 768px) {
  .mv_sec .mv_copy_area .logo {
    width: 49.6vw;
    /* margin-bottom: vw-sp(13); */
  }
}

/* ページネーション */
.mv_splide-pagination {
  padding: 0;
  /* gap: 0 vw-pc(3); */
  gap: 0 3px;
  left: calc(55px + 7.5vw);
  bottom: 5.0714285714vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .mv_splide-pagination {
    gap: 0 0.8vw;
    bottom: 4.5333333333vw;
    left: 20vw;
  }
}
.mv_splide-pagination li {
  line-height: 0;
}
.mv_splide-pagination li .mv_splide-page {
  background: #D2CFCF;
  /* width: vw-pc(48); */
  width: 48px;
  /* height: vw-pc(3); */
  height: 3px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border-radius: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .mv_splide-pagination li .mv_splide-page {
    width: 12.8vw;
    height: 0.8vw;
  }
}
.mv_splide-pagination li .mv_splide-page.is-active {
  background: var(--main_orange);
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* ページネーション 数字 */
.pagination {
  bottom: 4.7142857143vw;
  left: 7.5vw;
  z-index: 1;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .pagination {
    left: 5.3333333333vw;
    bottom: 3.2vw;
  }
}
.pagination span {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  /* font-size: vw-pc(11); */
  font-size: 11px;
  letter-spacing: 0.03em;
  color: #2b2b2b;
}
@media screen and (max-width: 768px) {
  .pagination span {
    font-size: 2.9333333333vw;
  }
}
.pagination span#slide-current {
  color: var(--main_orange);
}

/*=======================================
　products_sec
=======================================*/
.products_sec {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .products_sec {
    margin-bottom: 100px;
  }
}
.products_sec .cmn_ttl01 {
  margin-bottom: 81px;
}
@media screen and (max-width: 768px) {
  .products_sec .cmn_ttl01 {
    margin-bottom: 40px;
  }
}/*# sourceMappingURL=top.css.map */