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

/**
/* .mainContents
/* #middleBar
 */

/* .mainContents
--------------------- */

@media only screen and (max-width: 600px) {
	.first {
		background: url(../../common/img/bg_line.png) 50% 8px repeat-x;
		-webkit-background-size: auto 5px;
				background-size: auto 5px;
		padding-top: 20px;
	}
}

.mainContents p {
	font-size: 1.6rem;
	line-height: 2.5;
}
@media only screen and (max-width: 600px) {
	.mainContents p {
		font-size: 1.6rem;
		line-height: 2.1;
	}
}

/* .box */
.mainContents .box {
	border: 2px solid #7FCFF4;
	margin-bottom: 80px;
	padding: 80px;
}
.mainContents .box .title {
	color: #00A0E9;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.mainContents .box p {
	margin-bottom: 50px;
}
.mainContents .box li {
	font-size: 1.6rem;
	line-height: 2.5;
}
.mainContents .box li:before {
	content: "□";
	color: #00A0E9;
}
@media only screen and (max-width: 600px) {
	.mainContents .box {
		border: 1px solid #7FCFF4;
		margin-bottom: 2.5rem;
		padding: 6.25vw 3.125vw;
	}
	.mainContents .box .title {
		font-size: 1.8rem;
		margin-bottom: 1.25rem;
	}
	.mainContents .box p {
		font-size: 1.6em;
		line-height: 1.59;
		margin-bottom: 1.25rem;
	}
	.mainContents .box li {
		font-size: 1.6em;
		line-height: 2;
	}
}


/* #middleBar
--------------------- */

#middleBar {
	margin-bottom: 80px;
}
#middleBar img {
	width: 100%;
}
@media only screen and (max-width: 600px) {
	#middleBar {
		margin-bottom: 2.5rem;
	}
}