@charset "utf-8";

/* -----------------------------------------------------------
    greeting_area
-------------------------------------------------------------- */

#company .greeting_area{
	padding: 80px 0 100px;
	/*background: url( "../img/company_greeting01.jpg" ) no-repeat center bottom ;*/
	position: relative;
}
#company .greeting_area::before{
	position: absolute;
	content: "";
	left: 60%;
	width: 40%;
	height: 730px;
	background: url( "../img/company_greeting02.jpg" ) no-repeat center bottom / cover;
	display: block;
	max-width: 700px;
}
#company .greeting_area .in {
	width: 650px;
	text-align: left;
}

#company .greeting_catch{
	font: 500 3rem / 1 'Noto Serif JP', serif;
	margin: 40px 0 40px;
	position: relative;
}

#company .greeting_txt{
	line-height: 2;
	margin: 0 0 20px;
}

#company .greeting_name{
	font: 500 1.6rem / 1 'Noto Serif JP', serif;
	text-align: right;
	margin: 30px 0 0;
}
#company .greeting_name strong{
	display: inline-block;
	font-weight: 500;
	font-size: 2.2rem;
	padding: 0 0 0 10px;
}

@media screen and (max-width: 768px){
	
	#company .greeting_area{
		padding: 30px 0 50px;
		background: none;
	}
	#company .greeting_area::before{
		display: none;
	}
	
	#company .greeting_area .in {
		width: 100%;
	}

	#company .greeting_catch{
		font: 500 2rem / 1 'Noto Serif JP', serif;
		margin: 40px 0 40px;
		position: relative;
	}

	#company .greeting_txt{
		line-height: 2;
		margin: 0 0 20px;
	}

	#company .greeting_name{
		margin: 20px 0 0;
	}
	#company .greeting_name strong{
		font-size: 2rem;
	}
	
	
}

/* -----------------------------------------------------------
    overview_area
-------------------------------------------------------------- */

#company .overview_area{
	padding: 100px 0;
	margin: auto;
	background: #f4f5f7;
}

#company .overview_area .inner{
	width: 900px;
}
#company .overview_table{
	width: 100%;
    line-height: 1.8;
    border-collapse: collapse;
	border-top: 1px solid #ccc;
    margin: 40px auto 0;
}

#company .overview_table th{
	width: 220px;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 40px;
    font-weight: bold;
    text-align: left;
    position: relative;
	vertical-align: top;
}
#company .overview_table th::before{
	content: "-";
    position: absolute;
    left: 20px;
    color: #96876d;
}

#company .overview_table td{
	border-bottom: 1px solid #ccc;
    padding: 20px 0;
    text-align: left;
}

#company .overview_table iframe{
	width: 100%;
    height: 300px;
    margin: 15px 0 0 0;
}

#company .overview_table small{
	font-size: 1.4rem;
}

#company .overview_region:not(:last-of-type){
	margin: 0 0 20px;
}

#company #access {
	margin-top: -76px;
	padding-top: 76px;
}

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

	#company .overview_area{
		padding: 50px 20px;
	}
	#company .overview_area .inner{
		width: 100%;
	}
	#company .overview_table{
		width: 100%;
		margin: 20px auto 0;
	}

	#company .overview_table th, #company .overview_table td{
		display: block;
		width: 100%;
	}

	#company .overview_table th{
		text-align: left;
		border-bottom: 0;
		padding: 10px 0 0 20px;
	}
	#company .overview_table th::before{
		left: 5px;
	}

	#company .overview_table td{
		font-size: 1.5rem;
		padding: 2.5px 0 10px;
	}

	#company .overview_table iframe{
		height: 250px;
		margin: 10px 0 0 0;
	}

	#company .overview_table small{
		display: block;
	}

	#company .overview_region:not(:last-of-type){
		margin: 0 0 10px;
	}
	
	#company #access {
		margin-top: -99px;
		padding-top: 99px;
	}

}