@charset "utf-8";

#contents div.left{
	padding-bottom: 40px;
	float: left;
	width:510px;
}

#contents div.right{
	float: right;
	padding-bottom:40px;
	width:510px;
}

#contents h2{
	margin: 40px 0 40px 30px;
}

#contents h3{
	margin-bottom: 10px;
}
#contents h3 img{
	width: min(100%, 1070px);
}

#contents h5{
	margin-bottom: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #004D9F;
}

#contents dl.data dt{
	color: #004da1;
	font-weight: bold;
}

#contents dl.data dd{
	margin: -1.5em 0 10px 0;
	padding-left: 100px;
}

#contents a.map{
	padding-left: 15px;
	background-image: url(../about/img/icon_map.png?ts);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#contents ol li{
	margin-bottom: 10px;
}

#contents ul.photo{
	margin-right: -10px;
}

#contents ul.photo li{
	margin-right: 10px;
	float: left;
}

hr.line{
	display: block;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
	border-left: none;
	margin-bottom: 15px;
}

#contents .annai{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1em;
	margin-bottom: 2em;
}
#contents .annai > div{
	flex: 1;
}

@media screen and (max-width: 767px){
	#contents .sp_fNone{
		margin-right: 0;
		margin: 0 1.5em;
	}
	#contents .sp_fNone > div{
		float: none;
		width: auto;
		height: auto !important;
		margin-right: 0;
	}
	#contents .sp_fNone img{
		float: none !important;
		display: block;
		text-align: center;
		margin: 0 auto .5em !important;
	}
	#contents .annai{
		flex-direction: column;
	}
}