@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 %
---------------------------------------------------------------------*/

.set{
	padding:80px;
}
.set:first-child {
	padding-top:0px;
}
.set:nth-child(2n){
	background: #e7ebf1;
}


.textArea {
	width: 640px;
	float: left;
}
	.textArea dl {
		font-weight: bold;
		margin-bottom: 50px;
	}
		.textArea dl dt {
			color: #123871;
			font-size: 2.4rem;
			border-bottom: solid 1px #a0afc6;
			margin-bottom: 15px;
			padding-bottom: 20px;
		}

		.textArea dl dd {
			font-size: 1.6rem;
		}
			.textArea dl dd table {
				width: 100%;
				vertical-align: top;
				margin-bottom: 30px;
			}
			.textArea dl dd table th {
				border-bottom: dotted 1px #a0afc6;
				vertical-align: top;
				padding: 10px 0;
				color: #123871;
			}
			.textArea dl dd table td {
				border-bottom: dotted 1px #a0afc6;
				vertical-align: top;
				padding: 10px 0;
			}
			.textArea dl dd table tr:last-child th,
			.textArea dl dd table tr:last-child td {
				border-bottom: none;
			}

		.textArea dl dd li {
			width: 32%;
			margin-right: 2%;
			float: left;
			text-align: center;
			color: #FFF;
		}
		.textArea dl dd li:last-child {
			margin-right: 0%;
		}
		.textArea dl dd li span {
			display: block;
			background: #febb90;
			line-height: 40px;
			border-radius: 20px;
		}
		.textArea dl dd li a {
			display: block;
			background: #fe7822;
			color: #FFF;
			line-height: 40px;
			border-radius: 20px;
		}
		.textArea .map {
		}
			.textArea .map iframe {
				width: 100%;
				height: 285px;
			}




.pht {
	width: 515px;
	float: right;
}




#blog {
	margin-top: 60px;
}

	#blog .tit {
		border-bottom:  solid 1px #b2b2b2;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#blog dl {
		border-bottom: dotted 1px #b2b2b2;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#blog dl dt {
		float: left;
		width: 100px;
	}


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

.set{
	padding: 10% 0;
}
.set:first-child {
	padding-top:0px;
}
.set:nth-child(2n){
	background: #e7ebf1;
}


.textArea {
	width: 100%;
	float: none;
}
	.textArea dl {
		font-weight: bold;
		margin-bottom: 50px;
	}
		.textArea dl dt {
			color: #123871;
			font-size: 2.4rem;
			border-bottom: solid 1px #a0afc6;
			margin-bottom: 15px;
			padding-bottom: 20px;
		}

		.textArea dl dd {
			font-size: 1.6rem;
		}
			.textArea dl dd table {
				width: 100%;
				vertical-align: top;
				margin-bottom: 30px;
			}
			.textArea dl dd table th {
				border-bottom: dotted 1px #a0afc6;
				vertical-align: top;
				padding: 10px 0;
				color: #123871;
			}
			.textArea dl dd table td {
				border-bottom: dotted 1px #a0afc6;
				vertical-align: top;
				padding: 10px 0;
			}
			.textArea dl dd table tr:last-child th,
			.textArea dl dd table tr:last-child td {
				border-bottom: none;
			}

		.textArea dl dd li {
			width: 100%;
			margin-right: 0%;
			margin-bottom: 2%;
			float: none;
			text-align: center;
			color: #FFF;
		}
		.textArea dl dd li:last-child {
			margin-right: 0%;
		}
		.textArea dl dd li span {
			display: block;
			background: #febb90;
			line-height: 40px;
			border-radius: 20px;
		}
		.textArea dl dd li a {
			display: block;
			background: #fe7822;
			color: #FFF;
			line-height: 40px;
			border-radius: 20px;
		}
		.textArea .map {
		}
			.textArea .map iframe {
				width: 100%;
				height: 285px;
			}




.pht {
	width: 100%;
	float: none;
}
.pht img {
	width: 100%;
	height: auto;

}



}