#mainimg-sdgs{
	height: 270px;
	margin: 0 0 80px 0;
	background: url(../images/bg_main.jpg) no-repeat top center;
}
@media screen and (max-width: 736px) {
	#mainimg-sdgs{
		height: 150px;
		margin: 0 0 30px 0;
		background-size:auto 100%;
	}
}

.sdgs-wrap{
    max-width: 937px;
    width: 100%;
    margin: 0 auto 0 auto;
}
.sdgs-large-txt{
	font-size: 1.6em;
    line-height: 1.8;
	margin: 0 0 30px 0;
	font-family: "Sawarabi Mincho";
}
.sdgs-box-wrap{
    margin: 0 0 50px 0;
    padding: 20px 0 0 0;
    background: #ecf5f9;
}
.sdgs-icon{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: -40px 0 0 0;
}
.sdgs-icon li{
    margin: 0 5px 5px 0;
}
.sdgs-txt{
    margin: 20px;
    padding: 0 0 20px 0;
}
.sdgs-txt li{
    list-style-type: disc;
    margin: 0 0 5px 20px;
}
.parag{
    margin: 0 0 40px 0;
    line-height: 1.8;
}
dl.esg-list{
  display: flex;
  flex-wrap: wrap; 
  width: 100%;
  margin: -20px 0 50px 0;
}
dl.esg-list dt{
    width: 15%;
    margin: 0 0 5px 0;
}
dl.esg-list dd{
    width: 85%;
    margin: 0 0 5px 0;
}

@media screen and (max-width: 1000px) {
    .responsive-img img{
        width: 100%;
    }
}
@media screen and (max-width: 736px) {
    .sdgs-large-txt{
        font-size: 1.4em;
        line-height: 1.5;
    }    
    dl.esg-list dt{
        width: 100%;
        margin: 0 0 5px 0;
    }
    dl.esg-list dd{
        width: 100%;
        margin: 0 0 10px 0;
    }    
}