h2.btline {
	border-bottom:1px solid #ccc;
	padding: 0 0 5px 0;
}

h3 {
	font-size:100%;
}

p.sm {
	font-size:80%;
}

form {
	width:96%;
}

label {
	background:#f0f0f0;
	width:100%;
	padding:5px 0 5px 5px;
}



.w-label {
	width:60%;

}


.hissu {
	background:#cc0000;
	color:#fff;
	font-size:70%;
	padding:2px;
	margin:0 0 0 10px;
}

.nini {
	background:#666666;
	color:#fff;
	font-size:70%;
	padding:2px;
	margin:0 0 0 10px;
}

.menu_list .box {
	color:#DDDDDD;
	border:1px solid #DDDDDD;
	box-shadow:1px 2px 4px;
	background:#E8E8E8;
}

.menu_list a {
	text-indent:-999999pt;
	padding:20px;
}


.menu_list a:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.menu_list .mail a {
	display:block;
	background:url(../img/contact/menu_01.jpg) no-repeat center #fff;
}

.menu_list .job a {
	display:block;
	background:url(../img/contact/menu_02.jpg) no-repeat center #fff;
	overflow:hidden;
}

.menu_list .office a {
	display:block;
	background:url(../img/contact/menu_03.jpg) no-repeat center #fff;
	overflow:hidden;
}

@media (max-width: 992px) {/*992px以下で表示*/

	.menu_list .mail a {
		background-size:80% auto;
	}

	.menu_list .job a {
		background-size:80% auto;
	}

	.menu_list .office a {
		background-size:80% auto;
	}
	
	.yoyaku h5.yoyaku_btn a {
		background-size:80% auto;
	}
	
	
}


@media (max-width: 767px) {/*767px以下で表示*/

	.menu_list .box {
		border:0;
		box-shadow:none;
		background:#fff;
	}
	
	.menu_list a {
		padding:0;
	}

	.menu_list .mail a {
			background:url(none);
	}

	.menu_list .job a {
			background:url(none);
	}

	.menu_list .office a {
			background:url(none);
	}
	
	.menu_list a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	
	.yoyaku {
		background:#E8E8E8;
	}
	
	.yoyaku p {
		font-size:86%;
	}
	
	

}

@media (max-width: 575px) {/*575px以下で表示*/

	.yoyaku p {
		font-size:70%;
	}

}

.yoyaku h4 {
		color:#DDDDDD;
		border:1px solid #DDDDDD;
		box-shadow:1px 2px 4px;
		width:86%;
		padding:4%;
}

.yoyaku h5.yoyaku_btn a {
		display:block;
		background:url(../img/contact/btn_yoyaku.jpg) no-repeat;
		overflow:hidden;
		width:250px;
		height:32px;
		text-indent:-999999pt;
		margin:0 auto;
}

.yoyaku h5.yoyaku_btn a:hover {
		opacity: 0.3;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		
}




.table {
	font-size:90%;
	width:96%;
	color:#5a5a5a;

}

.table th {
	width:28%;
	text-align:center;
	font-weight:normal;
	
}

.table_border .w-free {
	display: flex;
	justify-content: space-between;

}

.table_border th,.table_border td {
	border:0;
}



.table_bottom th,.table_bottom td {
	border-bottom:1px dotted #666;
}

@media (min-width: 768px) {/*768px以上で表示*/

	.w-free {
		width:45%;
		margin:0 auto;
	}


}