@charset "UTF-8";
/* PCページ */
@media screen and (min-width: 768px){
header{
	top: 0;
	 z-index: 100; 
}
main{
	width: 100%;
	max-width: 1785px;
	margin: 0 auto;
}
#slide{
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
}
.swiper-container{
	width: 93%;
	max-width: 1785px;
}
.swiper-wrapper{
	list-style: none;
	padding: 0 0 30px;
	margin: 0;
}
.swiper-wrapper img{
	width: 100%;
	max-width: 360px;
	border-radius: 20px;
}
.swiper-button-prev,.swiper-button-next{
	margin-top: -35px;
	color: #8b837c;
}
.swiper-button-prev::after,.swiper-button-next::after{
	font-size: 30px;
	font-weight: bold;
}
.swiper-button-prev:hover::after,.swiper-button-next:hover::after{
	opacity: 0.8;
	transition: .3s;
}
.swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background: #8b837c;
}
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width: 1024px){
.swiper-container{
	width: 90%;
	max-width: 1785px;
}
}
/*スマホページ */
@media screen and (max-width: 768px){
header{
	top: 0;
	 z-index: 100; 
}
main{
	width: 100%;
	max-width: 786px;
	margin: 0 auto;
}
#slide{
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
}
.swiper-container{
	width: 100%;
	max-width: 786px;
	margin: 0 15px;
}
.swiper-wrapper{
	list-style: none;
	padding: 0 0 20px;
	margin: 0;
}
.swiper-wrapper img{
	width: 100%;
	max-width: 262px;
	border-radius: 20px;
}
.swiper-button-prev,.swiper-button-next{
	margin-top: -35px;
	color: #8b837c;
}
.swiper-button-prev::after,.swiper-button-next::after{
	content: "";
}
.swiper-pagination-bullet{
	background: #8b837c;
}
}