/* PC SP 共通 */
body.home #mainv{
	margin-bottom: 90px;
    position: relative;
}
body.home #mainv .image-box img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
body.home #mainv .image-box .image:not(:first-child){
    display: none;
}
body.home #mainv .image-box .image a{
	display: block;
}
body.home #mainv .image-box .image a:hover{
	opacity: 0.7;
}
body.home #mainv .slick-dotted.slick-slider{
	margin-bottom: 0;
}
body.home #mainv .slick-dots{
	margin-bottom: 0;
	bottom: 30px;
}
body.home #mainv .slick-dots > li{
	width: 13px;
	height: 13px;
	padding: 3px;
	box-sizing: border-box;
}
body.home #mainv .slick-dots > li button{
	width: 10px;
	height: 10px;
	padding: 0;
	background-color: #8F8F90;
	border: 1px solid #ffffff;
	border-radius: 50%;
	box-sizing: border-box;
    transition-duration: 0.3s;
}
body.home #mainv .slick-dots > li.slick-active button{
	background-color: #ffffff;
}
body.home #mainv .slick-dots > li button:before,
body.home #mainv .slick-dots > li.slick-active button:before{
    color: transparent;
}
body.home #mainv .slick-prev,
body.home #mainv .slick-next{
	width: 34px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: auto 32px;
	z-index: 10;
	transition-duration: 0.3s;
}
body.home #mainv .slick-prev:before,
body.home #mainv .slick-next:before{
	display: none;
}
body.home #mainv .slick-prev{
	left: 10px;
	background-image: url("../images/common/anchor-prev.png");
	background-position: left 5px center;
}
body.home #mainv .slick-next{
	right: 10px;
	background-image: url("../images/common/anchor-next.png");
	background-position: right 5px center;
}
body.home #mainv .slick-prev:hover{
	background-position: left center;
}
body.home #mainv .slick-next:hover{
	background-position: right center;
}

body.home .supplement_h-box .btns{
	text-align: center;
}

@media print, all and (min-width: 751px) {
	
	/* PC */
	body.home #mainv .image-box img.sp{
		display: none !important;
	}
	body.home #mainv .image-box img{
		object-fit: cover;
	}

	body.home .supplement_h-box .text{
		text-align: center;
	}
}

@media only screen and (max-width: 750px) {
	
	/* SP */
	body.home #mainv{
		margin-bottom: 40px;
	}
	body.home #mainv .image-box img.pc{
		display: none !important;
	}
	body.home #mainv .slick-dots{
		bottom: 15px;
	}
	body.home #mainv .slick-prev,
	body.home #mainv .slick-next{
		width: 20px;
		height: 30px;
		background-size: auto 22px;
	}
	body.home #mainv .slick-prev{
		left: 8px;
		background-position: left 4px center;
	}
	body.home #mainv .slick-next{
		right: 8px;
		background-position: right 4px center;
	}
	body.home #mainv .slick-prev:hover{
		background-position: left center;
	}
	body.home #mainv .slick-next:hover{
		background-position: right center;
	}
	
}