/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header ul li:nth-child(4) a {
	border-bottom: solid 2px #000;
}




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	height: 380px;
}






/* company
--------------------- */
#company {
	width: 100%;
	padding: 80px 0;
}
	#company .map {
		width: 550px;
		position: relative;
	}
		#company .map iframe {
			width: 700px;
			height: 910px;
			position: absolute;
			top: 0;
			right: 80px;
		}


	#company .text {
	
	}
		#company .text table {
			width: 100%;
			border-collapse: collapse;
		}
			#company .text table th {
				width: 20%;
				font-weight: 500;
				color: #949494;
				text-align: left;
				vertical-align: top;
				border-bottom: dotted 1px #dddddd;
				padding: 25px 0;
			}
			#company .text table td {
				width: 80%;
				text-align: left;
				vertical-align: top;
				border-bottom: dotted 1px #dddddd;
				padding: 25px 0;
			}
			#company .text table tr:nth-child(1) th,
			#company .text table tr:nth-child(1) td {
				padding: 0 0 25px 0;
			}
			#company .text table tr:nth-last-child(1) th,
			#company .text table tr:nth-last-child(1) td {
				border-bottom: none;
				padding: 25px 0 0 0;
			}






/* history
--------------------- */
#history {
	width: 100%;
	padding: 80px 0 60px 0;
}
	#history table {
		width: 100%;
		border-collapse: collapse;
	}
		#history table th {
			width: 15%;
			font-weight: 500;
			text-align: left;
			padding: 25px 0 25px 50px;
			background: #fafafa;
		}
		#history table td {
			width: 85%;
			padding: 25px 0;
			background: #fafafa;
		}
		#history table tr:nth-child(2n) th,
		#history table tr:nth-child(2n) td {
			background: #fff;
		}







/* PC */
@media screen and (max-width: 1200px) {






/* company
--------------------- */
#company {
	padding-top: 20px;
	padding-bottom: 20px;
}
#company .flex-end {
	display: block;
}
	#company .map {
		width: 100%;
	}
		#company .map iframe {
			width: 100%;
			height: 400px;
			position: static;
		}


	#company .text {
		width: 100%;
	}
		#company .text table tr:nth-last-child(1) th,
		#company .text table tr:nth-last-child(1) td {
			border-bottom: none;
			padding: 25px 0;
		}






/* history
--------------------- */
#history table th {
	padding: 25px 0 25px 20px;
}









}

	







/* max 800px */
@media screen and (max-width: 800px) {






/* company
--------------------- */
#company {
	padding-top: 20px;
	padding-bottom: 0;
}
	#company table th {
		display: block;
		width: 100% !important;
		border: none !important;
		padding: 20px 0 2px 0 !important;
	}
	#company table td {
		display: block !important;
		width: 100% !important;
		padding: 0 0 20px 0 !important;
		font-size: 93%;
	}
	#company table tr:nth-child(1) th {
		padding: 0 0 2px 0 !important;
	}


	#company .map iframe {
		height: 250px;
	}






/* history
--------------------- */
#history {
	padding: 50px 0 0 0;
}
	#history table th {
		display: block;
		width: 100%;
		padding: 20px 20px 2px 20px;
	}
	#history table td {
		display: block;
		width: 100%;
		padding: 0 20px 20px 20px;
		font-size: 93%;
	}



	




}