@charset "UTF-8";



/***************************************************

	contact

***************************************************/

#page_header{
	background-image: url('../images/contact/cont_header01.jpg');
}


#contact .contact_cont .form_caption{
	font-size: 16px;
	margin: 0 0 40px;
}

.contact-table{
	width: 100%;
	max-width: 1090px;
	margin: 0 auto 66px;
	padding: 0 20px;
	box-sizing: border-box;
}

.contact-table li{
	display: table;
	width: 100%;
	margin: 0 0 42px;
}

.contact-table li:last-child{
	margin-bottom: 0;
}

.contact-table li .data,
.contact-table li .item{
	display: table-cell;
	vertical-align: top;
}

.contact-table li .item{
	width: 244px;
	font-size: 18px;
	padding-top: 4px;
}

.contact-table li .item .required{
	color: #ff1414;
}

.contact-table li .data textarea,
.contact-table li .data input[type="email"],
.contact-table li .data input[type="text"]{
	width: 100%;
	box-sizing: border-box;
	background: #f2f2f2;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	padding: 8px;
	border-radius: 6px;
}

.contact-table li .data label{
	margin-right: 50px;
	font-size: 18px;
}

.contact-table li .data input[type="radio"]{
	margin-right: 8px;
}

.policy-comment{
	font-size: 14px;
	line-height: 2;
	margin: 0 0 50px;
}

.policy-comment a{
	color: #b48845;
}

.submit{

}

.submit button{
	display: block;
	width: 290px;
	height: 58px;
	line-height: 58px;
	margin: 0 auto;
	border: none;
	border-radius: 30px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.25em;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s linear;

background: rgb(194,161,110); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(194,161,110,1) 1%, rgba(157,110,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(194,161,110,1) 1%,rgba(157,110,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(194,161,110,1) 1%,rgba(157,110,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2a16e', endColorstr='#9d6e29',GradientType=0 ); /* IE6-9 */

}

.submit button:hover{
background: rgb(157,110,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,110,41,1) 0%, rgba(194,161,110,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,110,41,1) 0%,rgba(194,161,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,110,41,1) 0%,rgba(194,161,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d6e29', endColorstr='#c2a16e',GradientType=0 ); /* IE6-9 */

}

#contact .msg{
	width: 363px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	margin: 100px auto 30px;
	background: #b48845;
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}

#contact .msg2{
	text-align: center;
	font-size: 24px;
	line-height: 1.75;
	margin: 0 0 70px;
}

#contact .home_link{
	text-align: center;
}

#contact .home_link a{
	display: inline-block;
	color: #3c3c3c;
}





/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:768px){


/********** contact **********/


#contact .contact_cont .form_caption{
	font-size: 3.733333vw;
	margin: 0 0 30px;
}

.contact-table{
	margin: 0 0 30px;
	padding: 0;
}

.contact-table li{
	display: block;
	margin: 0 0 20px;
}

.contact-table li .data,
.contact-table li .item{
	display: block;
}

.contact-table li .item{
	width: auto;
	font-size: 1.6rem;
	padding-top: 0;
	margin: 0 0 12px;
}

.contact-table li .data textarea,
.contact-table li .data input[type="email"],
.contact-table li .data input[type="text"] {
	font-size: 1.4rem;
	padding: 6px;
}

.contact-table li .data label{
	margin-right: 30px;
	font-size: 1.6rem;
}

.policy-comment{
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 30px;
}

.submit{

}

.submit button{
	width: 70%;
	height: 46px;
	line-height: 46px;
	font-size: 1.7rem;
	letter-spacing: 0.25em;
}

#contact .msg{
	width: 70%;
	height: 55px;
	line-height: 55px;
	margin: 50px auto 20px;
	font-size: 5.866667vw;
}

#contact .msg2{
	font-size: 1.4rem;
	margin: 0 0 40px;
}

#contact .home_link{
	text-align: center;
}

#contact .home_link a{
	display: inline-block;
	color: #3c3c3c;
}




}