@charset "utf-8";
/* CSS Document */

/*-------------------------------------
	Main Visual
-------------------------------------*/

#main_visual{
	background-image: url("../images/access/main.jpg");
	position: relative;
}


/*-------------------------------------
	アクセス
-------------------------------------*/

.detail dl, .detail > p{
	font-size: 14px;
}

.detail dl{
	display:flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.detail dl dt:nth-of-type(1){
	padding-top: 0;
}

.detail dl dt{
	font-family: "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	padding-right: 20px;
	width: 120px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dedede;
}

.detail dl dd{
	width: calc(100% - 120px);
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dedede;
}

.detail dl dd:nth-of-type(1){
	padding-top: 0;
}

/*-------------------------------------
	ページ内リンク
-------------------------------------*/
#plink.box3 ul li{
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	margin-right: 0;
	border-right: 1px solid #dedede;
	height: 50px;
}

#plink.box3 ul li:last-child{
	border-right: none;
}

#plink.box3 ul li h4{
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding: 0;
	position: relative;
}

#plink.box3 ul li h4:after{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.5s;
}

#plink.box3 ul li h4:hover:after{
	border-color: #fff;
}

#plink.box3 ul li h4 a{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	opacity: 1;
}

#plink.box3 ul li h4 a:hover{
	background: #b49531;
	color: #fff;
}

.w750{width:750px;margin: 0 auto;}
.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 960px) {
	#plink.box3 ul li{
		flex-basis: 100%;
		max-width: 100%;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
	}

	#plink.box3 ul li h4:after{
		position: absolute;
		bottom: -5px;
	}
}

/*SP,TAB*/

@media screen and (max-width: 960px) {
 .w750{width:100%;}
 .sp{display: block;}
 .pc{display: none;}
	#map iframe{
		height: 400px;
	}
	
	#plink.box4 ul li{
		flex-basis: 48%;
		max-width: 48%;
	}
	
	#plink.box4 ul li:nth-child(2n){
		border-right: none;
	}

	#plink.box4 ul li h4:after{
		bottom: -10px;
	}
}