@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  CONTACT PC
**************************************************
--------------------------------------------------*/
#contact.contents_inner {
    margin-bottom: 80px;
}

@media screen and (min-width: 768px) {


.contact_bg {
	background: url(../imgs/contact/contact_bg.jpg) no-repeat center bottom;
	background-size: cover;
	min-height: 330px;
	height: auto;
	width: 100%;
}

#contact .tel_number {
/*	display: block;	*/
	margin: 5px 0;
	font-size: 24px;
	font-weight: bold;
	color: #236fb7;
	font-family: "noto sans";
}

#contact table {
	width: 100%;
	border: 1px solid #c0c0c0;
}
#contact table th {
	border: 1px solid #c0c0c0;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	width: 20%;
	background: #f3f3f3;
}
#contact table td {
	padding: 15px;
	border: 1px solid #c0c0c0;
	vertical-align: middle;
}
/*
#contact table input,
#contact table textarea,
#contact table select {
	padding: 8px;
	border: 1px solid #dfdfdf;
	min-width: 30%;
}
*/
#contact table input[type="text"],
#contact table input[type="email"],
#contact table input[type="tel"],
#contact table textarea,
#contact table select {
	padding: 8px;
	border: 1px solid #dfdfdf;
	max-width:760px;
	width:760px;
	min-width: 30%;
}
#contact table textarea{
	min-height:100px;
}
.submit_btn {
	text-align: center;
}
.submit_btn input {
	padding: 15px 40px;
	font-size: 1.2em;
	font-weight: normal;
	color: #FFF;
	background: #356aa0; /* Old browsers */
	background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
}
.submit_btn input:hover {
	cursor: pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#contact table th .must,
#contact table th .option {
	display: block;
	font-size: 10px;
	margin-top: 3px;
	padding: 2px 5px;
}
#contact table th .must {
	color: #d76f6f;
}
#contact table th .option {
	color: #000;
}


}
/*--------------------------------------------------
**************************************************
  CONTACT SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {

.page_catch {
	padding-top: 20px;
}

.contact_bg {
	background: url(../imgs/contact/contact_bg.jpg) no-repeat center bottom;
	background-size: cover;
	height: 180px;
	width: 100%;
}

#contact .tel_number a {
	display: block;
	margin: 5px 0;
	font-size: 24px;
	font-weight: bold;
	color: #236fb7;
	font-family: "noto sans";
}

#contact table {
	width: calc(100% - 20px);
	margin: 0 auto;
	box-sizing: border-box;
	list-style-type: none;
}
#contact table th {
	border-bottom: none;
	text-align: left;
	padding: 10px;
	width: 100%;
	display: list-item;
	box-sizing: border-box;
	background: #f3f3f3; /* Old browsers */
}
#contact table td {
	padding: 5px 0px 15px 0px;
	width: 100%;
	display: list-item;
	box-sizing: border-box;
}
/*
#contact table input,
#contact table textarea,
#contact table select {
	padding: 8px;
	border: 1px solid #dfdfdf;
	width: 100%;
}
*/
#contact table input[type="text"],
#contact table input[type="email"],
#contact table input[type="tel"],
#contact table textarea,
#contact table select {
	padding: 8px;
	border: 1px solid #dfdfdf;
	width: 100%;
	font-size:16px;
}
.submit_btn {
	text-align: center;
}
.submit_btn input {
	padding: 15px 40px;
	font-size: 1.2em;
	font-weight: normal;
	color: #FFF;
	background: #356aa0; /* Old browsers */
	background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
}
.submit_btn input:hover {
	cursor: pointer;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#contact table th .must,
#contact table th .option {
	font-size: 13px;
	margin-left: 10px;
	padding: 2px 5px;
	text-shadow: 1px 2px #FFF;
}
#contact table th .must {
	color: #d00;
}
#contact table th .option {
	color: #000;
}


}