@charset "utf-8";
/* CSS Document */

/*汎用*/
.pt0{
	padding-top: 0!important;
}
.sp_only {
	display: none;
}

/*==================================================
お問合せフォーム contact
===================================*/
.contact_form .wrap{
	background-color: #f8fdfe;
    padding: 3em;
    margin-bottom: 100px;
}
.contact_form{
	width: 900px;
    margin: 0 auto;
    padding: 4em 0;
}
.contact_form table {
	border-collapse: collapse;
	border-spacing: 0;
}
.contact_form caption,th {
	text-align: left;
}
.contact_form .box_con02{
	width: 100%;
}
/*デザイン*/
.contact_form .box_con02 form {
	width: 100%;
}
.contact_form .box_con02 form table {
	width: 100%;
	border: none;
}
.contact_form .box_con02 form table tr {
	position: relative;
    border-collapse: collapse;
}
.contact_form .box_con02 form table tr:first-child td:before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 1px;
}
.contact_form .box_con02 form table tr th {
	width: 35%;
	font-size: 18px;
	font-weight: normal;
	padding: 1em .5em;
	color: #333333;
	position: relative;
}
.contact_form .box_con02 form table th,td {
	border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
}
.contact_form .box_con02 form table :nth-of-type(5) th,
.contact_form .box_con02 form table :nth-of-type(5) td{
	border-bottom: none;
}
.contact_form .box_con02 form table :nth-of-type(1) td,
.contact_form .box_con02 form table :nth-of-type(2) td,
.contact_form .box_con02 form table :nth-of-type(3) td,
.contact_form .box_con02 form table :nth-of-type(4) td,
.contact_form .box_con02 form table :nth-of-type(5) td{
	border-right: none;
}
.contact_form .box_con02 form table tr th span {
	background: #fec910;
	padding: 0 .5em;
	color: #cccccc;
	margin-left: .5em;
	border-radius: 20px;
}
.contact_form .box_con02 form table tr th:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
}
.contact_form .box_con02 form table tr td {
	position: relative;
	padding: 1em .5em;
}

.contact_form .box_con02 form table tr td:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
}
.contact_form .box_con02 form table tr .box_br {
	display: block;
}
.contact_form .box_con02 form table tr select, .box_con02 form table tr textarea, .box_con02 form table tr .wide {
	width: 90%;
	height: 2em;
	padding: .5em;
	background-color: #f2f1f1;
	border: 2px solid #cccccc;
	margin-left: 1em;	
}
.contact_form .box_con02 form table tr textarea {
	height: 10em;
}

/* 送信ボタン */
.contact_form .btn {
 	text-align: center;
	margin: 2em 0;
}
.contact_form .btn input {
    font-size: 28px;
	display: inline-block;
	background: linear-gradient(to top , #bdc0c8 , #030303);
	padding: 1em;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.4s;
    margin-top: 3em;
	border-radius: 10px;
}
.contact_form .btn input:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}











/*==================================================
SP
===================================*/
@media screen and (max-width:1286px){

/* footer */
	#area-contact .inner {
		width: 100%;
	}
	#footer .inner {
		width: 100%;
	}
}

@media screen and (min-width:768px) and (max-width:1024px){
/* footer */
	#area-contact .inner {
		width: 100%;
	}
	#footer .inner {
		width: 100%;
	}
}
@media screen and (max-width:900px){
	.contact_form {
		width: 95%;
	}
}
@media screen and (min-width:480px) and (max-width: 768px) {

/* footer */
	#area-contact .inner {
		width: 100%;
	}
	#footer .inner {
		width: 100%;
	}
}
@media screen and (min-width: 480px)and (max-width: 680px)  {
/* footer */
	#area-contact .inner {
		width: 100%;
	}
	#footer .inner {
		width: 100%;
	}
	.contact .tel-link, .contact .web-link {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.sp_only{
		display: block;
	}
	.contact_form .box_con02 form table th,td{
		display: block;
		width: 100%;
	}
	.contact_form .box_con02 form table tr th{
		width: 97%;
		border-right: none;
	}
	.contact_form .box_con02 form table :nth-of-type(5) th,
	.contact_form .box_con02 form table :nth-of-type(5) td{
	border-bottom: 1px solid #707070;
	}
	.contact_form .box_con02 form table tr select, .box_con02 form table tr textarea, .box_con02 form table tr .wide {
		width: 95%;
		margin-left: 0;
	}
	.contact_form .box_con02 form table {
		width: 98%;
	}
/* 送信ボタン */
	.contact_form .btn input {
		width: 90%;
	}
/* footer */
	.contact .tel-link, .contact .web-link {
		width: 100%;
	}
}