.dlNews dd ul {
  margin-left: 5px;
}
.dlNews dd ul li {
  display: flex;
}
.dlNews dd ul li span {
  display: inline-block;
}
.dlNews dd ul li .number {
  text-align: right;
  width: 30px;
  margin-right: 10px;
}


    /* SDGs */
.markBlock {
  display: flex;
  flex-wrap: wrap;
  margin: 47px 0 37px;
}
.markBlock > div {
  flex-basis: calc(50% - 15px);
  margin: 0 30px 30px 0;
}
.markBlock > div:nth-child(even) {
  margin-right: 0;
}
.markBlock > div a {
  display: block;
  height: 100%;
  background: #eff4fa;
}
.markBlock > div a .markInner {
  padding: 15px;
}
.markBlock > div a .markInner .markArea {
  display: flex;
  align-items: center;
}
.markBlock > div a .markInner .markArea img {
  width: 100px;
  height: auto;
  margin-right: 20px;
}
.markBlock > div a .markInner .markArea h2 {
  color: #333;
  font-weight: bold;
  line-height: 1.8;
}
.markBlock > div a .textArea {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}
.markBlock > div a:hover {
  text-decoration: none;
}
.markBlock > div a:hover img {
  opacity: 0.5;
}
.markBlock > div a.icon03 {
  background: #E8F5EB;
}
.markBlock > div a.icon03:hover {
  background: rgba(232, 245, 235, 0.6);
}
.markBlock > div a.icon04 {
  background: #FBECEE;
}
.markBlock > div a.icon04:hover {
  background: rgba(251, 236, 238, 0.6);
}
.markBlock > div a.icon05 {
  background: #FEEFED;
}
.markBlock > div a.icon05:hover {
  background: rgba(254, 239, 237, 0.6);
}
.markBlock > div a.icon06 {
  background: #E8F6FB;
}
.markBlock > div a.icon06:hover {
  background: rgba(232, 246, 251, 0.6);
}
.markBlock > div a.icon07 {
  background: #FFF8E9;
}
.markBlock > div a.icon07:hover {
  background: rgba(255, 248, 233, 0.6);
}
.markBlock > div a.icon08 {
  background: #F7ECEF;
}
.markBlock > div a.icon08:hover {
  background: rgba(247, 236, 239, 0.6);
}
.markBlock > div a.icon09 {
  background: #FEEFE8;
}
.markBlock > div a.icon09:hover {
  background: rgba(254, 239, 232, 0.6);
}
.markBlock > div a.icon11 {
  background: #FEF6E9;
}
.markBlock > div a.icon11:hover {
  background: rgba(254, 246, 233, 0.6);
}
.markBlock > div a.icon12 {
  background: #FBF4E8;
}
.markBlock > div a.icon12:hover {
  background: rgba(251, 244, 232, 0.6);
}
.markBlock > div a.icon13 {
  background: #F0F4EF;
}
.markBlock > div a.icon13:hover {
  background: rgba(240, 244, 239, 0.6);
}
.markBlock > div a.icon14 {
  background: #E7F1F8;
}
.markBlock > div a.icon14:hover {
  background: rgba(231, 241, 248, 0.6);
}
.markBlock > div a.icon15 {
  background: #EEF8EF;
}
.markBlock > div a.icon15:hover {
  background: rgba(238, 248, 239, 0.6);
}
.markBlock > div a.icon16 {
  background: #E6EDF3;
}
.markBlock > div a.icon16:hover {
  background: rgba(230, 237, 243, 0.6);
}
.markBlock > div a.icon17 {
  background: #EBEEF3;
}
.markBlock > div a.icon17:hover {
  background: rgba(235, 238, 243, 0.6);
}
@media screen and (max-width: 767px) {
  .markBlock > div {
    flex-basis: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }
}
@media screen and (max-width: 414px) {
  .markBlock > div {
    flex-basis: 100%;
    margin: 0 0 20px;
  }
}