@charset "UTF-8";

/****************************************
	main-content
****************************************/

.main-content {
	margin:70px 0px 0px;
}

/****************************************
	main
****************************************/


section.main-title {
	display:flex;
	align-items:center;
	position:relative;
	overflow:hidden;
	width:100%;
}

section.main-title h2 {
	width:100%;
	padding:0px 0px 0px 10%;
}

section.main-title small {
	display:block;
	font-size:14px;
}




section.page-title {
	position:relative;
	width:100%;
	padding:0px 10% 150px;
	background:#fff;
}

section.page-title .p-catch {
	font-size:32px;
}

section.page-title p {
	width:100%;
	max-width:600px;
	line-height:2.0em;
	margin-top:50px;
}

section.page-content {
	position:relative;
	width:100%;
	padding:0px 10% 80px;
	background:#fff;
}

section.page-content p {
	position:relative;
	width:100%;
	padding:10px 0px 30px;
	background:#fff;
}


section.page-content .t-500 {
	width:100%;
	max-width:500px;
}

section.page-content .t-500 th {
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	border-bottom:1px solid #c0c0c0;
	min-width:200px;
}

section.page-content .t-500 td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	border-bottom:1px solid #c0c0c0;
}


section.page-content .t-800 {
	width:100%;
	max-width:800px;
}

section.page-content .t-800 th {
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	border-bottom:1px solid #c0c0c0;
	min-width:250px;
}

section.page-content .t-800 td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	border-bottom:1px solid #c0c0c0;
}




section.page-content .t-company {
	width:100%;
	max-width:1000px;
}

section.page-content .t-company th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	background:#333;
	color:#fff;
	border:1px solid #c0c0c0;
	min-width:250px;
}

section.page-content .t-company td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px 20px;
	border:1px solid #c0c0c0;
}


section.contact {
	position:relative;
	width:100%;
	padding:0px 5% 150px;
	background:#fff;
}



section.page-content .access-box {
	width:33%;
	padding:10px 20px;
}



section.page-content .access-box .a-iframe {
	background:#47b39d;
	padding:5px;
}


section.page-content .access-box .a-iframe iframe {
	width:100%;
	height:300px;
	filter:opacity(95%);
	-webkit-filter:opacity(95%)
}


@media screen and (max-width:1280px){

	section.page-content .access-box {
		width:50%;
	}

}


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

	section.page-title .p-catch {
		font-size:28px;
	}

	section.page-title {
		padding:0px 10% 70px;
	}
	

	section.page-content .t-500 th,
	section.page-content .t-800 th {
		display:block;
		width:100%;
		padding:10px 20px 5px;
		border-bottom:none;
	}

	section.page-content .t-500 td,
	section.page-content .t-800 td {
		display:block;
		width:100%;
		padding:5px 20px 10px 40px;
		border-bottom:1px solid #c0c0c0;
	}

	section.page-content .t-company th {
		display:block;
		width:100%;
		padding:10px 20px 5px;
		border-bottom:none;
	}

	section.page-content .t-company td {
		display:block;
		width:100%;
		padding:5px 20px 10px 40px;
		border-bottom:1px solid #c0c0c0;
	}


	section.page-content .access-box {
		width:100%;
	}



	section.contact {
		padding:0px 5% 70px;
	}
}


@media screen and (max-width:480px){


	section.page-title .p-catch {
		font-size:20px;
	}


}