/*main css*/
@charset "utf-8";

#header {position: fixed; z-index: 999;}
#wrap {background: #000;}
#section1 {height: 100vh !important; width: 100%; background:url(../images/main/main1.jpg) center center no-repeat }
#section2 {position: relative; height:600px; background:url(../images/main/main2.jpg) center center no-repeat;opacity: 0.3; filter: alpha(opacity=0.3); }
#section1, #section2{cursor: pointer;}

.scroll {width: 65px; height: 66px; position: absolute; bottom: 16px; left: 50%; margin-left: -32px; background-image: url(../images/main/scroll.png); z-index: 999;}
.txt_warp {position: relative; text-align: center;}
.txt_warp dt {position: relative; font-size: 74px; top: -10px; font-weight: 500; color: #ffffff; margin-bottom: 5px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); opacity: 0; filter: alpha(opacity=0);}
.txt_warp dd {position: relative; top: -10px; font-size: 22px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); line-height: 34px; color: #ffffff; font-weight: 300; opacity: 0; filter: alpha(opacity=0);}

.m_company {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.m_business {position: relative; width: 1168px; margin: 0 auto;}
.m_business:after {content: ""; display: block; clear: both;}
.m_business .txt_warp {text-align: left; padding-top: 200px;}
.m_business .txt_warp dt {font-size: 55px;}
.m_business .txt_warp dd {font-size: 18px;}
.m_business .icons_business{position: absolute; right: 0; top: 200px; opacity: 0; filter: alpha(opacity=0);}

#map {position: relative; height:600px; opacity: 0.2; filter: alpha(opacity=0.2);}
.map_box {width: 360px; height: 410px; margin-left: 180px; position: absolute; top: 50px; left: 50%; z-index: 9; background: #fff; text-align: left; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); opacity: 0; filter: alpha(opacity=0);}
.map_box .map_tit {height: 65px; background: #d0112b; color: #fff; font-size: 20px; text-align: center; line-height: 65px;}
.map_box .info_list{width: 100%; height: 345px; padding: 28px 28px 0; box-sizing: border-box; position: absolute; font-size: 16px; }
.map_box .info_list dt {color: #d0112b; font-weight: 500; margin-bottom: 2px;}
.map_box .info_list dd {padding-bottom: 16px; margin-bottom: 14px; display: block; position: relative; border-bottom: 1px solid #eaeaea}
.map_box .info_list dd:last-child{border-bottom: none;}
.map_box .info_list dd span {color: #ef4629; }