@charset "utf-8";
/* CSS Document */
/*
contact us
*/
#contact-us h2,#contact-us p{ text-align:center;}
#contact-us p{ padding-top:1.6rem;}
#contact-us .grid{ margin-top:6rem; grid-template-columns:repeat(3,1fr);grid-column-gap:20px;}
.contact-us-item{ box-shadow: 0 0 10px rgba(80,80,80,0.4); padding:4rem 2rem; }
.contact-us-icon{ display:block; width:4rem; height:4rem; margin:0 auto; padding:2rem; border-radius:50px; background-color:var(--web-theme-color); color:#fff;}
.contact-us-icon i{font-size:2rem;  position:relative; margin-top:-1rem; margin-left:-0.8rem;}
.contact-us-mid i{position:relative; margin-top:-1rem; margin-left:-0.3em; }
.contact-us-last i{position:relative; margin-top:-1rem; margin-left:-1rem;}
.contact-us-item a{ display:block; padding-top:0.2em; text-decoration:none; color:#333; text-align:center;}
.contact-us-item a:hover{ color:var(--web-theme-color);}
.contact-us-item:nth-child(2) a{ padding-top:2rem;}
.contact-us-item:nth-child(1) a,.contact-us-item:nth-child(3) a{ padding-top:2rem;}

@media screen and (max-width: 1023px) {
#contact-us .grid{ margin-top:6rem; grid-template-columns:1fr; grid-row-gap:20px;}
.contact-us-item{ box-shadow: 0 0 10px rgba(80,80,80,0.4); padding:4rem 2rem; }
}