/* 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(5) a {
	border-bottom: solid 2px #000;
}




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






/* about
--------------------- */
#about {
	width: 100%;
	padding: 80px 0 10px 0;
}
	#about p {
		letter-spacing: 2px;
		line-height: 34px;
	}






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


	#company .text {
		width: 650px;
	}
		#company .text table {
			width: 100%;
			border-collapse: collapse;
		}
			#company .text table th {
				display: block;
				width: 100%;
				font-weight: 500;
				letter-spacing: 1px;
				color: #949494;
				text-align: left;
				vertical-align: top;
				padding: 25px 0 5px 0;
			}
			#company .text table td {
				display: block;
				width: 100%;
				text-align: left;
				vertical-align: top;
				border-bottom: dotted 1px #dddddd;
				padding: 0 0 25px 0;
			}






/* set
--------------------- */
.set {
	width: 100%;
	padding: 60px 0 40px 0;
}
	.set p {
		letter-spacing: 2px;
		margin-bottom: 20px;
	}
	.set p:nth-last-child(1) {
		margin-bottom: 0;
	}
		.set p span {
			font-size: 12px;
			letter-spacing: 2px;
		}


	.set .btn {
		padding-top: 20px;
		padding-bottom: 50px;
	}


	.set h3 {
		font-size: 20px;
		letter-spacing: 2px;
	}


	.set .mail a {
		text-decoration: underline;
	}







/* 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%;
		padding-top: 10px;
	}
		#company .text table {
			border-top: solid 1px #ddd;
		}






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









}

	







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






/* about
--------------------- */
#about {
	padding: 50px 0 0 0;
}
	#about p {
		font-size: 86%;
		line-height: 2em;
	}






/* company
--------------------- */
#company {
	padding-top: 20px;
	padding-bottom: 0;
}
	#company .text table td {
		font-size: 86%;
	}
		#company .text table td span {
			font-size: 10px;
		}
	
	
	#company .map iframe {
		height: 250px;
	}






/* set
--------------------- */
.set {
	padding: 50px 0 10px 0;
}
	.set p {
		font-size: 86%;
		line-height: 2em;
	}
	.set p:nth-last-child(1) {
		margin-bottom: 0;
	}
		.set p span {
			display: block;
			font-size: 10px;
			line-height: 1.6em;
		}


	.set ul li {
		font-size: 86%;
	}


	.set h3 {
		font-size: 16px;
		text-align: center;
	}


	.set .mail {
		text-align: center;
	}



	




}