@charset "UTF-8";

.use-cont { 
	margin: 30px 100px 73px;  
}
.use-title {
	font-size: 30px;
	border-bottom: 3px solid #e6e6e6;
	letter-spacing: 2.5px;
	margin-top: 37px; 
}

.use-cont dd dl dt { 
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 26px 0px 3px; 
}
.use-cont dd dl dd { position: relative; padding-left: 1em; }
.use-cont dd dl dd span:first-child { position: absolute; left: 0px; }

.use-cont p { line-height: 24px; }
.use-cont li > dl > dd  {
    margin-left: 38px;
    line-height: 24px;
    margin-top: 15px;
}
.use-cont li:nth-child(2) dd dl dd { display: inline-block; }
.use-cont li:first-child dd dl dd:last-child,
.use-cont li:nth-child(2) dd dl dd  { padding-left: 0em; }
.use-cont dd.under { 
	text-decoration: underline; 
	margin-left: 10px; 
	position: relative;
	top: 3px;
}
.use-cont ul:nth-child(4) li:last-child { margin-bottom: 30px; }
.use-cont li { margin-bottom: 31px; }

.use-cont li > dl > dt { 
	color: #000; 
	border-bottom: 2px solid #e6e6e6;
	font-size: 18px; 
	font-weight: bold;
	padding-bottom: 4px;
}

.use-cont  li > dl > dt:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 36px;
    background: #b50081;
    margin-right: 10px;
    position: relative;
    top: 14px;
}
.use-cont li:nth-child(5) dd dl dd:last-child { text-indent: 0px; padding-left: 0px; }
.use-cont li:nth-child(5) dd dl dd a { text-decoration: underline; }
.use-cont li:nth-child(1) p { margin-bottom: 8px; }
.use-cont li:nth-child(2) dd dl dt:nth-child(4) { margin-top: 13px; }

@media (max-width:768px){
	.use-cont dd,.use-cont p { font-size: 12px; line-height: 20px; }
	.use-cont li > dl > dt { 
		font-size: 14px; 
		text-indent: -1em;
		padding-left: 1em;
		margin: 0px 12px;
	}
	.use-cont dd dl dt { font-size: 13px; margin-bottom: 0px; }
	.use-title { font-size: 20px; letter-spacing: 1px; padding-left: 12px; margin-top: 0; }
	.use-cont { margin: 10px 0px 0px; }
	.use-cont dt span { margin-right: 10px; }
	.use-cont li > dl > dd {
	    line-height: 24px;
	    margin: 15px 25px;
	}
	.use-cont li > dl > dt:before {
	    height: 32px;
	    top: 12px;
	    width: 3px;

	}
	.use-cont li:nth-child(2) a img { margin: 5px 0px; width: 50%; }
	.use-cont dd.under { margin-left: 2px; }
	.use-cont li:nth-child(2) dd dl dd { display: block; }
	.use-cont li { margin-bottom: 20px; }
/*	#contents { padding-top: 10px; }*/
}