@charset "UTF-8";
/* CSS Document */
.title03{
	text-align:center;
	text-indent:-9999px;
	background:url(../img/illust/title01.png) center top no-repeat;	
	padding:10px;
}

.title04{
	text-align:center;
	text-indent:-9999px;
	background:url(../img/illust/title02.png) center top no-repeat;	
	padding:10px;
	margin-top:60px;
}

.sec-illust{
	width:990px;
	padding:10px 0 0;	
	position:relative;
	z-index:1;
	background:#fff;
	margin: 0 auto;
}

.sec-illust .sample{
	width:148px;
	min-height:148px;
	margin:16px 16px 0 0;
	float:left;
}
.sec-illust .image{
	position:relative;
	z-index:1;
	text-align:center;
}

.sec-illust .flow{
	max-width:198px;
	min-height:300px;
	padding-top:10px;
	float:left;
}

.sec-illust .flowtxt{
	padding:10px 3px 0 15px;
	float:left;
}

.sec-illust .txt{
	width:85%;
	margin:25px auto;
	text-align:left;
	padding:14px;
	border:1px solid #ccc;
}

.sec-illust h3{
	padding:10px 10px 10px 11%;
	font-size:28px;
	font-weight:bold;
	text-align:left;
}

.sec-illust  table{
	margin:0 auto 20px;;
	width:80%;
}

.sec-illust  td,
.sec-illust  th{
	padding:10px 2px;
	text-align:center;
}

.sec-illust  th{
	font-weight:bold;
	white-space:nowrap;
	background-color:#EFEFF0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-right:20px;
	padding-left:10px;
}

.sec-illust  td{
	padding-left:20px;
	font-size:13px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#report_list { text-align:left ;width:75%;	margin:0 auto; }
#report_list  ul:after {content:"";clear:both;display:block;}
#report_list  ul li { display:block; float:left; list-style-type:none; text-align:left ;width:100%; }
#report_list  li { font-size:13px; background-image:url(../img/contact_check.png);background-repeat: no-repeat; background-position: left center; padding:0px 0 2px 25px;}


/* All SP & Tablet */
@media screen and (max-width:1039px){
	.sec-illust{
		width:100%;
		
	}
		
}

/* All SP */
@media screen and (max-width:639px){
	.title03{
		background:url(../img/illust/title02.png) center top no-repeat;
		height:62px;
	}
	
	.sec-illust{
		width:100%;
		margin:0 auto;
		float:none;
	}
	
	.sec-illust .sample{
		max-width:170px;
		min-height:148px;
		margin:16px 5px 0;
		float:left;
	}

	.sec-illust .flow{
		max-width:150px;
		padding-top:5px;
		float:left;
	}
	.sec-illust .txt{
		width:98%;
		margin:15px auto;
		text-align:left;
		padding:10px;
	}
	.sec-illust  table{
		margin:0 auto 30px;;
		width:100%;
	}
	
	.sec-illust  td,
	.sec-illust  th{
		padding:5px 2px;
		font-size:12px;
	}
	
	.sec-illust h3{
		padding:5px 5px 5px 2%;
		font-size:18px;
	}
	#report_list { text-align:left ;width:95%;	margin:0 auto; font-size:12px }
}

/* Portrait */
@media screen and (max-width:479px){

}

/* Landscape*/
@media screen and (min-width:480px) and (max-width:639px){

}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1039px){

}