@charset "UTF-8";

/* mainSection
---------------------------------------------------------- */
#mainSection dl {
	padding-bottom: 10px;
	border-bottom: 2px solid #EDE6DB;
}
#mainSection dl dt {
	margin-top: 10px;
	border-top: 2px solid #EDE6DB;
}
#mainSection dl dd span {
	padding-right: 1em;
	display: inline-block;
	width: 3.5em;
	text-align: right;
}


/*===============================================
● PC向け 横幅960px以上
===============================================*/
@media all and (min-width: 960px){
	/* mainSection
	---------------------------------------------------------- */
	#mainSection dl dt {
		padding: 10px 0 0 10px;
		float: left;
		width: 90px;
		clear: left;
	}
	#mainSection dl dd {
		margin-left: 100px;
		padding-left: 20px;
		width: 780px;
	}
	#mainSection dl dt:first-child {
		margin-top: 0;
	}
	#mainSection dl dt + dd {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 2px solid #EDE6DB;
	}

	/* 	Clearfix Property
	---------------------------------------------------------- */
	#mainSection dl:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0; 
		visibility: hidden;
	}
	
	#mainSection dl {
		zoom: 1;
	}
}
/*===============================================
● PC以外 横幅959px以下
===============================================*/
@media all and (max-width: 959px){
	/* mainSection
	---------------------------------------------------------- */
	#mainSection dl dt {
		padding-top: 10px;
		border-top: 2px solid #EDE6DB;
		width: 100%;
		font-weight: bold;
	}

	#mainSection dl dd {
		width: 100%;
	}

	#mainSection dl dt:first-child {
		margin-top: 0;
	}
}