@charset "utf-8";


h2.subtitle { margin: 0 0 0 0; padding: 0.5em 0; background: #9fc66c; font-size: 1.35em; font-weight: bold; color: #fff; text-align: center; }
.mainimage { width: 100%; height: 610px; text-align: center; background: url(../images/top/mainimage_bg.jpg) no-repeat top center #fff; }

.c1 { width: 100%;  padding: 0 0 0 0;  }
.c1 .inner1 { width: 100%; padding: 0 0 190px 0; background: url(../images/top/c1_bg.png) top center repeat-x, url(../images/top/c1_bg_bottom.png) bottom center repeat-x #ecf4e2; }
.c1 .inner1 h2 {  padding: 0 0 0 0; text-align: center; }
.c1 .inner1 ul { position: relative; width: 1120px; margin: 0 auto; background: none; }
.c1 .inner1 ul li { float: left; width: 373px; padding: 50px 20px 0 20px; box-sizing: border-box; }
.c1 .inner2 { padding: 0 0 0 0; text-align: center; }

.c2 { width: 100%;  padding: 0 0 0 0;  }
.c2 .inner1 { width: 100%; padding: 0 0 50px 0; background: #ecf1f7; }
.c2 .inner1 h2 { width: 100%; padding: 0 0 0 0; text-align: center; background: #4771af; }
.c2 .inner1 > ul { position: relative; width: 1098px; margin: 0 auto; background: none; }
.c2 .inner1 > ul li { float: left; width: 366px; padding: 50px 12px 0 12px; box-sizing: border-box; }
.c2 .inner1 div.choice { position: relative; overflow: hidden; padding: 40px 0 0 0; }
.c2 .inner1 div.choice ul { position: relative; float: left; left: 50%; }
.c2 .inner1 div.choice li { position: relative;  float: left; left: -50%; padding: 0 20px; }

.c3 { width: 100%;  padding: 0 0 50px 0; background: url(../images/top/c3_bg.jpg) center top no-repeat; }
.c3 .inner1 { width: 1080px; padding: 0 560px 0 0; margin: 0 auto; box-sizing: border-box; }
.c3 .inner1 h2 { width: 100%; padding: 0 0 0 0;}
.c3 .inner1 h3 { width: 100%; padding: 0 0 0 0;}
.c3 .inner1 p {}
.c3 .inner1 p span { font-size: 1.25em; font-weight: bold; color:#dc104a; }
.c3 .inner1 p span.small { font-size: 0.92em; font-weight: normal; color:#dc104a; }

.c4 { width: 100%;  padding: 0 0 0 0;  }
.c4 .inner1 { width: 100%; padding: 0 0 50px 0; background: #fff; }
.c4 .inner1 h2 { width: 100%; padding: 0 0 0 0; text-align: center; background: #4771af; }
.c4 div.item { position: relative; width: 1083px; margin: 0 auto; padding: 30px 0 0 0; overflow: hidden; background: transparent; }
.c4 div.item ul { position: relative; }
.c4 div.item ul li { position: relative; float: left; width: 361px; padding: 20px 10px 0 10px; box-sizing: border-box; }
.c4 div.item div.child { position: relative; padding: 5px; border: 2px solid #4771af; background: #f2f5f9; box-sizing: border-box; }
.c4 div.item div.child .icon { position: absolute; left: 0; top: 0; }
.c4 div.item div.child .itemtitle { padding: 0.75em 0; font-size: 1.25em; font-weight: bold; color: #4771af; text-align: center; }
.c4 div.item div.child .buybtn { text-align: center; padding: 0 0 7px 0; }

.c5 { width: 100%;  padding: 0 0 0 0;  }
.c5 .inner1 { position: relative; width: 1080px; padding: 30px 0 0 0; margin: 0 auto; box-sizing: border-box; }
.c5 .inner1 .child { float: left; width: 360px; padding: 0 2em 0 0; box-sizing: border-box; }
.c5 .inner1 h3 { padding: 0 0 0.5em 0; font-size: 1.25em; font-weight: bold; color: #9fc66c; }
.c5 .inner1 h3 span { color: #dc4510; }
.c5 .inner1 p { font-size: 0.85em; color: #666; }