/*==============================
    page top
==============================*/
.indexPerformance .secPageTop{
    height: 85rem;
    align-items: center;
    padding:0 0 8rem;
    text-align:left;
}
.indexPerformance .secPageTop .pageTopBg{
    background-image:url("../img/performance/durable/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 .pageTopBg{
        background-image:url("../img/performance/durable/fvImg_sp.jpg");
        background-position:center top;
    }
    .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);
    }
}
#container {
    background: var(--bgColorBeige);
}
/*==============================
    secPeace
==============================*/
.secPeace{
    padding: 0 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 .pnkz{
    padding: 2.4rem 0 0;
}
.secPeace .peaceInner{
    display: flex;
    grid-template-columns:minmax(0, 58rem) minmax(0, 1fr);
    gap: 0;
    align-items: center;
    margin-top: 7.6rem;
}
.secPeace .peaceCopy{
    padding-left: 7rem;
    position: relative;
    right: -4.6rem;
    flex: 1;
}
.secPeace .peaceImg{
    overflow:hidden;
    width: 65rem;
    max-width: 65rem;
    /* aspect-ratio: 1 / 1; */
    position: relative;
    left: 1.6rem;
}
.secPeace .peaceImg img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.secPeace .peaceTit{
    margin:0 0 3.6rem;
    font-size:var(--pcFontSize44);
    font-weight: bold;
    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((42 / 375) * var(--widthBase)) 0 calc((60 / 375) * var(--widthBase));
        background-image:url("../img/performance/durable/peaceBg01_sp.jpg");
        background-position:center top;
        background-size:cover;
    }
    .secPeace .peaceInner{
        display:flex;
        flex-direction:column;
        gap: calc((56 / 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;
        align-items:stretch;
    }
    .secPeace .peaceCopy{
        order:-1;
        width:100%;
        margin:0;
        padding:0;
        right:auto;
    }
    .secPeace .peaceImg{
        order:0;
        width:100%;
        aspect-ratio:auto;
        margin:0;
        left:0;
        max-width: 30.5rem;
        margin: 0 auto;
    }
    .secPeace .peaceImg img{
        height:auto;
        object-fit:cover;
    }
    .secPeace .peaceTit{
        margin: 0 0 calc((16 / 375) * var(--widthBase));
        font-size: var(--spFontSize24);
        line-height: calc(38 / 24);
        letter-spacing: 0;
    }
    .secPeace .peaceLead{
        top:0;
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
    .secPeace .peaceLead .peaceLeadBoldCancel{
        font-weight:normal;
    }
}

/*==============================
    secAssurance
==============================*/
.secAssurance .assuranceVisual{
    position:relative;
    padding: 15rem 0;
    color:var(--textColorWhite);
    text-align:left;
}
.secAssurance .assuranceBg{
    position:absolute;
    inset:0;
}
.secAssurance .assuranceBg.lazyloaded{
    background:url("../img/performance/durable/durableBg.jpg") center/cover no-repeat;
}
.secAssurance .assuranceInner{
    position:relative;
    z-index:1;
    top: 1.2rem;
}
.secAssurance .assuranceEn{
    position:relative;
    margin: 0 0 2.4rem;
    padding: 0 0 0 6rem;
    font-size:var(--pcFontSize18);
    font-weight:500;
    line-height:1;
    letter-spacing:var(--pcLetterSpacing40);
}
.secAssurance .assuranceEn::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width: 5rem;
    height:1px;
    background:var(--textColorWhite);
    transform:translateY(-50%);
}
.secAssurance .assuranceTit{
    display:block;
    margin: 0 0 3.6rem;
    padding: 0;
    font-size:var(--pcFontSize44);
    font-weight: bold;
    line-height:calc(70 / 44);
    letter-spacing: var(--pcLetterSpacing100);
    position: relative;
    top: 0.4rem;
}
.secAssurance .assuranceTit::after{
    content:none;
}
.secAssurance .assuranceLead{
    margin:0;
    font-size: var(--pcFontSize15);
    line-height: calc(40 / 15);
    letter-spacing:var(--pcLetterSpacing40);
    position: relative;
    top: -1.6rem;
}

@media only screen and (max-width:1215px){
    .secAssurance .assuranceVisual{
        padding: calc((21 / 375) * var(--widthBase)) 0 calc((54 / 375) * var(--widthBase));
        min-height: calc((200 / 375) * var(--widthBase));
        display:flex;
        align-items:flex-end;
    }
    .secAssurance .assuranceBg.lazyloaded{
        background-image:url("../img/performance/durable/durableBg_sp.jpg");
        background-position:center;
        background-size:cover;
    }
    .secAssurance .assuranceInner{
        width: calc((345 / 375) * var(--widthBase));
        margin:0 auto;
        padding:0;
        top: -0.5rem;
    }
    .secAssurance .assuranceEn{
        margin: 0 0 calc((12 / 375) * var(--widthBase));
        padding-left: calc((26 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        letter-spacing:var(--spLetterSpacing80);
    }
    .secAssurance .assuranceEn::before{
        width: calc((20 / 375) * var(--widthBase));
    }
    .secAssurance .assuranceTit{
        margin:0;
        padding:0;
        top:0;
        font-size:var(--spFontSize20);
        line-height:calc(32 / 20);
        letter-spacing:0;
        font-weight:500;
    }
    .secAssurance .assuranceLeadSp{
        margin:0;
        padding: calc((23 / 375) * var(--widthBase)) calc((15 / 375) * var(--widthBase)) calc((0 / 375) * var(--widthBase));
        color:var(--textColor);
        text-align:center;
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        letter-spacing:0;
    }
}

/*==============================
    secHinoki
==============================*/
.secHinoki{
    padding: 9.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;
}
.secHinoki .hinokiInner{
    width:142rem;
}
.secHinoki .hinokiTit{
    display:table;
    margin: 0 auto 3.8rem;
    padding: 0 0 0.8rem;
    font-size:var(--pcFontSize34);
    font-weight: bold;
    line-height:calc(50 / 34);
    letter-spacing: var(--pcLetterSpacing50);
    text-align:center;
    position:relative;
}
.secHinoki .hinokiTit::after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secHinoki .hinokiTit::before{
    top:0;
}
.secHinoki .hinokiTit::after{
    bottom:0;
}
.secHinoki .hinokiLead{
    margin: 0 0 6.9rem;
    font-size: var(--pcFontSize18);
    line-height: calc(40 / 18);
    letter-spacing: 0px;
    text-align:center;
}
.secHinoki .hinokiBody{
    display:flex;
    align-items:center;
    gap: 8rem;
}
.secHinoki .hinokiImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
}
.secHinoki .hinokiImg img{
    width:100%;
    height:auto;
    display:block;
}
.secHinoki .hinokiCopy{
    flex:1;
    min-width:0;
    position: relative;
}
.secHinoki .hinokiCopyTit{
    margin: 0 0 2.2rem;
    font-size: var(--pcFontSize28);
    font-weight: bold;
    line-height: calc(46 / 28);
    letter-spacing:0;
}
.secHinoki .hinokiCopyTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
    position: relative;
    top: -0.4rem;
}
.secHinoki .hinokiChart{
    margin: 8rem 0 0;
    background: var(--whiteColor);
    padding: 4.8rem 9.5rem;
}
.secHinoki .hinokiChartTit{
    margin: 0 0 5rem;
    font-size: var(--pcFontSize22);
    font-weight: bold;
    line-height:1;
    letter-spacing:0;
    text-align:center;
}
.secHinoki .hinokiChartImg{
    width:100%;
    height:auto;
    display:block;
}
.secHinoki .hinokiChartNote{
    margin: 1rem 0 0;
    font-size: var(--pcFontSize13);
    line-height:calc(20 / 12);
    letter-spacing:0;
    text-align:right;
}
.secHinoki .hinokiTough{
    margin: 10rem 0 0;
}
.secHinoki .hinokiToughTit{
    margin: 0 0 4.8rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:1;
    letter-spacing: 0px;
    text-align:center;
}
.secHinoki .hinokiToughBody{
    display:flex;
    align-items:flex-start;
    gap: 8.3rem;
}
.secHinoki .hinokiToughImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
    background:var(--whiteColor);
}
.secHinoki .hinokiToughImg img{
    width:100%;
    height:auto;
    display:block;
}
.secHinoki .hinokiToughCopy{
    flex:1;
    min-width:0;
    padding-top: 9px;
}
.secHinoki .hinokiToughTxt{
    margin: 0 0 3.5rem;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}

.secHinoki .hinokiToughTableImg{
    width:100%;
    height:auto;
    display:block;
    max-width: 65.6rem;
}
.secHinoki .hinokiToughNote{
    margin: 0.5rem 0 0;
    font-size: var(--pcFontSize13);
    line-height: calc(32 / 13);
    letter-spacing:0;
}
.secHinoki .hinokiEffect{
    margin: 9.8rem 0 0;
}
.secHinoki .hinokiEffectTit{
    margin: 0 0 4.8rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:1;
    letter-spacing: var(--pcLetterSpacing50);
    text-align:center;
}
.secHinoki .hinokiEffectList{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 2rem;
    list-style:none;
    margin:0;
    padding:0;
}
.secHinoki .hinokiEffectItem{
    box-sizing:border-box;
    padding: 3.6rem 2rem 2.8rem;
    background:var(--whiteColor);
    text-align:center;
}
.secHinoki .hinokiEffectHead{
    margin: 0;
}
.secHinoki .hinokiEffectIcon{
    display:block;
    width: 7.4rem;
    height:auto;
    margin: 0 auto 3.3rem;
}
.secHinoki .hinokiEffectItemTit{
    margin: 0 0 1.5rem;
    font-size:var(--pcFontSize20);
    font-weight: bold;
    line-height:1;
    letter-spacing:0;
}
.secHinoki .hinokiEffectItemTxt{
    margin:0;
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
    text-align:left;
}
.secHinoki .hinokiEffectPoint{
    margin-top: 8.4rem;
}
.secHinoki .hinokiEffectPointBox{
    position:relative;
    padding: 3.9rem 5rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secHinoki .hinokiEffectPointLabel{
    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;
}
.secHinoki .hinokiEffectPointTxt{
    margin:0;
    font-size: var(--pcFontSize20);
    line-height: calc(40 / 20);
    letter-spacing:0;
    text-align: left;
}

@media only screen and (max-width:1215px){
    .secHinoki{
        padding: calc((33 / 375) * var(--widthBase)) 0 calc((60 / 375) * var(--widthBase));
        background-image:none;
    }
    .secHinoki .hinokiInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        padding:0;
        box-sizing:border-box;
    }
    .secHinoki .hinokiTit{
        display:table;
        margin: 0 auto calc((40 / 375) * var(--widthBase));
        padding: 0 0 calc((0 / 375) * var(--widthBase));
        font-size: var(--spFontSize20);
        font-weight:bold;
        line-height: calc(40 / 20);
        letter-spacing:0;
        text-align:center;
    }
    .secHinoki .hinokiLead{
        display:none;
    }
    .secHinoki .hinokiBody{
        flex-direction:column;
        gap: calc((11 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secHinoki .hinokiImg{
        width:100%;
        max-width:none;
        order:0;
    }
    .secHinoki .hinokiCopy{
        order:1;
        width:100%;
    }
    .secHinoki .hinokiCopyTit{
        margin: 0 0 calc((7 / 375) * var(--widthBase));
        font-size: var(--spFontSize18);
        line-height: calc(32 / 18);
    }
    .secHinoki .hinokiCopyTxt{
        top:0;
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
    .secHinoki .hinokiChart{
        margin: calc((28 / 375) * var(--widthBase)) 0 0;
        padding: 2rem 1.9rem;
        /* background:transparent; */
    }
    .secHinoki .hinokiChartTit{
        margin: 0 0 calc((20 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        font-weight:bold;
    }
    .secHinoki .hinokiChartImg{
        margin: 0;
    }
    .secHinoki .hinokiChartPoints{
        margin:0;
        padding: 0 1.5rem 1rem;
        list-style:none;
        background: var(--bgColorBeigeLight);
        border-radius: calc((3 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiChartPoints li{
        position:relative;
        margin:0;
        padding: calc((11 / 375) * var(--widthBase)) 0 calc((10 / 375) * var(--widthBase)) calc((8 / 375) * var(--widthBase));
        border-bottom:1px solid var(--borderColorBeige);
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
    .secHinoki .hinokiChartPoints li:nth-child(2){
        padding: calc((8 / 375) * var(--widthBase)) 0 calc((7 / 375) * var(--widthBase)) calc((8 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiChartPoints li:last-child{
        border-bottom:none;
    }
    .secHinoki .hinokiChartPoints li::before{
        content:"";
        position:absolute;
        top: calc((17 / 375) * var(--widthBase));
        left:0;
        width: calc((5 / 375) * var(--widthBase));
        height: calc((5 / 375) * var(--widthBase));
        border-radius:50%;
        background: #358182;
    }
    .secHinoki .hinokiChartPoints li:first-child:before{
        top: calc((17 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiChartPointsNum{
        display:inline-block;
        font-size:var(--spFontSize18);
        font-weight:bold;
        line-height:1;
        vertical-align: -0.1em;
    }
    .secHinoki .hinokiTough{
        margin: calc((32 / 375) * var(--widthBase)) 0 0;
    }
    .secHinoki .hinokiChartNote{
        margin: calc((8 / 375) * var(--widthBase)) 0 0;
        font-size: var(--spFontSize11);
        line-height: calc(20 / 11);
        text-align:left;
    }
    .secHinoki .hinokiToughTit{
        margin: calc((45 / 375) * var(--widthBase)) 0 calc((31 / 375) * var(--widthBase));
        font-size: var(--spFontSize16);
        text-align:center;
    }
    .secHinoki .hinokiToughBody{
        flex-direction:column;
        gap: calc((12 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secHinoki .hinokiToughImg{
        width:100%;
        max-width:none;
        background:var(--whiteColor);
    }
    .secHinoki .hinokiToughCopy{
        padding-top:0;
        width:100%;
    }
    .secHinoki .hinokiToughTxt{
        margin: 0 0 calc((28 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
    .secHinoki .hinokiToughTableImg{
        max-width:none;
    }
    .secHinoki .hinokiToughNote{
        margin: calc((9 / 375) * var(--widthBase)) 0 0;
        font-size: var(--spFontSize11);
        line-height: calc(20 / 11);
    }
    .secHinoki .hinokiEffect{
        margin: calc((45 / 375) * var(--widthBase)) 0 0;
    }
    .secHinoki .hinokiEffectTit{
        margin: 0 0 calc((30 / 375) * var(--widthBase));
        font-size:var(--spFontSize16);
        font-weight:bold;
        letter-spacing:0;
    }
    .secHinoki .hinokiEffectList{
        grid-template-columns:1fr;
        gap: calc((14 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiEffectItem{
        padding: calc((20 / 375) * var(--widthBase)) calc((20 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase));
        text-align:left;
    }
    .secHinoki .hinokiEffectItem:nth-child(2){
        padding-bottom: 2rem;
    }
    .secHinoki .hinokiEffectHead{
        display:flex;
        align-items:center;
        gap: calc((16 / 375) * var(--widthBase));
        margin: 0 0 calc((9 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiEffectIcon{
        width: calc((50 / 375) * var(--widthBase));
        margin: 0;
        flex-shrink:0;
    }
    .secHinoki .hinokiEffectItemTit{
        margin: 0;
        font-size:var(--spFontSize16);
        font-weight:bold;
        line-height:1;
    }
    .secHinoki .hinokiEffectItemTxt{
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secHinoki .hinokiEffectPoint{
        margin-top: calc((65 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiEffectPointBox{
        padding: calc((17 / 375) * var(--widthBase)) calc((18 / 375) * var(--widthBase));
    }
    .secHinoki .hinokiEffectPointLabel{
        top: calc((-31 / 375) * var(--widthBase));
        padding: calc((8 / 375) * var(--widthBase)) calc((26 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
    }
    .secHinoki .hinokiEffectPointTxt{
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align:left;
    }
}

/*==============================
    secTile
==============================*/
.secTile{
    padding: 9rem 0 12rem;
    background: var(--bodyBaseColor);
}
.secTile .tileInner{
    width:142rem;
}
.secTile .tileTit{
    display:table;
    margin: 0 auto 3.8rem;
    padding: 0 0 0.8rem;
    font-size:var(--pcFontSize34);
    font-weight:bold;
    line-height:calc(50 / 34);
    letter-spacing: 0;
    text-align:center;
    position:relative;
}
.secTile .tileTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secTile .tileLead{
    margin: 0 0 6.9rem;
    font-size:var(--pcFontSize18);
    line-height:calc(40 / 18);
    letter-spacing:0;
    text-align:center;
}
.secTile .tileBody{
    display:flex;
    align-items:center;
    gap: 8rem;
}
.secTile .tileImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
    background:var(--whiteColor);
}
.secTile .tileImg img{
    width:100%;
    height:auto;
    display:block;
}
.secTile .tileCopy{
    flex:1;
    min-width:0;
}
.secTile .tileCopyTit{
    margin: 0 0 0.8rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing:0;
    position: relative;
    top: -1.3rem;
}
.secTile .tileCopyTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secTile .tileHydro{
    margin: 8.8rem 0 0;
}
.secTile .tileHydroTit{
    margin: 0 0 4rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing: 0;
    text-align:center;
}
.secTile .tileHydroBody{
    display:flex;
    align-items:center;
    gap: 6rem;
}
.secTile .tileHydroCopy{
    flex:1;
    min-width:0;
}
.secTile .tileHydroTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
    position: relative;
    top: 0;
}
.secTile .tileHydroTxt + .tileHydroTxt{
    margin-top: 3.8rem;
    top: -0.6rem;
}
.secTile .tileHydroImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
}
.secTile .tileHydroImg img{
    width:100%;
    height:auto;
    display:block;
}
.secTile .tileHydroSteps{
    display:flex;
    align-items:stretch;
    gap: 4.8rem;
    margin: 8rem 0 0;
    padding:0;
    list-style:none;
}
.secTile .tileHydroStep{
    position:relative;
    flex:1;
    min-width:0;
    background:var(--whiteColor);
    border-radius: 0 0 0.3rem 0.3rem;
}
.secTile .tileHydroStep:not(:last-child)::after{
    content:"";
    position:absolute;
    top: calc(50% - 1rem);
    right: -2.9rem;
    width:0;
    height:0;
    border-top: 1.1rem solid transparent;
    border-bottom: 1.1rem solid transparent;
    border-left: 1.4rem solid #c4b28d;
}
.secTile .tileHydroStepTit{
    margin:0;
    padding: 2.4rem 1.6rem 2.6rem;
    background: var(--lineupSubtitColor);
    font-size: var(--pcFontSize22);
    font-weight:500;
    line-height:1.4;
    letter-spacing:0;
    color:var(--textColorWhite);
    text-align:center;
    border-radius: 0.3rem 0.3rem 0 0;
}
.secTile .tileHydroStepFig{
    padding: 3.5rem 3rem 0;
    text-align:center;
}
.secTile .tileHydroStepFig img{
    width:100%;
    max-width: 38rem;
    height:auto;
    display:block;
    text-align: center;
}
.secTile .tileHydroStepTxt{
    margin:0;
    padding: 1rem 2.8rem 2.9rem;
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
    letter-spacing:0;
}
.secTile .tileScratch{
    margin: 8.8rem 0 0;
}
.secTile .tileScratchTit{
    display:table;
    margin: 0 auto 3.8rem;
    padding: 0 0 0.5rem;
    font-size: var(--pcFontSize34);
    font-weight: bold;
    line-height: calc(56 / 34);
    letter-spacing:0;
    text-align:center;
    position:relative;
}
.secTile .tileScratchTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secTile .tileScratchLead{
    margin: 0px 0 6.8rem;
    font-size: var(--pcFontSize18);
    line-height: calc(40 / 18);
    letter-spacing: 0px;
    text-align:center;
}
.secTile .tileScratchTable{
    position:relative;
    overflow:hidden;
}
.secTile .tileScratchTableWrap{
    overflow:hidden;
}
.secTile .tileScratchTableImg{
    width:100%;
    height:auto;
    display:block;
    max-width: 120rem;
    margin: 0 auto;
    vertical-align:bottom;
}
.secTile .tileScratchScroll{
    display:none;
}
.secTile .tileScratchPoint{
    margin-top: 8.5rem;
}
.secTile .tileScratchPointBox{
    position:relative;
    padding: 3.9rem 5rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secTile .tileScratchPointLabel{
    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;
}
.secTile .tileScratchPointTxt{
    margin:0;
    font-size: var(--pcFontSize20);
    line-height: calc(40 / 20);
    letter-spacing:0;
    text-align: left;
}

@media only screen and (max-width:1215px){
    .secTile{
        padding: 3.8rem 0 calc((60 / 375) * var(--widthBase));
    }
    .secTile .tileInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        padding:0;
        box-sizing:border-box;
    }
    .secTile .tileTit{
        margin: 0 auto calc((26 / 375) * var(--widthBase));
        padding: 0 0 calc((0 / 375) * var(--widthBase));
        font-size:var(--spFontSize20);
        font-weight:bold;
        line-height: calc(40 / 20);
        letter-spacing:0;
    }
    .secTile .tileLead{
        margin: 0 0 calc((36 / 375) * var(--widthBase));
        font-size: var(--spFontSize13);
        line-height: calc(27 / 14);
        text-align:center;
    }
    .secTile .tileBody{
        flex-direction:column;
        gap: calc((12 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secTile .tileImg{
        width:100%;
        max-width:none;
        background:var(--whiteColor);
        box-sizing:border-box;
    }
    .secTile .tileCopy{
        width:100%;
    }
    .secTile .tileCopyTit{
        margin: 0 0 calc((7 / 375) * var(--widthBase));
        top:0;
        font-size:var(--spFontSize18);
        line-height:calc(32 / 18);
    }
    .secTile .tileCopyTxt{
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secTile .tileHydro{
        margin: calc((17 / 375) * var(--widthBase)) 0 0;
    }
    .secTile .tileHydroTit{
        margin: 0 0 calc((24 / 375) * var(--widthBase));
        font-size:var(--spFontSize16);
        font-weight:bold;
        line-height: calc(26 / 16);
        letter-spacing:0;
        text-align:center;
    }
    .secTile .tileHydroBody{
        flex-direction:column;
        gap: calc((13 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secTile .tileHydroCopy{
        order:1;
        width:100%;
    }
    .secTile .tileHydroTxt{
        top:0;
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secTile .tileHydroTxt + .tileHydroTxt{
        margin-top:0;
        top:0;
    }
    .secTile .tileHydroImg{
        order:0;
        width:100%;
        max-width:none;
    }
    .secTile .tileHydroSteps{
        flex-direction:column;
        gap: calc((41 / 375) * var(--widthBase));
        margin: calc((37 / 375) * var(--widthBase)) 0 0;
    }
    .secTile .tileHydroStep:not(:last-child)::after{
        top:auto;
        bottom: calc((-26 / 375) * var(--widthBase));
        right:50%;
        transform:translateX(50%);
        border-left: calc((8 / 375) * var(--widthBase)) solid transparent;
        border-right: calc((8 / 375) * var(--widthBase)) solid transparent;
        border-top: calc((12 / 375) * var(--widthBase)) solid #c4b28d;
        border-bottom:none;
    }
    .secTile .tileHydroStepTit{
        padding: calc((9 / 375) * var(--widthBase)) calc((12 / 375) * var(--widthBase));
        font-size: var(--spFontSize16);
        font-weight:500;
        line-height:1.4;
        border-radius: calc((3 / 375) * var(--widthBase)) calc((3 / 375) * var(--widthBase)) 0 0;
    }
    .secTile .tileHydroStepFig{
        padding: calc((20 / 375) * var(--widthBase)) calc((21 / 375) * var(--widthBase)) calc((10 / 375) * var(--widthBase));
    }
    .secTile .tileHydroStepFig img{
        max-width:none;
        margin: 0 auto;
    }
    .secTile .tileHydroStepTxt{
        padding: 0 calc((20 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase));
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
        border-radius: 0 0 0.3rem 0.3rem;
    }
    .secTile .tileScratch{
        margin: calc((48 / 375) * var(--widthBase)) 0 0;
    }
    .secTile .tileScratchTit{
        margin: 0 auto calc((22 / 375) * var(--widthBase));
        padding: 0 0 calc((8 / 375) * var(--widthBase));
        font-size:var(--spFontSize18);
        line-height:calc(30 / 18);
        text-align:center;
    }
    .secTile .tileScratchLead{
        margin: 0 0 calc((33 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align: center;
    }
    .secTile .tileScratchTable{
        width: calc((360 / 375) * var(--widthBase));
        overflow:hidden;
    }
    .secTile .tileScratchTableWrap{
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .secTile .tileScratchTableWrap::-webkit-scrollbar{
        display:none;
    }
    .secTile .tileScratchTableWrap picture{
        display:block;
        width: calc((500 / 375) * var(--widthBase));
    }
    .secTile .tileScratchTableImg{
        width: calc((555 / 375) * var(--widthBase));
        max-width:none;
        margin:0;
        margin-left: 0.4rem;
    }
    .secTile .tileScratchScroll{
        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;
        transform:none;
        transition:opacity 0.25s ease, visibility 0.25s ease;
    }
    .secTile .tileScratchScroll.isHide{
        visibility:hidden;
        opacity:0;
    }
    .secTile .tileScratchScroll.isHide .tileScratchScrollImg{
        animation:none;
    }
    .secTile .tileScratchScrollImg{
        display:block;
        width:100%;
        height:auto;
        animation: tileScratchScrollSway 1s ease-in-out infinite alternate;
        backface-visibility:hidden;
    }
    @keyframes tileScratchScrollSway{
        from{
            transform:translate3d(-10px, 0, 0);
        }
        to{
            transform:translate3d(10px, 0, 0);
        }
    }
    @media (prefers-reduced-motion: reduce){
        .secTile .tileScratchScrollImg{
            animation:none;
        }
    }
    .secTile .tileScratchPoint{
        margin-top: calc((67 / 375) * var(--widthBase));
    }
    .secTile .tileScratchPointBox{
        padding: calc((17 / 375) * var(--widthBase)) calc((18 / 375) * var(--widthBase));
    }
    .secTile .tileScratchPointLabel{
        top: calc((-32 / 375) * var(--widthBase));
        padding: calc((7 / 375) * var(--widthBase)) calc((26 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        padding-bottom: 1rem;
    }
    .secTile .tileScratchPointTxt{
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align:left;
    }
}


/*==============================
    secKawara
==============================*/
.secKawara{
    padding: 9.1rem 0 12rem;
    background: var(--bgColorBeige);
}
.secKawara .kawaraInner{
    width:142rem;
}
.secKawara .kawaraTit{
    display:table;
    margin: 0 auto 3.6rem;
    padding: 0 0 0.8rem;
    font-size:var(--pcFontSize34);
    font-weight:bold;
    line-height:calc(50 / 34);
    letter-spacing:0;
    text-align:center;
    position:relative;
}
.secKawara .kawaraTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secKawara .kawaraLead{
    margin: 0 0 6.9rem;
    font-size:var(--pcFontSize18);
    line-height:calc(40 / 18);
    letter-spacing:0;
    text-align:center;
}
.secKawara .kawaraBody{
    display:flex;
    align-items:center;
    gap: 8rem;
}
.secKawara .kawaraImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
}
.secKawara .kawaraImg img{
    width:100%;
    height:auto;
    display:block;
}
.secKawara .kawaraCopy{
    flex:1;
    min-width:0;
}
.secKawara .kawaraCopyTit{
    margin: 0 0 2.2rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing:0;
}
.secKawara .kawaraCopyTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secKawara .kawaraLife{
    display:flex;
    align-items:center;
    gap: 8rem;
    margin: 10rem 0 0;
}
.secKawara .kawaraLifeCopy{
    flex:1;
    min-width:0;
    position: relative;
    top: -0.8rem;
}
.secKawara .kawaraLifeTit{
    margin: 0 0 2.2rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing:0;
}
.secKawara .kawaraLifeTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secKawara .kawaraLifeChart{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
    background:var(--whiteColor);
}
.secKawara .kawaraLifeChartImg{
    width:100%;
    height:auto;
    display:block;
}
.secKawara .kawaraBosai{
    display:flex;
    align-items:center;
    gap: 8rem;
    margin: 10rem 0 0;
}
.secKawara .kawaraBosaiImg{
    overflow:hidden;
    width: 68rem;
    max-width: 68rem;
    flex-shrink:0;
}
.secKawara .kawaraBosaiImg img{
    width:100%;
    height:auto;
    display:block;
}
.secKawara .kawaraBosaiCopy{
    flex:1;
    min-width:0;
    position: relative;
    top: -0.9rem;
}
.secKawara .kawaraBosaiTit{
    margin: 0 0 2.2rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing:0;
}
.secKawara .kawaraBosaiTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secKawara .kawaraSolar{
    display:flex;
    align-items:center;
    gap: 8rem;
    margin: 10rem 0 0;
    padding: 5rem 5rem;
    box-sizing:border-box;
    background:var(--whiteColor);
}
.secKawara .kawaraSolarCopy{
    flex:1;
    min-width:0;
    padding-left: 4.7rem;
    position: relative;
    top: -0.6rem;
}
.secKawara .kawaraSolarTit{
    margin: 0 0 2.2rem;
    font-size:var(--pcFontSize28);
    font-weight: bold;
    line-height:calc(46 / 28);
    letter-spacing:0;
}
.secKawara .kawaraSolarTxt{
    margin:0;
    font-size:var(--pcFontSize15);
    line-height:calc(32 / 15);
    letter-spacing:0;
}
.secKawara .kawaraSolarImg{
    overflow:hidden;
    width: 40.8rem;
    max-width: 40.8rem;
    flex-shrink:0;
}
.secKawara .kawaraSolarImg img{
    width:100%;
    height:auto;
    display:block;
}
.secKawara .kawaraPoint{
    margin-top: 8.5rem;
}
.secKawara .kawaraPointBox{
    position:relative;
    padding: 3.9rem 5rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secKawara .kawaraPointLabel{
    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;
}
.secKawara .kawaraPointTxt{
    margin:0;
    font-size: var(--pcFontSize20);
    line-height: calc(40 / 20);
    letter-spacing:0;
    text-align: left;
}

@media only screen and (max-width:1215px){
    .secKawara{
        padding: calc((54 / 375) * var(--widthBase)) 0 calc((60 / 375) * var(--widthBase));
    }
    .secKawara .kawaraInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        padding:0;
        box-sizing:border-box;
    }
    .secKawara .kawaraTit{
        margin: 0 auto calc((23 / 375) * var(--widthBase));
        padding: 0 0 calc((7 / 375) * var(--widthBase));
        font-size: var(--spFontSize19);
        font-weight:bold;
        line-height:calc(32 / 20);
        letter-spacing:0;
    }
    .secKawara .kawaraLead{
        margin: 0 0 calc((34 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align:center;
    }
    .secKawara .kawaraBody{
        flex-direction:column;
        gap: calc((12 / 375) * var(--widthBase));
        align-items:stretch;
    }
    .secKawara .kawaraLife,
    .secKawara .kawaraBosai,
    .secKawara .kawaraSolar{
        flex-direction:column;
        gap: calc((12 / 375) * var(--widthBase));
        align-items:stretch;
        margin: calc((41 / 375) * var(--widthBase)) 0 0;
    }
    .secKawara .kawaraLifeCopy,
    .secKawara .kawaraBosaiCopy{
        display:contents;
    }
    .secKawara .kawaraLifeTit{
        order:0;
        margin: 0 0 calc((16 / 375) * var(--widthBase));
        font-size:var(--spFontSize16);
        font-weight:bold;
        line-height:1.4;
        text-align:center;
    }
    .secKawara .kawaraLifeChart{
        order:1;
        width:100%;
        max-width:none;
        background:var(--whiteColor);
        padding: 0;
        box-sizing:border-box;
        border-radius: calc((4 / 375) * var(--widthBase));
    }
    .secKawara .kawaraLifeTxt{
        order:2;
        margin: 0;
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secKawara .kawaraBosaiImg{
        order:0;
        width:100%;
        max-width:none;
    }
    .secKawara .kawaraBosaiTit{
        order:1;
        margin: 0;
        font-size:var(--spFontSize16);
        font-weight:bold;
        line-height:calc(28 / 16);
        text-align:left;
    }
    .secKawara .kawaraBosaiTxt{
        order:2;
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secKawara .kawaraImg,
    .secKawara .kawaraSolarImg{
        width:100%;
        max-width:none;
        order:0;
    }
    .secKawara .kawaraCopy{
        order:1;
        width:100%;
    }
    .secKawara .kawaraCopyTit{
        margin: 0 0 calc((6 / 375) * var(--widthBase));
        font-size:var(--spFontSize18);
        line-height:calc(32 / 18);
    }
    .secKawara .kawaraCopyTxt{
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secKawara .kawaraLifeCopy{
        top:0;
    }
    .secKawara .kawaraBosaiCopy{
        top:0;
    }
    .secKawara .kawaraSolarTit{
        margin: 0 0 calc((8 / 375) * var(--widthBase));
        font-size:var(--spFontSize16);
        font-weight:bold;
        line-height:calc(28 / 16);
    }
    .secKawara .kawaraSolarTxt{
        font-size:var(--spFontSize12);
        line-height:calc(22 / 12);
    }
    .secKawara .kawaraSolarCopy{
        order:1;
        padding-left:0;
        top:0;
        width:100%;
    }
    .secKawara .kawaraSolarImg{
        order:0;
        width:100%;
        max-width:none;
    }
    .secKawara .kawaraSolar{
        padding: calc((20 / 375) * var(--widthBase));
        gap: calc((14 / 375) * var(--widthBase));
        margin-top: 3.8rem;
        padding-bottom: 1.5rem;
    }
    .secKawara .kawaraPoint{
        margin-top: calc((66 / 375) * var(--widthBase));
    }
    .secKawara .kawaraPointBox{
        padding: calc((17 / 375) * var(--widthBase)) calc((24 / 375) * var(--widthBase));
    }
    .secKawara .kawaraPointLabel{
        top: calc((-32 / 375) * var(--widthBase));
        padding: calc((8 / 375) * var(--widthBase)) calc((25 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
    }
    .secKawara .kawaraPointTxt{
        font-size:var(--spFontSize14);
        line-height:calc(26 / 14);
        text-align:left;
    }
}


/*==============================
    secCost
==============================*/
.secCost{
    padding: 8.8rem 0 15rem;
    background: var(--bgColorBeigeLight);
}
.secCost .costInner{
    width:142rem;
}
.secCost .costTit{
    display:table;
    margin: 0 auto 3.8rem;
    padding: 0 0 0.8rem;
    font-size:var(--pcFontSize34);
    font-weight:bold;
    line-height:calc(50 / 34);
    letter-spacing:0;
    text-align:center;
    position:relative;
}
.secCost .costTit::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--textColor);
}
.secCost .costLead{
    margin: 0 0 6.9rem;
    font-size:var(--pcFontSize18);
    line-height:calc(40 / 18);
    letter-spacing:0;
    text-align:center;
}
.secCost .costCompare{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}
.secCost .costCard{
    width: 100%;
    max-width: 60rem;
    flex-shrink:0;
    background:var(--whiteColor);
}
.secCost .costCardImg{
    width:100%;
    height:auto;
    display:block;
}
.secCost .costDiff{
    position:absolute;
    top: 49%;
    left:50%;
    z-index:2;
    width: 100%;
    max-width: 17rem;
    transform:translate(-50%, -50%);
    pointer-events:none;
}
.secCost .costDiffImg{
    width:100%;
    height:auto;
    display:block;
}
.secCost .costNote{
    margin: 0.8rem 0 0;
    font-size: var(--pcFontSize13);
    line-height:calc(22 / 13);
    letter-spacing:0;
    text-align: left;
}
.secCost .costPoint{
    margin-top: 8.2rem;
}
.secCost .costPointBox{
    position:relative;
    padding: 3.9rem 5rem;
    border:1px solid var(--bgColorDarkGray);
    background:var(--bgColor);
    border-radius: 0 0.3rem 0.3rem 0.3rem;
}
.secCost .costPointLabel{
    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;
}
.secCost .costPointTxt{
    margin:0;
    font-size: var(--pcFontSize20);
    line-height: calc(40 / 20);
    letter-spacing:0;
    text-align: left;
}

@media only screen and (max-width:1215px){
    .secCost{
        padding: calc((43 / 375) * var(--widthBase)) 0 calc((81 / 375) * var(--widthBase));
    }
    .secCost .costInner{
        width: calc((345 / 375) * var(--widthBase));
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        padding:0;
        box-sizing:border-box;
    }
    .secCost .costTit{
        display:block;
        margin: 0 auto calc((23 / 375) * var(--widthBase));
        padding:0;
        font-size:var(--spFontSize20);
        font-weight:bold;
        line-height:calc(32 / 20);
        letter-spacing:0;
    }
    .secCost .costTit::after{
        display:none;
    }
    .secCost .costTitLine{
        display:inline-block;
        padding-bottom: calc((4 / 375) * var(--widthBase));
        border-bottom:1px solid;
        border-color:var(--textColor);
    }
    .secCost .costTitLine + .brSp + .costTitLine{
        margin-top: calc((4 / 375) * var(--widthBase));
    }
    .secCost .costLead{
        margin: 0 0 calc((34 / 375) * var(--widthBase));
        font-size: var(--spFontSize14);
        line-height: calc(26 / 14);
        text-align:center;
    }
    .secCost .costCompare{
        flex-direction:column;
        gap: calc((86 / 375) * var(--widthBase));
    }
    .secCost .costCard{
        width:100%;
    }
    .secCost .costDiff{
        position:absolute;
        top: 50.3%;
        left: calc((0 / 375) * var(--widthBase));
        width: calc((130 / 375) * var(--widthBase));
        margin:0;
        transform:translateY(-50%);
        z-index:2;
    }
    .secCost .costCard.isTile{
        order:0;
    }
    .secCost .costNote{
        margin: calc((10 / 375) * var(--widthBase)) 0 0;
        font-size:var(--spFontSize11);
        line-height:calc(20 / 11);
        text-align:left;
    }
    .secCost .costPoint{
        margin-top: calc((62 / 375) * var(--widthBase));
    }
    .secCost .costPointBox{
        padding: calc((16 / 375) * var(--widthBase)) calc((16 / 375) * var(--widthBase));
    }
    .secCost .costPointLabel{
        top: calc((-31 / 375) * var(--widthBase));
        padding: calc((8 / 375) * var(--widthBase)) calc((25 / 375) * var(--widthBase));
        font-size:var(--spFontSize14);
    }
    .secCost .costPointTxt{
        font-size:var(--spFontSize14);
        line-height:calc(26 / 14);
        text-align:left;
    }
}


/*==============================
    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 .otherPerformanceCardBg05{
    background-image:url("../img/performance/linkBnr05.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, border-color 0.2s ease-out, opacity 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 .otherPerformanceCardBg05{
        background-image:url("../img/performance/linkBnr05_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-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;
    }
}