@charset "UTF-8";
._center{
text-align: center;
}

main#l_content{
max-width: 100%;
padding: 0;
}
@media screen and (max-width: 47.5em) {
 main#l_content {
    padding: 0;
  }
}

/*タイトル周り*/
.b_page-title h1 span{
display: block;
font-size: 2rem;
}
.intro_title{
max-width: 1260px;
margin: 0 auto;
}

.intro_title .image_area{
padding: 4.125rem 20px 1rem 1rem;
}
.intro_title .m_image-sbs._image_large .image_area img{
    vertical-align: middle;
width:400px;
}


@media screen and (max-width: 60em) {
.intro_title .m_image-sbs._image_large .image_area{
text-align: center;
padding: 0 20px;
}
.intro_title .image_area img{
width:300px;
}
}

@media screen and (max-width: 32em) {
  .intro_image{
  height: 20em;
  }
}
@media screen and (max-width: 32em) {
  .intro_image{
  height: 16em;
  }
}


/*表の色*/
.m_tbl-data td._green,
.m_tbl-data td._orange,
.m_tbl-data td._red{
color: #fff;
text-align: center;
}
.m_tbl-data td._green{
background: #27a639;
}
.m_tbl-data td._orange{
background: #ef8200;
}
.m_tbl-data td._red{
background: #cf121b;
}

/*導入ボタン*/
.top_work._metal {
  margin-top: 0;
  padding: 3em 0;
  color: #fff;
  background-color: #FFF;
  background-image: none;
}
.top_work._metal #l_content {
  margin: auto;
  padding: 30px 20px;
}
@media screen and (max-width: 47.5em) {
  .top_work._metal #l_content {
    padding-left: 15px;
    padding-right: 15px;
  }
}