@charset "utf-8";

.part1 h1{ margin-bottom:10px;}
.part1 p{ width:90%; font-size:14px; margin:0 auto; text-align:left; margin-bottom:10px;}

.part2{ background:#ffcb2e;}
.part2 h1{ color:#c8002f; margin-bottom:15px;}
.part2 .char{ font-weight:bold;}
.part2 .char span{ margin-right:20px;}
.part2 .char span.marginR0{ margin-right:0;}
.part2 .reason{ width:90%; padding:5px 0; border-radius:4px; text-align:left; margin-top:10px; background:#fff; font-size:14px;}
.part2 .reason span{ display:block; width:90%; margin:0 auto; text-indent:1em;}

.part3{ background-color:#d33c3c;}
.part3 h1,.part4 h1{ color:#fff;}
.part3 p{ width:90%; margin:10px auto; text-align:left; text-indent:2em;}
.part3 img{ width:100%;}

.part4{ background:#b9c71e;}
.part4 ul{ width:280px; margin:10px auto;}
.part4 ul li{ width:130px; height:230px; border-top:2px solid #666; background:#fff; float:left; margin:0 10px 10px 0;}
.part4 ul li.center2{ margin-left:75px;}
.part4 ul li .round{ background:#666; margin:5px auto;}
.part4 dl dt{ font-weight:bold;}
.part4 dl dd{ width:90%; line-height:20px; margin:0 auto; text-align:left;}

.case img{ width:166px;}

@media only screen and (min-width: 768px) {
.part4 ul{ width:420px;}
.part4 ul li.center1{ margin-left:70px;}
.part4 ul li.center2{ margin-left:inherit;}
}