@charset "utf-8";


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

.company-lead{
	text-align:center;
}

.company-data,
.history-data{
}
.company-data .data,
.history-data .data{
	width:55%;
}
.company-data .ph,
.history-data .ph{
	width:40%;
	padding-top:40px;
}
.company-data .ph img,
.history-data .ph img{
	margin-bottom:24px;
}

.history-data .ph .w50{
	width:50%;
}

.sdgs{
}
.sdgs-lead{
	padding: 70px 0 30px;
	font-weight:700;
	font-size:30px;
	line-height:1.5;
}
.sdgs-ttl{
	font-size:32px;
	margin-bottom:40px;
}
.sdgs-list{
}
.sdgs-list li{
	margin-bottom:100px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.sdgs-list .data{
	width:47.5%;
	margin-right:5%;
}
.sdgs-list .ttl{
	font-size:23px;
	margin-bottom:10px;
	font-weight:700;
}
.sdgs-list .example{
	padding-top:20px;
	border-top: dashed 1px #202022;
}
.sdgs-list .icon{
	width:32%;
}

.shem-box{
	padding-top:80px;
}
.shem-box .certificate{
	width:28%;
	margin-right:5%;
}
.shem-box .txt{
	width:50%;
}
.shem-box .ttl{
	font-size:20px;
	margin-bottom:10px;
	font-weight:700;
}


}

@media screen and (min-width:768px) and ( max-width:1366px) {
	



}

@media (max-width: 768px) {

	
	.company-lead{
	}
	
	.company-data,
	.history-data{
	}
	.company-data .data,
	.history-data .data{
		width:100%;
	}
	.company-data .ph,
	.history-data .ph{
		width:100%;
	}
	.company-data .ph img,
	.history-data .ph img{
		margin-bottom:24px;
	}
	
	.history-data .ph .w50{
		width:50%;
	}
	
	.sdgs{
	}
	.sdgs-lead{
		padding: 8vw 0 5vw;
		font-weight:700;
		font-size:20px;
		line-height:1.5;
	}
	.sdgs-ttl{
		font-size:22px;
		margin-bottom:5vw;
	}
	.sdgs-list{
	}
	.sdgs-list li{
		margin-bottom:15vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.sdgs-list .data{
		width:100%;
		margin-bottom:5vw;
	}
	.sdgs-list .ttl{
		font-size:23px;
		margin-bottom:2vw;
		font-weight:700;
	}
	.sdgs-list .example{
		padding-top:3vw;
		border-top: dashed 1px #202022;
	}
	.sdgs-list .icon{
		width:100%;
	}
	
	.shem-box{
		padding-top:8vw;
	}
	.shem-box .certificate{
		width:70%;
		margin:0 auto 5vw;
	}
	.shem-box .txt{
		width:100%;
	}
	.shem-box .ttl{
		font-size:20px;
		margin-bottom:2vw;
		font-weight:700;
	}
}