.topBox1{padding:50px 0 60px 0;position:relative;overflow:hidden}.topBox1:after{content:"";position:absolute;bottom:-330px;left:0%;width:100%;height:100%;mask-image:url("../images/common/bg1.gif");mask-repeat:no-repeat;mask-position:top 10%;mask-size:100%;-webkit-mask-image:url("../images/common/bg1.gif");-webkit-mask-repeat:no-repeat;-webkit-mask-position:top 10%;-webkit-mask-size:100%;background-color:#eff7ff;z-index:1}@media screen and (max-width: 1050px){.topBox1:after{width:120%}}@media screen and (max-width: 950px){.topBox1:after{width:180%}}@media screen and (max-width: 520px){.topBox1:after{mask-position:center;mask-size:cover;width:100%;bottom:-380px}}.topBox1 .inner{position:relative;z-index:2}.topBox1 .inner .inBox{display:flex;justify-content:space-between;flex-wrap:wrap}.topBox1 .inner .inBox .txBox{width:60%}@media screen and (max-width: 768px){.topBox1 .inner .inBox .txBox{width:100%}}.topBox1 .inner .inBox .txBox h2{padding:0 0 80px}@media screen and (max-width: 520px){.topBox1 .inner .inBox .txBox h2{padding:0 0 40px}}.topBox1 .inner .inBox .txBox p{line-height:180%;padding:0 0 1em}@media screen and (max-width: 768px){.topBox1 .inner .inBox .txBox p br{display:none}}@media screen and (max-width: 520px){.topBox1 .inner .inBox .txBox p{font-size:15px}}.topBox1 .inner .inBox .imgBox{width:40%}@media screen and (max-width: 768px){.topBox1 .inner .inBox .imgBox{width:100%}}.topBox2{background-color:#eff7ff;position:relative;padding:100px 0 150px;overflow:hidden}@media screen and (max-width: 520px){.topBox2{padding:50px 0 100px}}.topBox2:after{content:"";position:absolute;top:0;left:50%;z-index:1;width:1881px;height:270px;background:url("../images/top/topImg3.png") no-repeat center top;background-size:95%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}@media screen and (max-width: 520px){.topBox2:after{width:900px}}.topBox2 .inner{position:relative;z-index:2}.topBox2 .inner h2{padding:0 0 30px}@media screen and (max-width: 520px){.topBox2 .inner h2{width:90%}}.topBox2 .inner ul{padding:0 0 30px}@media screen and (max-width: 520px){.topBox2 .inner ul{padding:0 0 10px}}.topBox2 .inner ul li{padding:0 0 15px}.topBox2 .inner ul li a{display:flex;justify-content:flex-start;flex-wrap:wrap;border:1px solid #5d7aff;padding:30px;border-radius:50px;background-color:#FFF}@media screen and (max-width: 768px){.topBox2 .inner ul li a{border-radius:20px}}.topBox2 .inner ul li a:hover{opacity:1;background-color:#eff7ff}.topBox2 .inner ul li a .time{color:#5d7aff;font-size:16px;width:15%}@media screen and (max-width: 950px){.topBox2 .inner ul li a .time{width:20%}}@media screen and (max-width: 768px){.topBox2 .inner ul li a .time{width:100%;font-size:14px}}.topBox2 .inner ul li a .tx{font-size:18px;width:85%}@media screen and (max-width: 950px){.topBox2 .inner ul li a .tx{width:78%}}@media screen and (max-width: 768px){.topBox2 .inner ul li a .tx{width:100%;font-size:16px}}.topBox2 .inner .link{text-align:right}@media screen and (max-width: 768px){.topBox2 .inner .link img{width:200px;height:auto}}@media screen and (max-width: 520px){.topBox2 .inner .link{display:flex;justify-content:flex-end}.topBox2 .inner .link a{display:block;width:50%}.topBox2 .inner .link a img{width:100%}}.topBox3,.topBox5{position:relative}.topBox3:after,.topBox5:after{display:block;content:"";position:relative;z-index:1;overflow:hidden;width:70%;height:500px;border-radius:0 100px 100px 0;background:url("../images/top/topImg5.jpg") no-repeat center;background-size:cover}@media screen and (max-width: 520px){.topBox3:after,.topBox5:after{border-radius:0 50px 50px 0;margin:-100px 0 0 0;height:250px;width:90%;z-index:2}}@media screen and (max-width: 520px){.topBox3:before,.topBox5:before{content:"";background-color:#eff7ff;width:100%;height:90%;position:absolute;top:0;left:0;z-index:1}}.topBox3 .txBox,.topBox5 .txBox{position:absolute;z-index:3;top:-50px;right:0;width:45%}@media screen and (max-width: 1100px){.topBox3 .txBox,.topBox5 .txBox{width:55%}}@media screen and (max-width: 900px){.topBox3 .txBox,.topBox5 .txBox{width:65%}}@media screen and (max-width: 768px){.topBox3 .txBox,.topBox5 .txBox{width:90%}}@media screen and (max-width: 520px){.topBox3 .txBox,.topBox5 .txBox{position:relative;top:auto;margin:0 0 0 10%}}.topBox3 .txBox a,.topBox5 .txBox a{display:block;background-color:#FFF;border:1px solid #5d7aff;border-right:none;border-radius:100px 0 0 100px;padding:20px 10.5% 30px 5%;width:100%;height:100%}@media screen and (max-width: 520px){.topBox3 .txBox a,.topBox5 .txBox a{border-radius:50px 0 0 50px}}.topBox3 .txBox a h3,.topBox5 .txBox a h3{padding:0 0 45px}@media screen and (max-width: 520px){.topBox3 .txBox a h3,.topBox5 .txBox a h3{padding:0 0 30px}}.topBox3 .txBox a p,.topBox5 .txBox a p{padding:0 0 30px 10%;line-height:180%}@media screen and (max-width: 520px){.topBox3 .txBox a p,.topBox5 .txBox a p{font-size:15px}}.topBox3 .txBox a .link,.topBox5 .txBox a .link{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn.png") no-repeat right 0;background-size:227px 60px;width:100%;height:60px}@media screen and (max-width: 520px){.topBox3 .txBox a .link,.topBox5 .txBox a .link{width:70%;margin:0 0 0 30%;background-size:100%}}.topBox3 .txBox a:hover,.topBox5 .txBox a:hover{background-color:#eff7ff;opacity:1}.topBox3 .txBox a:hover .link,.topBox5 .txBox a:hover .link{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn_h.png") no-repeat right 0;background-size:227px 60px}@media screen and (max-width: 520px){.topBox3 .txBox a:hover .link,.topBox5 .txBox a:hover .link{background-size:100%}}.topBox4{position:relative;padding:50px 0 0 0}@media screen and (max-width: 520px){.topBox4{padding:30px 0 0 0}}.topBox4:after{display:block;content:"";position:absolute;right:0;top:100px;z-index:1;overflow:hidden;width:70%;height:500px;border-radius:100px 0 0 100px;background:url("../images/top/topImg6.jpg") no-repeat center;background-size:cover}@media screen and (max-width: 520px){.topBox4:after{position:relative;top:auto;width:90%;margin:-100px 0 0 10%;border-radius:50px 0 0 50px;height:250px}}.topBox4 .txBox{position:relative;z-index:2;width:45%}@media screen and (max-width: 1100px){.topBox4 .txBox{width:55%}}@media screen and (max-width: 900px){.topBox4 .txBox{width:65%}}@media screen and (max-width: 768px){.topBox4 .txBox{width:90%}}.topBox4 .txBox a{display:block;background-color:#FFF;border:1px solid #5d7aff;border-left:none;border-radius:0 100px 100px 0;padding:20px 10.5% 30px 5%;width:100%;height:100%}@media screen and (max-width: 520px){.topBox4 .txBox a{border-radius:0 50px 50px 0}}.topBox4 .txBox a h3{padding:0 0 45px}@media screen and (max-width: 520px){.topBox4 .txBox a h3{padding:0 0 30px}}.topBox4 .txBox a p{padding:0 0 30px 10%;line-height:180%}@media screen and (max-width: 520px){.topBox4 .txBox a p{font-size:15px}}.topBox4 .txBox a .link{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn.png") no-repeat right 0;background-size:227px 60px;width:100%;height:60px}@media screen and (max-width: 520px){.topBox4 .txBox a .link{width:70%;background-size:100%;margin:0 0 0 30%}}.topBox4 .txBox a:hover{background-color:#eff7ff;opacity:1}.topBox4 .txBox a:hover .link{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn_h.png") no-repeat right 0;background-size:227px 60px}@media screen and (max-width: 520px){.topBox4 .txBox a:hover .link{background-size:100%}}.topBox5{margin:250px 0 0 0;padding:0 0 70px}@media screen and (max-width: 1400px){.topBox5{margin:200px 0 0 0}}@media screen and (max-width: 768px){.topBox5{margin:250px 0 0 0}}@media screen and (max-width: 520px){.topBox5{margin:30px 0 0 0;padding:0 0 50px;background-color:#eff7ff}}.topBox5:after{background:url("../images/top/topImg7.jpg") no-repeat center;background-size:cover}.topBox5:before{content:"";position:absolute;bottom:0px;width:100%;height:300px;background-color:#eff7ff}@media screen and (max-width: 520px){.topBox5:before{height:600px;background-color:#FFF}}.topBox6{background:url("../images/top/topImg8.png") no-repeat left center,#eff7ff;background-size:1200px;padding:50px 0}@media screen and (max-width: 520px){.topBox6{background-position:left bottom;background-size:150%;padding:0px 0 180px}}.topBox6 .inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:none;width:100%;padding:0 3%}@media screen and (max-width: 520px){.topBox6 .inner{padding:0 20px}}.topBox6 .inner .inBox{width:60%;padding:0 0 0 100px}@media screen and (max-width: 1000px){.topBox6 .inner .inBox{padding:0}}@media screen and (max-width: 768px){.topBox6 .inner .inBox{width:100%;padding:0}}@media screen and (max-width: 520px){.topBox6 .inner .inBox h3{width:80%}}.topBox6 .inner .inBox p{padding:40px 0 30px 80px;line-height:180%}@media screen and (max-width: 1000px){.topBox6 .inner .inBox p{padding:40px 0 30px 0}}@media screen and (max-width: 520px){.topBox6 .inner .inBox p{padding:30px 0px;font-size:15px}}.topBox6 .inner .inBox .link{width:100%;height:60px;display:flex;justify-content:flex-end}.topBox6 .inner .inBox .link a{display:block;text-indent:-9999px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn.png") no-repeat right 0;background-size:227px 60px;width:100%;height:60px}@media screen and (max-width: 520px){.topBox6 .inner .inBox .link a{width:50%;background-size:100%}}.topBox6 .inner .inBox .link a:hover{opacity:1;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background:url("../images/common/linkBtn_h.png") no-repeat right 0;background-size:227px 60px}@media screen and (max-width: 520px){.topBox6 .inner .inBox .link a:hover{background-size:100%}}.topBox6 .inner .imgBox{width:35%}@media screen and (max-width: 768px){.topBox6 .inner .imgBox{display:none}}
