@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


#pageLink {
	background: #e7ebf1;
	padding: 30px 0;
}
	#pageLink ul {
		width: 1200px;
		margin: 0 auto;
	}
		#pageLink ul li {
			float: left;
			width: 24%;
			text-align: center;
			background: #FFF;
			margin-right: 1%;
			border-radius: 10px;
		}
		#pageLink ul li:last-child {
			margin-right: 0;
		}
		#pageLink ul li a {
			display: block;
			font-size: 1.6rem;
			font-weight: bold;
			padding: 20px 0;
			background: url("../../common/img/arrow.png") no-repeat 95% center;
		}

	.set {
		margin-bottom: 80px;
	}
		.set:first-child {
			text-align: center;
		}
		.set:first-child dl {
			margin-bottom: 60px;
		}
			.set:first-child dl dt {
				margin-bottom: 30px;
			}
			.set:first-child dl dd {
				font-size: 2.8rem;
				color: #123871;
				font-weight: bold;
			}

		.set:first-child .point {
			float: left;
			width: 580px;
			background: #eef1f5;
			border-radius: 10px;
			padding: 30px 0;
			position: relative;
		}
		.set:first-child .point:last-child {
			float: right;
		}

		.set:first-child .point h4 {
			color: #ff8200;
			font-size: 2.6rem;
			margin-bottom: 10px;
		}
		.set:first-child .point p {
		}
		.set:first-child .point p.no {
			position: absolute;
			top: -50px;
			left: 50%;
			margin-left: -55px;
		}


		.set:nth-child(2) {
		}
			.set:nth-child(2) dl {
				float: left;
				width: 580px;
				font-weight: bold;
			}
				.set:nth-child(2) dl dt {
					font-size: 2rem;
					color: #123871;
					margin-bottom: 10px;
				}
				.set:nth-child(2) dl dd {
					font-size: 1.6rem;
				}
			.set:nth-child(2) p {
				float: right;
				width: 570px;
			}


		.set:nth-child(3) {
		}
			.set:nth-child(3) dl {
				float: right;
				width: 400px;
				font-weight: bold;
			}
				.set:nth-child(3) dl dt {
					font-size: 2rem;
					color: #123871;
					margin-bottom: 10px;
				}
				.set:nth-child(3) dl dd {
					font-size: 1.6rem;
				}
			.set:nth-child(3) p {
				float: left;
				width: 750px;
			}
				.set:nth-child(3) p iframe {
					width: 100%;
					height: 300px;
				}


.btnArea {
	background: #e7ebf1;
	padding: 30px 0;
}
	.btnArea ul {
		width: 1200px;
		margin: 0 auto;
	}
	.btnArea ul:first-child {
		margin-bottom: 20px;
	}
	.btnArea ul li {
		text-align: center;
		width: 49%;
		background: #FFF;
		border-radius: 10px;
		margin: 0 auto;
	}
		.btnArea ul li a {
			display: block;
			padding: 30px 0;
			font-weight: bold;
			font-size: 2.2rem;
			background: url("../../common/img/arrow.png") no-repeat 95% center;
		}
		.btnArea ul li a span {
			display: block;
			font-size: 1.4rem;
		}



/* max 768px */
@media screen and (max-width: 768px) {

	
#pageLink {
	background: #e7ebf1;
	padding: 5%;
}
	#pageLink ul {
		width: 100%;
		margin: 0 auto;
	}
		#pageLink ul li {
			float: none;
			width: 100%;
			text-align: center;
			background: #FFF;
			margin-right: 0%;
			margin-bottom: 1%;
			border-radius: 10px;
		}
		#pageLink ul li:last-child {
			margin-bottom: 0%;
		}

	.set {
		margin-bottom: 10%;
	}
	.set img {
		width: 100%;
		height: auto;
	}
		.set:first-child {
			text-align: center;
		}
		.set:first-child dl {
			margin-bottom: 60px;
		}
			.set:first-child dl dt {
				margin-bottom: 30px;
			}
			.set:first-child dl dd {
				font-size: 1.6rem;
				color: #123871;
				font-weight: bold;
			}

		.set:first-child .point {
			float: none;
			width: 100%;
			background: #eef1f5;
			border-radius: 10px;
			padding: 5%;
			position: relative;
			margin-bottom: 15%;
		}
		.set:first-child .point:last-child {
			float: right;
		}

		.set:first-child .point h4 {
			color: #ff8200;
			font-size: 2.6rem;
			margin-bottom: 10px;
		}
		.set:first-child .point p {
		}
		.set:first-child .point p.no {
			position: absolute;
			top: -50px;
			left: 50%;
			margin-left: -55px;
		}


		.set:nth-child(2) {
		}
			.set:nth-child(2) dl {
				float: none;
				width: 100%;
				font-weight: bold;
				margin-bottom: 5%;
			}
				.set:nth-child(2) dl dt {
					font-size: 2rem;
					color: #123871;
					margin-bottom: 10px;
				}
				.set:nth-child(2) dl dd {
					font-size: 1.6rem;
				}
			.set:nth-child(2) p {
				float: none;
				width: 100%;
			}


		.set:nth-child(3) {
		}
			.set:nth-child(3) dl {
				float: none;
				width: 100%;
				font-weight: bold;
				margin-bottom: 5%;
			}
				.set:nth-child(3) dl dt {
					font-size: 2rem;
					color: #123871;
					margin-bottom: 10px;
				}
				.set:nth-child(3) dl dd {
					font-size: 1.6rem;
				}
			.set:nth-child(3) p {
				float: none;
				width: 100%;
			}
				.set:nth-child(3) p iframe {
					width: 100%;
					height: 300px;
				}


.btnArea {
	background: #e7ebf1;
	padding: 5%;
}
	.btnArea ul {
		width: 100%;
		margin: 0 auto;
	}
	.btnArea ul li {
		text-align: center;
		width: 100%;
		float: none;
		background: #FFF;
		border-radius: 10px;
		margin-bottom: 5%;
	}
	.btnArea ul li:last-child {
		float: none;
		margin-bottom: 0%;
	}
		.btnArea ul li a {
			display: block;
			padding: 30px 0;
			font-weight: bold;
			font-size: 1.8rem;
			background: url("../../common/img/arrow.png") no-repeat 95% center;
		}
		.btnArea ul li a span {
			display: block;
			font-size: 1.2rem;
		}


}