/*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:380px; 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_wrap {position: relative; text-align: center;}
.txt_wrap dt {position: relative; font-size: 45px; 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_wrap dd {position: relative; top: -10px; font-size: 19px; 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); word-break: keep-all;}

.m_company {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.m_business {position: relative; margin: 0 auto;}
.m_business:after {content: ""; display: block; clear: both;}
.m_business .txt_wrap {text-align: center; padding-top: 10px;}
.m_business .txt_wrap dt {font-size: 40px;}
.m_business .txt_wrap dd {font-size: 19px; word-break: keep-all;}
.m_business .icons_business{position: absolute; right: 0; top: 100px; opacity: 0; filter: alpha(opacity=0);}

#map {position: relative; height:400px; opacity: 0.2; filter: alpha(opacity=0.2);}
.map_box {width: 150px; height: 230px; margin-left: 30px; 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: 30px; background: #d0112b; color: #fff; font-size: 18px; text-align: center; line-height: 30px;}
.map_box .info_list{width: 100%; padding: 3px 10px; box-sizing: border-box; position: absolute; font-size: 12px; }
.map_box .info_list dt {color: #d0112b; font-weight: 500; margin-bottom: 2px;}
.map_box .info_list dd {padding-bottom: 3px; margin-bottom: 4px; 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; }