@charset "UTF-8";
/* Scss Document */
#contact {
  margin-bottom: 100px;
}
@media (max-width: 770px) {
  #contact {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
#contact .category {
  border-bottom: 1px solid #99E5FF;
  padding-left: 20px;
  padding-top: 3px;
  background: url(/design/img/common/hx_bg_hp.png) no-repeat left center;
  color: #002DB2;
  font-size: 140%;
  font-weight: bold;
}
#contact .title {
  font-size: 120%;
}
#contact .title span:first-child {
  padding-right: 32px;
  background: url(/design/img/common/hx_bg2_hp.png) no-repeat right 6px center;
  display: inline-block;
  color: #002DB2;
}
#contact .in {
  position: relative;
  margin-top: 50px;
  margin-left: 35px;
}
@media (max-width: 770px) {
  #contact .in {
    margin-left: 0;
  }
}
#contact .in > .txt {
  font-size: 120%;
  font-weight: bold;
}
#contact .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 770px) {
  #contact .inner {
    display: block;
  }
}
#contact .area {
  width: 69.1%;
  max-width: 660px;
}
@media (max-width: 770px) {
  #contact .area {
    width: 100%;
    max-width: initial;
  }
}
#contact article {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 770px) {
  #contact article {
    display: block;
  }
}
#contact article .title {
  font-weight: bold;
  width: 37.87%;
  max-width: 250px;
}
@media (max-width: 770px) {
  #contact article .title {
    width: 100%;
    max-width: initial;
  }
}
#contact article .title::before {
  content: "●";
}
#contact article .bloc {
  width: 56%;
  max-width: 370px;
}
@media (max-width: 770px) {
  #contact article .bloc {
    margin-top: 10px;
    width: 100%;
    max-width: initial;
  }
}
#contact article .tel {
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
}
#contact article .mail {
  font-size: 170%;
  font-weight: bold;
  line-height: 1;
}
#contact article.hidden .title, #contact article.hidden .tel, #contact article.hidden .mail {
  color: #ccc;
}
#contact article button, #contact article .btn, #contact article input[type=submit] {
  padding: 0;
  background: none;
  border: none;
  display: block;
  cursor: pointer;
  white-space: nowrap;
}
#contact article button:focus, #contact article button a:focus, #contact article .btn:focus, #contact article .btn a:focus, #contact article input[type=submit]:focus, #contact article input[type=submit] a:focus {
  border: 3px solid #000;
}
#contact article button, #contact article .btn {
  display: inline-block;
}
#contact article button span, #contact article .btn span {
  padding: 15px 40px;
  background-color: #002DB2;
  display: block;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
}
#contact article input[type=submit] {
  padding: 15px 40px;
  background-color: #002DB2;
  display: inline-block;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
}
#contact article .btn a:hover span {
  opacity: 0.8;
}
#contact #privacy {
  background-color: #FFEFBF;
  width: 24%;
  max-width: 230px;
}
@media (max-width: 770px) {
  #contact #privacy {
    margin-top: 20px;
    width: 100%;
    max-width: initial;
  }
}
#contact #privacy div {
  padding: 1em;
}
#contact #privacy .title {
  font-size: 110%;
  font-weight: bold;
}
#contact #privacy .txt {
  margin-top: 5px;
}
#contact #caution {
  margin-top: 60px;
}
#contact #caution .underline {
  text-decoration: underline;
}
@media (max-width: 770px) {
  #contact #caution {
    margin-top: 20px;
  }
}