@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 768px) {
.mv_wrap{
background: url("../images/sustainability/main.jpg") center center no-repeat;
}

#sdgs {
position:relative;
padding-top: 60px;
box-sizing: border-box;
margin: 0 auto 120px;
}

#sdgs .section_wrap{
width: 1200px;
margin: 0 auto;
}

#sdgs .section_wrap .ttl1{
font-size: 2.2rem;
line-height: 1;
margin: 0 0 30px;
}

#sdgs .section_wrap .red_txt{
font-size: 1.2rem;
font-weight: 500;
margin: 0 0 60px;
}

#sdgs .section_wrap .ttl2{
font-size: 1.4rem;
line-height: 1;
margin: 0 0 30px;
text-align: center;
padding: 10px;
box-sizing: border-box;
background: #000;
color: #FFF;
border-radius: 50rem;
}

#sdgs .section_wrap .sdgs_list{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 80px;
}

#sdgs .section_wrap .sdgs_list li{
width: 31%;
border: 2px solid #000;
text-align: center;
border-radius: 50rem;
}

#sdgs .section_wrap .sdgs_list li a{
font-size: 1rem;
font-weight: 600;
line-height: 1;
padding: 10px;
display: block;
}

#sdgs .section_wrap .sdgs_list li:hover{
background: #000;
}

#sdgs .section_wrap .sdgs_list li a:hover{
color: #FFF;
}


#sdgs .section_wrap .block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction:row-reverse;
margin: 0 auto 100px;
}

#sdgs .section_wrap .block .txt_box{
width: 50%;
}

#sdgs .section_wrap .block .txt_box h4{
font-size: 1.8rem;
line-height: 1;
margin: 0 0 30px;
}

#sdgs .section_wrap .block .txt_box h4 span{
font-size: .7rem;
display: block;
letter-spacing: -.03rem;
margin-bottom: 5px;
color: #CC0000;
}

#sdgs .section_wrap .block .txt_box p{
font-weight: 500;
margin: 0 0 30px;
}

#sdgs .section_wrap .block .txt_box ul{
margin: 0 0 30px;
}

#sdgs .section_wrap .block .txt_box ul li{
font-size: .8rem;
font-weight: 600;
margin-bottom: 5px;
background: #F1F1F1;
padding: 5px;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,.2);
}

#sdgs .section_wrap .block .txt_box dl{
width: 60%;
border: 1px solid rgba(0,0,0,1);
padding: 10px;
box-sizing: border-box;
margin: 0 auto;
}

#sdgs .section_wrap .block .txt_box dl dt{
margin: 0 0 10px;
}

#sdgs .section_wrap .block .txt_box dl dd{
font-size: .8rem;
text-align: center;
}

#sdgs .section_wrap .block .img{
width: 45%;
border-radius: 1rem;
overflow: hidden;
}

#sdgs .section_wrap .block2{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#sdgs .section_wrap .block2 li{
width: 48%;
border: 2px solid #CC0000;
padding: 25px;
box-sizing: border-box;
border-radius: 1.2rem;
margin-bottom: 4%;
}

#sdgs .section_wrap .block2 li.img{
width: 60%;
margin: auto;
}

#sdgs .section_wrap .block2 li h4{
font-size: 1.4rem;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}

#sdgs .section_wrap .block2 li p{
line-height: 1.4;
}


}
/*sp*/
@media only screen and (max-width: 767px) {
.mv_wrap{
background: url("../images/sustainability/main.jpg") center center no-repeat;
}

#sdgs {
position:relative;
padding-top:50px;
box-sizing: border-box;
margin: 0 auto 60px;
}

#sdgs .section_wrap{
width: 90%;
margin: 0 auto;
}

#sdgs .section_wrap .ttl1{
font-size: 1.4rem;
line-height: 1;
margin: 0 0 30px;
}

#sdgs .section_wrap .red_txt{
font-size: .9rem;
font-weight: 500;
margin: 0 0 40px;
}

#sdgs .section_wrap .ttl2{
font-size: .8rem;
line-height: 1.4;
margin: 0 0 20px;
text-align: center;
padding: 6px 10px;
box-sizing: border-box;
background: #000;
color: #FFF;
border-radius: 50rem;
}

#sdgs .section_wrap .sdgs_list{
width: 90%;
margin: 0 auto 60px;
}

#sdgs .section_wrap .sdgs_list li{
width: 100%;
border: 2px solid #000;
text-align: center;
border-radius: 50rem;
margin: 0 0 10px;
}

#sdgs .section_wrap .sdgs_list li:last-child{
margin-bottom: 0;
}

#sdgs .section_wrap .sdgs_list li a{
font-size: .8rem;
font-weight: 600;
line-height: 1;
padding: 10px;
display: block;
}

#sdgs .section_wrap .sdgs_list li:hover{
background: #000;
}

#sdgs .section_wrap .sdgs_list li a:hover{
color: #FFF;
}


#sdgs .section_wrap .block{
margin: 0 auto 60px;
}

#sdgs .section_wrap .block .txt_box{
width: 100%;
margin: 0 auto 20px;
}

#sdgs .section_wrap .block .txt_box h4{
font-size: 1.2rem;
line-height: 1;
margin: 0 0 20px;
}

#sdgs .section_wrap .block .txt_box h4 span{
font-size: .6rem;
display: block;
letter-spacing: -.03rem;
margin-bottom: 5px;
color: #CC0000;
}

#sdgs .section_wrap .block .txt_box p{
font-weight: 500;
margin: 0 0 20px;
font-size:.9rem;
}

#sdgs .section_wrap .block .txt_box ul{
margin: 0 0 30px;
}

#sdgs .section_wrap .block .txt_box ul li{
font-size: .7rem;
font-weight: 600;
margin-bottom: 5px;
background: #F1F1F1;
padding: 5px;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,.2);
}

#sdgs .section_wrap .block .txt_box dl{
width: 80%;
border: 1px solid rgba(0,0,0,1);
padding: 10px;
box-sizing: border-box;
margin: 0 auto;
}

#sdgs .section_wrap .block .txt_box dl dt{
margin: 0 0 10px;
}

#sdgs .section_wrap .block .txt_box dl dd{
font-size: .8rem;
text-align: center;
}

#sdgs .section_wrap .block .img{
width: 90%;
border-radius: 1rem;
overflow: hidden;
margin: auto;
}

#sdgs .section_wrap .block2{
width: 90%;
margin: 0 auto;
}

#sdgs .section_wrap .block2 li{
width: 100%;
border: 2px solid #CC0000;
padding: 25px;
box-sizing: border-box;
border-radius: 1.2rem;
margin-bottom: 4%;
}

#sdgs .section_wrap .block2 li.img{
width: 60%;
margin: auto;
}

#sdgs .section_wrap .block2 li h4{
font-size: 1.4rem;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}

#sdgs .section_wrap .block2 li p{
line-height: 1.4;
}


}