﻿#product--paper_pulp {
    background: url(/img/product/paper_pulp/tmoptimizer/bg_header_index.jpg) no-repeat center center;
    background-size: cover;
}
@media screen and (max-width: 500px) {
    #product--paper_pulp {
        background: url(/img/product/paper_pulp/tmoptimizer/bg_header_index_sp.jpg) no-repeat center center;
        background-size: cover;
    }
}

.inner_section .ttl--lv2{
    margin-top: 42px;
    padding-top: 42px;
    background: url(/img/product/electricpropulsion/line_gray.svg) no-repeat;
    background-size: 100px 1px;
    background-position: top center;
}

.before-after-area.before-after-area1 .item.before {
  width: 300px;
  margin-left: 100px;
}
.before-after-area.before-after-area2 .item.before{
    width: 330px;
    margin-left: 70px;
}
.before-after-area.before-after-area3 .item.before{
    width: 290px;
    margin-left: 110px;
}
.before-after-area.before-after-area4 .item.before{
    width: 400px;
}
.mv_subtext .under500 .mask-bg {
    display: none;
}
@media screen and (max-width: 500px) {
        .mv_subtext .over500 .mask-bg {
        display: none;
    }
    .mv_subtext .under500 .mask-bg {
        display: inline-block;
    }
}
@media screen and (max-width: 1200px) {
    .before-after-area.before-after-area4 .item.before,
    .before-after-area.before-after-area1 .item.before,
  .before-after-area.before-after-area2 .item.before,
.before-after-area.before-after-area3 .item.before{
    width: auto;
    margin-left: 0;
}
}