@charset "utf-8";
/** *****************************************************************
SDGS
最終更新日：2020.10.20
***************************************************************** **/
/* *--------------------------------------------------------------------
MV
--------------------------------------------------------------------* */
#MV{
	background-image: url(../../images/sdgs/mainpic.jpg);
	padding-top: 53.333%;
}


/* 
section1
--------------------------------------------------------------------* */
#section1{
	width: 960px;
	margin: 60px auto 0 auto;
}
#section1 p.logo-sdgs{
    background-image: url(../../images/top/logo_sdgs.svg);
    background-position: center top;
    background-size: 510px;
    padding-top: 94px;
    line-height: 1.75;
}



ul#sdgsLIST{
  display: flex;
/*  justify-content: space-between;*/
     flex-wrap: wrap;
}
ul#sdgsLIST li{
    width: 460px;
    padding: 25px 0;
    background-image: url(../../images/sdgs/sdgs_border.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0;
    font-size:20px;
    font-size:2.0rem;
}
ul#sdgsLIST li:nth-of-type(odd){
    margin-right: 40px;
}

ul#sdgsLIST li div{
    min-height: 180px;
    background-size: 180px 180px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 200px;
	font-size:18px;
	font-size:1.8rem;
    line-height: 1.5;
}
ul#sdgsLIST li:nth-child(1) div{     background-image: url(../../images/sdgs/sdgs_03.svg);}
ul#sdgsLIST li:nth-child(2) div{     background-image: url(../../images/sdgs/sdgs_10.svg);}
ul#sdgsLIST li:nth-child(3) div{     background-image: url(../../images/sdgs/sdgs_11.svg);}
ul#sdgsLIST li:nth-child(4) div{     background-image: url(../../images/sdgs/sdgs_12.svg);}
ul#sdgsLIST li:nth-child(5) div{     background-image: url(../../images/sdgs/sdgs_15.svg);}
ul#sdgsLIST li:nth-child(6) div{     background-image: url(../../images/sdgs/sdgs_16.svg);}


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

#section1{
	width: 90%;
	margin: 0 auto 0 auto;
}

#section1 p.logo-sdgs{
    background-size: 80%;
    padding-top: 14%;

}



ul#sdgsLIST{
  display: flex;
  flex-wrap: wrap;
flex-direction: column;
}
ul#sdgsLIST li{
    width: 100%;
    padding: 25px 0;

}
ul#sdgsLIST{
    background-image: url(../../images/sdgs/sdgs_border.png);
    background-repeat: repeat-x;
    background-position: left top;

}
ul#sdgsLIST li:nth-of-type(odd){
    margin-right: 0;
}

ul#sdgsLIST li div{
    min-height: 180px;
    background-size: 180px 180px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 200px;
	font-size:14px;
	font-size:1.4rem;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

}

@media only screen and (max-width: 480px) {

ul#sdgsLIST li div{
    min-height: 120px;
    background-size: 120px 120px;
    padding-left: 140px;
}

}