@charset "UTF-8";
:root{
    --pd-page-aboutUsed:0;
    --width-aboutUsed-page-container:100%;
    --pd-aboutUsed-page-container:0;
    /* ページCSS */
    --image-aboutUse-mv-heading:url(/Contents/ThemeImage/static/aboutUsed/used_mv_sp.jpg);
    --fs-mv-heading:2rem;
    --pd-mv-heading:8.7rem 0;
    --fs-mv-heading-sub-title:1.7rem;
    --mt-mv-heading-span:2.5rem;
    --fs-mv-heading-eng-title:1.5rem;

    --mt-contents-item-stack:1rem;
    --width-contents-item-inner:100%;
    --pd-contents-item-inner-maintenance:3rem 1.5rem 7rem;
    --pd-contents-item-inner-policy:7rem 1.5rem 5rem;

    --bg-maintenance-heading:#FFF2EF;
    --fs-maintenance-heading:2rem;
    --pd-maintenance-heading:1.2rem 0;
    --color-maintenance-heading:#FA694F;

    --gap-maintenance-steps-list:2.5rem 7.24637%;
    --width-maintenance-steps-item:46.37681%;
    --fd-maintenance-steps-item:column;
    --gap-maintenance-steps-item:1rem 0;
    --fs-maintenance-steps-item-image-step-numeric:1.3rem;
    --fs-maintenance-steps-item-image-step-title:1.5rem;
    --mt-maintenance-steps-item-image-step-title:0.5rem;
    --fs-maintenance-steps-item-image-step-description:1.5rem;
    --mt-maintenance-steps-item-image-step-description:1.1rem;

    --mt-maintenance-sec02:6rem;
    --border-m-vertical-maintenance-steps-item-stack:5rem;
    --fs-maintenance-steps-item-title:1.8rem;
    --mb-maintenance-steps-item-title:3.54rem;

    --gap-maintenance-steps-card:2rem 0;
    --width-maintenance-steps-card-image:100%;
    --width-maintenance-steps-card-text:100%;
    --fs-maintenance-steps-card-text-main-p:1.5rem;
    --mt-maintenance-steps-card-text-notice:1.2rem;

    --fs-policy-heading:2.4rem;
    --width-policy-voice-list-box:100%;
    --pd-policy-voice-list-box:4rem 1.7rem;
    --mg-policy-voice-list-box:3rem auto 0;

    --fs-policy-heading:2.4rem;

    --widthpolicy-voice-check-list-card-unit-img:100%;
    --mg-policy-voice-button-area:8rem auto 0;
    --width-button-contact:28rem;
}
@media (min-width: 768px) {
    :root{
        --pd-page-aboutUsed:5rem 0;
        --width-aboutUsed-page-container:min(100%, calc(110rem + (var(--padding-horizontal-general) * 2)));
        --pd-aboutUsed-page-container:var(--padding-horizontal-general);
        /* ページCSS */
        --image-aboutUse-mv-heading:url(/Contents/ThemeImage/static/aboutUsed/used_mv_pc.jpg);
        --fs-mv-heading:3.8rem;
        --pd-mv-heading:17.7rem 0;
        --fs-mv-heading-sub-title:3rem;
        --mt-mv-heading-span:3rem;
        --fs-mv-heading-eng-title:1.6rem;

        --mt-contents-item-stack:16rem;
        --width-contents-item-inner:90rem;
        --pd-contents-item-inner-maintenance:6rem 0 8rem;
        --pd-contents-item-inner-policy:10rem 0;

        --fs-maintenance-heading:2.4rem;
        --pd-maintenance-heading:2.4rem 0 2.2rem;

        --gap-maintenance-steps-list:3rem 3.66666%;
        --width-maintenance-steps-item:22.22222%;
        --fd-maintenance-steps-item:column;
        --gap-maintenance-steps-item:1.5rem 0;
        --fs-maintenance-steps-item-image-step-numeric:1.5rem;
        --fs-maintenance-steps-item-image-step-title:1.6rem;
        --mt-maintenance-steps-item-image-step-title:0.7rem;
        --fs-maintenance-steps-item-image-step-description:1.6rem;
        --mt-maintenance-steps-item-image-step-description:1rem;

        --mt-maintenance-sec02:8rem;
        --border-m-vertical-maintenance-steps-item-stack:5.5rem;
        --fs-maintenance-steps-item-title:2rem;
        --mb-maintenance-steps-item-title:2.56rem;

        --gap-maintenance-steps-card:0 4.44444%;
        --width-maintenance-steps-card-image:42.22222%;
        --width-maintenance-steps-card-text:53.33333%;
        --fs-maintenance-steps-card-text-main-p:1.6rem;
        --mt-maintenance-steps-card-text-notice:1.2rem;

        --fs-policy-heading:3.4rem;
        --width-policy-voice-list-box:66.2rem;
        --pd-policy-voice-list-box:4rem 5.4rem;
        --mg-policy-voice-list-box:6rem auto 0;

        --widthpolicy-voice-check-list-card-unit-img:50%;
        --mg-policy-voice-button-area:5rem auto 0;
        --width-button-contact:28rem;
    }
}
@media (min-width: 768px) {
    :root{
    }
}

/* 前面背景色対応 */
.c-breadcrumb {
    margin-bottom: 0;
}
.c-breadcrumb > ol {
    width: max-content;
}
.global-container{
    min-height: unset;
}
.global-contents__inner{
    padding-inline: 0;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .global-contents__inner {
        width: 100%;
        padding-inline: var(--padding-horizontal-general) 0 0;
        padding-bottom: 0;
    }
    .c-breadcrumb {
        margin-left: auto;
        margin-right: auto;
        width: var(--container-default);
        padding-inline: var(--padding-horizontal-general);
    }
    .c-breadcrumb {
        margin-top: unset;
    }
    .c-breadcrumb > ol {
        padding: 1rem 0;
    }
    .global-contents__inner{
        padding-inline: 0;
    }
    .global-footer{
        background: var(--color-bg-primary);
    }
}

[data-page-content="aboutUsed"] figure,
[data-page-content="aboutUsed"] figure figcaption{
    padding: 0;
    margin: 0;
}



/* ページCSS */
[data-page-content="aboutUsed"]{
    background: var(--color-bg-primary);
    padding: var(--pd-page-aboutUsed);
}
.p-aboutUsed__page-container{
    max-width: var(--width-aboutUsed-page-container);
    padding-inline: var(--pd-aboutUsed-page-container);
    margin: 0 auto;
}
.p-aboutUsed__mv-heading{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--image-aboutUse-mv-heading);
}
.p-aboutUsed__mv-heading{
    font-size: var(--fs-mv-heading);
    font-weight: var(--fw-bold);
    letter-spacing: 0.2em;
    text-align: center;
    line-height: 1;
    color: #fff;
    padding: var(--pd-mv-heading);
}
.p-aboutUsed__mv-heading span{
    display: block;
    margin-top: var(--mt-mv-heading-span);
}
.p-aboutUsed__mv-heading-sub-title{
    font-size: var(--fs-mv-heading-sub-title);
}
.p-aboutUsed__mv-heading-eng-title{
    font-size: var(--fs-mv-heading-eng-title);
    letter-spacing: 0.15em;
}

.p-aboutUsed__contents-item{
    background: #fff;
}
.p-aboutUsed__contents-item + .p-aboutUsed__contents-item{
    margin-top: var(--mt-contents-item-stack);
}
.p-aboutUsed__contents-item-inner{
    max-width: var(--width-contents-item-inner);
    margin: 0 auto;
}
[data-contents="maintenance"] .p-aboutUsed__contents-item-inner{
    padding: var(--pd-contents-item-inner-maintenance);
}
[data-contents="policy"] .p-aboutUsed__contents-item-inner{
    padding: var(--pd-contents-item-inner-policy);
}
.p-aboutUsed__maintenance-heading-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-aboutUsed__maintenance-heading-wrap::after{
    content: "";
    width: 2.243rem;
    aspect-ratio: 22.43/14.23;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222.43%22%20height%3D%2214.232%22%20viewBox%3D%220%200%2022.43%2014.232%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_266%22%20data-name%3D%22%E3%83%91%E3%82%B9%20266%22%20d%3D%22M1885%2C3042.232a.993.993%2C0%2C0%2C1-.8-.4L1873.784%2C3028h22.43l-10.416%2C13.834A.993.993%2C0%2C0%2C1%2C1885%2C3042.232Z%22%20transform%3D%22translate(-1873.784%20-3028)%22%20fill%3D%22%23fff2ef%22%2F%3E%3C%2Fsvg%3E')
}
.p-aboutUsed__maintenance-heading{
    width: 100%;
    font-size: var(--fs-maintenance-heading);
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.15em;
    font-weight: var(--fw-bold);
    color: var(--color-text-default);
    background: var(--bg-maintenance-heading);
    padding: var(--pd-maintenance-heading);
}
.p-aboutUsed__maintenance-heading span{
    color: var(--color-maintenance-heading);
}
.p-aboutUsed__maintenance-steps{
    margin-top: 3rem;
}
.p-aboutUsed__maintenance-steps-list{
    display:flex;
    flex-wrap: wrap;
    gap: var(--gap-maintenance-steps-list);
}
.p-aboutUsed__maintenance-steps-item{
    width: var(--width-maintenance-steps-item);
    display: flex;
    flex-direction: var(--fd-maintenance-steps-item);
    gap: var(--gap-maintenance-steps-item);
}
.p-aboutUsed__maintenance-steps-item-image-wrap{
    position: relative;
}
.p-aboutUsed__maintenance-steps-item-image-wrap img{
    border: 1px solid #F8F8F8;
}
.p-aboutUsed__maintenance-steps-item-image-step-numeric{
    font-size: var(--fs-maintenance-steps-item-image-step-numeric);
    font-family: var(--font-barlow);
    color: var(--color-bid3-secondary);
    font-weight: var(--fw-bold);
    letter-spacing: 0.15em;
    line-height: 1;
}
.p-aboutUsed__maintenance-steps-item-image-step-title{
    font-size: var(--fs-maintenance-steps-item-image-step-title);
    font-weight: var(--fw-bold);
    letter-spacing: 0.08em;
    line-height: 1.3;
    margin-top: var(--mt-maintenance-steps-item-image-step-title);
}
.p-aboutUsed__maintenance-steps-item-image-step-description{
    font-size: var(--fs-maintenance-steps-item-image-step-description);
    letter-spacing: 0.08em;
    font-weight: var(--fw-medium);
    line-height: 1.5;
    margin-top: var(--mt-maintenance-steps-item-image-step-description);
}
.p-aboutUsed__maintenance-steps-item-image-step-description span{
    display: block;
    font-size:1.2rem;
    margin-top :1rem;
}
.p-aboutUsed__maintenance-sec02{
    margin-top: var(--mt-maintenance-sec02);
}
.p-aboutUsed__maintenance-steps-contents + .p-aboutUsed__maintenance-steps-contents{
    border-top:1px solid #EEEEEE ;
    padding-top: var(--border-m-vertical-maintenance-steps-item-stack);
    margin-top: var(--border-m-vertical-maintenance-steps-item-stack);
}
.p-aboutUsed__maintenance-steps-item-title,
.p-aboutUsed__policy-voice-check-list-title{
    font-size: var(--fs-maintenance-steps-item-title);
    font-weight: var(--fw-bold);
    letter-spacing: 0.15em;
    line-height: 1;
    border-left: 4px solid var(--color-bid2-primary);
    padding-left: 1.1rem;
    margin-bottom: var(--mb-maintenance-steps-item-title);
}
.p-aboutUsed__maintenance-steps-card{
    display: flex;
    align-items: center;
    gap: var(--gap-maintenance-steps-card);
}
.p-aboutUsed__maintenance-steps-card-image{
    width: var(--width-maintenance-steps-card-image);
}
.p-aboutUsed__maintenance-steps-card-text{
    width: var(--width-maintenance-steps-card-text);
}
.p-aboutUsed__maintenance-steps-card-text-main p{
    font-size: var(--fs-maintenance-steps-card-text-main-p);
    letter-spacing: 0.08em;
    line-height: 1.5;
}
.p-aboutUsed__maintenance-steps-card-text-main p + p{
    margin-top: 1.6rem;
}
.p-aboutUsed__maintenance-steps-card-text-notice{
    margin-top: 1.7rem;
}
.p-aboutUsed__maintenance-steps-card-text-notice p{
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    line-height: 1.5;

}
.p-aboutUsed__maintenance-steps-card-text-notice p + p{
    margin-top: 0.8rem;
}

.p-aboutUsed__policy-heading{
    font-size: var(--fs-policy-heading);
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: var(--fw-bold);
}
.p-aboutUsed__policy-voice-list-box{
    max-width: var(--width-policy-voice-list-box);
    width: 100%;
    border: 1px solid var(--color-text-default);
    padding: var(--pd-policy-voice-list-box);
    margin: var(--mg-policy-voice-list-box);
}
.p-aboutUsed__policy-voice-list-box-heading{
    font-size: 1.8rem;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: var(--fw-bold);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem 0;
}
.p-aboutUsed__policy-voice-list-box-heading::after{
    content: "";
    width: 4rem;
    height: 1px;
    background: var(--color-text-default);
}
.p-aboutUsed__policy-voice-list-box-items{
    margin-top: 2.5rem;
}
.p-aboutUsed__policy-voice-list-box-items li{
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.08em;
    font-weight: var(--fw-medium);
    display: flex;
    gap: 0 0.5rem;
}
.p-aboutUsed__policy-voice-list-box-items li::before{
    content: "・";
}
.p-aboutUsed__policy-voice-list-box-items li + li{
    margin-top: 1.1rem;
}

.p-aboutUsed__policy-voice-article,
.p-aboutUsed__policy-voice-article > * + *{
    display: block;
    margin-top: 4rem;
}
.p-aboutUsed__policy-voice-article p{
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-weight: var(--fw-medium);
}
.p-aboutUsed__policy-voice-article p.p-aboutUsed__policy-voice-article-emphasis{
    font-size: 1.8rem;
    font-weight: var(--fw-bold);
}
.p-aboutUsed__policy-voice-check-list{
    margin-top: 5rem;
}
.p-aboutUsed__policy-voice-check-list-card-unit{
    display: flex;
}
.p-aboutUsed__policy-voice-check-list-card-unit img{
    width: var(--widthpolicy-voice-check-list-card-unit-img);
}
.p-aboutUsed__policy-voice-check-list p{
    font-size: 1.6rem;
    font-weight: var(--fw-medium);
    line-height: 1.8;
    letter-spacing: 0.08em;
    margin-top: 4.5rem;
}
.p-aboutUsed__policy-voice-check-list p + p{
    margin-top: 4rem;
}
.p-aboutUsed__policy-voice-check-list p.p-aboutUsed__policy-voice-check-list-text-emphasis{
    color: var(--color-red);
}
.p-aboutUsed__policy-voice-button-area{
    margin: var(--mg-policy-voice-button-area);
}
.p-aboutUsed__policy-voice-button-area p{
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    font-weight: var(--fw-bold);
    margin-bottom: 2.5rem;
}
.c-button-contact{
    max-width:var(--width-button-contact);
    margin-left: auto;
    margin-right: auto;
}






@media (min-width: 768px) {
    .p-aboutUsed__maintenance-steps-item-image-wrap img{
        max-width: 20rem;
    }
    /* 1と5番目以外の要素に適用されるスタイル */
    .p-aboutUsed__maintenance-steps-item:nth-child(n):not(:nth-child(1)):not(:nth-child(5)) .p-aboutUsed__maintenance-steps-item-image-wrap::before {
        position: absolute;
        top: 0;
        left: -15.66666%;
        bottom: 0;
        content: "";
        width: 3.3rem;
        height: 5.013rem;
        aspect-ratio: 33/50.13;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2250.132%22%20viewBox%3D%220%200%2033%2050.132%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204%22%20transform%3D%22translate(-550%20-1585)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_5%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%205%22%20d%3D%22M25%2C0%2C50%2C15H0Z%22%20transform%3D%22translate(574%201585.132)%20rotate(90)%22%20fill%3D%22%23fa694f%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024%22%20width%3D%2233%22%20height%3D%2250%22%20transform%3D%22translate(550%201585)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
        margin: auto;
    }
    [data-maintenance-item="reel"] .p-aboutUsed__maintenance-steps-item:last-child{
        width: calc(var(--width-maintenance-steps-item) * 2 + 3.66666%);
    }
    [data-maintenance-item="reel"] .p-aboutUsed__maintenance-steps-item:last-child:nth-child(n):not(:nth-child(1)):not(:nth-child(5)) .p-aboutUsed__maintenance-steps-item-image-wrap::before{
        left: -7.2%;
    }


}
@media (max-width: 767px) {
    [data-list-contents="check"] .p-aboutUsed__maintenance-steps-item:nth-child(n):not(:nth-child(odd)) .p-aboutUsed__maintenance-steps-item-image-wrap::before {
        position: absolute;
        top: 0;
        left: -16.66666%;
        bottom: 0;
        content: "";
        width: 2.5rem;
        height: 4rem;
        aspect-ratio: 25/40;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2240.135%22%20viewBox%3D%220%200%2025%2040.135%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(-174%20-1125.865)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_10%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2010%22%20d%3D%22M20%2C0%2C40%2C12H0Z%22%20transform%3D%22translate(195.5%201125.865)%20rotate(90)%22%20fill%3D%22%23fa694f%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_25%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2025%22%20width%3D%2225%22%20height%3D%2240%22%20transform%3D%22translate(174%201126)%22%20fill%3D%22none%22%20opacity%3D%220.249%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
        margin: auto;
    }
    .p-aboutUsed__maintenance-steps-list[data-list-contents="maintenance"]{
        gap: 4.2rem 0;
    }
    [data-list-contents="maintenance"] .p-aboutUsed__maintenance-steps-item{
        width: 100%;
        flex-direction:row;
        gap: 0 4.34782%;
    }
    [data-list-contents="maintenance"] .p-aboutUsed__maintenance-steps-item-image-wrap{
        width: 43.47826%;
    }
    [data-list-contents="maintenance"] .p-aboutUsed__maintenance-steps-item-text-wrap{
        width: 52.17391%;
    }
    [data-list-contents="maintenance"] .p-aboutUsed__maintenance-steps-item:nth-child(n):not(:nth-child(1)) .p-aboutUsed__maintenance-steps-item-image-wrap::before {
        position: absolute;
        top: -4.8rem;
        left: 0;
        right: 0;
        bottom: unset;
        content: "";
        width: 4rem;
        aspect-ratio: 40/48;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2248%22%20viewBox%3D%220%200%2040%2048%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208%22%20transform%3D%22translate(-67%20-1867)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_12%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2012%22%20d%3D%22M20%2C0%2C40%2C12H0Z%22%20transform%3D%22translate(107%201900.032)%20rotate(180)%22%20fill%3D%22%23fa694f%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_26%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2026%22%20width%3D%2240%22%20height%3D%2248%22%20transform%3D%22translate(67%201867)%22%20fill%3D%22none%22%20opacity%3D%220.374%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
        margin: auto;
    }
    .p-aboutUsed__maintenance-steps-card{
        flex-direction: column;
    }
    .p-aboutUsed__policy-voice-article img{
        width: calc(100% + 3rem);
        margin-left: -1.5rem;
    }
    .p-aboutUsed__policy-voice-check-list-card-unit{
        flex-direction: column;
        gap: 2rem 0;
    }
    .p-aboutUsed__policy-voice-article p,
    .p-aboutUsed__policy-voice-check-list p{
        padding: 0 0.75rem;
    }
    .c-button-contact{
        padding-inline: 3.25rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}




@media (hover: hover){
}