@charset "utf-8";



#contact{position: relative; height: 100%;width: 100%;}
#contact .container{ position: absolute;z-index: 900;left: 16%;top: 30%; width: 40%; box-sizing: border-box; background: rgba(255,64,0,.8); padding:60px;}
#contact .container>.tit{ position: relative; font-size: 3rem; color: #fff;font-weight: 700; padding-bottom: 20px;}
#contact .container>.tit:after{position: absolute;z-index: 3; left: 0;bottom: 0;width: 70px; height: 5px; background: #fff; content: '';}
#contact .container>.box{ display: block;padding: 30px 0; font-size: 1.6rem; color: #fff; line-height: 160%;}
#contact .container>.box>p{display: block; padding: 3px 0;}
#contact .container>.box a{display: inline-block; color: #fff; text-decoration: underline;}

@media only screen and (max-width: 1200px){

    #contact .container{ position: relative;;left:0;top: 70px; width: 100%;}
}

@media only screen and (max-width: 640px){

    #contact .container>.tit{ font-size: 2rem;}
    #contact .container>.tit:after{width: 40px; height: 3px; }
    #contact .container>.box{ font-size: 1.4rem;}


}