@charset "utf-8";
/* ===================================================
	notfound CSS
====================================================== */
/* ---------------------------------------------------

------------------------------------------------------ */
#main_img { background: url(../../access/img/title.jpg)no-repeat center; background-size: cover;}


section h3,
section h4,
#lead ul li,
.spot ul li { font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@media screen and (max-width: 600px) {

}


/* ---------------------------------------------------
#lead
------------------------------------------------------ */
#lead { width: 1100px; max-width: 92%; margin: 0 auto; padding-bottom: 100px;}
#lead h3 { padding-top: 90px; margin-top: -36px; font-size: 26px; text-align: center; position: relative;}
#lead h3::before { content: ""; position: absolute; top: 0; left: 50%;
	width: 1px; height: 70px; background: #666;
}
#lead p { padding-top: 20px; text-align: center;}
#lead ul { padding-top: 80px;}
#lead ul li { width: 48%; float: left; font-size: 24px; text-align: center;}
#lead ul li+li { float: right;}
#lead ul li a { display: block; padding: 15px 0 20px; border: 1px solid #ccc; position: relative;}
#lead ul li a::before { bottom: 15px; top: inherit; left: calc(50% - 5px); width: 10px; height: 10px;
	border-bottom: 2px solid #aa8d34; border-right: 2px solid #aa8d34; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: none;
}
#lead ul li a::after { content: none;}
#lead ul li a:hover { text-decoration: none; background: #f9f9f9;}

@media screen and (max-width: 600px) {
	#lead { padding-bottom: 30px;}
	#lead h3 { padding-top: 50px; margin-top: 0; font-size: 22px;}
	#lead h3::before { height: 40px;}
	#lead p { text-align: left;}
	#lead ul { padding-top: 30px;}
	#lead ul li { width: 49%; font-size: 18px;}
	#lead ul li a { padding: 11px 0 20px;}
	#lead ul li a::before { bottom: 9px; border-bottom: 1px solid #aa8d34; border-right: 1px solid #aa8d34;}
}


@media screen and (max-width: 340px) {
	#lead h3 { font-size: 20px;}
}




/* ---------------------------------------------------
clear
------------------------------------------------------ */
section:after,
.inner:after,
#lead ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}