@charset "UTF-8";

#env .main-image .pc{
	width:100%;
	background-image:url(images/main.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	

}



#env .back-wrap{
	background-image: url(../images/back03.jpg);
	padding-top:80px;
}

#env .inner{
	width:960px;
	margin:0 auto;
	
}

#env .section{
	padding-bottom:30px;
	overflow:hidden;
}
#env .section.last{
padding-bottom:80px;
}
#env .merit{
float:left;
	padding-top:50px;
}

#env .merit .text{
	margin-top:20px;
	line-height:1.6;
	margin-top:20px;
	font-size:16px;
}
#env .box01{
	background-color:#fff;
	width:630px;
	float:right;
	position:relative;
}
#env .box01 .title{
	position:absolute;
	top:20px;
	left:85px;
	font-size:24px;
	width:400px;
	line-height:1.6;	
}
#env .box01 .pic{
	
	text-align:right;
}

#env .box01 .text{
	
	width:570px;
	margin:20px auto;
	line-height:1.6;
}

#env .box02{
	background-color:#F0831E;
	width:630px;
	float:left;
	color:#fff;
	
}
#env .box02 .pic{
	width:383px;
	float:left;
}

#env .box02 .text{
	width:220px;
	float:left;
	padding-left:10px;
	padding-top:20px;
	line-height:1.8;
}

#env .box02 .text p{
	line-height:1.6;
	font-size:24px;
	margin-bottom:20px;
}

#env .box03{
	width:300px;
	height:300px;
	float:right;
	background-color: #FDD35C;
}

#env .box03 .pic{
	text-align:center;
}
#env .box03 .text{
	padding-left:25px;
	
}
#env .box03 .text p{
		line-height:1.4;
	font-size:24px;
	margin-bottom:10px;
}

#env .box04{
	width:100%;
	height:590px;
	background-image: url(images/04.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	position:relative;
}

#env .box04 .title{
	font-size:20px;
	color:#F0831E;
	margin-bottom:15px;
}

#env .box04 .teinei{
	width:370px;
	position:absolute;
	left:30px;
	top:130px;
	line-height:1.6;
}

#env .box04 .minna{
	width:560px;
	position:absolute;
	left:370px;
	top:400px;
	line-height:1.6;
}

#env .box04 .main-title{
	width:300px;
	position:absolute;
	font-size:24px;
	left:100px;
	top:40px;
}

#env .box05{
	width:300px;
	height:300px;
	background-color: #F0831E;
	color:#fff;
	float:left;
}

#env .box05 .pic{
	padding-top:15px;
	text-align:center;
}

#env .box05 .title{
	margin-top:-10px;
	font-size:24px;
	padding-left:20px;
	margin-bottom:10px;
}

#env .box05 .text{
	padding-right:20px;
	padding-left:20px;
}
#env .box06{
	position:relative;
	float:right;
}
#env .box06 .color-inner{
	background-color: #FDD35C;
	width:630px;
	
	
	height:300px;
}

#env .box06 .pic{
text-align:right;

}

#env .box06 .title{
		position:absolute;
	top:140px;
	left:30px;
	font-size:24px;

}
#env .box06 .text{
	position:absolute;
	top:230px;
	left:30px;
	font-size:14px;
	width:580px;
	line-height:1.6;
}


#env .box07{
	height:300px;
	width:100%;
	background-color: #fff;
	position:relative;
	
}
#env .box07 .pic{
	padding-top:20px;
text-align:center;	
}

#env .box07 .title{
	position:absolute;
	top:20px;
	left:120px;
	font-size:24px;
	width:400px;
	line-height:1.6;	
}

#env .box07 .kome{
	position:absolute;
	top:200px;
	left:520px;

	width:200px;
	
}

#env .box08{
	height:304px;
	width:100%;
	background-color: #fff;
	position:relative;
	background-color: #FDD35C;
	
}
#env .box08 .pic{
  
padding-top: 20px;
text-align:center;	
  
}

#env .box08 .title{
	position:absolute;
	top:125px;
	left:30px;
	font-size:24px;
	width:400px;
	line-height:1.4;	
}
#env .box08 .text{
		position:absolute;
	top:200px;
	left:30px;
	width:320px;
}
@media screen and (max-width: 768px) {
	#env .inner{
		width:100%;
		
	}
	
	#env .section{
		padding-bottom:0;
		
	}
	#env .back-wrap{
		margin-top:-80px;
	}
	#env .merit{
		float:none;
		width:80%;
		margin:0 auto 20px auto;
		padding-top:0px;
		text-align:center;
		
	}
	#env .num-table{
		display:table;
		vertical-align: top;
		padding:20px;
	}
	#env .num-table .num img{
		height:50px;
		width:auto;
	}

	
	
	#env .num-table .sp-title{
		font-size:20px;
		vertical-align: top;
		display:table-cell;
		padding-left:20px;
		line-height:1.4;
		padding-top:0px;
		
	}	
	#env .merit .text{
		margin-top:20px;
		line-height:1.6;
		margin-top:20px;
		font-size:14px;
	}
	#env .box01{
		width:90%;
		margin:0 auto;
		float: none;
	}
	#env .box01 .text{
		
	}
	
	#env .box01 .text {

    width: 90%;
    margin: 0 auto;
		padding:20px;
    line-height: 1.6;

	}
	
	#env .box02{

	width:90%;
	float:none;
	margin:0 auto;
	
	}
	
	#env .box02 .num-table{
		padding-bottom:0;	
	}
	#env .box02 .pic{
		width:100%;
		float:none;
	}

	#env .box02 .text{
		width:auto;
		float:none;
		padding:20px;

	}

	#env .box02 .text p{
		line-height:1.6;
		font-size:24px;
		margin-bottom:20px;
	}
	
	#env .box03{
		width:90%;
		height:auto;
		float:none;
		margin:0 auto;
	}
	#env .box03 .sp-box{
		width:100%;
		background-image: url(images/sp-03.png);
	background-repeat: no-repeat;
	background-position: right center;
		background-size: 80px;
		
	}
	#env .box03 .sp-box img{
		height:50px;
		width:auto;
		
	}
	#env .box03 .pic{
		text-align:center;
	}
	#env .box03 .text{
		padding:20px;

	}
	#env .box03 .text p{
			line-height:1.4;
		font-size:24px;
		margin-bottom:10px;
	}
	

	
	#env .box04{
		width:90%;
		height:auto;
		margin:0 auto;
		background-image: none;

	}
	
	
	#env .box04 .num-table{
		padding-bottom:0;	
	}
	#env .box04 .title{
		text-align:center;
		color:#F0831E;
		margin-top:10px;
		margin-bottom:10px;
		font-size:16px;
	}
	#env .box04 .text{
		padding:0 20px 10px 20px;
	}
	#env .box04 .teinei{
		width:auto;
		
		position:static;
		
		line-height:1.6;
	}
	
	
	#env .box04 .minna{
		width:100%;
		position:static;

		line-height:1.6;
	}
	#env .box05{
		height:auto;
		float: none;
		width:90%;
		margin:0 auto;
	}
	#env .box05 .sp-box{
		width:100%;
		background-image: url(images/sp-05.png);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 80px;
		
	}
	#env .box05 .text{
		padding:0 20px 20px 20px;
	}
	#env .box06 .color-inner{

	padding-bottom:70%;
    width: 90%;
    float: none;
	margin:0 auto;
    height: auto;
	position:relative;
	}
	#env .box06 .text {
	padding:0 20px;
    position: static;

    font-size: 14px;
    width: auto;
    line-height: 1.6;

	}
	
	#env .box06 .sp-pic{
		position:absolute;
		bottom:15px;
		width:100%;
	}


	#env .box07{
		height:auto;
	width:90%;

		margin: 0 auto;

	}
	#env .box07 .num-table{
		padding-bottom:0;
	}
	#env .box07 .pic {
		width:90%;
		margin:0 auto;
		padding-top:0px;
		padding-bottom:20px;
		text-align: center;

	}
	
	#env .box08 {

    height: auto;
    width:90%;
		margin:0 auto;


	}
	#env .box08 .num-table{
		padding-bottom:0;
	}
	#env .box08 .pic {
		width:90%;
		margin:0 auto;
		padding-top:0px;
		padding-bottom:20px;
		text-align: center;

	}
}