.slide-cnt {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .slide-cnt h2 {
        font-size: 52px;
        color: #ffffff;
        text-align: center;
    }

    .slide-cnt p {
        font-size: 40px;
        color: #ffffff;
        margin-top: 20px;
        text-align: center;
    }
.swiper-cnt{
    position: relative;
    overflow: hidden;
    min-width: 1100px;
}

.swiper-cnt .mySwiperInd .swiper-slide img{
    width: 100%;
    height: auto;
}


.swiper-cnt .swiper-pagination-bullet-active{
    background-color: #78347a !important;
}

.swiper-cnt .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-cnt .swiper-pagination-bullet{
    background-color: #9ba3af;
    opacity: 1;
}




.product-btit{
    width: 100%;
}
.product-btit h2{
    font-size: 24px;
    font-weight: 600;
    padding: 15px 0;
    color: #741d75;
}
.product-btit p{
    width: 100%;
    height: 3px;
    background: linear-gradient(to left , #e16ed6 , #741e76);
}

.product-box{
    padding: 40px 0;
    background-color: #f8f3f8;
}

.product-bul{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
}
.product-bul li{
    width: 32%;
    margin: 8px;
    background-color: #ffffff;
    border-radius: 5px;

}
.product-bul li a{
    padding: 25px 20px;
}
.product-bul li a h3{
    font-size: 22px;
    color: #741d75;
    font-weight: 600;
}
    .product-bul li a p {
        font-size: 18px;
        letter-spacing: 0.05em;
        margin-top: 10px;
        color: #333333;
    }
.product-bul li:hover{
    background-color: #9c4093;
}
.product-bul li:hover a h3{
    color: #ffffff;
}
.product-bul li:hover a p{
    color: #ffffff;
}




.area-box{
    padding: 40px 0;
}
.area-bitem:nth-child(1){
    margin-top: 0px;
}
.area-bitem{
    margin-top: 30px;
}
.area-bitm-ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}
.area-bitm-ul li{
    width: 24%;
}
    .area-bitm-ul li a {
        background-color: #f8f3f8;
        width: 100%;
    }
.bitm-ulimg{
    width: 100%;
}
.bitm-ulimg img{
    width: 100%;
    height: auto;
}


.bitm-ulbtm{
    padding: 15px 20px;
    font-size: 20px;
}



@media only screen and (max-width: 1400px) {
    
    .product-box {
        padding: 30px 0;
    }
    .product-btit h2 {
        font-size: 20px;
        padding: 10px 0;
    }
    .product-bul {
        padding: 15px 0;
    }
    .product-bul li {
        margin: 6px;
    }
    .product-bul li a {
        padding: 20px 15px;
    }
    .product-bul li a h3 {
        font-size: 18px;
    }
    .product-bul li a p {
        font-size: 14px;
        margin-top: 5px;
    }



    .area-box {
        padding: 30px 0;
    }
    .area-bitem {
        margin-top: 20px;
    }
    .area-bitm-ul {
        padding: 20px 0;
    }
    .bitm-ulbtm {
        padding: 10px 15px;
        font-size: 16px;
    }

}

@media only screen and (max-width: 768px) {
	
	.slide-cnt h2{
    	font-size: 24px;
    }
    
	.slide-cnt p {
    	font-size: 16px;
    	margin-top: .2rem;
	}
	
	


    .swiper-cnt{
        max-width: 100%;
        min-width: 100%;
    }

    .product-box {
        padding: .3rem .1rem;
    }
    .product-btit h2 {
        font-size: 26px;
        padding: .1rem 0;
    }
    .product-bul {
        padding: .15rem 0;
    }
    .product-bul li {
        width: 46%;
        margin: .1rem;
    }
    .product-bul li a {
        padding: .2rem .15rem;
    }

    .area-box {
        padding: .3rem .1rem;
    }
    .area-bitm-ul {
        padding: .2rem 0;
        flex-wrap: wrap;
    }
    .area-bitm-ul li {
        width: 48%;
        margin-bottom: .2rem;
    }
    .bitm-ulbtm {
        padding: .1rem .15rem;
        font-size: 14px;
    }
    .area-bitem {
        margin-top: 0rem;
    }

}