@charset "UTF-8";
#senPd1 .ratio{border-radius: 35px;overflow: hidden;}
#senPd1 .ratio video{transform: scale(1.05);}
.bannerContext{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);}
.bannerContext h1{font-size: 64px;font-weight: bolder;margin-bottom: 1.5rem;}
/* #senPd2 ul{list-style-type: none;padding-left: 0;}
#senPd2 ul li span{position: relative;}
#senPd2 ul li span::before{content: "●";padding-right: 10px;} */
.bg-02{background-size: auto;background-repeat: no-repeat;background-position: center bottom;background-image: url("../images/product/bg-img02.png");}
#senPd2 {height: 1000px;}
.senPd2Circle_box{width: 410px;height: 410px;position: absolute;border-radius: 100%;border: 1px solid #906344;display: flex;flex-wrap: wrap;align-items: center;text-align: center;justify-content: center; background-color: rgb(255,252,248,0.6);}
.senPd2Circle_box:nth-child(1){left: 0; top: 0;}
.senPd2Circle_box:nth-child(2){right: 0;top: 230px;}
.senPd2Circle_box:nth-child(3){left: 60px;top: 500px;}
.senPd2Circle_box > div{max-width: 390px;}
.senPd2Circle_box h5{color: #906344;font-weight: bolder;}
#senPd3 .swiper-button-next,#senPd3 .swiper-button-prev{color: #000000;}
.SwiperProduct figure img {border-radius: 35px;}
.SwiperProduct figure figcaption {padding-top: 1rem;}
#ProductSec05 .table{--bs-table-bg: #FFFCF8;border-color: #999795;}
#ProductSec05 table tr td{padding-left: 2.5rem;}
#ProductSec05 table tr:nth-last-child(1) td{border-bottom: none;}
.porductSection06_context{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: bolder;width: 280px;}
.porductSection06_context h1{font-weight: bolder;}
@media (min-width:2000px) {
    .bg-02 {background-size: cover; }
}
@media (max-width:1300px) {
    .bannerContext h1 {font-size: 4vw;}
}
@media (max-width:991px) {
    .SwiperProduct figure img,#senPd1 video {border-radius: 15px;}
}
@media (max-width:767px) {
    #senPd2 {height: 840px;}
    #senPd2 .container-720{max-width: 420px;}
    .senPd2Circle_box {width: 300px;height: 300px;}
    .senPd2Circle_box > div {max-width: 270px;}
    .senPd2Circle_box:nth-child(2){top: 230px;}
    .senPd2Circle_box:nth-child(3){left: 30px;top: 480px;}

}
@media (max-width:576px) {
    .bannerContext {position: absolute;left: 50%;top: 10%;transform: translateX(-50%); text-align: center;width: 290px; }
    .bannerContext h1 {font-size: 38px;}
    .porductSection06_context {position: relative;left: 0%;top: 0;transform: none;margin-left: auto;margin-right: auto;text-align: center;padding: 2.5rem 0 1rem;}
    #ProductSec05 table tr td {border-bottom-width: 0.5px;padding-left: 20px;}
    #ProductSec05 table tr td:nth-child(1){width: 94px;}
    #senPd3 .swiper-button-next:after,#senPd3 .swiper-button-prev:after{font-size: 24px;}
}
@media (max-width:450px) {
    #senPd2 {height: 640px;}
    #senPd2 .container-720{max-width: 300px;}
    .senPd2Circle_box {width: 230px;height: 230px;}
    .senPd2Circle_box > div {max-width: 180px;}
    .senPd2Circle_box > div p{font-size: 14px;}
    .senPd2Circle_box:nth-child(2){top: 185px;}
    .senPd2Circle_box:nth-child(3){left: 0;top: 380px;}
    #ProductSec05 table tr td {padding-left: 12px;}
}
@media (max-width:390px) {
    #ProductSec05 table tr td {font-size: 14px;padding-left: 8px;}
    #ProductSec05 table tr td:nth-child(1){width: 72px;}
}