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

/*////////////////////////////////////////////////////////

navigation.css

///////////////////////////////////////////////////////*/
#sigNavigation {
}

#navigation-wrap {
	margin:100px 0;
}
#navigation-wrap section:nth-child(2) {
	margin-top:150px;
}
#navigation-wrap h2 {
	text-align:center;
}
#navigation-wrap h2 br {
	display:none;
}
#navigation-wrap .lead-txt {
    margin-top: 30px;
}
#navigation-wrap ul.navigation-group {
	margin-top:50px;
}
#navigation-wrap ul.navigation-group > li {
	margin-bottom:80px;
}
#navigation-wrap ul.navigation-group > li:last-child {
	margin-bottom:0;
}
#navigation-wrap ul.navigation-group > li h3 {
	position:relative;
	font-size: 2.4rem;
	font-weight: 700;
	padding-left:1em;
	margin-bottom: 30px;
}
#navigation-wrap ul.navigation-group > li h3 span {
	position:absolute;
	top:0;
	left:0;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body {
	margin-top:30px;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body dt {
	float:right;
	width:30%;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body dd {
	float:left;
	width:66%;
}

@media screen and (max-width: 1024px) {
#navigation-wrap h2 {
	text-align:left;
}
}
@media screen and (max-width: 820px) {
}
@media screen and (max-width: 599px) {
#navigation-wrap {
	margin:60px 0;
}
#navigation-wrap ul.navigation-group {
	margin-top:30px;
}
#navigation-wrap ul.navigation-group > li h3 {
	font-size: 2.0rem;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body dt {
	float:none;
	width:100%;
}
#navigation-wrap ul.navigation-group > li dl.navigation-body dd {
	float:none;
	width:100%;
	padding-top:20px;
}
}
/*------------------------------------------------------

 =notes-wrap
 
-------------------------------------------------------*/
#notes-wrap {
	margin-top: 150px;
}
#notes-wrap .headline-normal {
	text-align: center;
}
#notes-wrap .notes-txt {
	margin-top: 30px;
}
@media screen and (max-width: 1024px) {
#notes-wrap {
	margin-top: 100px;
}
}
@media screen and (max-width: 599px) {
#notes-wrap {
	margin-top: 60px;
}
#notes-wrap .headline-normal {
	text-align: left;
}
}