@charset "UTF-8";
.sc0008 {
    position: relative;
    background-image: url("../img/shared/bg2.jpg");
    background-position: center top;
    background-repeat: repeat;
}
.sc0008 .block {
    background-image: url("../img/shared/bgbody.jpg");
    background-position: center top;
    background-repeat: repeat;
}
.sc0008 .box {
    position: relative;
}
.sc0008 .box:before {
    content: "";
    position: absolute;
    background-image: url("../img/shared/sec_deco.png");
    background-position: center top;
    background-repeat: no-repeat;
}
.sc0008 .box dl {
    position: relative;
    z-index: 3;
}
.sc0008 .box dl dt {
    position: relative;
}
.sc0008 .box dl dt span, .sc0008 .box dl dt em {
    display: block;
}
.sc0008 .sc0008-img {
    position: relative;
}
.sc0008 .inner {
    position: relative;
}
@media only screen and (min-width: 768px) {
    .sc0008 {
        padding: 50px;
    }
    .sc0008 .block {
        padding: 120px 0 60px;
    }
    .sc0008 .inner + .inner {
        margin-top: 105px;
    }
    .sc0008 .sc0008-img {
        width: 700px;
    }
    .sc0008 .box {
        width: 500px;
        margin-top: 32px;
    }
    .sc0008 .box:before {
        top: -72px;
        left: -45px;
        width: 255px;
        height: 221px;
    }
    .sc0008 .inner {
        align-items: flex-start;
    }
    .sc0008 .txt {
        width: 381px;
    }
    .sc0008 .inner:nth-child(even) {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .sc0008 .inner1 .box {
        padding: 38px 43px 97px;
        margin-right: -67px;
    }
    .sc0008 .inner1 dl dt em{
        margin: 32px 0 0 8px;
    }
    .sc0008 .inner1 dl .txt{
        margin: 32px 0 0 10px;
    }
    .sc0008 .inner1 .sc0008-img {
        margin: 0 -38px 0 -95px;
    }
    .sc0008 .inner2 .box {
        padding: 30px 50px 92px;
        margin-left: -2px;
    }
    .sc0008 .inner2 dl dt em{
        margin-top: 4px;
    }
    .sc0008 .inner2 dl .txt{
        margin-top: 36px;
    }
    .sc0008 .inner2 .sc0008-img {
        margin: 0 -94px 0 -104px;
    }
    .sc0008 .inner.inner3 {
        margin-top: 144px;
    }
    .sc0008 .inner3:before {
        content: "";
        position: absolute;
        background-image: url("../img/shared/bg6.jpg");
        background-position: center top;
        background-repeat: repeat;
        top: -34px;
        left: -88px;
        width: 705px;
        height: 545px;
    }
    .sc0008 .inner3 .sc0008-img {
        margin: -19px -181px 0 -103px;
        z-index: 2;
    }
    .sc0008 .inner3 .box {
        width: 651px;
        padding: 22px 33px 120px;
        margin-top: 0;
        margin-right: -67px;
    }
    .sc0008 .inner3 .box:before {
        top: -87px;
        left: -47px;
    }
    .sc0008 .inner3 dl dt {
        z-index: 3;
    }
    .sc0008 .inner3 dl dt em{
        margin: 32px 0 0 -5px;
    }
    .sc0008 .inner3 dl .txt {
        width: 410px;
        margin: 24px 0 0 148px;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 768px) {
    .sc0008 {
        padding: 20px;
    }
    .sc0008 .inner1 .sc0008-img {
        margin-left: -65px;
        margin-right: -30px;
    }
    .sc0008 .inner2 .sc0008-img {
        margin-left: -134px;
        margin-right: -64px;
    }
    .sc0008 .inner3:before {
        left: -68px;
        width: 695px;
    }
    .sc0008 .inner3 .sc0008-img {
        margin-left: -93px;
        margin-right: -191px;
    }
}
@media only screen and (max-width: 767px) {
    .sc0008 {
        padding: 2vw 2%;
    }
    .sc0008 .block {
        padding: 8vw 2%;
    }
    .sc0008 .inner + .inner {
        margin-top: 10vw;
    }
    .sc0008 .sc0008-img {
        background: url("../img/shared/bg6.jpg") repeat center top;
    }
    .sc0008 .box {
        margin-top: 12vw;
        padding: 5vw 5%;
    }
    .sc0008 .box:before {
        top: -12vw;
        left: -5%;
        right: 0;
        bottom: 0;
        background-position: left top;
        background-size: 34vw auto;
    }
    .sc0008 .inner dl dt em, .sc0008 .inner dl dt span {
        margin: 0 auto;
    }
    .sc0008 .inner dl dd {
        margin-top: 3vw;
    }
    .sc0008 .inner1 dl dt span {
        width: 8.26vw;
    }
    .sc0008 .inner1 dl dt em {
        width: 62.66vw;
    }
    .sc0008 .inner2 dl dt span {
        width: 9.33vw;
    }
    .sc0008 .inner2 dl dt em {
        width: 49.33vw;
    }
    .sc0008 .inner3 dl dt span {
        width: 9.6vw;
    }
    .sc0008 .inner3 dl dt em {
        width: 69vw;
    }
}