@charset "UTF-8";

.contact {}

.contact .contact-visual { position: relative; height: 360px; }
.contact .contact-visual:after { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 200px; background: #E6E4E4; content: ""; }
.contact .contact-visual .visual-wrap { position: relative; z-index: 2; width: 1440px; height: 100%; margin: 0 auto; background-image: url("/assets/images/company.png"); background-repeat: no-repeat; background-size: 53%; background-position: 80% 100%; }
.contact .contact-visual .visual-wrap strong { position: absolute; top: 22%; left: 26%; font-size: 74px; color: #355EA5; }
.contact .contact-visual .visual-wrap p { position: absolute; bottom: -80px; right: 0; font-size: 70px; font-weight: 300; color: #355EA5; }

.contact .container { margin-top: 70px; padding: 0 150px; }
.contact .container .office { font-size: 28px; }
.contact .container .office.office-head { margin-bottom: 150px; }
.contact .container .office h3 { margin-bottom: 35px; font-size: 32px; font-weight: 500; }
.contact .container .office p { margin-bottom: 20px; }
.contact .container .office .info-list { display: flex; margin-bottom: 20px; }
.contact .container .office .info-list li { margin-right: 60px; }
.contact .container .office span { display: block; margin-top: 45px; font-size: 20px; color: #64636a; }


/* Location */
.location { margin-top: 150px; }
.location .container {}
.location .container .map { width: 830px; height: 580px; margin: 60px auto 100px auto; }
.location .container .map iframe { width: 100%; height: 100%; }