@charset "utf-8";

/* common */
@media (max-width:640px) {
  .only-pc {
    display: none;
  }
}
@media (min-width:641px) {
  .only-sp {
    display: none;
  }
}
/* / common */

.main_vi {
  min-height:256px;
  background-image:url(/-/Media/Ricoh/Sites/jp_ricoh/environment/practice/biodiversity/img/mainvisual-pc.jpg);
  background-size:auto 100%;
  background-position:right center;
  background-repeat:no-repeat;
  margin:0 auto 0;
  position:relative;
}
@media (max-width:640px) {
  .main_vi {
  background-image:url(/-/Media/Ricoh/Sites/jp_ricoh/environment/practice/biodiversity/img/mainvisual-sp.jpg);
}
}

.main_vi H2 {
  background-color:rgba(0,0,0,0.4);
  color:#ffffff;
  font-size:28px;
  padding:16px;
  display:inline-block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:absolute;
  top:24px;
  left:24px;
}
.main_vi H2 IMG {
  width: auto;
  height: 28px;
  vertical-align:bottom;
  float:left;
}
.main_vi H2 EM { display:inline-block; }

@media (max-width:640px) {
  .main_vi { min-height:40vw; }
  .main_vi H2 {
    width:100%;
    font-size:16px;
    top:0;
    left:0;
  }
  .main_vi H2 IMG { display: none;}
}
.sct_bg02 { padding:16px 0 24px; }
/* .sct_bg02 H3 { font-size:20px; margin-bottom:16px; } */
/* .sct_bg02 A .img { background-color:#b7d24e; color:#ffffff; } */
/* .hd02 .val_m { color:#b7d24e; } */

.rsp_w100p {
  max-width: 100%;
}
@media (max-width:640px) {
  .thumb_txt .img_r {
    float: none;
    margin: 0 auto 8px;
  }
}