#inquiry { margin-top: 50px; }

#inquiry input,
#inquiry textarea { border:1px solid #ccc;}

@media screen and (max-width: 1024px) {
	#inquiry {
		margin-top: 95px;
	}
}
@media screen and (max-width: 767px) {
	#inquiry {
		margin-top: 60px;
	}
}

.form_area {
	padding: 80px 0 50px;
}

.form_area .att {
	margin:2em 0 0;
}

.form_area table {
  border-collapse: var(--table-border-collapse, collapse);
  border-spacing: var(--table-border-spacing, 0);
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  margin-top: 1em; }

.form_area table {
  width: 100%;
  margin: 2em auto; }

.form_area th {
  background-color: #eee;
  width: 16em; }

.form_area th,
.form_area td {
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  text-align: left;
  line-height: 1.25;}

.form_area td input,
.form_area td textarea {
  font-size: 16px;
  padding: 0.2rem 0.5rem; }

.form_area .short {
  width: 50%; }

.form_area .long,
.form_area td textarea {
  width: calc(100% - 1em); }
  
.form_area .postalcode {
	margin:1rem 0 1rem 1rem;
}

.form_area h3 {
  font-size: 1em;
  font-weight: bold; }

.form_area .btn {
  letter-spacing: 0.2em;
  font-size: 1.2em;
  cursor: pointer;
  padding: 2.2rem;
  background: #0039A1;
  color: #fff;
  border: none; }

.form_area .btn:hover,
.form_area .btn:focus {
  opacity: 0.8; }

.caution {
  color: #ff0000; }

.required {
  color: #ee0000; }

.br_only-sp {
  display: none; }

.form_area p {
  margin: 0 0 1em;
  line-height:1.5; }

.form_area .confirm_btn {
  text-align: center; }

.form_area .confirm_btn .btn {
  margin: 0.5em 1em; }

.thanks_area {
  text-align: center; }
  .thanks_area h4 {
    margin: 1.5em 0 1em; }

.tc { text-align:center; font-size:2rem; }

.form_area .back {
	margin-top:60px;
	text-align:center;
}

/* -------- For Mobile -------- */
@media screen and (max-width: 768px) {
	.form_area {
		padding: 40px 0 30px;
	}

	img {
    max-width: 100%; }

  .form_area h1 img {
    width: 100%;
    max-width: 100%; }

  .form_area h1 {
    margin: 20px 0 30px; }

  .form_area h2 {
    font-size: 20px;
    padding-bottom: 6px; }

  .form_area table {
    margin: 20px auto; }

  .form_area th,
  .form_area td {
    border: none;
    display: block;
    width: 100%; }

  .form_area th {
    padding: 0 0 0.2em;
    background-color: #fff; }

  .form_area td {
    padding: 0 0 0.8em; }

  .form_area .short, .form_area .long {
    width: 100%; }

  .form_area table {
    border-bottom: 1px solid #ccc; }

	.form_area .postalcode {
	margin:1rem 0 0 0;
	}

  .form_area .confirm_btn .btn {
    padding: 16px; }

  .br_only-pc {
    display: none; }

  .br_only-sp {
    display: block; } 

	.form_area .back .btn {
	letter-spacing:0;
	display:block;
	line-height:2;
	padding: 1.5rem;
	}


}

/*# sourceMappingURL=inquiry.css.map */

.switchbox {
  margin: 10px auto;
  padding: 0; }

/*ラベル*/
.switchbox label {
  font-weight: bold;
  cursor: pointer; }

/*中身を非表示にしておく*/
.switchbox div.submit {
  height: 0;
  overflow-y: hidden;
  transition: 0.9s;
  margin-top: 1em; }

/*クリックで中身を表示*/
.switchbox input:checked + label + div.submit {
  height: auto;
  opacity: 1; }