@charset "utf-8";

/* overwrite
---------------------------------------------------- */
.only-sp { display: none;}
@media screen and (max-width: 768px) {
.only-sp { display: block;}
}


/* contents
---------------------------------------------------- */
.sdgslead { display: flex; justify-content: space-between; box-sizing: border-box;}
.sdgslead-image { width: 330px; padding-right: 50px; }
.sdgslead-box { width: calc(100% - 380px); box-sizing: border-box;}
.sdgslead-title { font-size: 20px; font-weight: bold; color: #3a3c6f; }
.sdgslead-txt {}
.sdgslead-sign { text-align: right; margin-top: 3em;}
@media screen and (max-width: 768px) {
.sdgslead { display: block; }
.sdgslead-image { width: 100%; padding-right: 0; }
.sdgslead-box { width: 100%; margin-top: 20px;}
.sdgslead-sign { margin-top: 2em;}
}




.effort {}
.effort-lead {}
.effort-low { display: flex; justify-content: space-between; margin-top: 20px; box-sizing: border-box;}
.effort-ex { background-color: #f7f7f7; padding: 15px 20px; border-radius: 6px; width: 370px; box-sizing: border-box;}
.effort-title { font-size: 18px; font-weight: bold; }
.effort-detail { padding-left: 1em; text-indent: -1em;}
.effort-mark { width: calc(100% - 370px); display: flex; flex-wrap: wrap; margin-left: 20px; box-sizing: border-box;}
.effort-markitem { width: 105px; margin: 0 0 10px 10px;}
@media screen and (max-width: 768px) {
.effort-low { display: block; }
.effort-ex { padding: 10px; width: 100%; }
.effort-mark { width: 100%; margin: 0; padding: 10px 10px 0 0;}
.effort-markitem { width: 22%; margin: 0 0 10px 10px;}
}