/**************
	共通
****************/

.about_imgArea{
	width: 100%;
	height: 484px;
	background: url(../img/about_bg.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
}

.about_imgArea .about_copy{
	max-width: 665px;
	width: 70%;
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: auto;
}

/**************
	pc
****************/
@media screen and (min-width: 769px) {
	.lower_top{
		max-width: 807px;
		margin: 60px auto 0;
	}
	
	.about_txtArea{
		margin: 75px auto 85px;
		
	}
	
	.about_txtArea .lftArea{
		max-width: 363px;
		margin-left: 12%;
		float: left;
		position: relative;
		padding-bottom: 65px;
	}
	
	.about_txtArea .lftArea img{
		margin-left: 50px;
	}
	
	.about_txtArea .lftArea::before{
		content: "";
		display: block;
		width: 4px;
		height: 890px;
		background: url(../img/line.png) repeat-y;
		position: absolute;
		left: 0;
		bottom: 0;
		
	}
	
	.about_txtArea .rgtArea{
		max-width: 271px;
		float: right;
	}
}


/**************
	sp
****************/
@media screen and (max-width: 768px) {
	
	.container{
		margin-top: 59px;
	}
	
	.lower_top{
		width: 80%;
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.about_imgArea .about_copy{
		width: 96%;
	}
	
	.about_txtArea .lftArea{
		max-width: 355px;
		width: 90%;
		margin: 50px auto;
	}
	
	.about_txtArea .rgtArea{
		width: 90%;
		margin: 0px auto 0;
	}
}

@media screen and (max-width: 540px) {
	
	.about_imgArea{
		height: 300px;
	}
}