.boxContact{ padding:20px 0 80px 0}
.boxContact a{display:inline-block; width:25%; text-align:center; margin:50px 0 0 0; padding:10px 0 20px 0}
.boxContact a h1{}
.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}
.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a:hover h4{color:#555}

.mapall{display: flex;margin-bottom: 80px;}
.contactMap{width:48%; height:400px;margin-right: 2%;}
.contactMap:last-child{flex: 1;margin-right: 0;}
.boxMsg{background:#f9f9f9; padding:0 25% 100px 25%; margin:0 0 100px 0}
.boxMsg h1{font-size:clamp(26px,1.66vw,32px);line-height:1.56em; text-align:center; padding:100px 0 60px 0}
.boxMsg li{color:#999; padding:10px 0}
.boxMsg li i{font-size:clamp(14px,0.9vw,18px); line-height:2em; display:block}

@media(max-width:768px){
	.boxContact{ padding:20px 0 0 0}
	.boxContact a{width:100%; margin:0; padding:30px 0 40px 0; border-bottom:1px solid #eee}
	.boxContact a:last-child{ border:0}
	.boxContact a h1 img{ width:60px;}
	.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}
	.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
	.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
	.mapall { flex-flow: column; margin-bottom: 0; }
	.contactMap{ width: 100%;height:300px;margin-bottom: 20px;}
	.contactMap:last-child {flex: auto; }
}<!--0.00016117095947266-->