#container_visual .in-view .bg{overflow:hidden;width:100%;transform:scale(1) rotate(0.001deg);animation:visualani 2.5s ease-in-out;}
@keyframes visualani{0%{transform:scale(1.1) rotate(0.001deg);}100%{transform:scale(1) rotate(0.001deg);}}

#sub_visual span {color:white;font-size:4em;}
#sub_visual {display:inline-block;width:100%;height:260px;overflow: hidden;position: relative;}
#sub_visual .bg {position:absolute;left:0;top:0;width:100%;height:260px;background: url('img/company_top.jpg') no-repeat center center;}

#sub_visual .bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 40%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
#sub_visual .bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
#sub_visual .bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
#sub_visual .bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff;  text-align: center; line-height: 25px;}


/* directions.css */
.directions{width: 100%; padding: 0 0 130px;}
.map_area{margin-top: 50px; width: 100%; height: auto; overflow: hidden;}
.map_desc{margin-top: 80px; width: 100%;}
.map_desc_box{width: 100%;}
.map_title{height: 60px; border-bottom: 2px solid #666;}
.map_title .map_icon1{float: left; display: inline-block; margin-right: 10px; width: 30px; height: 100%; background: url(../../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}
.map_title h3{float: left; line-height: 60px; color: #333; font-size: 20px;}
.map_list{margin-bottom: 65px; width: 100%;}
.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}
.item_desc{line-height: 60px; color: #666; font-size: 16px;}
.map_item::before{display: inline-block; float: left; margin-right: 26px; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}
.map_2list{}
.map_2item{float: left; margin-right: 32px; padding: 15px 0 15px;}
.map_2item .bus_line{display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px}
.map_2item .bus_line.blue{background: #358fd4;}
.map_2item .bus_number{display: inline-block; color: #666; font-size: 16px; line-height: 30px;}
.map_item.bus_info .item_desc{margin-left: 30px;}

@media screen and (max-width:1199px){
    .directions{padding: 0 0 90px;}
    .map_area{margin-top: 20px; height: 300px;}
    .map_desc{margin-top: 60px;}
    .map_title{height: 50px;}
    .map_title .map_icon1{width: 25px;}
    .map_title h3{line-height: 50px; font-size: 18px;}
    .map_list{margin-bottom: 45px;}
    .map_item{padding: 20px 0;}
    .item_desc{float: left; margin-left: 20px; width: 90%; line-height: 20px; font-size: 14px;}
    .map_item::before{margin-top: 8px; margin-right: 0;}
    .map_2list{float: left; margin-left: 20px; width: 90%;}
    .map_2item{margin-right: 25px; padding: 0 0 20px;}
    .map_2item .bus_line{width: 38px; height: 28px; line-height: 28px; font-size: 14px;}
    .map_2item .bus_number{font-size: 14px; line-height: 28px;}
    .map_item.bus_info .item_desc{margin-left: 24px;}
    .map_item.bus_info::before{margin-top: 10px;}
}

@media screen and (max-width:980px){
	.sitenavi .inner{width: 95%;} 
	.map_desc{width:90%;margin:0 auto;}
	#sub_visual .bnrtxtwrap {top: 50%;}
	#sub_visual .bnrtxtwrap>h3 {font-size: 25px;}
	#sub_visual .bnrtxtwrap>p {font-size: 18px;}
}

@media screen and (max-width: 480px){
    .directions{padding: 0 0 80px;}
    .map_area{margin-top: 10px; height: 250px;}
    .map_desc{margin-top: 50px;}
    .map_title{height: 45px;}
    .map_title .map_icon1{width: 20px; background-size: 18px 18px;}
    .map_title h3{line-height: 45px; font-size: 16px;}
    .map_list{margin-bottom: 30px;}
    .item_desc{width: 90%; line-height: 17px; font-size: 13px;}
    .map_item::before{margin-top: 6px;}
    .map_2list{width: 90%;}
    .map_2item{margin-right: 20px;}
    .map_2item .bus_line{width: 35px; height: 25px; line-height: 25px; font-size: 13px;}
    .map_2item .bus_number{font-size: 13px; line-height: 25px;}
    .map_item.bus_info .item_desc{margin-left: 30px;}
    .map_item.bus_info::before{margin-top: 10px;}
}