/* ----------------------------------------------------------   

  #contact

   ---------------------------------------------------------- */

#contact {margin-top: 90px; padding: 0 6.5% 150px;}

@media screen and (max-width: 960px) {
#contact { margin-top: 80px; padding: 0 6.5% 120px; }
}
@media screen and (max-width: 738px) {
#contact { margin-top: 70px; padding: 0 5% 100px; }
}
@media screen and (max-width: 640px) {
#contact { margin-top: 60px; }
}


/* .catch_area */
#contact .catch_area h2.catch {font-size: 70px; font-family: 'apercu-regular-pro';font-weight: normal;letter-spacing: 0; line-height: 1.15;}

@media screen and (max-width: 1200px) {
#contact .catch_area h2.catch {font-size: 6vw; }
}
@media screen and (max-width: 960px) {
#contact .catch_area h2.catch {font-size: 7vw; line-height: 1.15; }
}
@media screen and (max-width: 738px) {
#contact .catch_area h2.catch {font-size: 8vw; line-height: 1.2; letter-spacing: 0;}
}
@media screen and (max-width: 500px) {
#contact .catch_area h2.catch {font-size: 9.5vw; line-height: 1.2; }
}


/* ----- .contact_area ----- */
#contact .contact_area { margin-top: 90px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 0;}

@media screen and (max-width: 960px) {
#contact .contact_area { margin-top: 80px; }
}
@media screen and (max-width: 738px) {
#contact .contact_area { margin-top: 70px; display: block; }
}

/* .txt_area */
#contact .contact_area .txt_area { width: 45%; z-index:0;order: 1; }
#contact .contact_area .txt_area p { margin-top: 1.5em; }
#contact .contact_area .txt_area p:first-child { margin-top: 0;}
#contact .contact_area .link_area { margin-top: 40px;}

@media screen and (max-width: 960px) {
#contact .contact_area .txt_area { width: 52.5%;}
}
@media only screen and (max-width: 738px) {
#contact .contact_area .txt_area { width: 100%;margin: 60px auto 0; padding: 0 2.5%; }
#contact .contact_area .link_area { margin-top: 45px;}
}
	
/* .img_area */
#contact .contact_area .img_area { width: 40%; order: 2; }

@media screen and (max-width: 960px) {
#contact .contact_area .img_area { width: 37.5%;}
}
@media screen and (max-width: 738px) {
#contact .contact_area .img_area { width: 100%;}
}