@charset "utf-8";

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

body#hoiku_inquiry div#contents table td select {
	padding: 5px;
	font-size: 0.9em;
}

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

body#hoiku_inquiry  div#contents #operation_buttons {
	text-align: center;
	margin: 10px; auto;
}

body#hoiku_inquiry  div#errors {
	background-color: #ffcccc;
	padding: 5px;
}


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

.hidden-sp {
	display: none !important;
}
body#hoiku_inquiry div#contents table  {
	font-size: 0.9em;
}
body#hoiku_inquiry div#contents table th,
body#hoiku_inquiry div#contents table td {
	padding: 10px;
	display: block;
}

body#hoiku_inquiry div#contents table td input[type="text"] {
	width: 97%;
	margin: 5px auto;
}
body#hoiku_inquiry div#contents table td div.astr {
	padding-left:2em !important;
	text-indent:-1em !important;
}
body#hoiku_inquiry div#contents table td input#txt_age {
	width: 90%;
}
body#hoiku_inquiry div#contents table dl#child_info select {
	width: 30%;

}




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


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


body#hoiku_inquiry div#contents table td div.astr {
	padding-left:1em !important;
}


body#hoiku_inquiry div#contents table th {
	width: 40%;
}
body#hoiku_inquiry div#contents table td {
	width: 60%;
}


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