@charset "UTF-8";

a#design01+section .inner_item_txt .heading.block_header_2 h3:before,
a#design02+section .inner_item_txt .heading.block_header_2 h3:before,
a#design03+section .inner_item_txt .heading.block_header_2 h3:before,
a#design04+section .inner_item_txt .heading.block_header_2 h3:before {
    display: none;
}
a#design01+section .inner_item_txt h3,
a#design02+section .inner_item_txt h3,
a#design03+section .inner_item_txt h3,
a#design04+section .inner_item_txt h3 {
    padding-left: 0;
    font-weight: 600;
    font-size: 2.4rem;
}
    a#design01+section .wrapper_item .inner_item_img,
    a#design02+section .wrapper_item .inner_item_img,
    a#design03+section .wrapper_item .inner_item_img,
    a#design04+section .wrapper_item .inner_item_img {
        position: relative;
    }
    a#design01+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 0px;
        left: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250613150030.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
    a#design02+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 10px;
        right: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250613150036.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
        a#design03+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 10px;
        left: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250613150043.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
    a#design04+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 10px;
        right: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250613150012.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
@media screen and (min-width: 901px) {
    a#design01+section,
    a#design02+section,
    a#design03+section,
    a#design04+section {
        padding-top: 200px;
        padding-bottom: 80px;
    }
    a#design01+section .wrapper_item .inner_item_img,
    a#design02+section .wrapper_item .inner_item_img,
    a#design03+section .wrapper_item .inner_item_img,
    a#design04+section .wrapper_item .inner_item_img {
        flex-basis: 50%;
        max-width: 50%;
    }
    a#design01+section .wrapper_item .inner_item_img img,
    a#design02+section .wrapper_item .inner_item_img img,
    a#design03+section .wrapper_item .inner_item_img img,
    a#design04+section .wrapper_item .inner_item_img img {
        position: absolute;
        width: 120%!important;
        height: 550px;
        top: -170px;
        left: 0;
        z-index: 1;
        object-fit: cover;
    }
    a#design02+section .wrapper_item .inner_item_img img,
    a#design04+section .wrapper_item .inner_item_img img {
        right: 0;
        left: auto;
    }
    a#design01+section .wrapper_item .inner_item_txt,
    a#design02+section .wrapper_item .inner_item_txt,
    a#design03+section .wrapper_item .inner_item_txt,
    a#design04+section .wrapper_item .inner_item_txt {
        background: #fff;
        padding:100px 60px;
        z-index: 2;
        flex-basis: 50%;
        max-width: 50%;
        min-height: 430px;
        display: grid;
    }
    a#design01+section .wrapper_item .inner_item_img:before {
        top: -120px;
        left: 60px;
        width: 360px;
        height: 215px;
    }
    a#design02+section .wrapper_item .inner_item_img:before {
        top: -120px;
        right: 60px;
        width: 360px;
        height: 215px;
    }
        a#design03+section .wrapper_item .inner_item_img:before {
        top: -120px;
        left: 60px;
        width: 360px;
        height: 215px;
    }
    a#design04+section .wrapper_item .inner_item_img:before {
        top: -120px;
        right: 60px;
        width: 360px;
        height: 215px;
    }
}

/*--- レイアウト変更(2025/06/25) ---*/
a#design05+section .inner_item_txt .heading.block_header_2 h3:before {
    display: none;
}
a#design05+section .inner_item_txt h3 {
    padding-left: 0;
    font-weight: 600;
    font-size: 2.4rem;
}
    a#design05+section .wrapper_item .inner_item_img {
        position: relative;
    }
        a#design04+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 10px;
        left: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250613150012.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
    a#design05+section .wrapper_item .inner_item_img:before {
        content: "";
        top: 10px;
        right: 10px;
        position: absolute;
        background: url(/common/upload_data/nstylehomecom/image/20250625160119.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 95px;
        z-index: 2;
    }
@media screen and (min-width: 901px) {
    a#design05+section {
        padding-top: 200px;
        padding-bottom: 80px;
    }
    a#design05+section .wrapper_item .inner_item_img {
        flex-basis: 50%;
        max-width: 50%;
    }
    a#design05+section .wrapper_item .inner_item_img img {
        position: absolute;
        width: 120%!important;
        height: 550px;
        top: -170px;
        left: 0;
        z-index: 1;
        object-fit: cover;
    }
    a#design04+section .wrapper_item .inner_item_img img {
        right: initial;
        left: 0;
    }
    a#design05+section .wrapper_item .inner_item_img img {
        right: 0;
        left: auto;
    }
    a#design05+section .wrapper_item .inner_item_txt {
        background: #fff;
        padding:100px 60px;
        z-index: 2;
        flex-basis: 50%;
        max-width: 50%;
        min-height: 430px;
        display: grid;
    }
        a#design04+section .wrapper_item .inner_item_img:before {
        top: -120px;
        left: 60px;
        width: 360px;
        height: 215px;
    }
    a#design05+section .wrapper_item .inner_item_img:before {
        top: -120px;
        right: 60px;
        width: 360px;
        height: 215px;
    }
}