@charset "utf-8";
/* CSS Document */
.str-mainvisual + .str-outer  {
    background-image: url(../img/bg_sec03.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: center 59%, center;
    background-size: auto, 100% 100%;
    padding:  80px 0 22px;
}
@media screen and (max-width: 640px) {
    .str-mainvisual + .str-outer  {
        padding: 40px 0 12px;
    }
    .str-mainvisual + .str-outer .str-inner {
        width: 90%;
    }
    .str-mainvisual + .str-outer .mod-media-lyt-lqd.of-noBreak {
        flex-direction:column-reverse;
    }
    .str-mainvisual + .str-outer .str-inner .media {
        padding-right: 0;
    }
    .str-mainvisual + .str-outer .mod-media-lyt-lqd.of-noBreak>.media .mod-media img {
        max-width: 100%!important;
    }
    .str-mainvisual + .str-outer .mod-media-lyt-lqd.of-noBreak br:nth-of-type(1) {
        display: none;
    }
}