@charset "utf-8";

/*p-carousel_area (swiper) */
.p-carousel_area{
	position: relative;
}
/* swiper */

.swiper-container{width:100%;margin:0px; z-index: inherit;}
.swiper-wrapper{z-index: inherit;}
.swiper-slide{
	/*text-align:center;*/
	width:calc((100% - 80px)/3);
	position: relative;
}
.swiper-slide img{
	width: 100%;
	height: auto;
}
.swiper-button-next,
.swiper-button-prev{
	height: 240px;
	width: 46px;
	margin-top: 0px;
	top: 0px;
	background-size: 16px 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: inherit;
	border: none;
	outline: none;
	transition: background-color 0.3s;
}

.swiper-button-prev{
	left: -46px;
	background-image: url("./arrow_right_m_dg.svg");
	transform: rotate(180deg);
}
.swiper-button-next{
	right: -46px;
	background-image: url("./arrow_right_m_dg.svg");
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	background-color: #f0f0f0;
}

.swiper-button-prev::after,
.swiper-button-next::after{
	display: none;
}

@media screen and (max-width: 1200px){
	.swiper-button-next,
	.swiper-button-prev{
		background-color: rgba(255,255,255,0.8);
	}
	.swiper-button-prev{
		left: 0px;
	}
	.swiper-button-next{
		right: 0px;
	}
	.swiper-button-prev:hover,
	.swiper-button-next:hover{
		background-color: rgba(55,93,148,0.9);
	}
}
@media screen and (max-width: 1024px){
	.swiper-button-next,
	.swiper-button-prev{
		height: 248.8px;
	}
}
@media screen and (max-width: 640px){
	.swiper-button-next,
	.swiper-button-prev{
		height: 380px;
	}
}