@charset "utf-8";



#main_box {

  line-height: 2.0;

}



/* side_menu ----------------- */





/* contents ---- */

#main_box .ttl_s2 {

  background-color: #fef7dc;

}



#main_box .ttl_s5 {

  background-image: linear-gradient(to right, #999999, #999999 2px, transparent 1px, transparent 4px);

  background-size: 4px 1px;

  background-position: bottom;

  background-repeat: repeat-x;

  color: #3d3333;

  font-weight: 700;

  font-size: 14px;

  padding: 0px 0px 12px;

  width: 340px;

  margin-bottom: 13px;

}



.works_box {

  width: 100%;

  display: flex;

}



.works_box .img_box {

  float: left;

  width: 260px;

  margin-right: 30px;

  display: block;

}



.works_box .img_box_voice {

  float: left;

  display: block;

  width: 172px;

}



.works_box .box_text {

  width: calc(100% - 290px);

  float: left;

  display: block;

}

.works_box .box_text.bg_g {

  width: calc(100% - 172px);

}



.ud_yajirushi {

  display: block;

  width: 100%;

  height: 60px;

  background-image: url(/corporate/group/dbv/works/images/ud_yajirushi.png);

  background-repeat: no-repeat;

  background-position: center;

}



#main_box div.bg_g {

  background-color: #f4f4f4;

  padding: 30px;

}



#main_box div.bg_g p20 {

  padding: 20px;

}



@media screen and (max-width:767px) {

  #main_box .ttl_s5 {

    width: auto;

  }

  .works_box .img_box {

    width: 130px;

    margin-right: 15px;

  }



  .works_box .box_text {

    width: calc(100% - 145px);

  }

  #main_box div.bg_g {

    padding: 16px;

  }

  .works_box .img_box_voice {

    width: 86px;

  }

  .works_box .box_text.bg_g {

    width: calc(100% - 86px);

  }

}