.banner-wrap {
  background-image: url("../images/contact/img_banner.jpg");
}

.page-wrap.contact .content-sections .section:nth-child(odd) {
  background-color: #F0F0F0;
}
.page-wrap.contact .content-sections .section .content-wrap {
  max-width: 1200px;
  padding: 95px 0 90px 0;
  display: flex;
}
.page-wrap.contact .content-sections .section h2 {
  flex: 0 0 425px;
  margin: 0;
  font-size: 28px;
}
.page-wrap.contact .content-sections .section .contents {
  font-size: 18px;
}
.page-wrap.contact .content-sections .section .contents p {
  line-height: 2;
}
.page-wrap.contact .content-sections .section .contents p:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: -0.35em;
}
.page-wrap.contact .content-sections .section .contents .content-item {
  display: flex;
  gap: 30px;
}
.page-wrap.contact .content-sections .section .contents .content-item:nth-child(n+2) {
  margin-top: 50px;
}
.page-wrap.contact .content-sections .section .contents .content-item .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.page-wrap.contact .content-sections .section .contents .content-item .texts {
  flex: 1;
}
.page-wrap.contact .content-sections .section .contents .content-item .texts .title {
  color: #AA1E2D;
}
.page-wrap.contact .content-sections .section .map {
  height: 505px;
}

@media (max-width: 1200px) {
  .page-wrap.contact .content-sections .section .content-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-wrap.contact .content-sections .section .content-wrap h2 {
    flex: 0 0 330px;
  }
  .page-wrap.contact .content-sections .section .content-wrap .contents {
    flex: 1;
  }
  .page-wrap.contact .content-sections .section .content-wrap .contents p {
    white-space: normal;
  }
}
@media (max-width: 900px) {
  .page-wrap.contact .content-sections .section .content-wrap {
    padding: 50px 20px;
    display: block;
  }
  .page-wrap.contact .content-sections .section .content-wrap h2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  .page-wrap.contact .content-sections .section .content-wrap .contents p {
    line-height: 1.5;
    font-size: 16px;
  }
  .page-wrap.contact .content-sections .section .content-wrap .contents p:before {
    margin-top: 0.25em;
  }
  .page-wrap.contact .content-sections .section .content-wrap .content-item {
    gap: 15px;
  }
  .page-wrap.contact .content-sections .section .content-wrap .content-item:nth-child(n+2) {
    margin-top: 20px;
  }
  .page-wrap.contact .content-sections .section .content-wrap .content-item .icon {
    width: 40px;
    height: 40px;
    background-size: cover;
  }
}

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