@charset "utf-8";
/* CSS Document */

#contact_main {
  padding-top: 90px;
  padding-bottom: 220px;
}
#contact_main h1 {
  font-size: 50px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 95px;
}
#contact_main .txt {
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 115px;
}
#contact_main .block_btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contact_main .block_btn a {
  display: inline-block;
  width: 45%;
}
#contact_main .btn_enquery {
  position: relative;
  background-color: #0082b5;
  padding: 50px 0;
}
#contact_main .btn_enquery.other {
  background-color: #7cc953;
}
#contact_main .btn_enquery::before {
  position: absolute;
  content: '';
  width: calc(100% + 22px);
  height: calc(100% + 22px);
  border: 6px solid #0082b5;
  top: -11px;
  left: -11px;
}
#contact_main .btn_enquery.other::before {
  border-color: #7cc953;
}
#contact_main .btn_enquery h2 {  
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
}
#contact_main .btn_enquery.other h2 {
  line-height: 70px;
}
#contact_main a {  
  text-decoration: none;
}


@media screen and (max-width: 1040px) {
  #contact_main .block_btn {
    justify-content: space-around;
  }
}


@media screen and (max-width: 768px) {
  #contact_main {
    padding-top: 16vw;
    padding-bottom: 26.4vw;
  }
  #contact_main h1 {
    margin-bottom: 11.4vw;
  }
  #contact_main .txt {
    text-align: left;
    margin-bottom: 13.8vw;
  }
  #contact_main .btn_enquery {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
  
}


@media screen and (max-width: 690px) {
  #contact_main .block_btn a {
    width: 100%;
  }
  #contact_main .btn_enquery.other {
    margin-top: 8vw;
  }

}


@media screen and (max-width: 420px) {
  #contact_main {
    padding-top: 30vw;
  }
  #contact_main h1 {
    font-size: 8.5vw;
  }
  #contact_main .btn_enquery.other {
    margin-top: 12vw;
  }
  
}