.visual{background:url(../images/main/visual.jpg) no-repeat center bottom; background-size:cover; height:821px; position:relative;}
.visual:before{content:""; display:block; width:1078px; height:284px; background:url(../images/main/txt.png) no-repeat; position:absolute; left:-30px; bottom:165px;}
.visual_wrap{width:1500px; margin:auto; color:#fff; padding-top:285px;}
.visual_wrap h2{font-size:54px; font-family:'GongGothicLight'; font-weight:300; line-height:1.2; margin-bottom:50px;}
.visual_wrap h2 strong:first-child{font-family:'GongGothicMedium'; }
.visual_wrap h2 strong:last-child{font-family:'GongGothicBold'; }
.visual_wrap p{font-weight:100; font-size:24px;}

.banner{background:#222; height:567px; position:relative; text-align:right;}
.banner:before,
.banner:after{content:""; display:block; width:328px; height:567px; position:absolute; top:0;}
.banner:before{left:0; background:url(../images/main/bg_banner.gif) no-repeat 0 0;}
.banner:after{right:0; background:url(../images/main/bg_banner_right.gif) no-repeat 0 0;}
.banner_wrap{width:1500px; margin:auto; position:relative;}
.banner ul{position:relative; top:-165px; text-align:left; float:left}
.banner ul:before{content:""; display:block; width:93px; height:86px; background:url(../images/main/bg_banner_center.gif) no-repeat; position:absolute; bottom:-45px; right:0;}
.banner li{display:block; float:left; width:298px; height:454px; margin-right:48px; margin-top:100px; border-radius:0 20px 0 20px; z-index:1; position:relative;}
.banner li:hover{transform:scale(1.1); transition: all 0.5s;}
.banner li:first-child{background:url(../images/main/about_bg.jpg) no-repeat; background-size:100%; transition:ease 0.2;}
.banner li:first-child:hover,
.banner li:first-child:focus{background:url(../images/main/about_bg_on.jpg) no-repeat center; background-size:100%; background-size:150%;}
.banner li:nth-child(2){background:url(../images/main/history_bg.jpg) no-repeat; background-size:100%; margin-top:0;}
.banner li:nth-child(2):hover,
.banner li:nth-child(2):focus{background:url(../images/main/history_bg_on.jpg) no-repeat; background-size:100%;}
.banner li:nth-child(3){background:url(../images/main/directions_bg.jpg) no-repeat; background-size:100%;}
.banner li:nth-child(3):hover,
.banner li:nth-child(3):focus{background:url(../images/main/directions_bg_on.jpg) no-repeat; background-size:100%;}
.banner a{display:block; padding:65px 55px;}
.banner i{display:block; width:51px; height:51px; overflow:hidden; line-height:5000;}
.banner .icon_company{background:url(../images/main/icon_company.png) no-repeat center;}
.banner li:hover .icon_company,
.banner li:focus .icon_company{background:url(../images/main/icon_company_on.png) no-repeat center;}
.banner .icon_history{background:url(../images/main/icon_history.png) no-repeat center;}
.banner li:hover .icon_history,
.banner li:focus .icon_history{background:url(../images/main/icon_history_on.png) no-repeat center;}
.banner .icon_directions{background:url(../images/main/icon_directions.png) no-repeat center;}
.banner li:hover .icon_directions,
.banner li:focus .icon_directions{background:url(../images/main/icon_directions_on.png) no-repeat center;}
.banner dt{padding-top:170px; font-size:25px; font-weight:700}
.banner dd{padding-top:15px;font-size:16px;}
.banner li:hover dt,
.banner li:focus dt,
.banner li:hover dd,
.banner li:focus dd{color:#fff;}

.customer_support{float:right; display:block; text-align:center; color:#fff; position:relative; z-index:1}
.customer_support i{width:78px; height:79px; background:url(../images/main/icon_tel.png) no-repeat center 0; margin:0 auto 30px auto;}
.customer_support p{font-weight:100}
.customer_support p:first-child{font-size:40px; letter-spacing:-1px; padding-top:160px; line-height:1.2}
.customer_support p:nth-child(2){font-size:21px; opacity:0.3; padding-bottom:30px;}

.our_company{background:url(../images/main/bg_our_company.jpg) no-repeat; background-size:cover; height:631px; text-align:center; color:#fff;}
.our_company h2{font-size:38px; opacity:0.3; font-weight:900; padding-top:180px;}
.our_company h2 + p{font-size:35px; line-height:1.2; margin-bottom:80px;}
.our_company h2 + p strong{font-weight:600;}
.our_company a{position:relative; display:inline-block; width:175px; height:54px; font-size:20px; margin-left:20px; line-height:2.6;}
.our_company a:before{content:""; display:block; width:100%; height:100%; background:#fff; opacity:0.05; position:absolute; top:0; left:0;}
.our_company a:after{content:""; display:block; width:100%; height:100%; border:1px solid #fff; opacity:0.3; position:absolute; top:0; left:0;}
.our_company a:first-child{margin-left:0;}
.our_company a:hover:before,
.our_company a:focus:before{opacity:0.3; transition:all 0.5s}