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

#container{
}

.title::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/img/icon_question.svg) no-repeat center top / contain;
	vertical-align: middle;
	padding: 0 30px 0 0;
	margin: -5px 0 0;
}

dl{
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #DDDDDD;
	padding:4%;
}

dl:last-child{
	border: none;
}

dl span{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #FFF;
	margin: 0 10px 0 0;
	font-size:1.33rem;
	line-height:1.33em;
}

dt{
	font-size:1.33rem;
	margin:0 0 3%;
}

dt span{
	background-color: #FF7F00;
}

dd{
	text-align: justify;
	text-justify: inter-ideograph;
}

dd span{
	background-color: #673405;
}

/* =============================================================================
   Device
   ========================================================================== */


@media screen and (max-width: 768px) {
	#container .container {
	    width: 100%;
	}
	.title::before{
		width: 20px;
		height: 20px;
		padding: 0 20px 0 0;
	}
	dl{
		padding: 6% 4%;
	}
	dl span {
		width: 20px;
		height: 20px;
		font-size: 0.88rem;
	}
	dt {
		font-size: 1rem;
	}
	dd {
		font-size: 0.78rem;
	}

}