/* 2022/09/22 */

div.csr_4box{
	width: calc(80% - 10px);
	margin: 0px 10px 20px 0;
}
div.csr_4box.right{
    margin-right: 0;
}

div.csr_4box img{
	width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div.csr_4box p{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}


div.csr_4box ul{
	margin-left:15px;
}

div.csr_note{
	background-color:#FFFFFF;
	border:2px #ADD8E6 solid;
	padding:10px;
}

div.csr_note ol{
	list-style-type: decimal;
	margin-left:30px;
}

ul.csr_ml15 {
	margin-left:15px;
}

ul.csr_lnk{
	margin-top:60px;
	border-top:2px #555555 solid;
	padding-top:20px;
}
ol {
margin-left: 3.5em;
}

ol li {
list-style-type: none;
counter-increment: cnt;
position: relative;
margin-bottom:1em;
}

ol li:before {
content: "(" counter(cnt) ")";
display: inline-block;
margin-left: -3.5em;
width: 3em;
text-align: right;
position: absolute;
top: 0;
left: 0;
}
ol {
margin-left: 3.5em;
}

ol li {
list-style-type: none;
counter-increment: cnt;
position: relative;
margin-bottom:1em;
}

ol li:before {
content: "(" counter(cnt) ")";
display: inline-block;
margin-left: -3.5em;
width: 3em;
text-align: right;
position: absolute;
top: 0;
left: 0;
}

.sdgsGoals {
display: flex;
gap: 0.5rem 1.5rem;
flex-wrap: wrap;
margin-top: 0.5rem;
font-weight: normal;
}
.sdgsGoal {
display: flex;
align-items: flex-start;
gap: 0.5rem;
flex-basis: 250px;
flex-grow: 0;
flex-shrink: 1;
}
.sdgsGoal__icon {
width: 50px;
flex-basis: 50px;
flex-grow: 0;
flex-shrink: 0;
}
.sdgsGoal__text {
font-size: 0.8rem;
flex-basis: 150px;
flex-grow: 0;
flex-shrink: 1;
}
  .Goals{
    border:none !important;
    width:80%;
    margin-top:10px;
  }
  .Goals tr{
    border:none;
  }
  .Goals th{
    border:none;
    padding-left:0px;
    background: #fff;
  } 
  .Goals td{
    border:none;
    padding-left:0px;
  } 

.sem_box {
  text-align: center;
}
.sem_box figure {
  display: inline-block;
  margin: 10px 10px 1em 10px;
}
.sem_box figure img {
  display: block;
  margin: 0px 0px 5px 0px;
}
.sem_box figcaption {
  font-size: 0.9em;
  text-align: center;
}

/*for SMP
====================================================== */
@media screen and (max-width: 736px) {

div.csr_4box{
	width: 100%;
	float: left;
	margin: 0px 0px 20px;
}

div.csr_4box ul{
	margin-left:0px;
}

ul.csr_ml15 {
	margin-left:0px;
}


}

@media screen and (max-width: 959px) {
.sdgsGoals {
    gap: 0.5rem;
}
.sdgsGoal {
    flex-basis: 180px;
    flex-grow: 1;
}
}