@charset "UTF-8";

/*メインビジュアル*/
.block-top-body-main{
	overflow: hidden;
	position: relative;
	margin: 0 0 40px;
	padding-bottom: 32px;
}
.block-top-body-main .block-top-body--body .swiper{
	overflow: visible;
}
.block-top-body-main .block-top-body--body #top-slider img{
	max-width: 100%;
	vertical-align: bottom;
}
.block-top-body-main .block-top-body--body{
	max-width: 1400px;
	min-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
}
.block-top-body-main .swiper-button{
	width: 60px;
	height: 60px;
	background: #EFEFEF;
	border-radius: 100%;
}
.block-top-body-main .swiper-button::before,
.block-top-body-main .swiper-button::after{
	display: none;
}
.block-top-body-main .swiper-button.swiper-button-prev{
	background: #EFEFEF url(../img/top/prev.png) center center no-repeat;
	left: -72px;
	right: unset;
}
.block-top-body-main .swiper-button.swiper-button-next{
	background: #EFEFEF url(../img/top/next.png) center center no-repeat;
	left: unset;
	right: -72px;	
}
.block-top-body-main .swiper-button:hover{
	opacity: 0.8;
}
.wrapper_ .swiper-horizontal>.swiper-pagination-bullets,
.wrapper_ .swiper-pagination-bullets.swiper-pagination-horizontal,
.wrapper_ .swiper-pagination-custom, .swiper-pagination-fraction,
.wrapper_ .block-top-body-main .swiper-pagination{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -32px;
	margin: 0 auto;
	width: max-content;
	height: 8px;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.block-top-body-main .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	background: #DEDEDE;
	opacity: 1;
}
.block-top-body-main .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #444444;
}
/*メインビジュアル*/

@media print, screen and (max-width: 767px) {

	/*-----メインビジュアル----*/
	.block-top-body-main .block-top-body--body{
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		padding-bottom: 20px;
	}
	.block-top-body--items img{
		max-width: 100%;
		vertical-align: bottom;
	}
	.block-top-body-main{
		position: relative;
		padding-bottom: 0;
	}
	.wrapper_ .swiper-horizontal>.swiper-pagination-bullets,
	.wrapper_ .swiper-pagination-bullets.swiper-pagination-horizontal,
	.wrapper_ .swiper-pagination-custom, .swiper-pagination-fraction,	
	.wrapper_ .block-top-body-main .swiper-pagination{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: max-content;	
		gap: 12px;
	}
	/*-----メインビジュアル----*/
	
	
}