@charset "utf-8";

@import url("style/variables.css");/*変数定義*/
	
:root{
}

#top_img{
	padding:30px 0 0 0;
	overflow: hidden;
	position:relative !important;
	z-index: 3;
	img{
		@include border-radius(10px);
	}
	a{
		&:hover{
			@include opacity(0.75);
		}
	}
	@media (max-width: 860px) {
		padding:0;
	}
}
.swiper-wrapper{
	position:static !important;
}
.swiper-button-next:after, .swiper-button-prev:after {/*左右の矢印変更！*/
	display: none;
 }
 .fa-arrow-circle-left,.fa-arrow-circle-right{/*矢印色変更*/
	 color:white;
	 &:hover{
		 color:rgb(var(--mainColor));
	 }
 }
 .swiper-button-prev, .swiper-rtl .swiper-button-next {/*矢印位置調整*/
	 left:50% !important;
	 margin-left:-580px;
	 @include media_query_lg{
		 left:20px !important;
		 margin-left:0;
	 }
 }
 .swiper-button-next, .swiper-rtl .swiper-button-prev{/*矢印位置調整*/
	right:50% !important;
	margin-right:-580px;
	@media (max-width: 1200px) {
		right:20px !important;
		margin-right:0;
	}
 }
	
#breadcrumb{
	display:none;
}

#top_banners{
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:20px;
	a{
		border-radius: 10px;
		overflow: hidden;
		&:hover{
			opacity: .75;
		}
	}
	@media (max-width: 600px) {
		grid-template-columns: 1fr;
	}
}


#top_prf{
	display:grid;
	grid-template-columns: 2fr 3fr;
	gap:30px;
	margin:30px auto 0 auto;
	> div{
		&:nth-of-type(1){
			iframe{
				width:100%;
				height:100%;
				border-radius: 15px;
			}
		}
		&:nth-of-type(2){
			dl{
				display:grid;
				grid-template-columns: 8em 1fr;
				border-bottom:1px solid #eee;
				> *{
					padding:10px 0;
					border-top:1px solid #eee;
				}
				dt{
					text-align: right;
				}
				dd{
					text-align: left;
					padding-left:1em;
				}
			}
		}
	}
	@media (max-width: 860px) {
		display:block;
		> div{
			&:nth-of-type(1){
				iframe{
					height:min(400px,70vh);
				}
			}
			&:nth-of-type(2){
				margin:20px auto 0 auto;
				dl{
					display:block;
					> *{
						padding:10px 0;
						border-top:none;
					}
					dt{
						border-top:1px solid #eee;
						text-align: left;
						font-weight: 500;
						padding:.7em .5em 0 .5em;
					}
					dd{
						padding:.2em .5em .7em .5em
					}
				}
			}
		}
	}
}

#links{
	display:grid;
	grid-template-columns: repeat(auto-fill,minmax(min(200px,100%),1fr));
	gap:10px;
	margin:30px auto 0 auto;
}