@charset "utf-8";
/* CSS Document */

#mv .swiper-button-prev:after {
    content: 'prev';
    color: rgba(255,255,255,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
#mv .swiper-button-next:after {
    content: 'next';
    color: rgba(255,255,255,0.9);
    border-radius: 25px;
    font-size: 1rem;
}

#mv .swiper-button-prev,#mv .swiper-button-next {
    width: 50px;
	height: 50px;
	border-radius: 25px;
	/*background: rgba(187,187,187,0.5);*/
}

@media screen and (max-width: 599px) {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 30px; height: 30px; border-radius: 15px; }
	#mv .swiper-button-prev:after,#mv .swiper-button-next:after { font-size: 0.7rem; }
	
	#mv .swiper-button-prev { left: 0px;}
	#mv .swiper-button-next { right: 0px;}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 40px; height: 40px; border-radius: 20px; }
	#mv .swiper-button-prev { left: 0px;}
	#mv .swiper-button-next { right: 0px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 45px; height: 45px; border-radius: 22.5px;}
	#mv .swiper-button-prev { left: 0px;}
	#mv .swiper-button-next { right: 0px;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	#mv .swiper-button-prev { left: 0px;}
	#mv .swiper-button-next { right: 0px;}
}
@media screen and (min-width: 1480px) {
	#mv .swiper-button-prev { left: 0px;}
	#mv .swiper-button-next { right: 0px;}
}

.swiperCardIn .swiper-slide div { margin-bottom: 10px; }
.swiperCardIn .swiper-slide h4 span { text-align: left; font-size: 0.9rem; color: #fff; background:var(--base-color); padding: 2px 10px; border-radius: 2px; margin-bottom: 10px; }
.swiperCardIn .swiper-slide h5 { text-align: left; font-size: 1.0rem; font-weight: bold; margin-bottom: 10px; }
.swiperCardIn .swiper-slide p { font-size: 0.9rem; margin-bottom: 0px; }
.swiperCardIn { position: relative; }
.swiperCardIn .swiper-button-prev:after {
    content: 'prev';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
.swiperCardIn .swiper-button-next:after {
    content: 'next';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
.swiperCardIn .swiper-button-prev,.swiperCardIn .swiper-button-next {
    width: 40px;
	height: 40px;
	border-radius: 25px;
	background: rgba(187,187,187,0.5);
}
@media screen and (max-width: 599px) {
	.swiperCardIn .swiper-button-prev,.swiperCardIn .swiper-button-next { width: 30px; height: 30px; border-radius: 15px; }
	.swiperCardIn .swiper-button-prev:after,.swiperCardIn .swiper-button-next:after { font-size: 0.7rem; }
	
	.swiperCardIn .swiper-button-prev { left: -15px;}
	.swiperCardIn .swiper-button-next { right: -15px;}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.swiperCardIn .swiper-button-prev,.swiperCardIn .swiper-button-next { width: 40px; height: 40px; border-radius: 20px; }
	.swiperCardIn .swiper-button-prev { left: 10px;}
	.swiperCardIn .swiper-button-next { right: 10px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	.swiperCardIn .swiper-button-prev,.swiperCardIn .swiper-button-next { width: 45px; height: 45px; border-radius: 22.5px;}
	.swiperCardIn .swiper-button-prev { left: 10px;}
	.swiperCardIn .swiper-button-next { right: 10px;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	.swiperCardIn .swiper-button-prev { left: -20px;}
	.swiperCardIn .swiper-button-next { right: -20px;}
}
@media screen and (min-width: 1480px) {
	.swiperCardIn .swiper-button-prev { left: -20px;}
	.swiperCardIn .swiper-button-next { right: -20px;}
}


.swiper.img-loop .swiper-wrapper {
    transition-timing-function: linear;
    align-items: center;
}