#topBN{position:relative;background:#3d3d3d}#topBN h2.title,#topBN p.text{width:36%;position:absolute;left:8%}#topBN h2.title{top:22%;text-align:center}#topBN p.text{top:45%;color:#fff;line-height:30px}#meBox{background-color:#282828}.mes{position:relative}.mes.bgleft{text-align:left}.mes.bgright{text-align:right}.mes div.text{position:absolute;top:30%;text-align:left;padding:40px;background:rgba(0,0,0,.8);color:#fff;width:750px}.mes:first-child div.text{top:21%}.mes div.text.left{left:3%}.mes div.text.right{right:3%}.mes div.text h3.title{font-size:25px;margin:0;letter-spacing:1px}.mes div.text p{margin:20px 0 0;line-height:1.8em}.mes div.text p.margintop{margin-top:40px}.flexBox{display:flex;align-items:flex-start;justify-content:center;max-width:1668px;margin:0 auto;padding:100px 3%}.flexBox .item{flex-grow:1;width:25%;padding:1%}.flexBox .item h3.title{font-size:25px;margin:30px 0 20px;color:#575777}.flexBox .item p.text{line-height:1.5em;margin:0}@media screen and (max-width:1550px){#topBN h2.title{top:17%}#topBN p.text{top:40%}}@media screen and (max-width:1400px){#topBN h2.title{top:10%}#topBN p.text{top:33%}}@media screen and (max-width:1240px){#topBN h2.title,#topBN p.text{width:43%;left:5%}#topBN h2.title{top:8%}#topBN p.text{top:32%}}@media screen and (max-width:1160px){#topBN{overflow:hidden}#topBN img.bg{margin-left:70px}#topBN h2.title,#topBN p.text{width:50%;left:5%}#topBN h2.title{top:7%}#topBN h2.title img{width:80%}#topBN p.text{top:30%}}@media screen and (max-width:1120px){.mes:first-child div.text{top:10%}.mes div.text{top:27%}}@media screen and (max-width:1020px){#topBN img.bg{margin-left:100px}#topBN h2.title,#topBN p.text{width:55%;left:5%}#topBN h2.title{top:4%}#topBN h2.title img{width:70%}#topBN p.text{top:28%}.flexBox .item h3.title{font-size:23.5px}}@media screen and (max-width:950px){#topBN{background:#fff}#topBN img.bg{display:block;margin:0 auto;width:100%;float:right}#topBN h2.title{width:90%;text-align:left;top:22%;left:8%}#topBN h2.title img{width:auto}#topBN p.text{position:relative;left:auto;top:auto;width:100%;color:#282828;padding:0 8%}.mes div.text{width:80%}.mes div.text p{line-height:1.5em}.mes div.text p.margintop{margin-top:30px}.flexBox{flex-wrap:wrap}.flexBox .item{width:50%;padding:2%}}@media screen and (max-width:850px){.mes div.text{width:100%;position:relative;top:auto;left:auto;background:rgba(0,0,0,.7);padding:50px 8%}.mes div.text.right{right:auto}.mes div.text.left{left:auto}}@media screen and (max-width:780px){#topBN img.bg{width:auto;float:none;position:absolute;right:0;top:0}#topBN h2.title{position:relative;left:auto;top:auto;padding:30px 8%}#topBN p.text{margin:40px 0 60px}}@media screen and (max-width:670px){#topBN h2.title img{width:70%}}@media screen and (max-width:484px){.flexBox{padding:0}.flexBox .item{width:100%;padding:0}.flexBox .item h3.title{padding:50px 8% 0;margin-top:0}.flexBox .item p.text{padding:0 8% 50px}}@media screen and (max-width:420px){#topBN img.bg{right:-30px;max-width:47%}#topBN h2.title{padding:40px 8% 30px 5%}#topBN h2.title img{width:72%}#topBN p.text{padding:0 6%}}