/* line 1, ../sass/contact.scss */
.con-top {
  position: relative;
}
/* line 4, ../sass/contact.scss */
.con-top .logo {
  display: block;
  display: flex;
  justify-content: center;
}
/* line 9, ../sass/contact.scss */
.con-top .logo img {
  height: 50px;
  display: block;
}
/* line 15, ../sass/contact.scss */
.con-top .section-title {
  text-align: center;
}
/* line 19, ../sass/contact.scss */
.con-top .under {
  text-align: center;
  font-size: 20px;
  margin: 10px auto 30px;
}

/* line 26, ../sass/contact.scss */
.con-top-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* line 32, ../sass/contact.scss */
.con-top-box {
  width: calc(100% / 4 - 15px);
  border: 2px solid #f1f1f1;
  border-radius: 20px;
  padding: 20px;
}
/* line 38, ../sass/contact.scss */
.con-top-box .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-bottom: 60px;
  border: 2px solid #f1f1f1;
}
/* line 48, ../sass/contact.scss */
.con-top-box .icon svg {
  width: 30px;
  height: 30px;
}
/* line 55, ../sass/contact.scss */
.con-top-box .desc p {
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
/* line 62, ../sass/contact.scss */
.con-top-box .desc span {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
/* line 68, ../sass/contact.scss */
.con-top-box .desc a {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-weight: 600;
  font-size: 14px;
}

@media only screen and (min-width: 1241px) and (max-width: 1400px) {
  /* line 82, ../sass/contact.scss */
  .con-top .logo img {
    height: 44px;
  }
  /* line 87, ../sass/contact.scss */
  .con-top .under {
    font-size: 18px;
    margin: 10px auto 25px;
  }

  /* line 93, ../sass/contact.scss */
  .con-top-box {
    width: calc(100% / 4 - 15px);
  }
  /* line 96, ../sass/contact.scss */
  .con-top-box .icon {
    width: 46px;
    height: 46px;
    margin-bottom: 50px;
  }
  /* line 101, ../sass/contact.scss */
  .con-top-box .icon svg {
    width: 25px;
    height: 25px;
  }
  /* line 108, ../sass/contact.scss */
  .con-top-box .desc p {
    font-size: 18px;
  }
  /* line 112, ../sass/contact.scss */
  .con-top-box .desc span {
    font-size: 14px;
    margin-bottom: 12px;
  }
  /* line 117, ../sass/contact.scss */
  .con-top-box .desc a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 130, ../sass/contact.scss */
  .con-top .logo img {
    height: 44px;
  }
  /* line 135, ../sass/contact.scss */
  .con-top .under {
    font-size: 18px;
    margin: 10px auto 25px;
  }

  /* line 141, ../sass/contact.scss */
  .con-top-box {
    width: calc(100% / 2 - 10px);
  }
  /* line 144, ../sass/contact.scss */
  .con-top-box .icon {
    width: 46px;
    height: 46px;
    margin-bottom: 50px;
  }
  /* line 149, ../sass/contact.scss */
  .con-top-box .icon svg {
    width: 25px;
    height: 25px;
  }
  /* line 156, ../sass/contact.scss */
  .con-top-box .desc p {
    font-size: 18px;
  }
  /* line 160, ../sass/contact.scss */
  .con-top-box .desc span {
    font-size: 14px;
    margin-bottom: 12px;
  }
  /* line 165, ../sass/contact.scss */
  .con-top-box .desc a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 178, ../sass/contact.scss */
  .con-top .logo img {
    height: 44px;
  }
  /* line 183, ../sass/contact.scss */
  .con-top .under {
    font-size: 18px;
    margin: 10px auto 25px;
  }

  /* line 189, ../sass/contact.scss */
  .con-top-box {
    width: calc(100% / 2 - 10px);
  }
  /* line 192, ../sass/contact.scss */
  .con-top-box .icon {
    width: 46px;
    height: 46px;
    margin-bottom: 50px;
  }
  /* line 197, ../sass/contact.scss */
  .con-top-box .icon svg {
    width: 25px;
    height: 25px;
  }
  /* line 204, ../sass/contact.scss */
  .con-top-box .desc p {
    font-size: 18px;
  }
  /* line 208, ../sass/contact.scss */
  .con-top-box .desc span {
    font-size: 14px;
    margin-bottom: 12px;
  }
  /* line 213, ../sass/contact.scss */
  .con-top-box .desc a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 226, ../sass/contact.scss */
  .con-top .logo img {
    height: 30px;
  }
  /* line 231, ../sass/contact.scss */
  .con-top .under {
    font-size: 16px;
    margin: 10px auto 20px;
  }

  /* line 237, ../sass/contact.scss */
  .con-top-wr {
    gap: 15px;
  }

  /* line 241, ../sass/contact.scss */
  .con-top-box {
    width: 100%;
  }
  /* line 244, ../sass/contact.scss */
  .con-top-box .icon {
    width: 46px;
    height: 46px;
    margin-bottom: 30px;
  }
  /* line 249, ../sass/contact.scss */
  .con-top-box .icon svg {
    width: 25px;
    height: 25px;
  }
  /* line 256, ../sass/contact.scss */
  .con-top-box .desc p {
    font-size: 18px;
  }
  /* line 260, ../sass/contact.scss */
  .con-top-box .desc span {
    font-size: 14px;
    margin-bottom: 12px;
  }
  /* line 265, ../sass/contact.scss */
  .con-top-box .desc a {
    font-size: 13px;
  }
}