/* CSS Document */
.aboutus_45 {
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.aboutus_45_comb{
	position:relative;
    margin-bottom: 30px;
}
.aboutus_45_tit{
	font-weight:bold;
	position:relative;
	z-index:2;
}
.aboutus_45_subtit {
    font-size: 72px;
    font-weight: bold;
    color: #efefef;
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 4.4vw;
    transform: translateY(-50%);
}
.aboutus_45_map {
    margin-top: 100px;
	position: relative;
}
.aboutus_45_map_img {
    position: relative;
    z-index: 1;
}
.aboutus_45_map_ab {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.aboutus_45_map_name{
	position: absolute;
}
.aboutus_45_map_name span{
	font-size:18px;
}
.aboutus_45_map_dot{
	position: absolute;
	z-index:1;
	transform:translate(-50%,-50%)
}
.aboutus_45_map_dot i{
	width: 10px;
    height: 10px;
	border-radius: 20px;
	background: #fff;
    display: block;
}
.aboutus_45_map_dot i::before,.aboutus_45_map_dot i::after{
	content: '';
	position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;    
    top: 0;
    left: 0;
	z-index: -1;
}
.aboutus_45_map_dot i::before{
	animation: ab45_scale 2s infinite;
}
.aboutus_45_map_dot i::after{
	animation: ab45_scale2 2s infinite;
}
.aboutus_45_map_dot_ab {
    position: absolute;
    left: 2vw;
    top: 0;
	z-index:3;
    transition: all 0.5s;
    border-radius: 5px;
    background: #fff;
    width: 17vw;
    min-width: 200px;
    padding: 30px 27px 35px 27px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    display: none;
}
.aboutus_45_map_dot:hover + .aboutus_45_map_dot_ab {
    display: block;
}
.aboutus_45_map_dot_ab:hover {
    display: block;
}
.aboutus_45_map_dot_ab_tit {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.aboutus_45_map_dot_ab_tit img {
    margin-right: 10px;
}
@keyframes ab45_scale{
	0%{ transform: scale(1); opacity:.9}
	100%{ transform: scale(2); opacity: 0;}
}
@keyframes ab45_scale2{
	0%{ transform: scale(1);opacity:.9;}
	100%{ transform: scale(4);opacity:0;}
}
@media screen and (max-width: 768px){
	.aboutus_45_subtit {
		font-size: 36px;
	}
	.aboutus_45_comb{
		margin-bottom: 10px;
	}
	.aboutus_45_map {
		margin-top: 20px;
	}
	.aboutus_45_map_dot_ab{
		left: 15px !important;
		top: 15px !important;
	}
}