@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	#page_title{
		background: url(../images/contact/contact_h1_bg.jpg) no-repeat center;
		background-size: cover;
	}

/* ----------------------------------------
	contact
---------------------------------------- */
	
	.caption {
		margin-bottom: 5px;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 20px;
		background: #8ec31f;
		border-top: 3px solid #6f9b12;
		color: #FFF;
	}
	
	.contact_contents table {
		width:100%;
		table-layout: fixed;
	}
	.contact_contents table th {
		padding: 20px;
		vertical-align: top;
		background: #efefef;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
		width: 15em !important;
		text-align: left;
	}
	.contact_contents table td {
		padding: 20px;
		border-bottom: 3px solid #FFF;
		background: #fafafa;
	}
	.contact_contents table td input,
	.contact_contents table td select,
	.contact_contents table td textarea {
		padding: 10px 20px;
		border: 1px solid #cfcfcf;
		max-width: 100%;
		box-sizing: border-box;
	}
	.contact_contents table td input:focus {
		background: #fafafa;
	}
	.submit_box {
		margin-top: 30px;
		text-align: center;
	}
	.submit_box input {
		display: inline-block;
		margin: 0 15px;
		padding: 10px 50px;
		cursor: pointer;
	}
	.submit_box form {
		display: inline-block;
	}
	.submit_box input.input_btn {
		background:#3aae36;
		color: #FFF;
	}
	.submit_box input.back_btn {
		background: #666;
		color: #FFF;
	}
	.required {
		font-size: 11px;
		padding: 2px 10px;
		color: #e71e29;
		background: #FFF;
		border: 1px solid #c00;
		margin-right: 10px;
		border-radius: 4px;
	}
	
	.name_input {
		width: 35%;
	}
	.zip_input {
		width: 15%;
	}
	.address_input {
		width: 70%;
	}
	.phone_input {
		width: 20%;
	}
	.small_input {
		width:20%;
	}
	.notes {
		font-size: 12px;
		line-height: 2.5em;
	}
	.contact_contents table td div span {
		width:3.5em;
		display: inline-block;
	}
	
	
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	#page_title{
		background: url(../images/contact/contact_h1_bg.jpg) no-repeat right 70%;
		background-size: cover;
	}	

/* ----------------------------------------
	contact
---------------------------------------- */
	
	.caption {
		margin-bottom: 5px;
		font-size: 4vw;
		font-weight: bold;
		padding: 10px 5vw;
		background: #8ec31f;
		border-top: 3px solid #6f9b12;
		color: #FFF;
	}
	
	.contact_contents table {
		width:100%;
	}
	.contact_contents table th {
		padding: 20px;
		display: list-item;
		list-style-type: none;
		box-sizing: border-box;
		background: #efefef;
		border-bottom: 3px solid #FFF;
		width: 100%;
		text-align: left;
	}
	.contact_contents table td {
		padding: 20px;
		display: list-item;
		list-style-type: none;
		box-sizing: border-box;
		width: 100%;
		border-bottom: 3px solid #FFF;
		background: #fafafa;
		font-size:16px;
	}
	.contact_contents table td input,
	.contact_contents table td select {
		padding: 10px 20px;
		border: 1px solid #cfcfcf;
		width:auto;
		box-sizing: border-box;
		font-size:16px;
	}
	.contact_contents table td textarea {
		padding: 10px 20px;
		border: 1px solid #cfcfcf;
		width:100% !important;
		box-sizing: border-box;
	}
	.contact_contents table td input:focus {
		background: #fafafa;
	}
	input[type="submit"],
	input[type="reset"] {
		-webkit-appearance: none;
	}
	.submit_box {
		margin-top: 30px;
		text-align: center;
	}
	.submit_box input {
		display: inline-block;
		margin: 0 5px;
		padding: 10px 50px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.submit_box form {
		display: inline-block;
	}
	.submit_box input.input_btn {
		background:#3aae36;
		color: #FFF;
	}
	.submit_box input.back_btn {
		background: #666;
		color: #FFF;
	}
	.required {
		font-size: 11px;
		padding: 2px 10px;
		color: #e71e29;
		background: #FFF;
		border: 1px solid #c00;
		margin-right: 10px;
		border-radius: 4px;
	}
	
	.contact_contents table td .name_input {
		width: 40% !important;
	}
	.contact_contents table td .zip_input {
		width: 30%;
	}
	.contact_contents table td .address_input {
		width: 100%;
	}
	.contact_contents table td .phone_input {
		width: 28%;
	}
	.contact_contents table td .small_input {
		width:20%;
	}
	.contact_contents table td .max_input {
		width:100%;
	}
	.notes {
		font-size: 12px;
		line-height: 2.5em;
	}
	.contact_contents table td div span {
		width:3.5em;
		display: inline-block;
	}
	span.years {
		display: block !important;
		margin-top: 10px
	}
	
	




}/* End SP */