@charset "utf-8";
@media screen and (min-width: 768px) {
	
/*===============================================

visual

=================================================*/

#visual{
	display:table;
	width:100%;
	height:450px;
	min-width:1200px;
	background-image: url(../img/sitemap/visual.jpg);
}
#visual .catch{
	display:table-cell;
	text-align:center;
	font-size:4.8rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	vertical-align:middle;
	color:#FFF;
}
#visual .catch span{
	display:block;
	color:#b5a36a;
	font-size:2.4rem;
	margin:25px 0 0 0;
}

/*===============================================

list

=================================================*/
#list .inner{
	width:1200px;
	margin:0 auto;
	display:table;
}
#list .inner > ul{
	width:400px;
	display:table-cell;
	border-left:solid 1px #e5e5e5;
	padding:20px;
}
#list .inner > ul:first-child{
	border-left:none;
}
#list .inner ul li a{
	font-size:1.4rem;
	line-height:2;
	color:#313131;
}
#list .inner ul li a:hover{
	transition: .3s;
	color:#14375b;
}
#list .inner > ul li ul li a:before{
	content:"";
	display:inline-block;
	width:10px;
	height:1px;
	background-color:#c9c9c9;
	margin-right:5px;
	vertical-align:middle;
}
}


@media screen and (max-width: 768px) {
	
/*===============================================

visual

=================================================*/

#visual{
	display:table;
	width:100%;
	height:150px;
	background-image: url(../img/sitemap/visual.jpg);
	background-size:cover;
	background-position:center;
}
#visual .catch{
	display:table-cell;
	text-align:center;
	font-size:2.0rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
}
#visual .catch span{
	display:block;
	color:#b5a36a;
	font-size:1.2rem;
	margin:10px 0 0 0;
}
/*===============================================

list

=================================================*/
#list .inner > ul:first-child{
	border-top:none;
}
#list .inner ul li{
	border-top:solid 1px #cccccc;
}
#list .inner ul li:last-child{
}
#list .inner ul li a{
	font-size:1.4rem;
	line-height:2;
	color:#313131;
	display:block;
	padding:.5em 0;
}
#list .inner ul li a:hover{
	transition: .3s;
	color:#14375b;
}
#list .inner > ul li ul li a:before{
	content:"";
	display:inline-block;
	width:10px;
	height:1px;
	background-color:#c9c9c9;
	margin-right:5px;
	vertical-align:middle;
}
#list .inner > ul li ul li:last-child{
	border-bottom:none;
}
}