@charset "utf-8";

img{
max-width: 100%;
vertical-align: bottom;
}

p {
font-size: 16px;
text-align: center;
}

#sustainable #main {
float: none;
width: 100%;
margin-left: 0; }
#sustainable #wrapper {
background-image: none; }

section.title{
margin-bottom: 55px;
}
.txt_01{
margin-bottom: 15px;
}
.txt_02{
max-width: 640px;
}
.txt_03 {
max-width: 390px;
display: block;
margin: 0 auto 15px;
}
section.sdgList{
margin-bottom: 130px;
}

.sdgListWrapper{
padding: 35px 0 50px;
}

.sdgListWrapper a{
margin-bottom: 20px;

display: block;
background: #FFF;
transition: .2s;
}
.sdgListWrapper a:hover{
opacity: .7;
}
/* policyページ */
#main.policy img{
max-width: 100%;
}


#main.policy section{
margin-bottom: 60px;
}
#main.policy section:last-child{
margin-bottom: 130px;
}

#main.policy section.title{
margin-bottom: 35px;
}


#main.policy  h3 {
width: 100%;
margin-bottom: 15px;
}

#main.policy  h4 {
margin-bottom: 15px;
}
.ex{
width: 100%;
background: #efefef;
position: relative;
margin-bottom: 15px;
}
.ex:before{
position: absolute;
top:0;
left: 15px;
content: "";
width: 111px;
height: 37px;
background: url(../../sustainable/img/policy_txt_04.png) center/cover;

}
.ex ul{
max-width: 675px;
margin-left: 145px;
padding: 30px 0;

}
.ex li {
font-size: 16px;
text-indent: -2em;
margin-left: 3em;
margin-bottom: 15px;
}
.ex li:last-child {
margin-bottom: 0;
}
.ex li:before{
color: #2194d3;
font-weight: bold;
position: absolute;
content: "\025cb";
width: 10px;
height: 10px;
margin-left: 1em;
}
.ex li span{
color: #2194d3;
font-size: 16px;
font-weight: bold;
margin-left: 0.5em;
}

.arrow{
display: block;
width: 45px;
margin: 0 auto 15px;
}
#harmony .imgList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#harmony .imgList li{
max-width: 430px;
margin-bottom: 40px;
}
.goIndex {
  max-width: 275px;
  margin: 0 auto 60px;
}
.goIndex a{
  transition: .2s;
}
.goIndex a:hover{
opacity: .7;
}