/*SDGsへの取り組み*/
#sdgsaction .headline{
  text-align: right;
  color:rgba(0,76,135,1);
  margin:1em 0;
}
#sdgsaction .headline span{
  display:inline-block;
  margin-right:1em;
}
#sdgsaction .headline::after{
    content: "";
    display: inline-block;
    width:40px;
    height:40px;
    background: url(../img/ACTION_icon.png) center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin:0 0 .5em 1em;
}
 /*////////////////////*/
#sdgsaction .catch{color:rgba(0,76,135,1);}
#sdgsaction p.catch span{border:solid 1px #004c87;}
#sdgsaction h2{background:rgba(0,76,135,1);}
#sdgsaction h2::before {border-top: 15px solid rgba(0,76,135,1);}

/*//////box_area/////*/
#sdgsaction .box_area{
  border: solid 2px #004c87;
  border-radius:10px;
}
#sdgsaction .box_area h3{position: relative;}
#sdgsaction .box_area h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #004c87, #004c87 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #004c87, #004c87 2px, #fff 2px, #fff 4px);
}
#sdgsaction .box_area h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #004c87, #004c87 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #004c87, #004c87 2px, #fff 2px, #fff 4px);
}

#sdgsaction .box_area p:nth-of-type(1)::first-letter{
font-size: 160%;
color:rgba(0,76,135,1);;
 }

/*//////sub_menu/////*/
#sdgsaction .sub_menu a{
  display: block;
  margin: auto;
  color:rgba(0,76,135,1);
}
#sdgsaction .sub_menu li{
  color: rgba(0,76,135,1) !important;
  border-left:solid 1px rgba(0,76,135,1);
  text-align: center;
}
#sdgsaction .sub_menu li:nth-child(3){
  border-right:solid 1px rgba(0,76,135,1);
}

#sdgsaction #SDGs_week .sub_menu li:nth-child(1),
#sdgsaction #SDGs_event .sub_menu li:nth-child(2),
#sdgsaction #partnership .sub_menu li:nth-child(3),
#sdgsaction .sub_menu li:hover{
  text-decoration:underline;
  -webkit-text-decoration-style: wavy;
  -moz-text-decoration-style: wavy;
  text-decoration-style:wavy;
  text-underline-offset: 3px;
}
/*////////////////////*/

#sdgsaction ul.other_list{
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  border:dashed 2px;
  border-radius: 10px;
  }

#sdgsaction ul.other_list a{
  position: relative;
  text-underline-offset: .3em;
}

#sdgsaction ul.other_list a::after{
  position: absolute;
  content:"▶︎";
  display: inline-block;
  right:-20%;
}
#sdgsaction ul.other_list a:hover::after{
  content:"▶︎";
  display: inline-block;
  right:-25%;
  transition: all .3s;
}

#sdgsaction ul.other_list{border-color:#004c87;}
#sdgsaction ul.other_list a,
#sdgsaction ul.week_list a{color:#004c87;
  text-decoration: underline;
  text-underline-offset: .3em;
}

#sdgsaction ul.week_list{
position: relative;
}
#sdgsaction ul.week_list li::before{
  position: absolute;
  content:"■";
  display: inline-block;
  color:#004c87;
  left:0;
}
#sdgsaction ul.week_list a:hover{color:#004c87;
  text-decoration: none;
}

#sdgsaction .box_area .photo{
  display: block;
  width: 100%;
  height:0;
  padding-top:56.25%;
  background-position: center center !important;
  background-size: contain;
}
#sdgsaction .box_area .line_2{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#sdgsaction .box_area .line_2 .photo{
  padding-top:75%;
}
#sdgsaction .box_area .ph_in{
  display: block;
  width:48%;
  margin-top:1em;
}

@media all and (min-width:960px) {
  #sdgsaction .catch{
    text-align: center;
  }
  #sdgsaction .sub_menu li{
    padding:0 2em;
  }
  #sdgsaction ul.week_list{
    padding:2em 0 0 1.5em;
  }
  #sdgsaction ul.other_list{
    width: 600px;
    margin:2em auto 0;
    padding:2em;
  }
#sdgsaction .box_area figure{
      width:80%;
      margin:50px auto;
    }
}
@media all and (max-width:961px) {
  #sdgsaction .catch{
    text-align: left;
  }
  #sdgsaction .sub_menu li{
    padding:0 1em;
    min-height:3em;
  }
  #sdgsaction ul.other_list{
    width:100%;
    margin:2em auto;
  }
  #sdgsaction ul.other_list li{
    margin:1em auto;
    line-height:2em;
  }
  #sdgsaction ul.week_list{
    padding:1em 0 0 1.5em;
  }

#sdgsaction .box_area figure{
      width:100%;
      margin:2em auto;
    }
}


/*地球を笑顔にするWEEK*/
#SDGs_week
/*関連イベント*/
#SDGs_event
/*パートナーシップ*/
#partnership