.media .slider-media {
 	padding: 0 0 6vw;
 }
 .slider-media li.slick-slide {
	margin: 0 2vw;
	padding: 30px 0 30px;
	width: 34%;
	max-width: 400px;
}
.media .slider-media li.slick-slide > article {
	background: rgba(249,249,249,100);
	padding: 30px;
	border-radius: 4px;
	box-sizing: border-box;
	min-height: 260px;
}
.media .slider-media li.slick-slide.slick-active > article,
.media .slider-media li.slick-slide.cg_this > article {
	background: rgba(245,245,245,100);
	filter: drop-shadow(3px 3px 9px rgba(0,0,0,0.4));
}
.media .slider-media li.slick-slide > article >div {
	min-height: 170px;
	width: 100%;
	line-height: 2;
}
ul.slider-media li.slick-slide *{
	text-align: left;
}
.media .slider-media li.slick-slide > article strong {
	display: inline;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 0.025em;
	margin: 0;
}
.media .slider-media li.slick-center > article strong {
	background: #FFF;
	padding: 0.2em 0.2em;
}
.media .slider-media li.slick-slide > article p.linkArea {
	padding-top: 20px !important;
}
.media .slider-media li.slick-slide > article p.linkArea a.link,
.media .slider-media li.slick-slide > article p.linkArea {
	font-size: 12px;
	color: #8B8B8B;
	background: none;
	padding: 0;
	opacity: 1;
	transition: opacity 0.4s 0s linear;
}
.media .slider-media li.slick-slide > article p.linkArea a.link:hover {
	opacity: 0.5;
	transition: opacity 0.4s 0s linear;
}

ul.slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    bottom: var(--spacing-common);
    width: 100%;
    z-index: 9;
}
ul.slider-dots > li {
    line-height: 0;
}
.media .slider-media ul.slider-dots > li button {
	border: 1px solid #707070;
	background:#E0E0E0;
}
.media .slider-media ul.slider-dots > li.slick-active button {
	background:#707070;
}
.media .slide-arrow {
  	width: 40px;
  	height: 40px;
    position: absolute;
    bottom: 0;
}
ul.slider-dots > li button {
    background: var(--color-common);
    border: none;
    border-radius: 50%;
    color: var(--color-transparent);
    margin: unset;
    opacity: .5;
    padding: 0;
    width: 8px;
    height: 8px;
}
.media .slide-arrow > div {
    position: relative;
  	width: 40px;
  	height: 40px;
}
.media .slide-arrow.next-arrow {
	right: 40%;
}
.media .slide-arrow.prev-arrow {
	left: 40%;
}
.media .slide-arrow button {
	right: auto;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
  	width: 100%;
  	height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: transparent;
    outline: none;
    background: transparent;
    top: 0;
	z-index: 10;
}
.media .slide-arrow > div::after {
	width: 20px;
	height: 20px;
	display: block;
	content:'';
	position: absolute;
	top: 0;
	left: 50%;
	border: 1px solid #A2A2A2;
}
.media .next-arrow > div::after   {
	border-bottom:transparent;
	border-left:transparent;
	transform: translate(-50%, -35%)rotate(45deg);
}
.media .prev-arrow > div::after  {
	border-bottom:transparent;
	border-left:transparent;
	transform:translate(-50%, -35%)rotate(-135deg);
}
.bg-white ul.slider-media {
	background: none;
	padding: 0 0 70px;
}
@media screen and (max-width:1200px) {
	.media .slider-media li.slick-slide > article strong {
	font-size: 20px;
	line-height: 1.6;
	}
}
@media screen and (max-width:840px) {
	.media .slider-media { padding-top: 0;}
	.media .slider-media li.slick-slide > article {
	padding: 24px;
	min-height: 220px;
	}
	.media .slider-media li.slick-slide > article >div {
	min-height: 140px;
	}
	.media .slide-arrow.next-arrow {
	right: 20%;
	}
	.media .slide-arrow.prev-arrow {
	left: 20%;
	}
	.media .next-arrow > div::after   {
	transform: translate(-50%, 35%)rotate(45deg);
	}
	.media .prev-arrow > div::after  {
	transform:translate(-50%, 35%)rotate(-135deg);
	}
}
@media screen and (max-width:640px) {
	.media .slider-media li.slick-slide {
	width: 284px;
	max-width: none;
	}
}