@charset "UTF-8";



/* === Default-Reset === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 1em;
}



.problemUl {
	width: 80%;
	margin-bottom: 38px;
	padding: 26px 55px 35px 55px;
	background: url(img/bg02.jpg) no-repeat left top;
	background-size: cover !important;
}

.problemUl li {
	margin-top: 25px;
	padding-left: 37px;
	width: 46.5%;
	color: #B37B00 !important;
	font-size: 18px !important;
	line-height: 1.4;
	letter-spacing: -0.5px;
	float: left;
	box-sizing: border-box;
	background: url(img/icon02.png) no-repeat left top;
	list-style-type: none !important;
}

.problemUl li:nth-child(2n) {
	float: right;
}

.summaryBox{text-align: left;}

@media all and (min-width: 768px) { 
.sp{display: none !important;}
}


@media all and (min-width: 768px) and (max-width: 840px) { 
	.problemUl li {
		font-size: 19px;
	}
	.sp{display: none !important;}
}

@media all and (min-width: 0) and (max-width: 767px) {
	.pc {display: none !important;}
	.problemUl {
		width: 80% !important;
		margin-bottom: 31px;
		padding: 30px 31px;
		background-image: url(img/sp_bg02.jpg)no-repeat center;
		background-size: cover !important;
	}
	
	.title02 {
		margin-bottom: 26px;
	}
	
	.problemUl li {
		margin: 0 0 9px 0;
		padding-left: 26px;
		width: auto;
		font-size: 16px !important;
		float: none;
		background-size: 17px auto;
	}
	
	.problemUl li:last-child {
		margin-bottom: 0;
	}
	
	.problemUl li:nth-child(2n) {
		float: none;
	}

}