@charset "utf-8";

/* ---------------------------------------- 
 - main-contents
---------------------------------------- */
#contents .main-contents {
    padding-left: 0;
    padding-right: 0;
}

/* map-box */
#contents .main-contents .map-box {
	margin: 20px auto 70px;
}

/* note-box */
#contents .main-contents .note-box {
	width: 94%;
	border-top:dotted 4px #000;
	border-bottom:dotted 4px #000;
	padding: 35px 0;
    text-align: center;
	margin: 0 auto;
}
#contents .main-contents .note-box .note-ttl {
	font-size:3.2rem;
	line-height: 1.4;
	border-bottom: solid 1px #000;
	display: inline-block;
	margin: 0 auto 0.7em;
}
#contents .main-contents .note-box .note-midashi {
	font-size:2.4rem;
	line-height: 1.4;
	margin: 1.5em auto 0.7em;
}
#contents .main-contents .note-box ul.note-list {
	text-align: left;
}
#contents .main-contents .note-box ul.note-list li {
	text-indent: -1.0em;
	margin-left: 1.0em;
	line-height: 1.6;
	margin-bottom: 0.7em;
}
#contents .main-contents .note-box ul.note-list li:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	/* map-box */
	#contents .main-contents .map-box {
		margin: 10px auto;
	}
	#contents .main-contents .map-box .map {
        width: 200%;
		max-width: 1000px;
    }
	#contents .main-contents .map-box-text {
		font-size: 1.3rem;
        margin-top: 1.0em;
		margin-bottom: 40px;
		padding: 0 3%;
	}	
	/* note-box */
	#contents .main-contents .note-box {
		border-width: 3px;
		padding: 25px 0;
	}
	#contents .main-contents .note-box .note-ttl {
		font-size:2.4rem;
	}
	#contents .main-contents .note-box .note-midashi {
		font-size: 1.7rem;
        letter-spacing: 0;
		margin-top: 2.5em;
	}
}