@charset "utf-8";
/*-----
Contact US
-------*/
/*--Contact--*/
#contact{ padding-bottom:18rem;}
.cont-txt-cont-top{ padding-top:2rem;}
.cont-txt-cont-top a{ color:#666; text-decoration:none;}
#contact .grid{  grid-template-columns:repeat(2,1fr);}
#contact a:hover{color:var(--web-theme-color-blue);}
.cont-txt-cont:nth-child(2){ padding-top:2rem;}
.cont-txt-cont:nth-child(3){ padding:2rem 0;}
#contact h2{ text-align:left; color:var(--web-theme-color-blue);}
#contact h3{ font-size:2.6rem; font-weight:800; text-align:left;}
#contact h4{ padding-top:1.6rem; color:#666;}
#contact i{ color:#ccc;}
.txt-left{ margin-top:6rem;}
.txt-left i{ font-size:2rem; color:var(--web-theme-color);}
.txt-left a{ display:inline-block; color:#666;text-decoration:none;}
.txt-left ul{ padding-top:1.4rem;}
#contact .txt-left h4{ color:var(--web-theme-color-blue);}
.txt-right{
	background-color:#333;
}
#allmap{
width:100%;
height:500px;
}
#allmap p:first-child{ margin-top:10px;}
#map_canvas{
	width:100%;
	height:500px;
}

@media (max-width:1023px){
#contact{ padding-bottom:0;} 
#contact .grid{ grid-template-columns:1fr;  grid-row-gap:2rem; }
#contact  .wrap-flex{flex-direction: column; align-items: center;}
.txt-left{ margin-top:4rem;}
#allmap{ height:36rem;}
}