@charset "utf-8";

/* ========== 会社案内 ========== */
#main_title {background: url(../company/main_title.jpg) no-repeat center top #ebf1f5;}

#main {
	width: 780px;
	margin: auto;
}

main h2 {background: #65b822;}

main h3 {
	padding: 60px 0 0;
	color: #333;
	font-size: 30px;
	letter-spacing: 0.07em;
	text-align: center;
}

main hr.border {
	width: 40px;
	height: 4px;
	margin: 30px auto;
	background: #65b822;
	border: none;
}

.rinen {
	margin: 45px 0 0;
	padding: 40px 0 30px;
	text-align: center;
	position: relative;
}

.rinen::before {
	content: '';
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #ebf0f5 25%, #fff 75%, rgba(255,255,255,0));
	background-image: linear-gradient(to right, rgba(255,255,255,0), #ebf0f5 25%, #ebf0f5 75%, rgba(255,255,255,0));
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.rinen h4 {
	margin: auto;
	color: #65b822;
	font-size: 26px;
	letter-spacing: 0.07em;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}

.rinen p {
	font-size: 18px;
	line-height: 2em;
	letter-spacing: 0.07em;
	position: relative;
}

#about_table {
	width: 100%;
	max-width: 780px;
	margin: auto;
	border-top: 1px solid #5a5a5a;
}

#about_table th,
#about_table td {
	padding: 15px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #5a5a5a;
}

#about_table th {
	width: 90px;
	font-weight: normal;
	background: #ebf0f5;
}

.access {text-align: center;}

/* Googleマップ */
#googlemap iframe {
	width: 100vw;
	height: 450px;
	margin: 2% calc(50% - 50vw) 0;
	border: none;
}


/** スマートフォン
===================================*/
@media screen and (max-width: 990px){
#main_title {background-position: 55% -20px; background-size: auto;}
main h3 {padding: 8% 0 2%; font-size: 22px;}
main hr.border {margin: 3% auto 5%;}

.rinen {
	width: 91vw;
	margin: 9% calc(50% - 50vw) 0;
	padding: 30px 5%;
}

.rinen h4 {font-size: 22px;}
.rinen p {font-size: 15px;}

#about_table th,
#about_table td {
	width: 92%;
	padding: 10px 4%;
	display: block;
	text-align: left;
	border-bottom: 1px solid #5a5a5a;
}

#about_table th {border: none;}

}