@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	ABOUT

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#outlineBlock h4,
#historyBlock h4,
#recruitBlock h4 { font-size:25px; font-weight:bold; color:#0546a0; margin-bottom:50px; }

/*----------------------------------------------------------------------------------------------
	title
----------------------------------------------------------------------------------------------*/
#titleBlock { background:url(../../about/img/title_img.jpg) no-repeat top center; background-size:cover; }


/*----------------------------------------------------------------------------------------------
	社長挨拶
----------------------------------------------------------------------------------------------*/
#greetingBlock { overflow:hidden; padding:100px 0; }
#greetingBlock .img { position:relative; float:right; }
#greetingBlock .img::before { position:absolute; content:''; top:-30px; left:-30px; width:100%; height:100%; 
	background:url(../img/bg_white.png) #a7dedf; z-index:-1; }
#greetingBlock .img::after { position:absolute; content:''; bottom:-12px; left:0; width:380px; height:12px; background:url(../img/line.png) center; }

#greetingBlock section { text-align:left; width:640px; }
#greetingBlock h3 { font-size:40px; font-family:YuMincho,'Yu Mincho', serif; color:#0546a0; margin-bottom:20px; }
#greetingBlock .sign { text-align:right; margin:40px 20px 0 0; }



/*----------------------------------------------------------------------------------------------
	会社概要
----------------------------------------------------------------------------------------------*/
#outlineBlock { padding:110px 0 0 0; background:url(../img/bg_white.png) #d2d6e1; }

.table_type { width:100%; text-align:left; margin-bottom:100px; }
.table_type th,
.table_type td { vertical-align:top; padding:10px 0; }
.table_type th { position:relative; width:200px; font-weight:bold; color:#0546a0; border-bottom:1px solid rgba(5,70,160,0.4); }
.table_type th::after { position:absolute; content:''; bottom:-1px; right:0; width:50px; height:1px; background:#c9dcef; }
.table_type td { border-bottom:1px solid rgba(255,255,255,0.4); }
.table_type span { font-size:12px; vertical-align:baseline; }
.table_type a { color:#000; }

#mapBox { width:100%; height:500px; }



/*----------------------------------------------------------------------------------------------
	会社沿革
----------------------------------------------------------------------------------------------*/
#historyBlock { padding:110px 0 200px 0; background:url(../../about/img/history.jpg) no-repeat; background-size:cover; }
#historyBlock h4 { color:#fff; }

#historyBlock .table_type th,
#historyBlock .table_type td { color:#fff; position:static; border-bottom:1px solid rgba(255,255,255,0.2); }

#historyBlock .table_type th { font-weight:normal; }

/*----------------------------------------------------------------------------------------------
	採用情報
----------------------------------------------------------------------------------------------*/
#recruitBlock { padding:110px 0 200px 0; background:url(../img/bg_white.png) #d2d6e1; }

#aboutImg { }
#aboutImg img { width:100%; }



/*--------------------------------------------------------------
	SP　表示領域が1076px以下
--------------------------------------------------------------*/
@media (max-width:1076px) {

		#outlineBlock h4,
		#historyBlock h4,
		#recruitBlock h4 { font-size:18px; margin-bottom:30px; }

		/*----------------------------------------------------------------------------------------------
			title
		----------------------------------------------------------------------------------------------*/
		#titleBlock { background:url(../../about/img/sp_title_img.jpg) no-repeat top center; background-size:cover; }


		/*----------------------------------------------------------------------------------------------
			社長挨拶
		----------------------------------------------------------------------------------------------*/
		#greetingBlock { padding:60px 0; }
		#greetingBlock .img { width:190px; float:none; margin:0 auto 25px; }
		#greetingBlock .img::before { top:-15px; left:-15px; }
		#greetingBlock .img::after { bottom:-6px; left:0; width:190px; height:6px; background-size:190px; }
		#greetingBlock .img img { width:100%; }

		#greetingBlock section { width:100%; }
		#greetingBlock h3 { font-size:22px; margin-bottom:10px; }
		#greetingBlock .sign { text-align:right; margin:20px 10px 0 0; }
		#greetingBlock .sign img { width:61px; }


		/*----------------------------------------------------------------------------------------------
			会社概要
		----------------------------------------------------------------------------------------------*/
		#outlineBlock { padding:60px 0 0 0; }

		.table_type { margin-bottom:50px; }
		.table_type th,
		.table_type td { }
		.table_type th { width:100px; }
		.table_type th::after { width:25px; }
		.table_type td { }
		.table_type span { }

		#mapBox { width:100%; height:250px; }



		/*----------------------------------------------------------------------------------------------
			会社沿革
		----------------------------------------------------------------------------------------------*/
		#historyBlock { padding:60px 0; background:url(../../about/img/sp_history.jpg) center no-repeat; background-size:cover; }
		#historyBlock h4 { }

		#historyBlock .table_type th,
		#historyBlock .table_type td { }

		#historyBlock .table_type th { width:130px; }

		/*----------------------------------------------------------------------------------------------
			採用情報
		----------------------------------------------------------------------------------------------*/
		#recruitBlock { padding:60px 0; }
		

#aboutImg { }
#aboutImg img { }

}