@charset "utf-8";
/* CSS Document */
.wrapper-contact{
	float:left;
	clear:both;
	width:80%;
	margin:var(--section-padding-tb) 10%}
.col-contact-L{flex: 0 0 40%;margin:0px 5%}
.col-contact-R{flex: 0 0 40%;margin:0px 5%}
.box-c-des{
	float: left;
	clear: both;
	width: 100%;
	margin: var(--blcok-padding-tb) 0px;
	color: var(--main-color);
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
	}
.box-c-info{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	color:var(--dark-gary);
	font-size: 1.1em;}
.box-c-info >*{
	display: inline-block;
	vertical-align: middle;
}
.box-c-info span{
	color:var(--sub-color);
	margin-right:10px;
	width:30px;
	display:inline-block;
	text-align:center
	}
.box-qrcode{
	margin-left:40px;
	clear:both;
	float:left;
	width:calc(100% - 40px);
	margin-top:10px}
.box-qrcode img{
	max-width:200px}
.box-c-info i{
	display: inline-block;
	width: 100px;
	font-style: normal;
	color:#000000
}
.box-c-info .icon-icon-line{font-size:1.8em;
}
.box-c-map{
	float: left;
	clear: both;
	width: 100%;
	margin: var(--blcok-padding-tb) 0px;
	}
	
@media screen and (max-width: 800px) {	
.wrapper-contact{
	width:90%;
	margin:var(--section-padding-tb) 5%;
	flex-wrap:wrap}
.col-contact-L{
	flex: 0 0 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 50px;
	margin-left: 0%;
}
.col-contact-R{flex: 0 0 100%;margin:0px 0%}
}