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

/*----------------------------------------
	トップページ上
----------------------------------------*/

.top_area{
	height:70vh;
	background: url("../images/background_contact2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	object-fit: cover;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	color: #ffffff;

}
@media (min-width:769px){
	.top_area{
		height:80vh;
		}
}
.fv_text_in{
	display:block;
	border-left: 10px solid #ffffff;
	margin-left: 10%;
	width: 90%;
	padding: 0 20px;
}

@media (min-width:769px){
	.fv_text_in{
		display:block;
		animation: SlideIn 1.6s;
		border-left: 10px solid #ffffff;
		margin-left: 50%;
		width: 50%;
		padding-left: 20px;
	}
}


.contact_wrapper{
	width: 100%;
	padding: 5px;
}
.contact_flm{
	margin: 10px;
	padding: 6px;
	text-align: center;
}
@media (min-width:769px){
	.contact_wrapper{
		padding: 30px;
	}
	.contact_flm{
		width: 1200px;
		margin: 60px auto;
		padding: 60px;
	}
}
.concept_txt{
	display: inline-block;
	text-align: left;
	padding-bottom: 30px;
}
.mail_table{
	margin: 10px auto 20px ;
}
.mail_table th {
	width: 100%;
	padding: 10px;
	text-align: left;
	font-size: 18px;
	border-bottom: 1px solid #666666;
	display: block;
}
.mail_table td {
	width: 100%;
	padding: 10px;
	text-align: right;
	font-size: 16px;
	border-bottom: 1px solid #666666;
	display: block;
}
.int_back{
	width:100%;
}
.true_back1{
	background-color: #ffffff;
	color:#000;
}
.err_back{
	background-color: #FFC8EE;
	color:#000;
}
@media (min-width:769px){
.mail_table{
	margin: 25px auto 50px ;
}
.mail_table th {
	width: 180px;
	padding: 20px;
	text-align: left;
	font-size: 18px;
	border-bottom: 1px solid #666666;
	display: table-cell;
}
.mail_table td {
	width: 420px;
	padding: 20px;
	text-align: right;
	font-size: 16px;
	border-bottom: 1px solid #666666;
	display: table-cell;
}
.int_back{
	width:400px;
}

}