.conservation-biodiversity-Background .ttl3,
.conservation-biodiversity-concept .ttl3 {
    text-align: center;
    font-weight: normal;
    font-size: 2.2rem!important;
    margin-bottom: 5px;
}

.color-hd{
  text-align: center;
  font-size: 1.6rem!important;
  line-height: 1.5!important;
}

.conservation-biodiversity-declaration li p {
    line-height: 1.5!important;
}

.size-L{
  font-size: 1.8rem;
}
dl.dl-list{
  margin-left: 1.5em;
  margin-bottom: 80px;
}
dl.dl-list dt img{
width: 92px!important;
height: 92px!important;
}
dl.dl-list dd{
font-size: 1.6rem;
line-height: 1.5;
padding-left: 110px;
margin-top: -85px;
margin-bottom: 2.5em;
}
dl.dl-list dd p{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 0;
}

/*アイコンの説明部分*/

.icon-info{
  display: flex;
  flex-wrap : wrap;
}
.icon-info p{
  width: 48%;
}

.icon-info p.icon1::before{
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_001.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-info p.icon2::before{
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_002.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-info p.icon3::before{
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_003.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}
.icon-info p.icon4::before{
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon_004.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}


/*アイコンの設置部分*/
.icon-place {
  margin-top:10px;
}
.icon-place img{
  width: 50px!important;
  height: 50px!important;
  display: inline;
}
.icon-place img + img{
  padding-left: 5px;
}

/*背景色*/
.repo-bg{
background: #c7e0f3;;
padding: 30px 20px;
}

.case figure img{
box-shadow: 5px 5px 15px -5px #777777;
}


@media screen and (min-width: 768px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
.case{
background: rgb(255,255,255);
background: linear-gradient(300deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
}
.case figure{
  padding-top:20px;
}

}

@media screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
.size-L{
  font-size: 1.6rem;
}
.case{
background: #fff;
}

.icon-info{
   flex-direction:column;
}
.icon-info p{
  width: 100%;
  margin-bottom: 15px;
}
}