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

div#title {
	margin: 160px 0 40px;
}
div#title > div {
    display: block;
    width: 980px;
    margin: 0 auto;
}
div#title > div > h1 {
    display: block;
    font-size: 30px;
}
section {
	width: 980px;
	margin: auto;
	text-align: left;
	margin-bottom: 100px;
}
section > p.lead {
	line-height: 160%;
	margin-bottom: 30px;
}
section > dl {
	display: flex;
	flex-wrap: wrap;
}
section > dl > dt {
	width: 12%;
	font-weight: 700;
	line-height: 180%;
}
section > dl > dd {
	width: 88%;
	line-height: 180%;
}
section > h2 {
    display: block;
    font-size: 26px;
	font-weight: normal;
	text-align: center;
	margin: 60px 0 30px;
}
section > ol {
	margin: 0 20px;
}
section > ol > li {
	list-style-type: decimal;
	line-height: 160%;
	margin-bottom: 10px;
}

	@media only screen and (max-width: 768px) {
		div#title > div {
		    width: 90%;
		}
		div#title > div > h1 {
			font-size: 5vw;
		}
		section {
			width: 90%;
		}
		section > h2 {
		    font-size: 4.5vw;
		}
		section > dl > dt {
			width: 100%;
		}
		section > dl > dd {
			width: 100%;
			padding-left: 16px;
			box-sizing: border-box;
		}
	}