@charset "UTF-8";

.csr {
	text-align: center;
	padding-bottom: 80px;
}
.-red{
	color:#FF0001;
}
.sub_ttl{
	font-size:18px;
	margin-bottom:70px;
}
.csr_ttl {
	font-size: 30px;
}

.csr_text {
	line-height: 2.5;
	margin-top: 30px;
}

.csr_fig {
	margin-top: 40px;
}

.sdgs_hero{
	border-bottom:1px solid #ccc;
	padding-bottom:70px;
}
.sustainable {
	text-align: center;
	padding-bottom: 80px;
	margin-bottom:50px;
}
.goals_icon{
	margin:30px 0;
}

.sec_ttl{
	font-weight:bold;
	line-height: 1.8;
	font-size:20px;
	margin-bottom:40px;
}
.sdgs_icon{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.sdgs_icon li{
	margin:10px;
}
.sec_txt{
	margin:30px auto;
	text-align:left;
	max-width:600px;
}
.effort_box{
	margin:0 auto;
	text-align:left;
	border:1px solid #ccc;
	border-radius:20px;
	max-width:640px;
	padding:20px 15px;
}
.effort_box h3{
	padding-left: 1.6em;
	margin-bottom:5px;
}
.effort{
	list-style-type:disc;
	padding-left: 3em;
    /*text-indent: -1em;*/
}
.disposal{
	text-align: center;
	padding-bottom: 80px;
	margin-bottom:50px;
}
.carbon_neutral{
	text-align: center;
	padding-bottom: 80px;
	margin-bottom:50px;
}
.workplace{
	text-align: center;
	padding-bottom: 80px;
	margin-bottom:50px;
}
.workplace_box{
	border-bottom:1px solid #ccc;
	padding-bottom:70px;
}
.bnr_area01{
	background-image:url(../csr/sdgs/img/img-bnr01@2x.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*max-width:100%;*/
	/*max-height:500px;*/
	height:320px;
}
.bnr_area02{
	background-image:url(../csr/sdgs/img/img-bnr02@2x.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height:320px;
}
.bnr_area03{
	background-image:url(../csr/sdgs/img/img-bnr03@2x.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height:320px;
}
.bnr_area04{
	background-image:url(../csr/sdgs/img/img-bnr04_2506.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height:320px;
}
.group_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.group_list li{
	padding:5px 20px;
	margin:15px 10px;
}
.group{
	text-align: center;
	padding-bottom: 80px;
	margin-bottom:50px;
}
.group h3{
	position:relative;
	margin-bottom:15px;
}
.group h3:after{
	content:"";
	display:block;
	width:3em;
	height:2px;
	background-color:#ccc;
	position:absolute;
	bottom:-5px;
	left:48.5%;
}

@media screen and (max-width:1230px) {
}

@media screen and (max-width:1030px) {
}

@media screen and (min-width:641px) {
}

@media screen and (max-width:640px) {
	.csr {
		padding-bottom: 40px;
	}

	.csr_ttl {
		font-size: 18px;
	}

	.csr_text {
		/*line-height: 1.8;*/
		/*text-align: left;*/
		margin-top: 20px;
	}

	.csr_fig {
		margin-top: 30px;
	}
	.sdgs_icon{
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
	}
	.sdgs_icon li{
		margin:0;
		padding:7px;
		width:25%;
	}
	
	.bnr_area01{
		background-image:url(../csr/sdgs/img/img-bnr01_sp@2x.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		/*max-width:100%;*/
		/*max-height:500px;*/
		height:160px;
	}
	.bnr_area02{
		background-image:url(../csr/sdgs/img/img-bnr02_sp@2x.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		height:160px;
	}
	.bnr_area03{
		background-image:url(../csr/sdgs/img/img-bnr03_sp@2x.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		height:300px;
	}
	.bnr_area04{
		background-image:url(../csr/sdgs/img/img-bnr04_2506_sp.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		height:160px;
	}
	.group_list li{
		padding:5px 20px;
		margin:5px 0;
	}
	.sustainable,.disposal,.carbon_neutral,.workplace,.group{
		margin-bottom:0;
	}


}