#contents #main .box.box01 .row, #contents #main .box.box02 .item { *zoom: 1; }
#contents #main .box.box01 .row:after, #contents #main .box.box02 .item:after { content: ""; display: table; clear: both; }

#contents #main .box.box01 .row, #contents #main .box.box02 .item { *zoom: 1; }
#contents #main .box.box01 .row:after, #contents #main .box.box02 .item:after { content: ""; display: table; clear: both; }

#contents #main .red { color: #d8051e; }
#contents #main .box { margin-bottom: 100px; }
@media only screen and (max-width: 760px) { #contents #main .box { margin-bottom: 50px; } }
#contents #main .box .lead { font-size: 89%; line-height: 1.8; margin-bottom: 22px; }
@media only screen and (max-width: 760px) { #contents #main .box .lead { font-size: 78%; } }
#contents #main .box h4 { font-size: 100%; line-height: 1.4; margin-bottom: 22px; min-height: 75px; padding-left: 40px; }
@media only screen and (max-width: 760px) { #contents #main .box h4 { font-size: 83%; margin-bottom: 10px; min-height: 0; padding-left: 30px; } }
#contents #main .box h4.num01 { background: url(../img/index/num01.gif) no-repeat left top; }
@media only screen and (max-width: 760px) { #contents #main .box h4.num01 { background-size: 18px auto; } }
#contents #main .box h4.num02 { background: url(../img/index/num02.gif) no-repeat left top; }
@media only screen and (max-width: 760px) { #contents #main .box h4.num02 { background-size: 18px auto; } }
#contents #main .box h4.num03 { background: url(../img/index/num03.gif) no-repeat left top; }
@media only screen and (max-width: 760px) { #contents #main .box h4.num03 { background-size: 18px auto; } }
#contents #main .box .cap { font-size: 89%; line-height: 1.8; }
@media only screen and (max-width: 760px) { #contents #main .box .cap { font-size: 78%; } }
#contents #main .box.box01 .row { margin-right: -30px; }
@media only screen and (max-width: 760px) { #contents #main .box.box01 .row { margin-right: 0; } }
#contents #main .box.box01 .row .item { float: left; margin-right: 30px; width: 300px; }
@media only screen and (max-width: 760px) { #contents #main .box.box01 .row .item { border-top: 1px dotted #ccc; float: none; margin-top: 15px; padding-top: 15px; width: 100%; }
  #contents #main .box.box01 .row .item:first-child { border: none; margin-top: 0; padding-top: 0; } }
#contents #main .box.box01 .row .item .img { margin-bottom: 22px; text-align: center; }
#contents #main .box.box02 .item { border-top: 1px solid #ccc; margin-top: 40px; padding-top: 40px; }
@media only screen and (max-width: 760px) { #contents #main .box.box02 .item { border-top: 1px dotted #ccc; margin-top: 15px; padding-top: 15px; } }
#contents #main .box.box02 .item:first-child { border: none; margin: 0; padding: 0; }
#contents #main .box.box02 .item .img { float: right; margin-left: 60px; padding-right: 35px; }
@media only screen and (max-width: 760px) { #contents #main .box.box02 .item .img { float: none; margin: 0; padding: 0; } }
#contents #main .box.box02 .item .detail { overflow: hidden; zoom: 1; }
#contents #main .box.box02 .item .detail h4 { line-height: 32px; min-height: 0; }
@media only screen and (max-width: 760px) { #contents #main .box.box02 .item .detail h4 { line-height: 19px; } }
#contents #main .box.box02 .item .detail .subimg { margin-top: 22px; }

/*# sourceMappingURL=suimin.css.map */