/*===================================
　●　SDGs関係css
===================================*/
/*---------- コンテンツ */
.sec-sdgsArea{
 padding-top: 24px;
}

.sec-sdgsArea h3{}

.sec-sdgsArea h4{
 padding-bottom: 18px;
 font-size: 22px;
 text-align: center;
}

.sec-sdgsArea h4 + p{
 padding-bottom: 32px;
 font-size: 16px;
 line-height: 1.8;
 text-align: center;
}

.sec-sdgsArea h4 + p + img{
 display: block;
 width: 100%;
 max-width: 420px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 36px;
 line-height: 0;
}

/*---------------*/
.sdgsSection{
 width: 100%;
 max-width: 800px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 16px;
 padding-left: 16px;
 padding-right: 16px;
 line-height: 1;
 background: #f9f8f8;
}

.sdgsSection h5{
 padding-top: 32px;
 padding-bottom: 20px;
 font-size: 20px;
 line-height: 1;
 text-align: center;
}

.sdgsSection h5 + p{
 padding-bottom: 24px;
 font-size: 15px;
 line-height: 1.8;
 text-align: center;
}

.sdgsSectionImage{
 width: 100%;
 line-height: 0;
}

/*----------*/
.sdgsItem{
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 line-height: 0;
 background: #fff;
}

.sdgsItem h6{
 padding-top: 8px;
 padding-bottom: 8px;
 font-size: 20px;
 line-height: 1;
}

.sdgsItem dl{
 line-height: 1;
}
.sdgsItem dt{ line-height: 1.5;}

.sdgsItem dd{
 padding-bottom: 24px;
 line-height: 1.5;
}

.sdgsSectionIcon{
 display: block;
 overflow: hidden;
 width: 72px;
 height: 72px;
 line-height: 1;
 border: 1px solid #eee;
}

/*----- 改行関係 */
.sec-sdgsArea .u-br01{}
.sec-sdgsArea .u-br02{}
.sec-sdgsArea .u-br03{}
.sec-sdgsArea .u-br04{}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
/*---------------*/
.sdgsSection{
 padding-left: 8px;
 padding-right: 8px;
}
}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
.sdgsSection h5 + p{ text-align: left;}

/*----- 改行関係 */
.sec-sdgsArea .u-br02{display: none;}
.sec-sdgsArea .u-br03{display: none;}
.sec-sdgsArea .u-br04{display: none;}

}/*----- media -----*/

/*============================== □ max-width xxx */
@media screen and (max-width: 450px){
.sec-sdgsArea .u-br01{ display: none;}

}/*----- media -----*/


/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){}/*----- media -----*/