/* CSS Document */



.petitreform {
	width:100%;
	height:auto;
	background:#fffded;
	color:#585858;
}

.petitreform .section {
	width:100%;
	height:auto;
	text-align:center;
	margin:0 0 60px 0;
}

.petitreform .section p {
	margin-bottom:20px;
	line-height:1.6em;
}

.petitreform img {
	margin:0 auto;
}

.petitreform .section .lead {
	font-size:16px;
	text-align:center;
	line-height:1.7em;
	margin-top:30px;
}

.petitreform .section .lead img {
	margin-bottom:30px;
}

.petitreform .section .container {
	width:85%;
	margin:0 auto;
	padding:35px 0 35px 0;
	border-top:dotted #21b8d7 2px;
}

.petitreform .section .container:last-child {
	border-bottom:dotted #21b8d7 2px;
}

.petitreform .section .mds {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.6em;
}

.petitreform .section  ul {
	width:80%;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	padding-bottom:50px;
	margin-top:50px;
}

.petitreform .section ul li:before {
	content: '※';
}

.petitreform .section ul li {
  text-indent: -1em;
  padding-left: 2em;
}


@media screen and (max-width: 780px) {
	.petitreform .section .lead {
		width:95%;
		margin:0 auto;
		margin-top:30px;
	}
	
	.petitreform .section .lead img {
		margin-bottom:30px;
	}
	
	.petitreform .section .container {
		width:90%;
		margin:0 auto;
	}
	
	.petitreform .section p {
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	
	
	.petitreform .section  ul {
		width:100%;
	}
	
}