@charset "UTF-8";

/* ===========================================
	facility Page
   =========================================== */

.fa_map{
	position: relative;
}
.fa_map_head{
	margin-left: auto;
	margin-right: auto;
}
img[usemap] {
	max-width: 100%;
	height: auto;
}
.fa_map_txt{
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px){
	.fa_map_head{
		max-width: 366px;
		margin-top: 35px;
		padding: 0 15px;
	}
	.fa_map_item{
		margin-top: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.fa_map_txt{
		max-width: 375px;
		padding: 25px 6.67% 0;
	}
}
@media (min-width: 768px){
	.fa_map_head{
		width: 550px;
		margin-top: 80px;
	}
	.fa_map_container{
		display: flex;
		min-width: 1000px;
		max-width: 1324px;
		margin: 60px auto 0;
	}
	.fa_map_txt{
		width: 730px;
		margin-top: 50px;
	}
	.fa_map_item img{
		width: 100%;
	}
}

.fa_fhoto{
	background-repeat: no-repeat;
	background-position: center 0;
}
.slider{
	position: relative;
}
.swiper-slide img{
	width: 100%;
	max-width: none;
}
#thumbs .swiper-slide{
	border: solid 2px transparent;
	cursor: pointer;
}
#thumbs .swiper-slide img{
	opacity: .7;
}
#thumbs .swiper-slide.swiper-slide-thumb-active{
	border: solid 2px #f98000;
}
#thumbs .swiper-slide.swiper-slide-thumb-active img{
	opacity: 1;
}
.swiper-button-prev {
	background: url(../sy_images/common/co_slider_l.png) no-repeat center;
	left: 0;
	background-size: 100% auto;
}
.swiper-button-next {
	background: url(../sy_images/common/co_slider_r.png) no-repeat center;
	right: 0;
	background-size: 100% auto;
}
@media (max-width: 767px){
	.fa_fhoto{
		min-height: 153.866vw;
		margin-top: -80px;
		padding-top: 40.533vw;
		background-image: url(../sy_images/facility/ma_02_back_sp.png);
		background-size: cover;
	}
	#slider{
		padding-left: 15px;
		padding-right: 15px;
	}
	.swiper-button-prev,
	.swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	#thumbs{
		margin: 30px 15px 0;
	}
	.swiper-pagination{
		padding-right: 15px;
		text-align: right;
	}
}
@media (min-width: 768px){
	.fa_fhoto{
		min-height: 1413px;
		margin-top: -300px;
		padding-top: 380px;
		background-image: url(../sy_images/facility/ma_02_back_pc.png)
	}
	.fa_slider{
		width: 970px;
		margin-left: auto;
		margin-right: auto;
	}
	#slider{
		padding-left: 50px;
		padding-right: 50px;
	}
	#thumbs{
		width: 870px;
		margin: 60px auto 0;
	}
	#thumbs .swiper-slide img{
		transition: .3s;
	}
	#thumbs .swiper-slide:hover img{
		opacity: 1;
	}
	.swiper-button-prev,
	.swiper-button-next {
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}
	.swiper-button-prev {
		left: 20px;
	}
	.swiper-button-next {
		right: 20px;
	}
}
@media (min-width: 1441px){
	.fa_fhoto{
		height: 98.125vw;
		padding-top: 27.4vw;
		background-size: cover;
	}
	.ab_vision{
		margin-top: 17vw;
	}
}