

.contact2{width: 100%;height: auto;font-family: Roboto;}


.contact2_title_box h3{font-size: 38px;}
.contact2_title_box p{font-size: 16px;line-height: 24px;letter-spacing: 1px;}
.title_line{height: 1px;margin: 80px 0 12px;width: 100%;background: #000;}
.contact2_contact_box h5{font-size: 20px;}
.contact_line{height: 1px;margin: 12px 0 12px;width: 100%;background: #000;}
.contact2_contact_box p{font-size: 16px;line-height: 24px;letter-spacing: 1px;}


#dituContent{margin: 0 auto;}

.demo_content { padding: 10px; margin-bottom: 10px; border: solid 1px gray; }    
fieldset { border: 1px solid gray; }    

@media screen and (min-width: 645px) {
.box{display: block;}
.m_box{display: none;}
.m_plane{display: none;}

.contact1{width: 100%;height:200px ;}
.contact2_box{width: 33.3%;float: left;}
.contact2_text_box{padding: 95px;height: 170px;}
#map{min-height: 550px; width: 100%;}
.contact3{width:100%;height:auto;margin: 20px 0 100px;}
}
@media screen and (max-width: 640px) {
.contact1{display: none;}
.contact2_box{width: 100%;}
.contact2_text_box{width: 85%;height: 7.5rem;margin: 0 auto;padding: 4rem 0;}
#m_contact_hide{display: none;}
#map{height:20rem; width: 100%;}
.contact3{width:100%;height:auto;margin: 1.8rem 0 1rem;}
}