@charset "UTF-8";

/*設定*/
body,
main {
    background: #FFF9DA;
}
.width_fixed>.content_wrapper {
    max-width: 1000px !important;
}
.contents_btn01 a,
.glossary_archive .content_wrapper .heading.block_header_2 a:after {
    background: none;
}

a[id="mv"] + section a,
a[id="cv"] + section a,
a[id="problem"] + section a,
a[id="solution"] + section a,
a[id^="reason"] + section a,
a[id^="voice"] + section a,
a[id="representative"] + section a,
a[id^="promise"] + section a,
a[id^="price"] + section a,
a[id="campaign"] + section a,
a[id="about"] + section a,
a[id="access"] + section a,
a[id="flow"] + section a,
a[id="pay"] + section a,
a[id^="faq"] + section a,
a[id="instagram"] + section a {
    pointer-events: none;
}
#content2_tel + div .inner_item_img > a:hover,
#content2_btn + div .inner_item_img > a:hover,
#campaign_btn + div .inner_item_img > a:hover {
    opacity: 0.7;
}

@media screen and (min-width: 801px) {
    a[id*="_sp"] + * {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .contents_box01.pb0+.contents_box01.pt0,
    .contents_box01.pb10+.contents_box01.pt0,
    .contents_box01.pb20+.contents_box01.pt0,
    .contents_box01.pb30+.contents_box01.pt0 {
        padding-top: 0;
    }
}

/*パンくず*/
#pan {
    display: none;
}
/*ヘッダー*/
#header + div {
    background: #fff;
}
#header + .width_fixed>.content_wrapper {
    max-width: 1000px !important;
}
#header + div .wrapper_item {
    justify-content: end;
}
#header + div .inner_item:nth-of-type(1):nth-last-of-type(2) {
    margin-top: 10px;
}
#header + div .inner_item:nth-of-type(1):nth-last-of-type(2),
#header + div .inner_item:nth-of-type(2):nth-last-of-type(1) {
    width: 320px;
}
#header + div .inner_item>a {
    display: block;
    width: fit-content;
}
#header + div .inner_item .inner_item_txt {
    display: none;
}
#header + div img {
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
}
@media screen and (max-width: 768px) {
    #header + div .inner_item {
        width: 35% !important;
    } 
    #header + div .inner_item:nth-of-type(1):nth-last-of-type(2) {
        margin-top: 0;
        margin-bottom: 10px !important;
    }
    #header + .width_fixed>.content_wrapper {
        max-width: 90% !important;
    }
}

/*MV*/
.content_wrapper {
    padding: 0 !important;
}
#mv + section {
    margin-top: -90px;
    z-index: 0;
}
#mv + section .inner_item_img img {
    height: 900px;
    object-fit: cover;
}
@media screen and (max-width: 1050px) {
    #mv + section {
        margin-top: -90px;
    }
    #mv + section .inner_item_img img {
        height: 78.75vw;
        object-position: 60%;
    }
}
@media screen and (max-width: 800px) {
    #mv + section {
        margin-top: -16vw;
    }
    #mv + section .inner_item_img img {
        height: 100%;
        object-position: 60%;
    }
}


/*CV*/
#content2_tel + div {
    margin-top: -294px;
}
#content2_tel + div .inner_item_img {
    width: 54vw;
    max-width: 560px;
}
#content2_btn + div .inner_item_img:nth-child(1):nth-last-child(2),
#content2_btn + div .inner_item_img:nth-child(2):nth-last-child(1) {
    max-width: calc(47% - 20px);
}
@media screen and (max-width: 1000px) {
    #content2_tel + div {
        margin-top: -29vw;
    }
    #content2_btn + div {
        padding-top: 40px;
        background: #fff;
    }
}
@media screen and (max-width: 800px) {
    #content2_tel + div {
        margin-top: -66vw;
    }
    #content2_tel + div .inner_item_img {
        width: 72vw;
    }
    #content2_btn + div .inner_item_img:nth-child(1):nth-last-child(2),
    #content2_btn + div .inner_item_img:nth-child(2):nth-last-child(1) {
        max-width: 80%;
    }
}
@media screen and (max-width: 500px) {
    #content2_btn + div {
        padding-top: 20px;
    }
}

/*悩み*/
#problem + section {
    margin-top: 18px;
}
@media screen and (max-width: 800px) {
    #problem + section {
        padding-top: 0;
    }
}


/*遺品整理作業の様子*/
#sl_youtube + div {
    margin-top: -580px;
}
#sl_youtube + div .content_wrapper {
    max-width: 820px !important;
}
@media screen and (max-width: 1000px) {
    #sl_youtube + div {
        margin-top: -59vw;
    }
    #sl_youtube + div .content_wrapper {
        max-width: 80vw !important;
    }
}
@media screen and (max-width: 800px) {
    #sl_youtube + div {
        margin-top: -62vw;
    }
}
@media screen and (max-width: 500px) {
    #sl_youtube + div {
        margin-top: -70vw;
    }
}

/*利用者の声*/
a[id^="voice"] + section {
    background-repeat: repeat !important;
}
#voice1 + section::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/common/upload_data/ihinseiri-shikoku-kcom/image/20251008192929_1.jpg);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: auto;
}
@media screen and (max-width: 800px) {
    #voice1 + section::before {
        top: 0;
    }
}

/*利用者の声*/
#promise + section::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/common/upload_data/ihinseiri-shikoku-kcom/image/20251009143719.jpg);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: auto;
}
@media screen and (max-width: 800px) {
    #promise + section {
        padding-bottom: 0;
    }
    #promise + section::before {
        top: 0;
    }
}

/*価格一覧*/
#price + section::before {
    content: "";
    position: absolute;
    top: 74px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/common/upload_data/ihinseiri-shikoku-kcom/image/20251009143719.jpg);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: auto;
}
@media screen and (max-width: 800px) {
    a[id^="price"] + section {
        padding-top: 0;
    }
    #price + section::before {
        top: 0;
    }
}

/*キャンペーン*/
#campaign_btn + section {
    position: relative;
    top: -830px;
    height: 86px;
}
@media screen and (max-width: 1000px) {
    #campaign_btn + section {
        top: -83vw;
    }
    #campaign_btn + section .content_wrapper {
        max-width: 50% !important;
    }
}
@media screen and (max-width: 800px) {
    #campaign_btn + section {
        top: -118vw;
    }
}

/*安全保障について*/
#about + section {
    margin-top: -85px;
}

/*店舗情報*/
#access_txt + div .map {
    display: none;
}
@media screen and (min-width: 801px) {
    #access_txt + div {
        margin-top: -44vw;
    }
    #access_txt + div .wrapper_item {
        max-width: calc(100vw / 2);
        margin-right: 0;
    }
    #access_txt + div .wrapper_item>.inner_item_txt {
        padding-right: 50px;
        padding-left: 10px;
    }
}
@media screen and (min-width: 1001px) {
    #access_txt + div {
        margin-top: -440px;
    }
    #access_txt + div .wrapper_item {
        max-width: calc(1000px / 2);
    }
}
@media screen and (min-width: 501px) and (max-width: 800px) {
    #access_txt + div {
        margin-top: -80vw;
    }
    #access_txt + div .wrapper_item {
        max-width: 80%;
    }
    #access_txt + div dl {
        display: block;
    }
    #access_txt + div dl dt,
    #access_txt + div dl dd {
        display: block;
    }
    #access_txt + div dl dd {
        padding-left: 0;
        border-top: 1px solid var(--i_border_color);
    }
}
@media screen and (max-width: 500px) {
    #access_txt + div {
        margin-top: -88vw;
    }
    #access_txt + div .content_wrapper {
        max-width: 80% !important;
    }
    #access_txt + div dl {
        display: flex;
    }
    #access_txt + div dl dt,
    #access_txt + div dl dd {
        padding: 6px 0;
    }
    #access_txt + div dl dt {
        width: 100px;
    }
}

/*Instagram*/
#insta_btn + section {
    position: relative;
    top: -60px;
    margin-top: -110px;
}
#insta_btn + section .inner_item_img {
    max-width: 70%;
}
@media screen and (max-width: 1000px) {
    #insta_btn + section {
        top: -8vw;
        margin-top: -80px;
    }
    #insta_btn + section .content_wrapper {
        max-width: 80% !important;
    }
    #insta_btn + section .inner_item_img {
        max-width: 60vw;
    }
}
@media screen and (max-width: 800px) {
    #insta_btn + section {
        top: -12vw;
        margin-top: -40px;
    }
}

/*フッター*/
#footer + section {
    margin-top: 40px;
    padding-bottom: 11vw;
}
@media screen and (max-width: 800px) {
    #footer + section {
        padding-bottom: 24vw;
    }
}
@media screen and (max-width: 500px) {
    #footer + section {
        padding-bottom: 23vw;
    }
}

/*フッター追従*/
a[id^="foot_btn"] + div {
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
}
a[id^="foot_btn"] + div .content_wrapper {
    max-width: 100% !important;
    background-color: rgb(251, 248, 48);
    box-shadow: 0px -8px 10px 0px #e6e5e5;
}
a[id^="foot_btn"] + div .inner_item_txt {
    display: none;
}
a[id^="foot_btn"] + div .inner_item_img img {
    height: 100% !important;
    object-fit: contain;
}
#foot_btn + div {
    height: 190px;
    display: flex;
    justify-content: end;
    align-items: end;
    flex-direction: column;
}
#foot_btn + div::before {
    content: "";
    background: url(/common/upload_data/ihinseiri-shikoku-kcom/image/20251010143603_4.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    aspect-ratio: 1;
    z-index: 10;
}
#foot_btn + div .content_wrapper {
    max-width: 100% !important;
    background-color: rgb(251, 248, 48);
    box-shadow: 0px -8px 10px 0px #e6e5e5;
    padding: 18px 0 0 !important;
}
#foot_btn + div .inner_item {
    margin: 0;
    margin-left: 0!important;
    width: 31% !important;
}
#foot_btn + div .inner_item:first-child {
    margin-left: auto!important;
    margin-right: 20px;
    width: fit-content!important;
}
#foot_btn + div .inner_item:first-child .inner_item_img img {
    height: 5vw !important;
    margin-top: 1vw;
}
@media screen and (max-width: 1100px) {
    #foot_btn + div {
        height: 12%;
    }
}
@media screen and (max-width: 1000px) {
    #foot_btn + div {
        height: 10%;
    }
    #foot_btn + div .inner_item {
        width: 32% !important;
    }
    #foot_btn + div .inner_item:first-child .inner_item_img img {
        height: 4.5vw !important;
    }
}
@media screen and (max-width: 800px) {
    #foot_btn + div {
        display: none;
    }
    #foot_btn_sp + div {
        box-shadow: 0px -8px 10px 0px #e6e5e5;
    }
    #foot_btn_sp + div .content_wrapper {
        padding: 18px!important;
    }
    #foot_btn_sp + div .wrapper_item {
        flex-wrap: nowrap;
    }
    #foot_btn_sp + div .inner_item {
        margin-bottom: 0!important;
    }
}
@media screen and (max-width: 500px) {
    #foot_btn_sp + div .content_wrapper {
        padding: 6px 18px!important;
    }
}