@charset "utf-8";

/*------------------------------------------------------------
	Inquiry
------------------------------------------------------------*/
body.inquiry div.container div#error_spot {
	margin: 0 auto;
	width: 95%;
}
body.inquiry div.container div#error_spot p {
	font-weight: bold;
}
body.inquiry div.container table {
	margin: 1em auto;
}
body.inquiry div.container table th,
body.inquiry div.container table td {
	padding: 10px;
}
body.inquiry div.container table textarea {
	border: 1px solid #cccccc;
	border-radius: 3px;
	overflow: auto;
	padding: 2px;
	resize: vertical;
	width: 100%;
}
body.inquiry div.container table input {
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 5px;
}

body.inquiry div.container table td select {
	padding: 5px;
}

body.inquiry div.container table .required {
	color: #ff0000;
}
body.inquiry  div.container table.form td input.tel {
	width: 50px;
	margin: 0 3px;
}

body.inquiry  div.container #operation_buttons {
	text-align: center;
	margin: 10px; auto;
}
body.inquiry  div#errors {
	background-color: #ffcccc;
	padding: 5px;
}
body.inquiry #toriatukai_text {
	margin: 1.5em 0;
}
body.inquiry table#inquiry_address {
	width: 85%;
}
.popup-modal {
	text-decoration: underline !important;
}
#operation_buttons a.button {
  background: #d2142e;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s ease;
}
#operation_buttons a.cancel {
	background-color: gray !important;
}
ul#error_messages {
  margin: 1em 0 1em 30px;
  padding: 0;
  list-style: none;
}
  p.gray_box {
    padding: 1em;
    border: 1px solid #b4b4b4;
    background-color: #fff;
  }

/*-------------------------------------------------------------------------------*
 *	738px未満用（SP用）の記述
 *-------------------------------------------------------------------------------*/
@media screen and (max-width: 737px) {
/* 738px未満用（SP用）の記述 */

.hidden-sp {
	display: none !important;
}
body.inquiry div.container table  {
	font-size: 0.9em;
	width: 100%;
}
body.inquiry div.container table th,
body.inquiry div.container table td {
	padding: 10px;
	display: block;
}
body.inquiry table#inquiry_address {
	 width: 100%;
}
body.inquiry div.container table td input[type="text"] {
	width: 100%;
	margin: 5px auto;
}
body.inquiry div.container table td div.astr {
	padding-left:2em !important;
	text-indent:-1em !important;
}
body.inquiry div.container table .kikkake .sp_none {
	display: none;
}
.sp_none {
	display: none;
}
#magni_erea {
	position: relative;
	margin: 0 auto;
}
#magni_erea p {

}
body div.container #operation_buttons {
  display: flex;
  justify-content: center;
flex-direction: column;
}

#operation_buttons a.button {
    display: block;
    margin: 4% auto;
    font-size: 1.4rem;
    padding: 1.7% 0;
    width: 60%;
}


}
/* 768px未満用（SP用）の記述 end -------------------------------------*/


/*-------------------------------------------------------------------------------*
 *	738px以上用（PC用）・印刷の記述
 *-------------------------------------------------------------------------------*/
@media screen and (min-width: 738px), print {
/* 738px以上用（PC用）・印刷の記述 */

  p.gray_box {
    padding: 1em;
    border: 1px solid #b4b4b4;
    background-color: #fff;
  }
body.inquiry div.container table#inquriy_form {
	width: 1200px;
}
body.inquiry div.container table td div.astr {
	padding-left:1em !important;
}
body.inquiry div.container table th {
	width: 35%;
}
body.inquiry div.container table td {
	width: 65%;
}
body.inquiry div.container table#inquiry_address th {
	width: 40%;
}
body.inquiry div.container table#inquiry_address td {
	width: 60%;
}



body.inquiry div.container table input.address {
	width: 95%;
}

body.inquiry header #gmenu li:last-child {
    border-bottom: 2px solid #d8012e;
}
body.inquiry div.container table input#trigger_other {
	width: 80%;
	margin-left: 1em;
}
body.inquiry div.container table input#rdo_amount_other {
	width: 43%;
	margin-left: 1em;
	margin-top: 0.5em;
}
#magni_erea {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
#magni_erea p {

}
body div.container #operation_buttons {
  display: flex;
  justify-content: center;
}

#operation_buttons a.button {
    display: block;
    margin: 0 30px;
    font-size: 1.8rem;
    padding: 10px 0px;
    width: 224px;
  }



}
/* 768px以上用（PC用）の記述 end -------------------------------------*/