@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:faq.css */
/* creation date:2016年9月23日 */
/* last updated:2016年9月23日 */
/* -------------------------------------------------- */

@media only screen and (max-width: 767px) {
	#contents section {
		margin: 0 10px;
		padding-bottom: 20px;
	}
	#contents section h3 {
		font-size: 16px;
		padding: 8px 5px;
		text-align: center;
		margin-bottom: 15px;
		background: #17DFB3;
		color: #fff;
	}

	#contents dl {
		background: #f5f5f5;
		padding: 10px 15px;
		margin: 0 0 15px;
		position: relative;
	}
	#contents dl dt {
		line-height: 20px;
		text-align: left;
		font-weight: 700;
		padding: 10px 0 15px 38px;
		border-bottom: 1px dashed #ccc;
		position: relative;
	}
	#contents dl dt:before {
		content: "Q";
		position: absolute;
		left: 0;
		top: 5px;
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		background: #17DFB3;
		text-align: center;
	}
	#contents dl dd {
		font-size: 12px;
		text-align: left;
		padding: 15px 5px 0px;
	}
	#contents dl dd p {
		padding-bottom: 10px;
	}
	#contents dl dd a {
		text-decoration: underline;
	}
	#contents dl dd a:hover {
		text-decoration: none;
	}
}
@media only screen and (min-width: 768px) {
	#contents section {
		width: 960px;
		margin: 0 auto;
		padding-bottom: 60px;
	}
	#contents section h3 {
		font-size: 143%;
		padding-bottom: 5px;
		margin-bottom: 25px;
		border-bottom: 4px solid #17DFB3;
	}

	#contents dl {
		width: 950px;
		background: #f5f5f5;
		padding: 10px 20px;
		margin: 0 auto 20px;
		position: relative;
	}
	#contents dl dt {
		font-size: 114%;
		line-height: 24px;
		text-align: left;
		font-weight: 700;
		padding: 10px 0 20px 46px;
		border-bottom: 1px dashed #ccc;
		position: relative;
	}
	#contents dl dt:before {
		content: "Q";
		position: absolute;
		left: 0;
		top: 5px;
		color: #fff;
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 50%;
		background: #17DFB3;
		text-align: center;
	}
	#contents dl dd {
		text-align: left;
		padding: 15px 5px 0px;
	}
	#contents dl dd p {
		padding-bottom: 10px;
	}
	#contents dl dd a {
		text-decoration: underline;
	}
	#contents dl dd a:hover {
		text-decoration: none;
	}
}