@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#csr-lead{
	margin-bottom:5vw;
	text-align:center;
	color:#18943B;
}
#csr-lead .copy{
	margin-bottom:20px;
	text-align:center;
	color:#18943B;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
}

#csr-list{
	margin-bottom:5vw;
}
#csr-list li{
	position:relative;
	padding-top:33.4vw;
}
#csr-list li:nth-child(1){ background: url(../img/csr/img01.jpg) no-repeat right top / 50% auto #F2F2E9;}
#csr-list li:nth-child(2){ background: url(../img/csr/img02.jpg) no-repeat left top / 50% auto #F2F2E9;}
#csr-list li:nth-child(3){ background: url(../img/csr/img03.jpg) no-repeat right top / 50% auto #F2F2E9;}

#csr-list li .inner-content{
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	padding:0 13vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#csr-list li:nth-child(even) .inner-content{
	left:50%;
}

#csr-list li .copy{
	margin-bottom:20px;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
}



#sub-csr-list{
	margin-bottom:5vw;
}
#sub-csr-list li{
	width:28%;
	margin-right:8%;
	margin-bottom:5%;
}
#sub-csr-list li:nth-child(3n){
	margin-right:0;
}
#sub-csr-list .ph{
	margin-bottom:30px;
}
#sub-csr-list .ttl{
	font-size:28px;
	font-weight:700;
	margin-bottom:20px;
}




}

@media screen and (min-width:768px) and ( max-width:1500px) {
	
	#csr-list li .inner-content{
		padding:0 8vw;
	}

}
@media screen and (min-width:768px) and ( max-width:1366px) {
	
	#csr-list li .inner-content{
		padding:0 4vw;
	}
	#csr-list li .copy{
		font-size:36px;
	}

}
@media (max-width: 768px) {

	#csr-lead{
		margin-bottom:10vw;
		color:#18943B;
	}
	#csr-lead .copy{
		margin-bottom:5vw;
		color:#18943B;
		font-size:30px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
		font-family: "Zen Old Mincho", serif;
	}
	
	#csr-list{
		margin-bottom:10vw;
	}
	#csr-list li{
		position:relative;
		padding-top:76vw;
		padding-bottom:10vw;
	}
	#csr-list li:nth-child(1){ background: url(../img/csr/img01.jpg) no-repeat right top / 100% auto #F2F2E9;}
	#csr-list li:nth-child(2){ background: url(../img/csr/img02.jpg) no-repeat right top / 100% auto #F2F2E9;}
	#csr-list li:nth-child(3){ background: url(../img/csr/img03.jpg) no-repeat right top / 100% auto #F2F2E9;}
	
	#csr-list li .inner-content{
		padding:0 5vw;
	}
	#csr-list li .copy{
		margin-bottom:5vw;
		font-size:20px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
	}
	
	
	
	#sub-csr-list{
		margin-bottom:5vw;
	}
	#sub-csr-list li{
		width:100%;
		margin-bottom:10vw;
	}
	#sub-csr-list li:nth-child(3n){
		margin-right:0;
	}
	#sub-csr-list .ph{
		margin-bottom:5vw;
	}
	#sub-csr-list .ttl{
		font-size:20px;
		font-weight:700;
		margin-bottom:2vw;
	}


}