@charset "utf-8";

/* company */
#company, #history{
	position: relative;
	padding: 0 0 40px 0;
}
#company .lead{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 30px);
	max-width: 960px;
}
#company .lead p{
	position: relative;
	padding-bottom: 1em;
}
#company dl{
	position: relative;
	margin: 20px auto 0 auto;
	width: calc(100% - 30px);
	max-width: 800px;
	gap: 20px 0;
}
#company dl dt{
	position: relative;
	margin: 0;
	padding: 0 10px 20px 10px;
	width: 5em;
	border-bottom: solid 1px #7eb427;
	color: #7eb427;
	text-align: right;
	font-size: 90%;
}
#company dl dd{
	position: relative;
	margin: 0;
	width: calc(100% - 5em - 60px);
	padding: 0 20px 20px 20px;
	border-bottom: solid 1px #CCCCCC;
}
#company .map{
	position: relative;
	margin: 10px auto 0 auto;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
#company .map iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* history */
#history dl{
	position: relative;
	margin: 20px auto 0 auto;
	width: calc(100% - 30px);
	max-width: 800px;
	gap: 20px 0;
}
#history dl dt{
	position: relative;
	margin: 0;
	padding: 0 5px 20px 5px;
	width: 7.5em;
	border-bottom: solid 1px #7eb427;
	color: #7eb427;
	text-align: right;
	font-size: 90%;
}
#history dl dd{
	position: relative;
	margin: 0;
	width: calc(100% - 7.5em - 50px);
	padding: 0 20px 20px 20px;
	border-bottom: solid 1px #CCCCCC;
}

/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* company */
	#company{padding: 0 0 100px 0;}
	#company dl{
		margin: 60px auto 0 auto;
		gap: 25px 0;
	}
	#company dl dt{
		padding: 0 20px 25px 20px;
		width: 7em;
		font-size: 100%;
	}
	#company dl dd{
		width: calc(100% - 7em - 120px);
		padding: 0 40px 25px 40px;
		font-size: 110%;
	}
	#company .map{margin: 20px auto 0 auto;}

	/* history */
	#history{padding: 0 0 100px 0;}
	#history dl{
		margin: 60px auto 0 auto;
		gap: 25px 0;
		max-width: 960px;
	}
	#history dl dt{
		padding: 0 20px 25px 20px;
		width: 12em;
		font-size: 100%;
	}
	#history dl dd{
		width: calc(100% - 12em - 120px);
		padding: 0 40px 25px 40px;
		font-size: 110%;
	}

}