@charset "UTF-8";
/* =======================================================
* owner.php
* ======================================================= */
.inner .form-top {
  border-bottom: none;
  padding-bottom: 6%;
}

.form-top h4:first-of-type {
  padding-top: 2%;
}

h4 {
  padding: 0;
}

i {
  font-size: 40px;
  padding: 1.5% 0 1.5% 2rem;
}

.form-top.accordion {
  border-bottom: 2px solid #CFCFCF;
  padding-bottom: 0;
  margin-bottom: 8%;
}

.accordion-container {
  position: relative;
  width: 100%;
  outline: 0;
  padding-top: 2%;
}

.accordion-title {
  border-top: 2px solid #CFCFCF;
	border-radius: 4px;
  position: relative;
  cursor: pointer;
	padding: 3% 3% 1.5% 0;
	margin-bottom: 1.5%;
}

.accordion-title p {
	width: 90%;
}

.accordion-title p,
.accordion-content p {
	position: relative;
	padding: 10px 0 0 4%;
}

.accordion-title::after {
  content: "";
  position: absolute;
  right: 3.5%;
  top: 50%;
  transition: all 0.2s ease-in-out;
  width: 15px;
  height: 15px;
  border-top: solid 2.5px #282728;
  border-right: solid 2.5px #282728;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open {
	border-radius: 4px 4px 0 0;
	margin-bottom: 0;
}

.accordion-title.open::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accordion-title p::before,
.accordion-content p::before {
	position: absolute;
	top: 0;
	left: 0;
}

.accordion-title p::before {
	content: "Q.";
	font-size: 30px;
	padding-right: 1.5%;
}

.accordion-content p::before {
	content: "A.";
	font-size: 30px;
	top: 30%;
}

.accordion-content {
  display: none;
	border-radius: 0 0 4px 4px;
	font-size: 18px;
	padding: 0 3% 2.5% 0;
	margin-bottom: 1.5%;
}

.accordion-content p {
	padding: 3% 10% 0 4%;
}

#form-container .btn {
  width: 272px;
  margin: 0 auto;
}

#form-container .btn a {
  display: block;
  padding: 20px;
}

.txt-center p span {
	display: inline-block;
	text-align: left;
}

/* =======================================================
* max-width: 768px
* ======================================================= */
@media screen and (max-width: 768px) {
  .inner {
    padding: 0 4%;
  }

  .inner .form-top {
    padding-bottom: 12%;
  }

  i {
    font-size: 30px;
    padding: 2% 0 2% 2rem;
  }

  .form-top.accordion {
    padding-bottom: 0;
  }

	.accordion-title {
		padding: 4%;
	}

	.accordion-title::after {
		right: 5.5%;
	}

	.accordion-title p,
	.accordion-content p {
		padding-left: 14%;
	}

	.accordion-title p::before,
	.accordion-content p::before {
		top: 10%;
	}

	.accordion-content {
		padding: 0 4% 4% 4%;
		margin-bottom: 8%;
	}

	.accordion-content p {
		padding-top: 4%;
	}
  
}