/*******************************
 page-contact
*******************************/
.contact-form h1 {
  background: #0077b3;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
  font-size: 32px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
  margin-top: 80px;
}
.contact-form ul.catch-list {
  display: flex;
  flex-wrap: wrap;
}
.contact-form ul.catch-list li:first-child {
  margin-right: 30px;
}
.contact-form ul.catch-list li {
  font-size: 20px;
  color: #5e5d5c;
}
.contact-form .catch {
  font-size: 20px;
  color: #5e5d5c;
  margin-bottom: 50px;
  padding-left: 30px;
}
.contact-form .any {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #b5b5b6;
  margin-right: 30px;
  color: #fff;
}
.contact-form .required {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  background: #ed7471;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 30px;
  color: #fff;
}
.contact-form .contact-title span:nth-of-type(2) {
  font-size: 22px;
  color: #5e5d5c;
  font-weight: bold;
}
.contact-form .contact-title span:nth-of-type(3) {
  font-size: 22px;
  color: #5e5d5c;
  font-weight: bold;
  margin-left: 30px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  background: #f6f6f6;
  border: 1px solid #bdbebe;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  font-size: 20px;
  padding-left: 15px;
}
.contact-form select {
  background: #e9eaea;
  border: 1px solid #bdbebe;
  color: #5e5d5c;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  font-size: 20px;
  padding-left: 15px;
}
.contact-form .width100 {
  width: 100%;
}
.contact-form .width-short {
  width: 250px;
}
.contact-form .contact-box,
.contact-form .privacy-policy-box {
  margin-bottom: 50px;
}
.contact-form .contact-cnt span:nth-of-type(1) {
  margin-right: 15px;
}
.contact-form .privacy-title span:nth-of-type(2) {
  font-size: 22px;
  color: #5e5d5c;
  font-weight: bold;
}
.contact-form .privacy-accordion {
  border: 1px solid #a6a7a7;
  border-radius: 5px;
  background: #f6f6f6;
}
.contact-form .accordion-title {
  background: #e9eaea;
  color: #5e5d5c;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  font-size: 20px;
  padding-left: 15px;
  position: relative;
  z-index: 1;
  padding-right: 30px;
  border-bottom: none;
}
.contact-form .accordion-title.active {
  border-bottom: 1px solid #a6a7a7;
}
.contact-form .accordion-title p {
  margin-bottom: 0;
}
.contact-form .accordion-title::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 1px solid #a6a7a7;
  border-bottom: 1px solid #a6a7a7;
  transform: rotate(-45deg);
  position: absolute;
  right: 30px;
  top: 15px;
  z-index: 1;
  transition: 0.2s all;
}
.contact-form .accordion-title.active::after {
  top: 25px;
  transform: rotate(135deg);
  transition: 0.2s all;
}
.contact-form .accordion-cnt {
  padding: 30px;
  display: none;
  color: #5e5d5c;
}
.contact-form .border-line {
  width: 100%;
  border: 1px dashed #5e5d5c;
  margin-bottom: 30px;
}
.contact-form .mb30 {
  margin-bottom: 30px;
}
.contact-form .info {
  margin-bottom: 30px;
}
.contact-form .info p {
  margin-bottom: 0;
}
.contact-form .privacy-list {
  padding-left: 15px;
}
.contact-form .privacy-list li p {
  margin-bottom: 0;
}
.contact-form .mb0 {
  margin-bottom: 0;
}
.contact-form .privacy-link-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #5e5d5c;
}
.contact-form .privacy-link span {
  color: #5e5d5c;
  font-size: 22px;
}
.contact-form .privacy-link span a {
  color: #5e5d5c;
  font-size: 22px;
  text-decoration: none;
}
.contact-form .privacy-link {
  margin-bottom: 30px;
}
.contact-form .doui-btn {
  font-size: 22px;
  color: #5e5d5c;
  font-weight: bold;
  margin-bottom: 50px;
}
.contact-form .doui-btn input {
  transform: scale(1.6);
}
.contact-form .wpcf7-list-item {
  margin-left: 0;
}
.contact-form .wpcf7-list-item-label {
  vertical-align: -2px;
}
.contact-form .confirm-btn input {
  border: none;
  background: #0077b3;
  width: 180px;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
}
.contact-form .confirm-btn {
  margin-bottom: 50px;
}
.contact-form .flex {
  display: flex;
  flex-wrap: wrap;
}
.contact-form .flex p {
  width: 250px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .contact-form .flex p {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .contact-form .width-short {
    width: 100%;
  }
}