@charset 'utf-8';

/* ==========================================================================

	会社概要

   ========================================================================== */


/*--------------------------------
	メインビジュアル
--------------------------------*/

.second_top {
	height: 60vh;
	background-image: url(../images/top.jpg);
}


/*--------------------------------
	ページ内共通スタイル
--------------------------------*/

h3 {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	color: #3599C1;
	margin: 0 auto 60px;
	text-align: center;
}

/*--------------------------------
	フッター調整
--------------------------------*/

.footer_reserve {
	display: none;
}

footer {
	margin: 50px auto 0;
}


/*--------------------------------
	挨拶
--------------------------------*/

#aisatsu {
	background: linear-gradient(rgba(255, 255, 255, 0) 0, #DAEAEF 25%, #DAEAEF 75%, rgba(255, 255, 255, 0) 100%);
}

#aisatsu .inner {
	padding: 180px 0;
	max-width: 600px;
	margin: 0 auto 100px;
	text-align: center;
}

#aisatsu .inner h3 {
	color: #000;
}

#aisatsu .inner p {
	margin: 0 auto 30px;
	line-height: 2.4;
}

#aisatsu .inner p span {
	display: block;
	margin: 60px auto 0;
	font-size: 1.4rem;
}


/*--------------------------------
	沿革
--------------------------------*/

#enkaku {
	padding: 80px 100px;
	max-width: 800px;
	margin: 0 auto 100px;
	background: rgba(221, 238, 243, 0.5);
}

#enkaku dl {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	min-height:1px;
	zoom:1;
	clear:both;
}

#enkaku dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

#enkaku dl dt {
	float: left;
	clear: left;
	width: 100px;
	margin: 0 0 20px;
	font-size: 1.2rem;
}

#enkaku dl dd {
	margin: 0 0 20px 100px;
}


/*--------------------------------
	会社概要
--------------------------------*/

#company {
	padding: 100px 0 0;
	max-width: 600px;
	margin: 0 auto;
}

#company dl {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	min-height:1px;
	zoom:1;
	clear:both;
}

#company dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

#company dl dt {
	float: left;
	clear: left;
	width: 100px;
	margin: 0 0 20px;
	font-size: 1.2rem;
}

#company dl dd {
	margin: 0 0 20px 100px;
}


/* ============================== SP ============================== */

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


	/*--------------------------------
		メインビジュアル
	--------------------------------*/

	.second_top {
		height: 85vw;
		background-image: url(../images/top_sp.jpg);
	}


	/*--------------------------------
		ページ内共通スタイル
	--------------------------------*/

	h3 {
		font-size: 1.6rem;
		margin: 0 auto 30px;
	}
	
	
	/*--------------------------------
		挨拶
	--------------------------------*/
	
	#aisatsu {
		background: linear-gradient(rgba(255, 255, 255, 0) 0, #DAEAEF 20%, #DAEAEF 80%, rgba(255, 255, 255, 0) 100%);
	}
	
	#aisatsu .inner {
		padding: 100px 5%;
		margin: 0 auto 50px;
	}
	
	#aisatsu .inner p {
		margin: 0 auto 20px;
		line-height: 1.8;
	}
	
	#aisatsu .inner p span{
		margin: 30px auto 0;
		font-size: 1.3rem;
	}
	
	
	/*--------------------------------
		沿革
	--------------------------------*/
	
	#enkaku {
		padding: 30px 12%;
		margin: 0 auto 50px;
	}
	
	#enkaku dl {
		font-size: 1.3rem;
	}
	
	#enkaku dl dt {
		float: none;
		clear: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#enkaku dl dd {
		margin: 0 auto 15px;
		line-height: 1.5;
	}
	
	
	/*--------------------------------
		会社概要
	--------------------------------*/
	
	#company {
		padding: 50px 12% 0;
	}
	
	#company dl {
		font-size: 1.3rem;
	}
	
	#company dl dt {
		float: none;
		clear: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#company dl dd {
		margin: 0 auto 15px;
		line-height: 1.5;
	}

}