/*  Box Sizing */
/*  Text Truncate */
/* TRANSITION */
/* TRANSFORM */
/* ANIMATION */
/* GRADIENT */
.banner { padding-bottom: 32%; background-color: #005059; background-size: 100% auto; }
.banner:before { display: none; }

#contact_main .card { background: white; border: 1px solid #3B8585; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); margin-top: -7rem; margin-bottom: 7rem; position: relative; z-index: 2; }
#contact_main .left { width: 64%; padding: 2rem; font-size: 18px; }
#contact_main .left .title { font-size: 20px; margin-bottom: 1em; }
#contact_main .left .container { justify-content: space-between; }
#contact_main .left label { display: block; width: 48%; margin-bottom: 1rem; }
#contact_main .left label.col100 { width: 100%; }
#contact_main .left label sup { margin-right: .25rem; }
#contact_main .left button { margin-left: auto; }
#contact_main .right { width: 36%; padding: 2rem; }
#contact_main .right li { margin-bottom: 1rem; }
#contact_main .right img { width: 1.5rem; margin-right: .5rem; margin-top: .1rem; }
#contact_main .right a { display: block; line-height: 1.5; }

/* -------------RWD--------------- */
@media screen and (max-width: 1024px) { #contact_main .card { margin-top: -5rem; }
  #contact_main .left { font-size: 16px; }
  #contact_main .left .title { font-size: 18px; } }
@media screen and (max-width: 768px) { .banner { padding-bottom: 50%; } }
@media screen and (max-width: 620px) { #contact_main .card { margin-bottom: 5rem; }
  #contact_main .left { width: 100%; }
  #contact_main .right { width: 100%; }
  #contact_main .right ul { display: flex; flex-wrap: wrap; }
  #contact_main .right li:nth-child(2n-1) { width: 33%; }
  #contact_main .right li:nth-child(2n) { width: 66%; } }
@media screen and (max-width: 480px) { .banner { padding-bottom: 75%; }
  #contact_main .card { margin-top: -3rem; margin-bottom: 3rem; }
  #contact_main .left { padding: 2rem 1.5rem; }
  #contact_main .left label { width: 100%; }
  #contact_main .right { padding: 2rem 1.5rem; }
  #contact_main .right li:nth-child(n) { width: 100%; } }

/*# sourceMappingURL=contact.css.map */