@charset "UTF-8";






@media (max-width: 767px){

	



	
	

	.contact-box{

		padding: .5rem 0;

	}

	.contact-box .contact-list{

		margin-top: .5rem;

	}

	.contact-box .item{

		margin-bottom: .3rem;

	}

	.contact-box .item:last-child{

		margin-bottom: 0;

	}

	.contact-list .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-list .icon{

		padding-left: .6rem;

		font-size: .24rem;

		line-height: .4rem;

		min-height: .6rem;

		background-size: .5rem;

		margin: 0;

		float: left;

	}

	.contact-list .tel{

		font-size: .36rem;

		line-height: .4rem;

	}

	.contact-list .mail{

		font-size: .3rem;

		line-height: .4rem;

		float: left;

		margin-top: .15rem;

	}

	.contact-list .item:first-child .tel{

		float: left;

		margin-left: .6rem;

	}

	.contact-list .item:last-child .tel{

		float: left;

		margin-top: .15rem;

	}

	.contact-box .map-box{

		margin-top: .5rem;

	}

	.contact-box .map{

		

	}

	

	.contact-box .info-box{ width:310px;
	}

	.contact-box .info-box .img{

		
	}

	.contact-box .info-box .text{

		position: static;

		

	}

	.contact-box .info-box .text .tit{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-box .info-box .text .con{

		font-size:14px;



	}

	.contact-box .map-dialog{

		position: static;

		margin: .5rem 0 0;

		padding: .3rem;

		width: auto;

	}

	.contact-box .map-dialog .head{

		font-size: .3rem;

		line-height: .4rem;

	}

	.contact-box .map-dialog .list{

		margin-top: .3rem;

	}

	.contact-box .map-dialog .map-item{

		padding-bottom: .3rem;

		margin-bottom: .3rem;

	}

	.contact-box .map-dialog .icon{

		width: .3rem;

	}

	.contact-box .map-dialog .tit{

		font-size: .3rem;

		line-height: .4rem;

		margin-top: .2rem;

	}

	.contact-box .map-dialog .con{

		font-size: .24rem;

		line-height: .4rem;

	}







}



@media (max-width: 360px){

.contact-box .info-box {
    width: 290px;
}
}