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



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


/* PC */
@media screen and (min-width: 768px), print {
	
	
#pageTitle {
	background: url(../img/pagetitle.jpg) no-repeat center top;
	background-size: cover;
}
	
	
.section {
	width: 1100px;
	margin: 0 auto;
	letter-spacing: normal;
}
* html .section {
	zoom: 100%;
}
*:first-child+html .section {
	display: inline-block;
}
.section:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


.section .phtArea {
	float: left;
	width: 550px;
	background: url(../img/pht.jpg) no-repeat left top;
	background-size: cover;
}
.section .textArea {
	float: right;
	width: 550px;
	background: #FFF;
}
	.section .textArea .set {
		padding: 30px 60px;
	}
	.section .textArea dl {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px #CCC;
	}
	.section .textArea dl.last {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	* html .section .textArea dl {
		zoom: 100%;
	}
	*:first-child+html .section .textArea dl {
		display: inline-block;
	}
	.section .textArea dl:after {
		content: ""; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
	.section .textArea dl dt {
		width: 80px;
		float:left;
		font-weight: bold;
	}
	.section .textArea dl dd {
		width: 340px;
		float: right;
		position: relative;
	}
	.section .textArea dl dd span {
		position: absolute;
		top: 5px;
		right: 0;
	}
	

	.section .textArea dl dd .link {
		margin-top: 20px;
	}
		.section .textArea dl dd .link a {
			text-decoration: underline;
		}
	



}











/* スマホ */
@media only screen and (max-width: 767px) {
	
	
	
#pageTitle {
	background: url(../img/pagetitle.jpg) no-repeat center top;
	background-size: cover;
}


.section {
	letter-spacing: normal;
}


.section .phtArea {
	display: none;
}
.section .textArea {
	background: #FFF;
}
	.section .textArea .set {
		padding: 5%;
	}
	.section .textArea dl {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px #CCC;
	}
	.section .textArea dl.last {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	.section .textArea dl dt {
		font-weight: bold;
	}
	.section .textArea dl dd {
		position: relative;
	}
	.section .textArea dl dd span {
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
	}
	

	.section .textArea dl dd .link {
		margin-top: 20px;
	}
		.section .textArea dl dd .link a {
			text-decoration: underline;
		}

}