@charset "utf-8";

/* sub.css
 * **************************************************
 * Main
 * Media Queries
 * **************************************************
 */


/* Main
-------------------------------------------------- */

/* article */
.subPage article {
	margin: 180px 0;
}

.subPage article .inner {
	width: 850px;
}

/* section */
.subPage section {
	margin: 95px 0 0 0;
}

.subPage section+section {
	margin-top: 75px;
}

/* headline */
.subPage article h2 {
	font-size: 1.8rem;
	margin: 0 0 20px;
}

/* paragraph */
.subPage article p {
	line-height: 1.6;
}

/* list */
.subPage article ul {
	list-style: none;
	line-height: 1.6;
}

/* title */
.subPage .title {
	margin: 0 0 130px;
	text-align: center;
}

.subPage .title h1 {
	color: #00602E;
	font-size: 3rem;
	padding: 0 0 25px;
	position: relative;
}

.subPage .title h1::after {
	background-color: #00602E;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 340px;
}

.subPage .title p {
	font-size: 2rem;
	margin: 26px 0 0 0;
}

/* Media Queries
-------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/* Main
-------------------------------------------------- */

	/* article */
	.subPage article {
		margin: 120px 0 65px;
	}

	.subPage article .inner {
		width: auto;
	}

	/* section */
	.subPage section {
		margin-top: 50px;
	}

	.subPage section+section {
		margin-top: 50px;
	}

	/* headline */
	.subPage article h2 {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}

	/* title */
	.subPage .title {
		margin-bottom: 50px;
	}

	.subPage .title h1 {
		font-size: 2.3rem;
	}

	.subPage .title h1::after {
		width: 90%;
	}

	.subPage .title p {
		font-size: 1.6rem;
		margin-top: 15px;
	}

}