/*==============================
    page top
==============================*/
.indexPerformance .secPageTop{
    height: 85rem;
    align-items: center;
    padding:0 0 8rem;
    text-align:left;
}
.indexPerformance .secPageTop .pageTopBg{
    background-image:url("../img/performance/guarantee/fvImg.jpg");
}
.indexPerformance .secPageTop .pageTopInner{
    width:100%;
    max-width: 142rem;
    padding: 0;
    box-sizing:border-box;
    text-align:left;
    position: relative;
    top: 3.5rem;
}
.indexPerformance .secPageTop .pageTopTit{
    margin:0;
}
.indexPerformance .secPageTop .pageTopTitNum{
    display:flex;
    align-items:center;
    gap: 0.5rem;
    margin:0 0 1.6rem;
    font-size: var(--pcFontSize18);
    font-weight: bold;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color:var(--textColorWhite);
}
.indexPerformance .secPageTop .pageTopTitNumNo{
    display:inline-flex;
    align-items:center;
    gap:1.2rem;
    font-size: var(--pcFontSize16);
    font-weight:500;
    line-height:1;
}
.indexPerformance .secPageTop .pageTopTitNumNo::after{
    content:"";
    display:block;
    flex-shrink:0;
    width: 5rem;
    height:1px;
    background:var(--textColorWhite);
    position: relative;
    left: -0.4rem;
}
.indexPerformance .secPageTop .pageTopTitNumEn{
    font-size:inherit;
    font-weight:400;
    line-height:1;
    letter-spacing:inherit;
}
.indexPerformance .secPageTop .pageTopTitMain{
    display:block;
    margin:0;
    font-size: var(--pcFontSize80);
    font-weight:bold;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    position: relative;
    top: 1.2rem;
}
.indexPerformance .secPageTop .pageTopTitLead{
    display:block;
    margin: 3.7rem 0 0;
    font-size:var(--pcFontSize24);
    font-weight:bold;
    line-height:calc(42 / 24);
    letter-spacing:var(--pcLetterSpacing40);
    position: relative;
    top: 1.5rem;
}

.indexPerformance .secPageTop .pageTopScroll{
    position:absolute;
    left: 9rem;
    bottom:0;
    display:flex;
    align-items:flex-start;
    gap:1.2rem;
}
.indexPerformance .secPageTop .pageTopScrollLine{
    position:relative;
    overflow:hidden;
    width:1px;
    height:20rem;
    background:var(--textColorWhite25);
}
.indexPerformance .secPageTop .pageTopScrollLineBar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4rem;
    background:var(--textColorWhite);
    animation:pageTopScrollLine 1.8s ease-in-out infinite alternate;
}
.indexPerformance .secPageTop .pageTopScrollTxt{
    display:inline-block;
    font-size:var(--pcFontSize14);
    line-height:calc(22 / 14);
    letter-spacing:var(--pcLetterSpacing40);
    writing-mode:vertical-rl;
    color:var(--textColorWhite);
}
@keyframes pageTopScrollLine{
    0%{ top:0; }
    100%{ top:65%; }
}
@media (prefers-reduced-motion:reduce){
    .indexPerformance .secPageTop .pageTopScrollLineBar{
        animation:none;
        top:0;
    }
}

@media only screen and (max-width:1215px){
    .indexPerformance .secPageTop{
        height:100svh;
        padding:0 0 calc((40 / 375) * var(--widthBase));
        align-items:flex-end;
        text-align:left;
        max-height: 50rem;
    }
    .indexPerformance .secPageTop .pageTopInner{
        padding: 0 calc((14 / 375) * var(--widthBase));
        top: -1.5rem;
        max-width: 40rem;
    }
    .indexPerformance .secPageTop .pageTopTitNum{
        font-size:var(--spFontSize12);
        margin:0 0 calc((12 / 375) * var(--widthBase));
        gap: 0.5rem;
        top: -0.4rem;
        position: relative;
    }
    .indexPerformance .secPageTop .pageTopTitNumNo{
        font-size:var(--spFontSize12);
        gap: 0.5rem;
    }
    .indexPerformance .secPageTop .pageTopTitNumNo::after{
        width: calc((20 / 375) * var(--widthBase));
        left:0;
    }
    .indexPerformance .secPageTop .pageTopTitMain{
        top:0;
        font-size: var(--spFontSize30);
        letter-spacing:var(--spLetterSpacing40);
    }
    .indexPerformance .secPageTop .pageTopTitLead{
        margin: calc((16 / 375) * var(--widthBase)) 0 0;
        top:0;
        font-size:var(--spFontSize15);
        line-height:calc(26 / 15);
        letter-spacing:0;
    }
    .indexPerformance .secPageTop .pageTopScroll{
        left:calc((20 / 375) * var(--widthBase));
        bottom:-5rem;
        gap:0.8rem;
        display: none;
    }
    .indexPerformance .secPageTop .pageTopScrollLine{
        height:12rem;
    }
    .indexPerformance .secPageTop .pageTopScrollTxt{
        font-size:var(--spFontSize11);
    }
}
@media only screen and (max-width: 767px) {
    .indexPerformance .secPageTop .pageTopBg {
        background-image: url(../img/performance/guarantee/fvImg_sp.jpg);
        background-position: center top;
    }
}
#container {
    background: var(--bgColorBeige);
}
/*==============================
    secPeace
==============================*/
.secPeace{
    padding: 2rem 0 12rem;
    background-color:var(--bodyBaseColor);
    background-image:url("../img/performance/guarantee/peaceBg01.jpg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.secPeace .peaceInner{
    display:grid;
    grid-template-columns:minmax(0, 61.8rem) minmax(0, 1fr);
    gap: 13rem;
    align-items:center;
    /* max-width:142rem; */
    /* margin:0 auto; */
    margin-top: 4rem;
}
.secPeace .peaceImg{
    overflow:hidden;
    width: 65rem;
    max-width: 65rem;
}
.secPeace .peaceImg img{
    width:100%;
    height:auto;
    display:block;
}
.secPeace .peaceTit{
    margin:0 0 3.6rem;
    font-size:var(--pcFontSize44);
    font-weight:500;
    line-height:calc(70 / 44);
    letter-spacing:0;
}
.secPeace .peaceLead{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(40 / 15);
    letter-spacing:0;
    position: relative;
    top: -0.4rem;
}

@media only screen and (max-width:1215px){
    .secPeace{
        padding: calc((40 / 375) * var(--widthBase)) 0 calc((60 / 375) * var(--widthBase));
        background-image:url("../img/performance/guarantee/peaceBg01_sp.jpg");
        background-position:center top;
        background-size:cover;
    }
    .secPeace .peaceInner{
        display:flex;
        flex-direction:column;
        gap: calc((34 / 375) * var(--widthBase));
        margin-top:0;
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        padding:0;
        box-sizing:border-box;
    }
    .secPeace .peaceCopy{
        order:-1;
        width:100%;
        margin:0;
    }
    .secPeace .peaceImg{
        order:0;
        width:100%;
        max-width: 30.5rem;
        margin:0;
    }
    .secPeace .peaceTit{
        margin: 0 0 calc((16 / 375) * var(--widthBase));
        font-size:var(--spFontSize24);
        line-height: calc(38 / 24);
    }
    .secPeace .peaceLead{
        top:0;
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
}

/*==============================
    secAssurance
==============================*/
.secAssurance{
    position:relative;
    padding: 11.5rem 0 11.5rem;
    color:var(--textColorWhite);
    text-align:center;
    /* overflow:hidden; */
}
.secAssurance .assuranceBg{
    position:absolute;
    inset:0;
    background:url("../img/performance/guarantee/peaceBg.jpg") center/cover no-repeat;
}
.secAssurance .assuranceInner{
    position:relative;
    z-index:1;
}
.secAssurance .assuranceTit{
    display:inline-block;
    margin: 0 0 3rem;
    padding: 0rem;
    font-size:var(--pcFontSize44);
    font-weight: bold;
    letter-spacing:var(--pcLetterSpacing40);
}
.secAssurance .assuranceTit::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin:2.4rem auto 0;
    background:var(--textColorWhite);
}
.secAssurance .assuranceEn{
    margin: 0 0 4.2rem;
    font-size:var(--pcFontSize20);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing80);
}
.secAssurance .assuranceLead{
    margin:0;
    font-size: var(--pcFontSize18);
    line-height: calc(40 / 18);
    letter-spacing:0;
}
.secAssurance::after{
    content:"";
    position:absolute;
    bottom: -4.2rem;
    left:50%;
    z-index:1;
    width:1px;
    height:8rem;
    background: var(--textColorWarmGray);
    transform:translateX(-50%);
    pointer-events:none;
    z-index: 10;
}

@media only screen and (max-width:1215px){
    .secAssurance{
        padding: calc((51 / 375) * var(--widthBase)) 0 calc((56 / 375) * var(--widthBase));
    }
    .secAssurance .assuranceBg{
        background-image:url("../img/performance/guarantee/peaceBg_sp.jpg");
        background-position:center;
        background-size:cover;
    }
    .secAssurance .assuranceInner{
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        padding:0;
    }
    .secAssurance .assuranceTit{
        margin: 0 0 calc((19 / 375) * var(--widthBase));
        padding:0;
        font-size:var(--spFontSize24);
        line-height:calc(40 / 24);
        letter-spacing:0;
    }
    .secAssurance .assuranceTit::after{
        margin: calc((3 / 375) * var(--widthBase)) auto 0;
    }
    .secAssurance .assuranceEn{
        margin: 0 0 calc((24 / 375) * var(--widthBase));
        font-size: var(--spFontSize11);
        letter-spacing:var(--spLetterSpacing80);
    }
    .secAssurance .assuranceLead{
        font-size: var(--spFontSize13);
        line-height: calc(27 / 14);
    }
    .secAssurance::after{
        bottom: calc((-20 / 375) * var(--widthBase));
        height: calc((48 / 375) * var(--widthBase));
        left: 49.6%;
    }
}

/*==============================
    secGuarantee（SPは横スクロール）
==============================*/
.secGuarantee{
    padding: 10.8rem 0 0;
    /* background:var(--bgColorBeige); */
}
.secGuarantee .guaranteeInner{
    text-align:center;
}
.secGuarantee .guaranteeTit{
    margin: 0px 0 4rem;
    padding: 0;
    text-align:center;
}
.secGuarantee .guaranteeTitSub{
    display:table;
    margin: 0 auto 0.8rem;
    font-size: var(--pcFontSize34);
    font-weight:500;
    line-height: calc(45 / 34);
    letter-spacing:0;
    position:relative;
    padding: 0 0 1.2rem;
}
.secGuarantee .guaranteeTitSub::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secGuarantee .guaranteeTitMain{
    display:table;
    margin: 0 auto;
    font-size: var(--pcFontSize44);
    font-weight:500;
    line-height: calc(65 / 44);
    letter-spacing:0;
    position:relative;
    padding: 0;
}
.secGuarantee .guaranteeTitMain::after{
    content:"";
    position:absolute;
    left:0;
    bottom: -2px;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secGuarantee .guaranteeLead{
    margin: 0 0 4.9rem;
    font-size: var(--pcFontSize18);
    line-height: calc(40/ 18);
    letter-spacing:0;
}
.secGuarantee .guaranteeBox{
    position:relative;
    overflow:hidden;
    padding: 6rem 3.5rem;
    border-radius:1.2rem;
    background:var(--bgColor);
}
.secGuarantee .guaranteeChartWrap{
    overflow:hidden;
}
.secGuarantee .guaranteeChartImg{
    width:100%;
    height:auto;
    vertical-align:bottom;
    max-width: 120rem;
}
.secGuarantee .guaranteeScroll{
    display:none;
}
.secGuarantee .guaranteeNote{
    margin: 2rem 0 0;
    font-size: var(--pcFontSize13);
    line-height:calc(22 / 12);
    letter-spacing: 0;
    text-align: center;
    color:var(--textColor);
}
.secGuarantee .guaranteeCircleList{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap: 4rem;
    padding:0;
    list-style:none;
    margin-top: 6.2rem;
}
.secGuarantee .guaranteeCircleItem{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    width:calc((100% - 9.6rem) / 5);
    aspect-ratio:1 / 1;
    padding: 2.4rem 1.2rem;
    border-radius:50%;
    background: var(--guaranteeColor01);
    text-align:center;
}
.secGuarantee .guaranteeCircleNum{
    margin: 0 0 0.8rem;
    font-size: var(--pcFontSize13);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color:var(--textColorWarmGray);
}
.secGuarantee .guaranteeCircleTit{
    margin:0 0 1.6rem;
    font-size:var(--pcFontSize24);
    font-weight:bold;
    line-height:1.3;
    letter-spacing:var(--pcLetterSpacing40);
    position: relative;
    top: 0.7rem;
}
.secGuarantee .guaranteeCircleLabel{
    margin:0 0 1.2rem;
    font-size: var(--pcFontSize15);
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color:var(--textColorWarmGray);
    position: relative;
    top: 1.2rem;
}
.secGuarantee .guaranteeCirclePeriod{
    display:inline-flex;
    justify-content:center;
    align-items:baseline;
    gap:0.2rem;
    min-width: 10rem;
    padding: 1.1rem 1.6rem 0.8rem;
    background:var(--bgColor);
    box-shadow:0 0.2rem 0.8rem var(--shadowColor08);
    font-size: var(--pcFontSize30);
    font-weight:bold;
    line-height:1;
    letter-spacing:0;
    border-radius: 0.3rem;
    position: relative;
    top: 1.1rem;
}
.secGuarantee .guaranteeCirclePeriodNum{
    font-size:inherit;
    position: relative;
    top: -0.5rem;
}
.secGuarantee .guaranteeCirclePeriodUnit{
    font-size: var(--pcFontSize20);
    font-weight:bold;
    position: relative;
    top: -0.5rem;
}

@media only screen and (max-width:1215px){
    .secGuarantee{
        padding: calc((56 / 375) * var(--widthBase)) 0 calc((40 / 375) * var(--widthBase));
    }
    .secGuarantee .guaranteeInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin:0 auto;
        padding:0;
    }
    .secGuarantee .guaranteeTit{
        margin: 0 0 calc((24 / 375) * var(--widthBase));
    }
    .secGuarantee .guaranteeTitSub{
        margin: 0 auto calc((2 / 375) * var(--widthBase));
        padding: 0 0 calc((8 / 375) * var(--widthBase));
        font-size: var(--spFontSize20);
        line-height: calc(28 / 20);
        letter-spacing: 0;
    }
    .secGuarantee .guaranteeTitMain{
        margin: 0 auto;
        font-size: var(--spFontSize24);
        line-height: calc(44 / 30);
        padding: 0 0 calc((6 / 375) * var(--widthBase));
    }
    .secGuarantee .guaranteeTitMain::after{
        bottom:0;
        height:1px;
    }
    .secGuarantee .guaranteeLead{
        margin: 0 0 calc((35 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        letter-spacing:0;
    }
    .secGuarantee .guaranteeBox{
        padding: calc((21 / 375) * var(--widthBase)) 0 calc((21 / 375) * var(--widthBase)) calc((20 / 375) * var(--widthBase));
        border-radius: calc((3 / 375) * var(--widthBase));
    }
    .secGuarantee .guaranteeChartWrap{
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .secGuarantee .guaranteeChartWrap::-webkit-scrollbar{
        display:none;
    }
    .secGuarantee .guaranteeChartImg{
        width:calc((720 / 375) * var(--widthBase));
        max-width:none;
    }
    .secGuarantee .guaranteeScroll{
        display:block;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:2;
        width: calc((100 / 375) * var(--widthBase));
        height:max-content;
        margin:auto;
        pointer-events:none;
        transition:opacity 0.25s ease, visibility 0.25s ease;
    }
    .secGuarantee .guaranteeScroll.isHide{
        visibility:hidden;
        opacity:0;
    }
    .secGuarantee .guaranteeScroll.isHide .guaranteeScrollImg{
        animation:none;
    }
    .secGuarantee .guaranteeScrollImg{
        display:block;
        width:100%;
        height:auto;
        animation: guaranteeScrollSway 1s ease-in-out infinite alternate;
        backface-visibility:hidden;
    }
    @keyframes guaranteeScrollSway{
        from{
            transform:translate3d(-10px, 0, 0);
        }
        to{
            transform:translate3d(10px, 0, 0);
        }
    }
    @media (prefers-reduced-motion: reduce){
        .secGuarantee .guaranteeScrollImg{
            animation:none;
        }
    }
    .secGuarantee .guaranteeNote{
        margin: calc((7 / 375) * var(--widthBase)) 0 0;
        font-size: var(--spFontSize11);
        line-height: calc(20 / 11);
        letter-spacing:0;
        text-align:center;
    }
    .secGuarantee .guaranteeCircleList{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap: calc((14 / 375) * var(--widthBase));
        width:100%;
        max-width:none;
        margin: calc((36 / 375) * var(--widthBase)) 0 0;
        padding:0;
        overflow:visible;
    }
    .secGuarantee .guaranteeCircleItem{
        flex:none;
        width:100%;
        aspect-ratio:auto;
        min-height: calc((155 / 375) * var(--widthBase));
        padding: calc((18 / 375) * var(--widthBase)) calc((10 / 375) * var(--widthBase)) calc((14 / 375) * var(--widthBase));
        justify-content:flex-start;
        gap:0;
        border-radius: 0.3rem;
    }
    .secGuarantee .guaranteeCircleNum{
        margin:0 0 calc((10 / 375) * var(--widthBase));
        font-size:var(--spFontSize11);
        letter-spacing:var(--spLetterSpacing40);
    }
    .secGuarantee .guaranteeCircleTit{
        margin:0 0 calc((12 / 375) * var(--widthBase));
        font-size: var(--spFontSize18);
        line-height:1.3;
        letter-spacing:0;
        top:0;
    }
    .secGuarantee .guaranteeCircleLabel{
        margin:0 0 calc((16 / 375) * var(--widthBase));
        font-size:var(--spFontSize12);
        letter-spacing:0;
        top:0;
    }
    .secGuarantee .guaranteeCirclePeriod{
        min-width: calc((80 / 375) * var(--widthBase));
        margin-top: 0;
        padding: calc((7 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase)) calc((11 / 375) * var(--widthBase));
        font-size:var(--spFontSize22);
        border-radius: calc((2 / 375) * var(--widthBase));
        top: -0.7rem;
    }
    .secGuarantee .guaranteeCirclePeriodNum,
    .secGuarantee .guaranteeCirclePeriodUnit{
        top:0;
    }
    .secGuarantee .guaranteeCirclePeriodUnit{
        font-size:var(--spFontSize14);
    }
}



/*==============================
    secStructure（構造初期保証 / 幅172rem）
==============================*/
.secStructure{
    padding: 12.2rem 0 15rem;
    background: var(--bgColorBeige);
}
.secStructure .structureInner{
    width:172rem;
    max-width:calc(100% - 10rem);
}
.secStructure .structureGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 6rem 10rem;
    align-items:center;
}
.secStructure .structureGrid.structureGridBottom{
    gap: 6rem 7rem;
}
.secStructure .structureGridItem{
    margin-top: 15rem;
}
.secStructure .structureGridBottom{
    margin-top: 10rem;
    padding: 6rem 8rem 6rem 9.8rem;
    background:var(--bodyBaseColor);
}
.secStructure .structureDiagram{
    overflow:hidden;
    background:var(--bgColor);
    box-shadow:0 0.4rem 2.4rem var(--shadowColor08);
    width: 90rem;
}
.secStructure .structureChart{
    overflow:hidden;
    border-radius:0.8rem;
    background:var(--bgColor);
    box-shadow:0 0.4rem 2.4rem var(--shadowColor08);
    width: 72rem;
    position: relative;
    right: -1.6rem;
}
.secStructure .structureDiagramImg,
.secStructure .structureChartImg{
    width:100%;
    height:auto;
    display:block;
}
.secStructure .structureCopy{
    position:relative;
    padding: 2rem 0 4rem;
    top: 1.5rem;
}
.secStructure .structureCopy.structureCopy03{
    top: 1rem;
}
.secStructure .structureCopy::after{
    content:"";
    position:absolute;
    right:0;
    bottom: -6.7rem;
    z-index:0;
    width: 19.7rem;
    height: 25rem;
    background:url("../img/performance/nnmber01.png") right bottom / contain no-repeat;
    pointer-events:none;
    /* opacity:0.55; */
}
.secStructure .structureCopy02::after{
    background-image:url("../img/performance/nnmber02.png");
    bottom: -3.5rem;
    z-index: 0;
    width: 22.5rem;
    height: 12.8rem;
}
.secStructure .structureCopy03::after{
    background-image:url("../img/performance/nnmber03.png");
    width: 22rem;
    height: 20.5rem;
}
.secStructure .structureCopy04::after{
    background-image:url("../img/performance/nnmber04.png");
    right: 0.5rem;
    bottom: -4.5rem;
    width: 22.6rem;
    height: 17.9rem;
}
.secStructure .structureCopy05::after{
    background-image:url("../img/performance/nnmber05.png");
    bottom: -12.7rem;
    width: 23.3rem;
    height: 21.1rem;
    right: -0.8rem;
}
.secStructure .structureNum{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap: 0.8rem;
    margin:0 0 2.4rem;
    font-size:var(--pcFontSize18);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color: var(--textColorWarmGray);
    top: -0.2rem;
}
.secStructure .structureNumNo{
    font-size:var(--pcFontSize18);
    font-weight:500;
}
.secStructure .structureNumNo::after{
    content:"";
    display:inline-block;
    width:3rem;
    height:1px;
    margin:0 0 0 1.2rem;
    vertical-align:middle;
    background: var(--textColorWarmGray);
    position: relative;
    top: -0.2rem;
}
.secStructure .structureHead{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 1rem;
    margin:0 0 3.2rem;
    border-bottom: 0.1rem solid var(--borderColorBeige);
    padding-bottom: 3.3rem;
}
.secStructure .structureTit{
    margin:0;
    font-size:var(--pcFontSize44);
    font-weight:bold;
    line-height:1.3;
    letter-spacing:var(--pcLetterSpacing40);
}
.secStructure .structureBadge{
    display:inline-flex;
    align-items:center;
    flex-shrink:0;
    gap: 1.5rem;
    margin:0;
    font-size: var(--pcFontSize18);
    font-weight:500;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    position: relative;
    left: -0.1rem;
}
.secStructure .structureBadgeLabel{
    flex-shrink:0;
}
.secStructure .structureBadgeBox{
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:0.2rem;
    padding: 1rem 2rem 0.8rem;
    background:var(--bgColor);
    border-radius:0.4rem;
    box-shadow:0 0.2rem 0.8rem var(--shadowColor08);
    font-size: var(--pcFontSize20);
    font-weight:500;
    position: relative;
    top: -1px;
}
.secStructure .structureBadgeNum{
    font-size: var(--pcFontSize30);
    font-weight:bold;
    line-height:1;
    position: relative;
    top: -0.3rem;
}
.secStructure .structureBadgeUnit{
    position:relative;
    top:-0.3rem;
}
.secStructure .structureTxt{
    position:relative;
    z-index:1;
    margin: 0 0 3rem;
    font-size:var(--pcFontSize15);
    line-height: calc(40 / 15);
    letter-spacing:0;
    top: 0.2rem;
}
.secStructure .structureTxt:last-of-type{
    margin-bottom:0;
}
.secStructure .structureNote{
    position:relative;
    z-index:1;
    margin: 2rem 0 0;
    font-size:var(--pcFontSize13);
    line-height:calc(22 / 13);
    letter-spacing:0;
    color:var(--textColorWarmGray);
    top: 0.6rem;
}
.secStructure .structureReason{
    padding: 0;
}
.secStructure .structureReasonTit{
    margin: 0 0 0.2rem;
    font-size:var(--pcFontSize34);
    font-weight:bold;
    line-height: calc(55 / 34);
    letter-spacing:0;
    position: relative;
    top: -2rem;
}
.secStructure .structureReasonTxt{
    margin: 0 0 1rem;
    font-size:var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
}
.secStructure .structureReasonTxt:last-child{
    margin-bottom:0;
    position: relative;
    top: 14px;
}
.secStructure .structurePoint{
    margin-top: 15.2rem;
}
.secStructure .structurePointBox{
    position:relative;
    padding: 3.8rem 5rem 3.8rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secStructure .structurePointLabel{
    position:absolute;
    top: -3.5rem;
    left: -0.1rem;
    margin:0;
    padding: 0.8rem 2.8rem;
    background:var(--bgColorDarkGray);
    font-size: var(--pcFontSize18);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color:var(--textColorWhite);
    border-radius: 0.3rem 0.3rem 0 0;
}
.secStructure .structurePointTxt{
    margin:0;
    font-size: var(--pcFontSize20);
    line-height:calc(32 / 15);
    letter-spacing:0;
    text-align: left;
}
@media only screen and (max-width:1730px){
    .secStructure .structureDiagram {
        width: 100%;
        flex: 1;
    }
    .secStructure .structureChart {
        width: 100%;
    }
}
@media only screen and (max-width:1215px){
    .secStructure{
        padding: calc((20 / 375) * var(--widthBase)) 0 calc((80 / 375) * var(--widthBase));
    }
    .secStructure .structureInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin:0 auto;
        padding:0;
    }
    .secStructure .structureGrid{
        grid-template-columns:1fr;
        gap: calc((28 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secStructure .structureGrid .structureDiagram{
        order:-1;
    }
    .secStructure .structureGridItem{
        margin-top: calc((49 / 375) * var(--widthBase));
    }
    .secStructure .structureGrid.structureGridItem:nth-child(4){
        margin-top: calc((43 / 375) * var(--widthBase));
    }
    .secStructure .structureGridBottom{
        margin-top: calc((29 / 375) * var(--widthBase));
        gap: calc((24 / 375) * var(--widthBase));
        padding: calc((23 / 375) * var(--widthBase)) calc((18 / 375) * var(--widthBase)) calc((30 / 375) * var(--widthBase));
        background:var(--bodyBaseColor);
        box-sizing:border-box;
    }
    .secStructure .structureGrid.structureGridBottom {
        gap: 2.1rem 7rem;
    }
    .secStructure .structureDiagram,
    .secStructure .structureChart{
        width:100%;
        border-radius:0;
        box-shadow:none;
        background:var(--bgColor);
    }
    .secStructure .structureDiagram{
        right:auto;
    }
    .secStructure .structureChart{
        right:auto;
        overflow:hidden;
        border-radius: 0;
        /* border:1px solid var(--borderColorBeige); */
        max-width: 30.5rem;
        margin: 0 auto;
    }
    .secStructure .structureCopy{
        padding: 0;
        top:0;
    }
    .secStructure .structureCopy.structureCopy03{
        top:0;
    }
    .secStructure .structureReason{
        padding:0;
    }
    .secStructure .structureReasonTit{
        margin: 0 0 calc((8 / 375) * var(--widthBase));
        font-size: var(--spFontSize16);
        line-height: calc(26 / 16);
        letter-spacing:0;
        top:0;
    }
    .secStructure .structureReasonTxt{
        margin: 0 0 calc((12 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
        top:0;
    }
    .secStructure .structureReasonTxt:last-child{
        margin-bottom:0;
        top:0;
    }
    .secStructure .structureCopy::after{
        display:none;
    }
    .secStructure .structureNum{
        margin: 0 0 calc((2 / 375) * var(--widthBase));
        font-size:var(--spFontSize12);
        gap: calc((1 / 375) * var(--widthBase));
        top:0;
    }
    .secStructure .structureNumNo{
        font-size:var(--spFontSize12);
    }
    .secStructure .structureNumNo::after{
        width: calc((20 / 375) * var(--widthBase));
        margin-left: calc((6 / 375) * var(--widthBase));
        left: -0.2rem;
    }
    .secStructure .structureHead{
        flex-direction:row;
        align-items:flex-end;
        justify-content:space-between;
        gap: calc((12 / 375) * var(--widthBase));
        margin: 0 0 calc((15 / 375) * var(--widthBase));
        padding-bottom: calc((18 / 375) * var(--widthBase));
        left: -0.2rem;
    }
    .secStructure .structureTit{
        font-size: var(--spFontSize20);
        line-height:1.3;
        letter-spacing:0;
    }
    .secStructure .structureBadge{
        flex-direction:row;
        align-items:center;
        gap: calc((8 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        left:0;
        top: -0.2rem;
    }
    .secStructure .structureBadgeBox{
        padding: calc((7 / 375) * var(--widthBase)) calc((20 / 375) * var(--widthBase)) calc((9 / 375) * var(--widthBase));
        font-size:var(--spFontSize12);
        border-radius: calc((2 / 375) * var(--widthBase));
        top:0;
    }
    .secStructure .structureBadgeNum{
        font-size:var(--spFontSize22);
        top: -0.1rem;
    }
    .secStructure .structureTxt{
        margin: 0 0 calc((14 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
        top:0;
    }
    .secStructure .structureCopy04 .structureTxt:nth-of-type(3){
        margin: -1.1rem 0 calc((13 / 375) * var(--widthBase));
    }
    .secStructure .structureNote{
        margin: calc((16 / 375) * var(--widthBase)) 0 0;
        font-size:var(--spFontSize11);
        line-height:calc(20 / 11);
        top: 4px;
    }
    .secStructure .structurePoint{
        width: calc((345 / 375) * var(--widthBase));
        margin: calc((73 / 375) * var(--widthBase)) auto 0;
        padding:0;
    }
    .secStructure .structurePointBox{
        padding: calc((18 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase)) calc((17 / 375) * var(--widthBase));
    }
    .secStructure .structurePointLabel{
        top: calc((-33 / 375) * var(--widthBase));
        left: -1px;
        padding: calc((9 / 375) * var(--widthBase)) calc((25 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
    }
    .secStructure .structurePointTxt{
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align:left;
    }
}

/*==============================
    secCompletion（住宅完成保証）
==============================*/
.secCompletion{
    padding: 11rem 0 15rem;
    background: var(--bodyBaseColor);
}
.secCompletion .completionInner{
    text-align:center;
}
.secCompletion .completionTit{
    margin: 0 0 8.6rem;
    padding:0;
    text-align:center;
}
.secCompletion .completionTitSub{
    display:table;
    margin: 0 auto 0.5rem;
    font-size:var(--pcFontSize34);
    font-weight:500;
    line-height:calc(45 / 34);
    letter-spacing:0;
    position:relative;
    padding: 0 0 1rem;
}
.secCompletion .completionTitSub::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secCompletion .completionTitMain{
    display:table;
    margin:0 auto;
    font-size:var(--pcFontSize44);
    font-weight:500;
    line-height:calc(65 / 44);
    letter-spacing:0;
    position:relative;
    padding:0;
}
.secCompletion .completionTitMain::after{
    content:"";
    position:absolute;
    left:0;
    bottom: -6px;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secCompletion .completionBody{
    display:grid;
    grid-template-columns:minmax(0, 68rem) minmax(0, 1fr);
    gap: 8rem;
    align-items:center;
    text-align:left;
}
.secCompletion .completionDiagram{
    width:68rem;
    max-width:100%;
}
.secCompletion .completionDiagramImg{
    width:100%;
    height:auto;
    display:block;
}
.secCompletion .completionCopy{
    padding: 2rem 0;
}
.secCompletion .completionTxt{
    margin:0 0 3rem;
    font-size:var(--pcFontSize15);
    line-height:calc(40 / 15);
    letter-spacing:0;
}
.secCompletion .completionTxt:last-child{
    margin-bottom:0;
}
.secCompletion .completionPoint{
    margin-top: 9.4rem;
    text-align:left;
}
.secCompletion .completionPointBox{
    position:relative;
    padding: 3.8rem 5rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secCompletion .completionPointLabel{
    position:absolute;
    top: -3.5rem;
    left: -0.1rem;
    margin:0;
    padding: 0.8rem 2.8rem;
    background:var(--bgColorDarkGray);
    font-size:var(--pcFontSize18);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    color:var(--textColorWhite);
    border-radius: 0.3rem 0.3rem 0 0;
}
.secCompletion .completionPointTxt{
    margin:0;
    font-size:var(--pcFontSize20);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
@media only screen and (max-width:1730px){
    .secCompletion .completionBody{
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
        gap: 4rem;
    }
    .secCompletion .completionDiagram{
        width:100%;
    }
}
@media only screen and (max-width:1215px){
    .secCompletion{
        padding: calc((55 / 375) * var(--widthBase)) 0 calc((79 / 375) * var(--widthBase));
    }
    .secCompletion .completionInner{
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        padding:0;
    }
    .secCompletion .completionTit{
        margin: 0 0 calc((40 / 375) * var(--widthBase));
    }
    .secCompletion .completionTitSub{
        margin: 0 auto calc((2 / 375) * var(--widthBase));
        padding:0 0 calc((8 / 375) * var(--widthBase));
        font-size:var(--spFontSize20);
        line-height:calc(28 / 20);
    }
    .secCompletion .completionTitMain{
        font-size:var(--spFontSize24);
        line-height:calc(36 / 24);
        padding:0 0 calc((6 / 375) * var(--widthBase));
    }
    .secCompletion .completionTitMain::after{
        bottom:0;
    }
    .secCompletion .completionBody{
        grid-template-columns:1fr;
        gap: calc((22 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secCompletion .completionDiagram{
        width:100%;
        max-width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
    }
    .secCompletion .completionCopy{
        padding:0;
        text-align:left;
    }
    .secCompletion .completionTxt{
        margin:0 0 calc((16 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
    .secCompletion .completionPoint{
        margin-top: calc((58 / 375) * var(--widthBase));
    }
    .secCompletion .completionPointBox{
        padding: calc((18 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase)) calc((17 / 375) * var(--widthBase));
    }
    .secCompletion .completionPointLabel{
        top: calc((-33 / 375) * var(--widthBase));
        left: -1px;
        padding: calc((9 / 375) * var(--widthBase)) calc((25 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
    }
    .secCompletion .completionPointTxt{
        font-size:var(--spFontSize14);
        line-height:calc(26 / 14);
    }
}

/*==============================
    secOwnersDesk（オーナーズデスク）
==============================*/
.secOwnersDesk{
    padding: 11rem 0 6rem;
    background: var(--bgColorBeige);
}
.secOwnersDesk .ownersDeskInner{
    text-align:center;
}
.secOwnersDesk .ownersDeskHead{
    margin: 0 0 4.8rem;
}
.secOwnersDesk .ownersDeskHeadTop{
    display:block;
}
.secOwnersDesk .ownersDeskSub{
    display:table;
    margin:0 auto 0.8rem;
    padding: 0 0 0.8rem;
    font-size: var(--pcFontSize34);
    font-weight:500;
    line-height:1.4;
    letter-spacing:0;
    position:relative;
}
.secOwnersDesk .ownersDeskSub::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secOwnersDesk .ownersDeskTit{
    display:table;
    margin:0 auto;
    padding:0;
    font-size:var(--pcFontSize44);
    font-weight:bold;
    line-height:1.3;
    letter-spacing:var(--pcLetterSpacing40);
    position:relative;
}
.secOwnersDesk .ownersDeskTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom: -9px;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secOwnersDesk .ownersDeskEn{
    margin: 4.5rem 0 3.9rem;
    font-size:var(--pcFontSize18);
    font-weight: bold;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing80);
    color:var(--textColorTeal);
}
.secOwnersDesk .ownersDeskLead{
    margin:0;
    font-size: var(--pcFontSize18);
    line-height: calc(40 / 18);
    letter-spacing:0;
}
.secOwnersDesk .ownersDeskList{
    display: flex;
    gap: 3rem;
    align-items:stretch;
    margin:0;
    padding:0;
    list-style:none;
}
.secOwnersDesk .ownersDeskItem{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: flex-start;
    box-sizing:border-box;
    margin:0;
}
.secOwnersDesk .ownersDeskItemImg{
    flex:1 1 0;
    min-width:0;
    padding:0;
    background:transparent;
}
.secOwnersDesk .ownersDeskItemImgEl{
    width:100%;
    height:auto;
    display:block;
    vertical-align:bottom;
}
.secOwnersDesk .ownersDeskItemTelBox{
    padding: 4.2rem 2.4rem 3.6rem;
    background:var(--bgColor);
    width: 50rem;
}
.secOwnersDesk .ownersDeskItemLabel{
    position:relative;
    /* display:inline-block; */
    margin: 0 0 4.2rem;
    padding: 0 0 2.6rem;
    font-size: var(--pcFontSize18);
    font-weight:bold;
    line-height:1.4;
    letter-spacing:0;
}
.secOwnersDesk .ownersDeskItemLabel::before{
    content:"";
    display:inline-block;
    width: 0.7rem;
    height: 0.7rem;
    margin-right:0.6rem;
    border-radius:50%;
    background:var(--textColor);
    vertical-align:middle;
    position:relative;
    top:-0.1rem;
}
.secOwnersDesk .ownersDeskItemLabel::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--borderColorBeige);
}
.secOwnersDesk .telBox{
    width: 90%;
}
.secOwnersDesk .ownersDeskItemTel{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1.2rem;
    margin:0;
    font-size: var(--pcFontSize45);
    font-weight:bold;
    line-height:1;
    letter-spacing: var(--pcLetterSpacing40);
    color:var(--textColor);
    text-decoration:none;
}
.secOwnersDesk .ownersDeskItemTelIco{
    flex-shrink:0;
    width: 3rem;
    height:auto;
    position: relative;
    left: 0px;
    top: 0.3rem;
}
.secOwnersDesk .ownersDeskItemTelNum{
    line-height:1;
}
.secOwnersDesk .ownersDeskItemNote{
    margin:auto 0 0;
    padding-top: 4.4rem;
    font-size: var(--pcFontSize15);
    font-weight: normal;
    letter-spacing:0;
}
.secOwnersDesk .ownersDeskTapNote{
    display:none;
}
@media only screen and (max-width:1215px){
    .secOwnersDesk{
        padding: calc((45 / 375) * var(--widthBase)) 0 calc((35 / 375) * var(--widthBase));
    }
    .secOwnersDesk .ownersDeskInner{
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        padding:0;
    }
    .secOwnersDesk .ownersDeskHead{
        margin: 0 0 calc((35 / 375) * var(--widthBase));
    }
    .secOwnersDesk .ownersDeskSub{
        margin: 0 auto calc((6 / 375) * var(--widthBase));
        padding: 0 0 calc((7 / 375) * var(--widthBase));
        font-size: var(--spFontSize20);
    }
    .secOwnersDesk .ownersDeskTit{
        font-size:var(--spFontSize24);
        letter-spacing:0;
        padding:0 0 calc((6 / 375) * var(--widthBase));
    }
    .secOwnersDesk .ownersDeskTit::after{
        bottom: -1px;
    }
    .secOwnersDesk .ownersDeskEn{
        margin: calc((18 / 375) * var(--widthBase)) 0 calc((24 / 375) * var(--widthBase));
        font-size: var(--spFontSize11);
        letter-spacing: 0;
    }
    .secOwnersDesk .ownersDeskLead{
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
    }
    .secOwnersDesk .ownersDeskList{
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        gap: calc((8 / 375) * var(--widthBase));
    }
    .secOwnersDesk .ownersDeskItemImg{
        flex:1 1 calc((50% - (4 / 375) * var(--widthBase)));
        width:auto;
        padding:0;
    }
    .secOwnersDesk .ownersDeskItemTelBox{
        flex:1 1 100%;
        width:100%;
        padding: calc((20 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase)) calc((28 / 375) * var(--widthBase));
        box-sizing:border-box;
    }
    .secOwnersDesk .telBox{
        width:100%;
    }
    .secOwnersDesk .ownersDeskItemLabel{
        margin:0 0 calc((16 / 375) * var(--widthBase));
        padding:0 0 calc((12 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
    }
    .secOwnersDesk .ownersDeskItemLabel::before{
        width: calc((6 / 375) * var(--widthBase));
        height: calc((6 / 375) * var(--widthBase));
        margin-right: calc((6 / 375) * var(--widthBase));
        top: calc((-1 / 375) * var(--widthBase));
    }
    .secOwnersDesk .ownersDeskItemTel{
        gap: calc((8 / 375) * var(--widthBase));
        font-size: var(--spFontSize30);
    }
    .secOwnersDesk .ownersDeskItemTelIco{
        width: calc((22 / 375) * var(--widthBase));
        left:0;
    }
    .secOwnersDesk .ownersDeskItemNote{
        margin:0;
        padding-top: calc((12 / 375) * var(--widthBase));
        font-size: var(--spFontSize11);
        line-height: calc(18 / 11);
    }
    .secOwnersDesk .ownersDeskTapNote{
        display:block;
        margin: calc((9 / 375) * var(--widthBase)) 0 0;
        font-size:var(--spFontSize11);
        line-height:calc(20 / 11);
        letter-spacing:0;
        color:var(--textColorWarmGray);
        text-align:center;
    }
}

/*==============================
    secMaintenanceBanner
==============================*/
.secMaintenanceBanner{
    padding: 0 0 15rem;
    background: var(--bgColorBeige);
}
.secMaintenanceBanner .maintenanceBannerInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 4rem;
    box-sizing:border-box;
    min-height: 26rem;
    padding: 4rem 10rem;
    background:url("../img/performance/guarantee/peace06.jpg") center / cover no-repeat;
    color:var(--textColorWhite);
    text-decoration:none;
    transition: background 0.2s ease-out, color 0.2s ease-out;
}
.secMaintenanceBanner .maintenanceBannerBody{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
}
.secMaintenanceBanner .maintenanceBannerTit{
    margin: 0 0 2.3rem;
    font-size: var(--pcFontSize30);
    font-weight:bold;
    line-height:1.4;
    letter-spacing:var(--pcLetterSpacing40);
}
.secMaintenanceBanner .maintenanceBannerLead{
    margin:0;
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
}
.secMaintenanceBanner .maintenanceBannerBtn{
    flex-shrink:0;
    width:auto;
    min-width: 34rem;
    padding:0 5.5rem 0 3.2rem;
    border-color:var(--bgColor);
    background:var(--bgColor);
    color:var(--textColor);
    font-size: var(--pcFontSize15);
    font-weight: bold;
}
.secMaintenanceBanner .maintenanceBannerBtn .secListBtnArrow{
    filter:brightness(0);
}
.secMaintenanceBanner .maintenanceBannerInner:hover .maintenanceBannerBtn{
    border-color:var(--bgColorDarkGray);
    background:var(--bgColorDarkGray);
    color:var(--textColorWhite);
}
.secMaintenanceBanner .maintenanceBannerInner:hover .secListBtnArrow{
    filter:none;
}
@media only screen and (max-width:1215px){
    .secMaintenanceBanner{
        padding: 0 0 calc((80 / 375) * var(--widthBase));
    }
    .secMaintenanceBanner .maintenanceBannerInner{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:0;
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        min-height: calc((230 / 375) * var(--widthBase));
        padding: calc((31 / 375) * var(--widthBase)) calc((20 / 375) * var(--widthBase)) calc((32 / 375) * var(--widthBase));
        background-image:url("../img/performance/guarantee/peace06_sp.jpg");
        background-position:center;
        background-size:cover;
        text-align:center;
    }
    .secMaintenanceBanner .maintenanceBannerBody{
        width:100%;
        text-align:center;
    }
    .secMaintenanceBanner .maintenanceBannerTit{
        margin: 0 0 calc((11 / 375) * var(--widthBase));
        font-size: var(--spFontSize16);
        letter-spacing:0;
        line-height:1.4;
    }
    .secMaintenanceBanner .maintenanceBannerLead{
        margin: 0 0 calc((12 / 375) * var(--widthBase));
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secMaintenanceBanner .maintenanceBannerBtn{
        width:100%;
        min-width:0;
        justify-content:center;
        padding: 0 calc((20 / 375) * var(--widthBase)) 0 calc((6 / 375) * var(--widthBase));
        font-size: var(--spFontSize11);
        max-width: 24.5rem;
        position: relative;
        top: -0.4rem;
    }
}

/*==============================
    secOtherPerformance（その他の性能）
==============================*/
.secOtherPerformance{
    position:relative;
    padding: 9.2rem 0 12rem;
    color:var(--textColorWhite);
    overflow:hidden;
    background: var(--guaranteeColor02);
}
.secOtherPerformance .otherPerformanceInner{
    position:relative;
    z-index:1;
    text-align:center;
}
.secOtherPerformance .otherPerformanceTit{
    display:table;
    margin: 0 auto 6rem;
    padding: 0 0 1rem;
    font-size:var(--pcFontSize34);
    font-weight:500;
    line-height:1.3;
    letter-spacing:var(--pcLetterSpacing40);
    position:relative;
}
.secOtherPerformance .otherPerformanceTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColorWhite);
}
.secOtherPerformance .otherPerformanceList{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 1.1rem;
    margin:0;
    padding:0;
    list-style:none;
}
.secOtherPerformance .otherPerformanceItem{
    margin:0;
}
.secOtherPerformance .otherPerformanceCard{
    position:relative;
    display:block;
    aspect-ratio:422 / 492;
    overflow:hidden;
    color:var(--textColorWhite);
    text-decoration:none;
}
.secOtherPerformance .otherPerformanceCardBg{
    position:absolute;
    inset:0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.secOtherPerformance .otherPerformanceCardBg01{
    background-image:url("../img/performance/linkBnr01.jpg");
}
.secOtherPerformance .otherPerformanceCardBg02{
    background-image:url("../img/performance/linkBnr02.jpg");
}
.secOtherPerformance .otherPerformanceCardBg03{
    background-image:url("../img/performance/linkBnr03.jpg");
}
.secOtherPerformance .otherPerformanceCardBg04{
    background-image:url("../img/performance/linkBnr04.jpg");
}
.secOtherPerformance .otherPerformanceCardBg::after{
    content:"";
    position:absolute;
    inset:0;
    /* background:rgba(0, 0, 0, 0.35); */
}
.secOtherPerformance .otherPerformanceCardNum{
    position:absolute;
    top: 3.6rem;
    left: 4rem;
    z-index:1;
    display:flex;
    align-items:center;
    gap:1.2rem;
    margin:0;
    font-size:var(--pcFontSize16);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
}
.secOtherPerformance .otherPerformanceCardNumNo::after{
    content:"";
    display:inline-block;
    width: 4rem;
    height:1px;
    margin: -0.1rem 0 0 0.8rem;
    vertical-align:middle;
    background:var(--textColorWhite);
}
.secOtherPerformance .otherPerformanceCardTit{
    position:absolute;
    top: 43.8%;
    left:50%;
    z-index:1;
    margin:0;
    font-size: var(--pcFontSize34);
    font-weight:bold;
    line-height:1.3;
    letter-spacing:var(--pcLetterSpacing40);
    white-space:nowrap;
    transform:translate(-50%, -60%);
}
.secOtherPerformance .otherPerformanceCardEn{
    position:absolute;
    top: 49%;
    left:50%;
    z-index:1;
    margin:0;
    font-size: var(--pcFontSize18);
    font-style:italic;
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
    transform:translate(-50%, 80%);
}
.secOtherPerformance .otherPerformanceCardArrow{
    position:absolute;
    right: 3.8rem;
    bottom: 3.9rem;
    z-index:1;
    width:1.7rem;
    height:auto;
}
.secOtherPerformance .otherPerformanceFoot{
    margin-top: 8rem;
}
.secOtherPerformance .otherPerformanceBtn{
    display:inline-flex;
    width:auto;
    min-width: 28rem;
    margin:0 auto;
    justify-content:center;
    padding:0 4rem 0 5.5rem;
    border-color:var(--bgColor);
    background:var(--bgColor);
    color:var(--textColor);
    font-size: var(--pcFontSize15);
    font-weight: bold;
    transition: background 0.2s ease-out, color 0.2s ease-out;
}
.secOtherPerformance .otherPerformanceBtn::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:3rem;
    width:1.7rem;
    height:0.5rem;
    margin:auto 0;
    background:url("../img/common/icoArrowPrev.png") center / contain no-repeat;
    filter:brightness(0);
    transition:filter 0.2s ease-out;
}
.secOtherPerformance .otherPerformanceBtn:hover{
    border-color:var(--bgColorDarkGray);
    background:var(--bgColorDarkGray);
    color:var(--textColorWhite);
}
.secOtherPerformance .otherPerformanceBtn:hover::before{
    filter:none;
}
@media only screen and (max-width:1215px){
    .secOtherPerformance{
        padding: calc((46 / 375) * var(--widthBase)) 0 calc((60 / 375) * var(--widthBase));
    }
    .secOtherPerformance .otherPerformanceInner{
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        padding:0;
    }
    .secOtherPerformance .otherPerformanceTit{
        margin: 0 auto calc((30 / 375) * var(--widthBase));
        padding: 0 0 calc((7 / 375) * var(--widthBase));
        font-size:var(--spFontSize20);
        letter-spacing:0;
    }
    .secOtherPerformance .otherPerformanceList{
        grid-template-columns:1fr;
        gap: calc((15 / 375) * var(--widthBase));
    }
    .secOtherPerformance .otherPerformanceCard{
        aspect-ratio:690 / 200;
    }
    .secOtherPerformance .otherPerformanceCardBg01{
        background-image:url("../img/performance/linkBnr01_sp.jpg");
    }
    .secOtherPerformance .otherPerformanceCardBg02{
        background-image:url("../img/performance/linkBnr02_sp.jpg");
    }
    .secOtherPerformance .otherPerformanceCardBg03{
        background-image:url("../img/performance/linkBnr03_sp.jpg");
    }
    .secOtherPerformance .otherPerformanceCardBg04{
        background-image:url("../img/performance/linkBnr04_sp.jpg");
    }
    .secOtherPerformance .otherPerformanceCardNum{
        top: calc((16 / 375) * var(--widthBase));
        left: calc((30 / 375) * var(--widthBase));
        font-size: var(--spFontSize11);
        gap:0.6rem;
    }
    .secOtherPerformance .otherPerformanceCardNumNo::after{
        width: calc((20 / 375) * var(--widthBase));
        margin-left:0.6rem;
    }
    .secOtherPerformance .otherPerformanceCardTit{
        top: 49%;
        left: calc((29 / 375) * var(--widthBase));
        font-size: var(--spFontSize18);
        letter-spacing:0;
        transform:translateY(-55%);
    }
    .secOtherPerformance .otherPerformanceCardEn{
        top: 55%;
        left: calc((30 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        transform:translateY(70%);
    }
    .secOtherPerformance .otherPerformanceCardArrow{
        top:50%;
        right: calc((30 / 375) * var(--widthBase));
        bottom:auto;
        width: calc((14 / 375) * var(--widthBase));
        transform:translateY(-50%);
    }
    .secOtherPerformance .otherPerformanceFoot{
        margin-top: calc((30 / 375) * var(--widthBase));
    }
    .secOtherPerformance .otherPerformanceBtn{
        width:100%;
        min-width:0;
        padding: 0px 2rem 0 calc((40 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        max-width: 20.5rem;
        max-height: 4.5rem;
    }
    .secOtherPerformance .otherPerformanceBtn::before{
        left: calc((20 / 375) * var(--widthBase));
        width: calc((14 / 375) * var(--widthBase));
        height: calc((4 / 375) * var(--widthBase));
    }
}

.secSenseStay{
    width: 100%;
}
.secSenseStay.lazyloaded{
    background: url(../img/performance/guarantee/bg_Guarantee.jpg) center center no-repeat;
    background-size: 192rem auto;
}
.secSenseStay .senseStayInner{
    min-height: 55rem;
    display: flex;
    align-items: center;
}
.secSenseStay .senseStayStage{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--whiteColor);
    padding-bottom: 1rem;
}
.secSenseStay .senseStayHeadline{
    font-size: var(--pcFontSize30);
    line-height: calc(40 / 30);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing50);
}
.secSenseStay .senseStayHeadlineMark{
    border-bottom: 1px solid;
    border-color: var(--whiteColor);
    padding-bottom: 0.5rem;
}
.secSenseStay .senseStayLeadWrap{
    text-align: center;
    margin-top: 3.8rem;
}
.secSenseStay .senseStayLeadWrap .senseStayLead{
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
}
.secSenseStay .senseStayAction{
    max-width: 59rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 4.1rem;
}
.secSenseStay .senseStayActionList{
    display: flex;
}
.secSenseStay .senseStayActionItem{
    width: calc((100% - 3rem) / 2);
}
.secSenseStay .senseStayActionItem + .senseStayActionItem{
    margin-left: 3rem;
}
.secSenseStay .senseStayCta{
    display: flex;
    align-items: center;
    width: 100%;
    height: 6.4rem;
    border: 1px solid;
    color: var(--whiteColor);
    border-radius: 4rem;
    font-size: var(--pcFontSize15);
    line-height: calc(30 / 15);
    font-weight: bold;
    padding: 0 3rem;
    padding-left: 4rem;
}
.secSenseStay .senseStayCta.isVisit{
    background-color: var(--textColorTeal);
    border-color: var(--textColorTeal);
}
.secSenseStay .senseStayCta.isCatalog{
    background-color: rgba(45,45,45,0.5);
    border-color: var(--whiteColor);
}
.secSenseStay .senseStayCta::after{
    content: "";
    width: 1.7rem;
    height: 0.5rem;
    top: calc(50% - 0.25rem);
    right: 3rem;
}
.secSenseStay.lazyloaded .senseStayCta::after{
    background: url(../img/common/icoArrow.png) center center no-repeat;
    background-size: auto 0.5rem;
}
.secSenseStay .senseStayCta .senseStayCtaInner{
    display: inline-block;
    width: 100%;
    text-align: left;
}
@media only screen and (min-width: 1921px){
    .secSenseStay.lazyloaded{
        background-size: cover;
    }
}
@media only screen and (max-width: 1215px){
    main > .pnkz{
        margin-top: 0;
    }
    .secSenseStay.lazyloaded{
        background-size: cover;
    }
    .secSenseStay .senseStayInner{
        min-height:0;
        display: block;
        padding-top: 3.5rem;
        padding-bottom: 4rem;
    }
    .secSenseStay .senseStayStage{
        padding-bottom: 0;
    }
    .secSenseStay .senseStayHeadline{
        font-size: var(--spFontSize16);
        line-height: calc(24 / 16);
    }
    .secSenseStay .senseStayHeadlineMark{
        border-bottom:none;
        padding-bottom:0;
    }
    .secSenseStay .senseStayHeadlineLine{
        display:inline-block;
        padding-bottom: 0rem;
        border-bottom:1px solid;
        border-color:var(--whiteColor);
    }
    .secSenseStay .senseStayHeadlineLine + .senseStayHeadlineLine,
    .secSenseStay .brSp + .senseStayHeadlineLine{
        margin-top: calc((0 / 375) * var(--widthBase));
    }
    .secSenseStay .senseStayLeadWrap{
        margin-top: 1.5rem;
    }
    .secSenseStay .senseStayLeadWrap .senseStayLead{
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
    .secSenseStay .senseStayAction{
        max-width: 22.5rem;
        margin-top: 2rem;
    }
    .secSenseStay .senseStayActionList{
        display:block;
    }
    .secSenseStay .senseStayActionItem{
        width: 100%;
    }
    .secSenseStay .senseStayActionItem + .senseStayActionItem{
        margin-left: 0;
        margin-top: 1.2rem;
    }
    .secSenseStay .senseStayCta{
        height: 5rem;
        font-size: var(--spFontSize12);
        line-height: calc(20 / 12);
        padding: 0 2rem;
        padding-left: 2.5rem;
    }
    .secSenseStay .senseStayCta::after{
        width: 1.3rem;
        right: 2rem;
    }
    .secSenseStay.lazyloaded .senseStayCta::after{
        background: url(../img/common/icoArrow.png) center right no-repeat;
        background-size: auto 0.5rem;
    }
}
@media only screen and (max-width: 767px){
    .secSenseStay.lazyloaded{
        background-image: url(../img/performance/guarantee/bg_Guarantee_sp.jpg);
        background-size: cover;
    }
}
@media only screen and (max-width: 1215px) {
    .secListBtnArrow {
        width: 1.3rem;
    }
}