@charset "utf-8";

.secCmnContact {
    margin-top: 15rem;
}
@media only screen and (max-width:1215px){
    .secCmnContact {
        margin-top: 5rem;
    }
}
/* secCmnConceptHero */
.secCmnConceptHero{
    position: relative;
    z-index: 10;
    height: 116.5rem;
}
.secCmnConceptHero .img{
    position: absolute;
    width: 142rem;
    right: calc(50% - 96rem);
    bottom: 0;
    border-radius: 4rem 0 0 0.4rem;
    overflow: hidden;
}
.secCmnConceptHero .wrapper{
    padding-top: 27rem;
}
.secCmnConceptHero .titBox{
    position: relative;
}
.secCmnConceptHero .engTit{
    position: absolute;
    width: 83.1rem;
    left: -6rem;
    top: calc(50% - 7.25rem);
}
.secCmnConceptHero .jpnTit{
    font-size: var(--pcFontSize50);
    font-weight: bold;
    text-align: right;
    position: relative;
    z-index: 10;
}
.secCmnConceptHero.index .jpnTit{
    letter-spacing: -2px;
}
@media only screen and (max-width:1215px){
    .secCmnConceptHero{
        height: auto;
    }
    .secCmnConceptHero .img{
        position: relative;
        width: calc(100% - 2rem);
        right: 0;
        bottom: auto;
        top: -0.8rem;
        border-radius: 1.5rem 0 0 1.5rem;
        margin-left: auto;
    }
    .secCmnConceptHero .wrapper{
        padding-top: 10rem;
    }
    .secCmnConceptHero .engTit{
        position: static;
        width: 88.534%;
        max-width: 33.2rem;
        margin: 3rem auto 0;
    }
    .secCmnConceptHero .jpnTit{
        font-size: var(--spFontSize25);
        text-align: center;
    }
    .secCmnConceptHero.index .jpnTit{
        letter-spacing: normal;
    }
}
/* pnkz */
#pnkz{
    position: relative;
    z-index: 10;
    color: var(--colorWhite);
    padding: 0;
}
#pnkz .inner{
    padding: 4.5rem 0 3.5rem;
    border-bottom: solid 0.1rem var(--colorWhite_25);
}
#pnkz li::before,
#pnkz a,
#pnkz span{
    color: var(--colorWhite);
}
@media only screen and (max-width:1215px){
    #pnkz .inner{
        padding: 1.45rem 0;
    }
}
/* secTop */
.secTop{
    position: relative;
    color: var(--colorWhite);
}
.secTop::after{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 32rem);
    bottom: 0;
    background: var(--textColor);
}
.secTop .wrapper{
    position: relative;
    z-index: 10;
    width: calc(100% - 20rem);
    max-width: 172rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10rem 0 15rem;
}
.secTop .img{
    width: calc(100% - 77rem);
}
.secTop .mainBox{
    width: 77rem;
    margin-left: auto;
    padding: 0 0 0 8rem;
}
.secTop .tit{
    font-weight: bold;
}
.secTop .tit01{
    font-size: var(--pcFontSize36);
}
.secTop .tit02{
    font-size: var(--pcFontSize50);
    display: block;
    margin-top: 4.5rem;
}
.secTop .engTit{
    font-size: var(--pcFontSize12);
    letter-spacing: var(--pcLetterSpacing12_300);
    margin-top: 5.5rem;
}
.secTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 4.2rem;
}
.secTop .subTit{
    font-size: var(--pcFontSize22);
    font-weight: bold;
    margin-top: 3.5rem;
}
.secTop .subTxtBox .txt{
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secTop::after{
        height: calc(100% + 16rem);
    }
    .secTop .wrapper{
        width: 89.334%;
        max-width: 40rem;
        display: block;
        padding: 3rem 0 5rem;
    }
    .secTop .img{
        width: 100%;
    }
    .secTop .mainBox{
        width: 100%;
        padding: 3.5rem 0 0;
    }
    .secTop .tit01{
        font-size: var(--spFontSize20);
    }
    .secTop .tit02{
        font-size: var(--spFontSize25);
        margin-top: 2rem;
    }
    .secTop .engTit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_28);
        letter-spacing: var(--spLetterSpacing11_200);
        margin-top: 2rem;
    }
    .secTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 2rem;
    }
    .secTop .subTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_36);
        margin-top: 1.5rem;
    }
    .secTop .subTxtBox .txt{
        margin-top: 1.5rem;
    }
}
/* secReason */
.secReason{
    background: var(--bgVoiceColor);
    padding: 12rem 0 15rem;
}
.secReason .wrapper{
    position: relative;
    z-index: 10;
}
.secReason .topTitBox{
    text-align: center;
}
.secReason .engTopTit{
    width: 24.6rem;
    margin: 0 auto;
}
.secReason .topTit{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    margin-top: 3rem;
}
.secReason .list{
    margin-top: 8rem;
}
.secReason .item{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60rem;
}
.secReason .item:nth-child(n+2){
    margin-top: 12rem;
}
.secReason .img{
    position: absolute;
    top: 0;
    right: calc(50% - 96rem);
    width: 100rem;
    border-radius: 5rem 0 0 0;
    overflow: hidden;
}
.secReason .item:nth-child(2n) .img{
    border-radius: 0 5rem 0 0;
    right: auto;
    left: calc(50% - 96rem);
}
.secReason .txtBox{
    width: 60rem;
}
.secReason .item:nth-child(2n) .txtBox{
    margin-left: auto;
    padding-left: 8rem;
}
.secReason .itemEng img{
    width: auto;
    height: 2.9rem;
}
.secReason .item:nth-child(4) .itemEng img{
    height: 3.3rem;
}
.secReason .tit{
    font-size: var(--pcFontSize45);
    font-weight: bold;
    margin-top: 4rem;
}
.secReason .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 3rem;
}
.secReason .btnBox{
    width: 40rem;
    margin-top: 4rem;
}
.secReason .btnInner{
    background: var(--bgVoiceColor);
    color: var(--textColor);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 8rem;
    border-radius: 0.4rem;
    border: solid 0.1rem var(--textColor);
    overflow: hidden;
    font-size: var(--pcFontSize13);
}
.secReason .btnTxt{
    position: relative;
    padding-right: 14rem;
}
.secReason .btnTxt::after{
    position: absolute;
    content: "";
    width: 12.1rem;
    height: 1.2rem;
    right: 0;
    top: calc(50% - 0.6rem);
}
.secReason.lazyloaded .btnTxt::after{
    background: url(../img/concept/iconReasonBtn.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secReason{
        padding: 6rem 0 6rem;
    }
    .secReason .topTitBox{
        text-align: left;
    }
    .secReason .engTopTit{
        width: 9.9rem;
        margin: 0 auto 0 0;
    }
    .secReason .topTit{
        font-size: var(--spFontSize13);
        margin-top: 1.3rem;
    }
    .secReason .list{
        margin-top: 3rem;
    }
    .secReason .item{
        display: block;
        min-height: auto;
    }
    .secReason .item:nth-child(n+2){
        margin-top: 5rem;
    }
    .secReason .img{
        position: static;
        width: 94.667%;
        border-radius: 1.8rem 0 0 0;
        margin-left: auto;
    }
    .secReason .item:nth-child(2n) .img{
        border-radius: 0 1.8rem 0 0;
        margin-left: 0;
    }
    .secReason .txtBox{
        width: 89.334%;
        margin: 2.5rem auto 0;
    }
    .secReason .item:nth-child(2n) .txtBox{
        margin: 2.5rem auto 0;
        padding-left: 0;
    }
    .secReason .itemEng img{
        width: auto;
        height: 1.9rem;
    }
    .secReason .item:nth-child(4) .itemEng img{
        height: 2.1rem;
    }
    .secReason .tit{
        font-size: var(--spFontSize25);
        margin-top: 2rem;
    }
    .secReason .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.7rem;
    }
    .secReason .btnBox{
        width: 23.5rem;
        margin: 2.2rem auto 0;
    }
    .secReason .btnInner{
        height: 5rem;
        font-size: var(--spFontSize13);
    }
    .secReason .btnTxt{
        padding-right: 8rem;
    }
    .secReason .btnTxt::after{
        width: 6.1rem;
        height: 1.2rem;
        right: 0;
        top: calc(50% - 0.6rem);
    }
    .secReason.lazyloaded .btnTxt::after{
        background: url(../img/concept/iconReasonBtn_sp.png) center top / cover;
    }
}
/*-----------------------------------------------
    spec
-----------------------------------------------*/
/* pnkz */
#pnkz.spec{
    color: var(--textColor);
}
#pnkz.spec .inner{
    border-bottom: solid 0.1rem var(--colorText_25);
}
#pnkz.spec li::before,
#pnkz.spec a,
#pnkz.spec span{
    color: var(--textColor);
}
/* secCmnConceptHero */
.secCmnConceptHero.spec .engTit{
    width: 72.7rem;
    left: -6rem;
    top: calc(50% - 16.15rem);
}
@media only screen and (max-width:1215px){
    .secCmnConceptHero.spec .engTit{
        width: 77.6%;
        max-width: 29.1rem;
        margin: -3rem auto 0;
    }
}
/* secSpecTop */
.secSpecTop{
    position: relative;
    padding-top: 10rem;
}
.secSpecTop::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 150rem;
    top: -10.1rem;
    left: calc(50% - 96rem);
    background: url(../img/concept/bgSpecTop.png) center top / cover;
}
.secSpecTop .titBox{
    text-align: center;
    position: relative;
    z-index: 10;
}
.secSpecTop .tit{
    font-weight: bold;
}
.secSpecTop .tit01{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing16_50);
}
.secSpecTop .tit02{
    font-size: var(--pcFontSize50);
    display: block;
    margin-top: 3.6rem;
}
.secSpecTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secSpecTop{
        padding-top: 4rem;
    }
    .secSpecTop::after{
        width: 100%;
        height: 100vw;
        top: -5rem;
        left: 0;
        background: url(../img/concept/bgSpecTop_sp.png) center top / cover;
    }
    .secSpecTop .titBox{
        text-align: left;
    }
    .secSpecTop .tit01{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_50);
    }
    .secSpecTop .tit02{
        font-size: var(--spFontSize25);
        margin-top: 2.4rem;
    }
    .secSpecTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 1.6rem;
    }
}
/* secSpecList */
.secSpecList{
    margin-top: 8rem;
}
.secSpecList .wrapper{
    position: relative;
    z-index: 10;
}
.secSpecList .itemImgBox{
    position: relative;
    padding-top: 11.5rem;
}
.secSpecList .itemImg{
    position: absolute;
    width: 130rem;
    border-radius: 0 4rem 0 0;
    overflow: hidden;
    left: calc(50% - 96rem);
    top: 0;
}
.secSpecList .itemTitBox{
    position: relative;
    width: 77rem;
}
.secSpecList .itemTit{
    color: var(--colorWhite);
    font-weight: bold;
}
.secSpecList .itemTit01{
    font-size: var(--pcFontSize32);
}
.secSpecList .itemTit02{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_50);
    display: block;
    margin-top: 4rem;
}
.secSpecList .numberImg{
    position: absolute;
    top: -1rem;
    right: 0;
    width: 9.9rem;
}
.secSpecList .mainBox{
    margin-top: 11.5rem;
    background: var(--bgVoiceColor);
    border-radius: 4rem 0.4rem 0.4rem 0.4rem;
    padding: 6.4rem 6rem 8rem;
    position: relative;
    z-index: 15;
}
.secSpecList .mainTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_50);
    text-align: center;
}
.secSpecList .mainImg01{
    width: 69rem;
    margin: 2rem auto 0;
}
.secSpecList .faqBox{
    width: 50rem;
    margin: 4.2rem auto 0;
    border-bottom: solid 0.1rem var(--colorText_25);
}
.secSpecList .faqTit{
    font-size: var(--pcFontSize14);
    padding-bottom: 2rem;
    position: relative;
}
.secSpecList .faqTit::after,
.secSpecList .faqTit::before{
    position: absolute;
    content: "";
    top: 0.5rem;
    right: 0.5rem;
    width: 0.1rem;
    height: 0.8rem;
    border-radius: 9999px;
    background-color: var(--textColor);
    transform-origin: 50% calc(100% - 0.5px);
}
.secSpecList .faqTit.on::after,
.secSpecList .faqTit.on::before{
    transform-origin: 50% 0.5px;
}
.secSpecList .faqTit::after{
  transform: rotate(45deg);
}
.secSpecList .faqTit::before{
  transform: rotate(-45deg);
}
.secSpecList .faqTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    padding-bottom: 2rem;
    display: none;
}
@media only screen and (max-width:1215px){
    .secSpecList{
        margin-top: 4rem;
    }
    .secSpecList .itemImgBox{
        position: relative;
        padding-top: 0;
    }
    .secSpecList .itemImg{
        position: relative;
        width: 94.667%;
        border-radius: 0 1rem 0 0;
        left: 0;
        top: 0;
    }
    .secSpecList .itemTitBox{
        position: absolute;
        top: 0;
        left: 2rem;
        width: calc(100% - 4rem);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-bottom: 4rem;
    }
    .secSpecList .itemTit01{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_36);
    }
    .secSpecList .itemTit02{
        font-size: var(--spFontSize25);
        letter-spacing: var(--spLetterSpacing25_50);
        margin-top: 1rem;
    }
    .secSpecList .numberImg{
        top: calc(50% - 4rem);
        right: 2rem;
        width: 3.4rem;
    }
    .secSpecList .mainBox{
        margin: -3.2rem 0 0 auto;
        width: 94.667%;
        border-radius: 1rem 0 0 0.4rem;
        padding: 3rem 2rem 4rem;
    }
    .secSpecList .mainTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        text-align: left;
    }
    .secSpecList .mainImg01{
        width: calc(100% - 0.1rem);
        margin: 1rem auto 0;
    }
    .secSpecList .faqBox{
        width: calc(100% - 3rem);
        margin: 2.2rem auto 0;
    }
    .secSpecList .faqTit{
        font-size: var(--spFontSize13);
        padding-bottom: 1.5rem;
    }
    .secSpecList .faqTit::after,
    .secSpecList .faqTit::before{
        top: 0.5rem;
        right: 0.5rem;
    }
    .secSpecList .faqTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        padding-bottom: 1.5rem;
    }
}
.secSpecList .item:nth-child(n+2){
    margin-top: 15rem;
    position: relative;
}
.secSpecList .item:nth-child(n+2)::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 150rem;
    top: 0;
    left: calc(50% - 96rem);
}
.secSpecList.lazyloaded .item:nth-child(n+2)::after{
    background: url(../img/concept/bgSpecTop02.png) center top / cover;
}
.secSpecList.lazyloaded .item:nth-child(3)::after,
.secSpecList.lazyloaded .item:nth-child(5)::after{
    background: url(../img/concept/bgSpecTop03.png) center top / cover;
}
.secSpecList .item:nth-child(2n) .itemImg{
    border-radius: 4rem 0 0 0;
    left: auto;
    right: calc(50% - 96rem);
}
.secSpecList .item:nth-child(2n) .itemTitBox{
    margin-left: auto;
}
.secSpecList .item:nth-child(2n) .itemTit{
    text-align: right;
}
.secSpecList .item:nth-child(2n) .numberImg{
    right: auto;
    left: 0;
    top: -1.5rem;
}
.secSpecList .item:nth-child(2) .numberImg{
    width: 14.4rem;
}
.secSpecList .item:nth-child(2n) .itemImgBox{
    padding-top: 9.5rem;
}
.secSpecList .item:nth-child(2n) .mainBox{
    margin-top: 8.5rem;
    border-radius: 0.4rem 4rem 0.4rem 0.4rem;
}
.secSpecList .checkBox{
    margin-top: 4.5rem;
}
.secSpecList .checkTit{
    font-size: var(--pcFontSize25);
    letter-spacing: var(--pcLetterSpacing25_50);
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 2.2rem;
}
.secSpecList .checkTit::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 0.1rem;
    bottom: 0;
    left: calc(50% - 2.5rem);
    background: var(--priceColor);
}
.secSpecList .checkList{
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
}
.secSpecList .checkItem{
    width: calc(50% - 1.5rem);
    background: var(--textColor);
    padding: 25.5rem 3rem 3rem;
    color: var(--colorWhite);
    text-align: center;
    position: relative;
    border-radius: 0.4rem;
    overflow: hidden;
}
.secSpecList .checkItem:nth-child(2n){
    margin-left: 3rem;
}
.secSpecList .checkItem:nth-child(n+3){
    margin-top: 3rem;
}
.secSpecList .checkItemTit{
    font-size: var(--pcFontSize22);
    font-weight: bold;
    text-align: center;
}
.secSpecList .checkItemIcon{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    display: inline-block;
    background: var(--priceColor);
    border-radius: 1.6rem;
    padding: 0.8rem 1.5rem;
    margin-top: 2rem;
}
.secSpecList .checkItemTxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    margin-top: 1.2rem;
    text-align: left;
}
.secSpecList .checkItem::after{
    position: absolute;
    content: "";
}
.secSpecList .checkItem:nth-child(1)::after{
    width: 25.6rem;
    height: 18.1rem;
    top: 4rem;
    left: calc(50% - 12.8rem);
}
.secSpecList.lazyloaded .checkItem:nth-child(1)::after{
    background: url(../img/concept/iconSpecListCheckItem.png) center top / cover;
}
.secSpecList .checkItem:nth-child(2)::after{
    width: 28.4rem;
    height: 18.2rem;
    top: 4rem;
    left: calc(50% - 14.2rem);
}
.secSpecList.lazyloaded .checkItem:nth-child(2)::after{
    background: url(../img/concept/iconSpecListCheckItem02.png) center top / cover;
}
.secSpecList .checkItem:nth-child(3)::after{
    width: 26.9rem;
    height: 18.2rem;
    top: 4rem;
    left: calc(50% - 13.45rem);
}
.secSpecList.lazyloaded .checkItem:nth-child(3)::after{
    background: url(../img/concept/iconSpecListCheckItem03.png) center top / cover;
}
.secSpecList .checkItem:nth-child(4)::after{
    width: 27rem;
    height: 18.1rem;
    top: 4rem;
    left: calc(50% - 13.5rem);
}
.secSpecList.lazyloaded .checkItem:nth-child(4)::after{
    background: url(../img/concept/iconSpecListCheckItem04.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secSpecList .item:nth-child(n+2){
        margin-top: 6rem;
    }
    .secSpecList .item:nth-child(n+2)::after{
        display: none;
    }
    .secSpecList .item:nth-child(2n) .itemImg{
        border-radius: 1rem 0 0 0;
        left: auto;
        right: 0;
        margin-left: auto;
    }
    .secSpecList .item:nth-child(2n) .itemTitBox{
        margin-left: auto;
        justify-content: flex-end;
    }
    .secSpecList .item:nth-child(2n) .itemTit{
        text-align: right;
    }
    .secSpecList .item:nth-child(2n) .numberImg{
        right: auto;
        left: 0;
        top: -1.5rem;
    }
    .secSpecList .item:nth-child(2n) .numberImg{
        width: 5.1rem;
        top: calc(50% - 4rem);
        left: 2rem;
    }
    .secSpecList .item:nth-child(2n) .itemImgBox{
        padding-top: 0;
    }
    .secSpecList .item:nth-child(2n) .mainBox{
        margin: -3.2rem auto 0 0;
        border-radius: 0 1rem 0.4rem 0;
    }
    .secSpecList .checkBox{
        margin-top: 4rem;
    }
    .secSpecList .checkTit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        padding-bottom: 1.5rem;
    }
    .secSpecList .checkTit::after{
        width: 3.5rem;
        height: 0.1rem;
        left: calc(50% - 1.75rem);
    }
    .secSpecList .checkList{
        margin-top: 2rem;
        display: block;
    }
    .secSpecList .checkItem{
        width: 100%;
        padding: 19.2rem 2rem 1.6rem;
    }
    .secSpecList .checkItem:nth-child(2n){
        margin: 2rem auto 0;
    }
    .secSpecList .checkItem:nth-child(n+3){
        margin-top: 2rem;
    }
    .secSpecList .checkItemTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_28);
    }
    .secSpecList .checkItemIcon{
        font-size: var(--spFontSize14);
        border-radius: 1.45rem;
        padding: 0.8rem 1rem;
        margin-top: 1.2rem;
    }
    .secSpecList .checkItemTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 0.8rem;
    }
    .secSpecList .checkItem:nth-child(1)::after{
        width: 20rem;
        height: 14.2rem;
        top: 3rem;
        left: calc(50% - 10rem);
    }
    .secSpecList .checkItem:nth-child(2)::after{
        width: 21.9rem;
        height: 14.2rem;
        top: 3rem;
        left: calc(50% - 10.95rem);
    }
    .secSpecList .checkItem:nth-child(3)::after{
        width: 21rem;
        height: 14.2rem;
        top: 3rem;
        left: calc(50% - 10.5rem);
    }
    .secSpecList .checkItem:nth-child(4)::after{
        width: 20.9rem;
        height: 14.1rem;
        top: 3rem;
        left: calc(50% - 10.45rem);
    }
}
.secSpecList .wayBox{
    background: var(--textColor);
    padding: 6rem 5rem 6rem;
    color: var(--colorWhite);
    text-align: center;
    position: relative;
    border-radius: 0.4rem;
    overflow: hidden;
    margin-top: 6rem;
}
.secSpecList .wayTit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secSpecList .wayTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    font-weight: bold;
    margin-top: 2.5rem;
}
.secSpecList .wayTxtBox{
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: solid 0.1rem var(--colorWhite_25);
}
.secSpecList .waySubTxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
}
.secSpecList .wayImgBox{
    display: flex;
    justify-content: space-between;
    margin-top: 3.5rem;
}
.secSpecList .wayImg01{
    width: 38rem;
}
.secSpecList .wayImg02{
    width: 38rem;
}
@media only screen and (max-width:1215px){
    .secSpecList .wayBox{
        padding: 3rem 2rem 3rem;
        margin-top: 4rem;
    }
    .secSpecList .wayTit{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_36);
        letter-spacing: var(--spLetterSpacing20_50);
    }
    .secSpecList .wayTxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_30);
        margin-top: 0.5rem;
    }
    .secSpecList .wayTxtBox{
        margin-top: 1.5rem;
        padding-top: 2rem;
    }
    .secSpecList .waySubTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
    }
    .secSpecList .wayImgBox{
        display: block;
        margin-top: 1.5rem;
    }
    .secSpecList .wayImg01{
        width: 100%;
    }
    .secSpecList .wayImg02{
        width: 100%;
        margin: 2rem auto 0;
    }
}
.secSpecList .item:nth-child(3) .numberImg{
    width: 14.4rem;
}
.secSpecList .mainImg02{
    width: 72rem;
    margin: 4.5rem auto 0;
    border-radius: 0.4rem;
    overflow: hidden;
}
@media only screen and (max-width:1215px){
    .secSpecList .item:nth-child(3) .numberImg{
        width: 5rem;
    }
    .secSpecList .mainImg02{
        width: 100%;
        margin: 2rem auto 0;
    }
}
/* secSpecDowun */
.secSpecDowun{
    margin: 6rem auto 0;
    background: var(--colorWhite);
    padding: 2rem 2rem 2rem 4rem;
    display: flex;
    align-items: center;
}
.secSpecDowun .dowunLeft{
    width: calc(100% - 38rem);
    padding: 0.5rem 3rem 0 0;
}
.secSpecDowun .dowunTit{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
    color: var(--priceColor);
    padding-bottom: 2rem;
    border-bottom: solid 0.1rem var(--colorText_25);
}
.secSpecDowun .dowunTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    margin-top: 1.5rem;
}
.secSpecDowun .dowunImg{
    width: 38rem;
}
.secSpecDowun .dowunImg02{
    border-radius: 0.4rem;
    overflow: hidden;
}
.secSpecDowun + .secSpecDowun{
    margin-top: 3rem;
}
.secSpecDowun02{
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secSpecDowun{
        margin: 3rem auto 0;
        background: var(--colorWhite);
        padding: 2.5rem 2rem 2rem;
        display: block;
    }
    .secSpecDowun .dowunLeft{
        width: 100%;
        padding: 0;
    }
    .secSpecDowun .dowunTit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_25);
        padding-bottom: 1.5rem;
    }
    .secSpecDowun .dowunTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.2rem;
    }
    .secSpecDowun .dowunImg{
        width: 100%;
        margin: 1.8rem auto 0;
    }
    .secSpecDowun + .secSpecDowun{
        margin-top: 2rem;
    }
    .secSpecDowun02{
        margin-top: 2rem;
    }
}
.secSpecList .item:nth-child(4) .numberImg{
    width: 14.7rem;
}
.secSpecList .item:nth-child(5) .numberImg,
.secSpecList .item:nth-child(6) .numberImg{
    width: 14.6rem;
}
@media only screen and (max-width:1215px){
    .secSpecList .item:nth-child(4) .numberImg{
        width: 5.2rem;
    }
    .secSpecList .item:nth-child(5) .numberImg,
    .secSpecList .item:nth-child(6) .numberImg{
        width: 5.2rem;
    }
}
/* secSpecProperty */
.secSpecProperty{
    margin-top: 6rem;
}
.secSpecProperty .propertyTopTit{
    font-size: var(--pcFontSize25);
    letter-spacing: var(--pcLetterSpacing25_50);
    font-weight: bold;
    padding-bottom: 2.5rem;
    position: relative;
    text-align: center;
}
.secSpecProperty .propertyTopTit::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 0.1rem;
    bottom: 0;
    left: calc(50% - 2.5rem);
    background: var(--priceColor);
}
.secSpecProperty .propertyList{
    margin-top: 4rem;
}
.secSpecProperty .propertyItem{
    display: flex;
    align-items: center;
}
.secSpecProperty .propertyItem:nth-child(n+2){
    padding-top: 3.9rem;
    margin-top: 4rem;
    border-top: solid 0.1rem var(--colorText_25);
}
.secSpecProperty .propertyItem:nth-child(2n){
    flex-flow: row-reverse;
}
.secSpecProperty .propertyImg{
    width: 40rem;
    border-radius: 0.4rem;
    overflow: hidden;
}
.secSpecProperty .propertyTxtBox{
    width: calc(100% - 40rem);
    padding: 1.5rem 0 0 4rem;
}
.secSpecProperty .propertyItem:nth-child(2n) .propertyTxtBox{
    padding: 1.5rem 4rem 0 0;
}
.secSpecProperty .propertyEngTit img{
    width: auto;
    height: 1.5rem;
}
.secSpecProperty .propertyTit{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
    margin-top: 2.5rem;
}
.secSpecProperty .propertyTxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secSpecProperty{
        margin-top: 5rem;
    }
    .secSpecProperty .propertyTopTit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        padding-bottom: 1.5rem;
    }
    .secSpecProperty .propertyTopTit::after{
        width: 3.5rem;
        left: calc(50% - 1.75rem);
    }
    .secSpecProperty .propertyList{
        margin-top: 2rem;
    }
    .secSpecProperty .propertyItem{
        display: block;
    }
    .secSpecProperty .propertyItem:nth-child(n+2){
        padding-top: 3rem;
        margin-top: 2.2rem;
    }
    .secSpecProperty .propertyImg{
        width: 100%;
    }
    .secSpecProperty .propertyTxtBox{
        width: 100%;
        padding: 2.5rem 0 0;
    }
    .secSpecProperty .propertyItem:nth-child(2n) .propertyTxtBox{
        padding: 2.5rem 0 0;
    }
    .secSpecProperty .propertyEngTit img{
        width: auto;
        height: 1.4rem;
    }
    .secSpecProperty .propertyTit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.5rem;
    }
    .secSpecProperty .propertyTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1rem;
    }
}
/* secCmnConceptBnr */
.secCmnConceptBnr{
    margin: 15rem auto 0;
    max-width: 192rem;
    width: calc(100% - 10rem);
}
.secCmnConceptBnr .topTitBox{
    position: relative;
    z-index: 5;
    text-align: center;
}
.secCmnConceptBnr .topEngTit{
    width: 25.7rem;
    margin: 0 auto;
}
.secCmnConceptBnr .topJpnTit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 2rem;
}
.secCmnConceptBnr .list{
    margin-top: 6rem;
    display: flex;
    position: relative;
    z-index: 5;
}
.secCmnConceptBnr .item{
    width: 23.737%;
    margin-right: 1.684%;
    height: auto;
}
.secCmnConceptBnr .item:last-child{
    margin-right: 0;
}
.secCmnConceptBnr .inner{
    position: relative;
    display: block;
    color: var(--colorWhite);
    height: 100%;
    overflow: hidden;
    border-radius: 0.4rem;
}
.secCmnConceptBnr .txtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
}
.secCmnConceptBnr .engTit img{
    width: auto;
    height: 2.5rem;
}
.secCmnConceptBnr .jpnTit{
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    font-weight: bold;
    margin-top: 3rem;
}
.secCmnConceptBnr .engTxt{
    margin-top: 3rem;
}
.secCmnConceptBnr .engTxt img{
    width: auto;
    height: 1.9rem;
}
.secCmnConceptBnr .btnBox{
    width: 26rem;
    margin: 5rem auto 0;
    border-radius: 0.4rem;
    border: solid 0.1rem var(--colorWhite);
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.secCmnConceptBnr .btnTxt{
    position: relative;
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    padding-right: 10rem;
}
.secCmnConceptBnr .btnTxt::after{
    position: absolute;
    content: "";
    width: 8.1rem;
    height: 1.2rem;
    right: 0;
    top: calc(50% - 0.6rem);
}
.secCmnConceptBnr.lazyloaded .btnTxt::after{
    background: url(../img/concept/iconCmnConceptBnrBtn.png) center top / cover;
}
@media only screen and (max-width:1800px){
    .secCmnConceptBnr .jpnTit{
        font-size: var(--pcFontSize22);
    }
}
@media only screen and (max-width:1215px){
    .secCmnConceptBnr{
        margin: 6rem auto 0;
        max-width: 100%;
        width: 100%;
    }
    .secCmnConceptBnr .topEngTit{
        width: 12.9rem;
    }
    .secCmnConceptBnr .topJpnTit{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1rem;
    }
    .secCmnConceptBnr .list{
        margin-top: 3rem;
        flex-wrap: wrap;
    }
    .secCmnConceptBnr .item{
        width: calc(50% - 0.05rem);
        margin-right: 0.1rem;
    }
    .secCmnConceptBnr .item:nth-child(2),
    .secCmnConceptBnr .item:last-child{
        margin-right: 0;
    }
    .secCmnConceptBnr .item:nth-child(n+3){
        margin-top: 0.1rem;
    }
    .secCmnConceptBnr .engTit img{
        width: auto;
        height: 1.7rem;
    }
    .secCmnConceptBnr .jpnTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 1rem;
    }
    .secCmnConceptBnr .engTxt{
        margin-top: 1rem;
    }
    .secCmnConceptBnr .engTxt img{
        width: auto;
        height: 1.4rem;
    }
    .secCmnConceptBnr .btnBox{
        width: 100%;
        margin: 2.2rem auto 0;
        border-radius: 0;
        border: none;
        height: 1.2rem;
        position: relative;
    }
    .secCmnConceptBnr .btnTxt{
        display: none;
    }
    .secCmnConceptBnr .btnBox::after{
        position: absolute;
        content: "";
        width: 5.1rem;
        height: 1.2rem;
        right: calc(50% - 2.55rem);
        top: calc(50% - 0.6rem);
    }
    .secCmnConceptBnr.lazyloaded .btnBox::after{
        background: url(../img/concept/iconCmnConceptBnrBtn_sp.png) center top / cover;
    }
}


/* 追加 */
/* after */
.secCmnConceptHero.after .engTit{
    width: 58.7rem;
    top: -14rem;
}
.secCmnConceptHero.after{
    height: 119.5rem;
}
@media only screen and (max-width:1215px){
    .secCmnConceptHero.after .engTit{
        width: 61.867%;
        max-width: 23.2rem;
        margin: -3rem auto 0;
    }
    .secCmnConceptHero.after{
        height: auto;
    }
}

/* secAfterTop */
.secAfterTop{
    position: relative;
    padding: 10rem 0 17rem;
}
.secAfterTop::before{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 35.5rem);
    top: -35.5rem;
    left: 0;
}
.secAfterTop.lazyloaded::before{
    background: url(../img/concept/bgAfterTop.jpg) center top / cover;
}
.secAfterTop .wrapper{
    position: relative;
    z-index: 10;
}
.secAfterTop .titBox{
    color: var(--colorWhite);
    text-align: center;
    position: relative;
}
.secAfterTop .titBox::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 0.1rem;
    bottom: -4.5rem;
    left: calc(50% - 2.5rem);
    background: var(--colorWhite);
}
.secAfterTop .tit01{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize36);
}
.secAfterTop .tit02{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize50);
    margin-top: 4rem;
}
.secAfterTop .titMiddle{
    font-size: var(--pcFontSize36);
    font-weight: bold;
    margin-top: 10.5rem;
    text-align: center;
    color: var(--colorWhite);
}
.secAfterTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 4rem;
    text-align: center;
    color: var(--colorWhite);
}
.secAfterTop .img{
    width: 92rem;
    margin: 10.5rem auto 0;
}
@media only screen and (max-width:1215px){
    .secAfterTop{
        padding: 4rem 0 6rem;
    }
    .secAfterTop::before{
        height: calc(100% + 16rem);
        top: -16rem;
    }
    .secAfterTop.lazyloaded::before{
        background: url(../img/concept/bgAfterTop_sp.jpg) center top / cover;
    }
    .secAfterTop .titBox::after{
        bottom: -3rem;
        width: 3.5rem;
        left: calc(50% - 1.75rem);
    }
    .secAfterTop .tit01{
        font-size: var(--spFontSize20);
    }
    .secAfterTop .tit02{
        font-size: var(--spFontSize25);
        margin-top: 2rem;
    }
    .secAfterTop .titMiddle{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_40);
        margin-top: 5rem;
    }
    .secAfterTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 1rem;
    }
    .secAfterTop .img{
        width: 100%;
        margin-top: 3rem;
    }
}

/* secAfterMerit */
.secAfterMerit{
    padding-top: 12rem;
}
.secAfterMerit.lazyloaded{
    background: url(../img/concept/bgAfterMerit.png) center top no-repeat;
}
.secAfterMerit .titEng{
    text-align: center;
}
.secAfterMerit .tit{
    font-size: var(--pcFontSize45);
    font-weight: bold;
    margin-top: 3.2rem;
    text-align: center;
}
.secAfterMerit .list{
    margin-top: 7.5rem;
    display: flex;
}
.secAfterMerit .item{
    width: calc(100% / 3);
}
.secAfterMerit .topBox{
    position: relative;
}
.secAfterMerit .txtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 10;
    padding-top: 1.5rem;
}
.secAfterMerit .titMerit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_45);
    font-weight: bold;
    color: var(--colorWhite);
    margin-top: 2rem;
    text-align: center;
}
.secAfterMerit .txtMerit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_40);
    margin-top: 2rem;
    text-align: center;
    color: var(--colorWhite);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secAfterMerit{
        padding-top: 5.2rem;
    }
    .secAfterMerit.lazyloaded{
        background: url(../img/concept/bgAfterMerit_sp.png) center top / 100vw auto no-repeat;
    }
    .secAfterMerit .titEng img{
        width: auto;
        height: 1.3rem;
    }
    .secAfterMerit .tit{
        font-size: var(--spFontSize25);
        margin-top: 1.8rem;
    }
    .secAfterMerit .list{
        margin: 3rem auto 0;
        display: block;
        width: 89.334%;
    }
    .secAfterMerit .item{
        width: 100%;
    }
    .secAfterMerit .item:nth-child(n+2){
        margin-top: 3rem;
    }
    .secAfterMerit .topBox{
        border-radius: 1rem;
        overflow: hidden;
        width: 88.06%;
        margin: 0 auto;
    }
    .secAfterMerit .txtBox{
        padding-top: 0.5rem;
    }
    .secAfterMerit .titMeritEng img{
        width: auto;
        height: 1.1rem;
    }
    .secAfterMerit .titMerit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        margin-top: 1rem;
    }
    .secAfterMerit .txtMerit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        margin-top: 1.8rem;
        color: var(--textColor);
    }
}

/* secAfterWarranty */
.secAfterWarranty{
    margin-top: 15rem;
    position: relative;
    padding: 12rem 0 15rem;
}
.secAfterWarranty::before{
    position: absolute;
    content: "";
    width: 168rem;
    max-width: calc(100% - 4rem);
    height: 100%;
    top: 0;
    left: 0;
    background: var(--bgVoiceColor);
    border-radius: 0 5rem 0 0;
}
.secAfterWarranty .titEng{
    position: relative;
    z-index: 10;
    text-align: center;
}
.secAfterWarranty .tit{
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: 3.2rem;
}
.secAfterWarranty .tit01{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize36);
}
.secAfterWarranty .tit02{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize45);
    margin-top: 2.2rem;
}
.secAfterWarranty .list{
    position: relative;
    z-index: 10;
    width: 112rem;
    margin: 7.5rem auto 0;
    max-width: calc(100% - 10rem);
}
.secAfterWarranty .item{
    display: flex;
    border-bottom: solid 0.1rem var(--colorText_25);
    padding-bottom: 8rem;
}
.secAfterWarranty .item:nth-child(n+2){
    margin-top: 8rem;
}
.secAfterWarranty .img{
    width: 52rem;
}
.secAfterWarranty .txtBox{
    width: calc(100% - 52rem);
    padding-left: 8.2rem;
}
.secAfterWarranty .titWarranty{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing36_100);
    font-weight: bold;
    color: var(--keyColor);
}
.secAfterWarranty .txtWarranty{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    letter-spacing: var(--pcLetterSpacing15_25);
    margin-top: 3.5rem;
}
.secAfterWarranty .boxMore{
    margin-top: 1.8rem;
    border-bottom: solid 0.1rem var(--colorText_25);
}
.secAfterWarranty .titMore{
    font-size: var(--pcFontSize14);
    padding: 2rem 0;
    cursor: pointer;
    position: relative;
}
.secAfterWarranty .titMore::after{
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    border-right: solid 0.1rem var(--textColor);
    border-bottom: solid 0.1rem var(--textColor);
    transform: rotate(45deg);
    right: 0;
    top: calc(50% - 0.5rem);
    transition: all 0.3s ease;
}
.secAfterWarranty .titMore.on::after{
    transform: rotate(-135deg);
}
.secAfterWarranty .txtMore{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    margin: 0.1rem 0 2rem;
    display: none;
}
.secAfterWarranty .item:nth-child(2n){
    flex-flow: row-reverse;
}
.secAfterWarranty .item:nth-child(2n) .txtBox{
    padding: 0 7.5rem 0 0;
}
@media only screen and (max-width:1215px){
    .secAfterWarranty{
        margin: 5.1rem auto 0 0;
        padding: 4rem 0 8rem;
        width: 94.667%;
        background: var(--bgVoiceColor);
        border-radius: 0 2rem 0 0;
    }
    .secAfterWarranty::before{
        display: none;
    }
    .secAfterWarranty .titEng img{
        height: 1.3rem;
        width: auto;
    }
    .secAfterWarranty .tit{
        margin-top: 1.5rem;
    }
    .secAfterWarranty .tit01{
        font-size: var(--spFontSize20);
    }
    .secAfterWarranty .tit02{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_40);
        margin-top: 1rem;
    }
    .secAfterWarranty .list{
        width: 100%;
        margin: 2rem auto 0;
        max-width: 100%;
        padding: 0 2rem;
    }
    .secAfterWarranty .item{
        display: block;
        padding-bottom: 3.4rem;
    }
    .secAfterWarranty .item:nth-child(n+2){
        margin-top: 3rem;
    }
    .secAfterWarranty .item:nth-child(2){
        padding-bottom: 4rem;
    }
    .secAfterWarranty .img{
        width: 100%;
    }
    .secAfterWarranty .txtBox,.secAfterWarranty .item:nth-child(2n) .txtBox{
        width: 100%;
        padding: 2.8rem 0 0;
    }
    .secAfterWarranty .titWarranty{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_50);
    }
    .secAfterWarranty .txtWarranty{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.5rem;
    }
    .secAfterWarranty .boxMore{
        width: 90.477%;
        margin: 0.7rem auto 0;
        border-bottom: solid 0.1rem var(--colorText_25);
    }
    .secAfterWarranty .titMore{
        font-size: var(--spFontSize13);
        padding: 1.5rem 0;
    }
    .secAfterWarranty .titMore::after{
        width: 0.6rem;
        height: 0.6rem;
        top: calc(50% - 0.3rem);
    }
    .secAfterWarranty .txtMore{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        margin: 0 0 1.2rem;
    }
}

/* cost */
.secCmnConceptHero.cost .engTit{
    width: 94.5rem;
    top: -14rem;
}
.secCmnConceptHero.cost{
    height: 116.5rem;
}
@media only screen and (max-width:1215px){
    .secCmnConceptHero.cost .engTit{
        width: 100%;
        max-width: 37.5rem;
        margin: -3rem auto 0;
    }
    .secCmnConceptHero.cost{
        height: auto;
    }
}

/* secCostTop */
.secCostTop{
    position: relative;
    padding: 10rem 0 16rem;
}
.secCostTop::before{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 32rem);
    top: -32rem;
    left: 0;
    background: var(--textColor);
}
.secCostTop .wrapper{
    position: relative;
    z-index: 10;
    display: flex;
}
.secCostTop .txtBox{
    width: calc(100% - 70rem);
}
.secCostTop .tit{
    font-weight: bold;
    color: var(--colorWhite);
}
.secCostTop .tit01{
    display: block;
    font-size: var(--pcFontSize28);
}
.secCostTop .tit02{
    display: block;
    font-size: var(--pcFontSize32);
    margin-top: 3rem;
}
.secCostTop .titMain{
    display: block;
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_62);
    margin-top: 2rem;
}
.secCostTop .spanSmall{
    font-size: var(--pcFontSize30);
}
.secCostTop .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    margin-top: 3.5rem;
    color: var(--colorWhite);
    font-weight: 700;
}
.secCostTop .txt + .txt{
    margin-top: 1.9rem;
}
.secCostTop .txtUnder{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_32);
    margin-top: 2.4rem;
    color: var(--colorWhite);
    font-weight: 700;
}
.secCostTop .img{
    width: 70rem;
}
@media only screen and (max-width:1215px){
    .secCostTop{
        padding: 4.2rem 0 6rem;
    }
    .secCostTop::before{
        height: calc(100% + 15.5rem);
        top: -15.5rem;
    }
    .secCostTop .wrapper{
        display: block;
    }
    .secCostTop .txtBox{
        width: 100%;
    }
    .secCostTop .tit{
        font-weight: bold;
        color: var(--colorWhite);
    }
    .secCostTop .tit01{
        font-size: var(--spFontSize16);
    }
    .secCostTop .tit02{
        display: block;
        font-size: var(--spFontSize20);
        margin-top: 1.8rem;
    }
    .secCostTop .titMain{
        font-size: var(--pcFontSize25);
        line-height: var(--pcLineHeight25_40);
        margin-top: 1.1rem;
    }
    .secCostTop .spanSmall{
        font-size: var(--spFontSize20);
    }
    .secCostTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 1.2rem;
    }
    .secCostTop .txt + .txt{
        margin-top: 3.5rem;
    }
    .secCostTop .txtUnder{
        display: none;
    }
    .secCostTop .img{
        width: 100%;
        margin: 2rem auto 0;
    }
}

/* secCostStandard */
.secCostStandard{
    padding-top: 12rem;
}
.secCostStandard.lazyloaded{
    background: url(../img/concept/bgAfterMerit.png) center top no-repeat;
}
.secCostStandard .titEng{
    text-align: center;
}
.secCostStandard .tit{
    font-size: var(--pcFontSize45);
    letter-spacing: var(--pcLetterSpacing45_50);
    font-weight: bold;
    margin-top: 3.2rem;
    text-align: center;
}
.secCostStandard .titUnder{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_100);
    margin-top: 2.7rem;
    font-weight: 700;
    text-align: center;
}
.secCostStandard .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 3rem;
    text-align: center;
}
.secCostStandard .imgBox{
    width: 102.2rem;
    margin: 6rem auto 0;
}
@media only screen and (max-width:1215px){
    .secCostStandard{
        padding-top: 5rem;
    }
    .secCostStandard.lazyloaded{
        background: url(../img/concept/bgAfterMerit_sp.png) center top / 100vw auto no-repeat;
    }
    .secCostStandard .titEng img{
        width: auto;
        height: 1.4rem;
    }
    .secCostStandard .tit{
        font-size: var(--spFontSize25);
        letter-spacing: var(--spLetterSpacing25_50);
        margin-top: 2rem;
    }
    .secCostStandard .titUnder{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_50);
        margin-top: 2rem;
    }
    .secCostStandard .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 2rem;
    }
    .secCostStandard .imgBox{
        width: auto;
        margin: 1.8rem auto 0;
    }
    .secCostStandard .img{
        width: 51.1rem;
        margin: 0;
    }
    /* scrollItem */
    .scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0 2rem;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem::before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/concept/iconScroll.png) center center / 11rem auto no-repeat;
        transition: all 0.2s ease-out 0.2s;
        animation: scrollItemAnimation 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
    .scrollItem.scrolled::before{
        opacity: 0;
    }
    @keyframes scrollItemAnimation {
        0%   { transform:translateX(0); }
        25%   { transform:translateX(10px) }
        50% { transform:translateX(0); }
        75% { transform:translateX(-10px); }
        100% { transform:translateX(0); }
    }
}

/* secCostMerit */
.secCostMerit{
    margin-top: 15rem;
    position: relative;
    padding: 12rem 0 15rem;
}
.secCostMerit::before{
    position: absolute;
    content: "";
    width: 168rem;
    max-width: calc(100% - 4rem);
    height: 100%;
    top: 0;
    left: 0;
    background: var(--textColor);
    border-radius: 0 5rem 0 0;
}
.secCostMerit .titEng{
    position: relative;
    z-index: 10;
    text-align: center;
}
.secCostMerit .tit{
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: 3.2rem;
    color: var(--colorWhite);
}
.secCostMerit .tit01{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize30);
}
.secCostMerit .tit02{
    display: block;
    font-weight: 700;
    font-size: var(--pcFontSize45);
    margin-top: 2.8rem;
}
.secCostMerit .list{
    width: 102rem;
    margin: 1.6rem auto 0;
    position: relative;
    z-index: 10;
}
.secCostMerit .item{
    padding: 5rem 0;
    border-bottom: solid 0.1rem var(--colorWhite_25);
}
.secCostMerit .item:first-child{
    padding: 4rem 0;
}
.secCostMerit .item:last-child{
    border-bottom: none;
}
.secCostMerit .boxWrapper{
    display: flex;
}
.secCostMerit .icon{
    width: 22rem;
    height: 22rem;
    background: var(--bgCostMeritColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secCostMerit .txtBox{
    width: calc(100% - 22rem);
    padding-left: 6rem;
    padding-top: 3rem;
}
.secCostMerit .meritTit{
    font-size: var(--pcFontSize30);
    color: var(--colorWhite);
    font-weight: 700;
    margin-top: 3rem;
}
.secCostMerit .meritTxt{
    margin-top: 3rem;
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    color: var(--colorWhite);
}
@media only screen and (max-width:1215px){
    .secCostMerit{
        margin-top: 6rem;
        position: relative;
        padding: 5rem 0;
        width: 94.667%;
        background: var(--textColor);
        border-radius: 0 2rem 0 0;
    }
    .secCostMerit::before{
        display: none;
    }
    .secCostMerit .titEng img{
        height: 1.3rem;
        width: auto;
    }
    .secCostMerit .tit{
        margin-top: 1.8rem;
    }
    .secCostMerit .tit01{
        font-size: var(--spFontSize20);
    }
    .secCostMerit .tit02{
        font-size: var(--spFontSize25);
        margin-top: 1.2rem;
    }
    .secCostMerit .list{
        width: 100%;
        margin: 2.8rem auto 0;
        padding: 0 2rem;
    }
    .secCostMerit .item{
        padding: 0 0 3.2rem;
    }
    .secCostMerit .item:nth-child(n+2){
        margin-top: 3rem;
    }
    .secCostMerit .item:first-child{
        padding:0 0 3.2rem;
    }
    .secCostMerit .item:last-child{
        border-bottom: none;
        padding-bottom: 0;
    }
    .secCostMerit .icon{
        width: 10rem;
        height: 10rem;
        flex-shrink: 0;
    }
    .secCostMerit .icon img{
        width: 6rem;
        height: auto;
    }
    .secCostMerit .boxWrapper{
        align-items: center;
    }
    .secCostMerit .txtBox{
        width: 100%;
        padding: 0.5rem 0 0 2rem;
    }
    .secCostMerit .meritTitEng img{
        width: auto;
        height: 1.5rem;
    }
    .secCostMerit .meritTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_34);
        margin-top: 1.1rem;
    }
    .secCostMerit .meritTxt{
        margin-top: 3rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.6rem;
    }
}

/* secCostInsulation */
.secCostInsulation{
    margin-top: 12rem;
}
.secCostInsulation .titEng{
    text-align: center;
}
.secCostInsulation .tit{
    font-size: var(--pcFontSize45);
    font-weight: bold;
    margin-top: 3.2rem;
    text-align: center;
}
.secCostInsulation .img{
    text-align: center;
    margin-top: 5.8rem;
}
.secCostInsulation .list{
    margin-top: 8rem;
}
.secCostInsulation .item{
    border: solid 0.1rem var(--borderCostColor);
}
.secCostInsulation .item:nth-child(n+2){
    margin-top: 8rem;
}
.secCostInsulation .titBox{
    padding: 4.6rem 1rem 4.9rem;
    border-bottom: solid 0.1rem var(--borderCostColor);
}
.secCostInsulation .itemTit{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing36_50);
    font-weight: bold;
    color: var(--keyColor);
    text-align: center;
}
.secCostInsulation .itemTxt{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 2.7rem;
    text-align: center;
}
.secCostInsulation .itemImg{
    padding: 5.9rem;
}
@media only screen and (max-width:1215px){
    .secCostInsulation{
        margin-top: 5rem;
    }
    .secCostInsulation .titEng img{
        height: 1.4rem;
        width: auto;
    }
    .secCostInsulation .tit{
        font-size: var(--spFontSize25);
        margin-top: 1.5rem;
    }
    .secCostInsulation .img{
        text-align: center;
        margin-top: 3rem;
        width: 82.4%;
    }
    .secCostInsulation .list{
        margin-top: 4rem;
    }
    .secCostInsulation .item:nth-child(n+2){
        margin-top: 4rem;
    }
    .secCostInsulation .titBox{
        padding: 2.2rem 0.5rem 1.8rem;
    }
    .secCostInsulation .itemTit{
        font-size: var(--spFontSize20);
        letter-spacing: normal;
        line-height: var(--spLineHeight20_36);
    }
    .secCostInsulation .itemTxt{
        font-size: var(--spFontSize14);
        letter-spacing: normal;
        line-height: var(--spLineHeight14_34);
        margin-top: 0;
    }
    .secCostInsulation .itemImg{
        padding: 3rem 1.4rem;
    }
}

/*-----------------------------------------------
    design
-----------------------------------------------*/
/* secCmnConceptHero */
.secCmnConceptHero.design{
    height: 120rem;
}
.secCmnConceptHero.design .engTit{
    width: 79rem;
    left: -6rem;
}
@media only screen and (max-width:1215px){
    .secCmnConceptHero.design{
        height: auto;
    }
    .secCmnConceptHero.design .engTit{
        width: 84.267%;
        max-width: 31.6rem;
        margin: 3rem auto 0;
    }
}
/* secDesignTop */
.secDesignTop{
    position: relative;
    color: var(--colorWhite);
}
.secDesignTop::after{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 35rem);
    bottom: 0;
    background: var(--textColor);
}
.secDesignTop .wrapper{
    position: relative;
    z-index: 10;
    padding: 10rem 0 0;
}
.secDesignTop .tit{
    font-size: var(--pcFontSize50);
    font-weight: bold;
}
.secDesignTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_50);
    margin-top: 4rem;
}
.secDesignTop .imgBox{
    margin-top: 10rem;
    display: flex;
}
.secDesignTop .img{
    width: 32.96875%;
    margin-right: 0.546875%;
}
.secDesignTop .img:last-child{
    margin-right: 0;
}
@media only screen and (max-width:1215px){
    .secDesignTop::after{
        height: calc(100% + 16rem);
    }
    .secDesignTop .wrapper{
        padding: 3rem 0 0;
    }
    .secDesignTop .tit{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_45);
    }
    .secDesignTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 0.8rem;
    }
    .secDesignTop .imgBox{
        margin-top: 3rem;
    }
    .secDesignTop .img{
        width: 32.8%;
        margin-right: 0.8%;
    }
    .secDesignTop .img:last-child{
        margin-right: 0;
    }
}
/* secDesignFree */
.secDesignFree{
    margin-top: 20rem;
}
.secDesignFree .topTitBox{
    position: relative;
    text-align: center;
    z-index: 20;
}
.secDesignFree .topTit{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_50);
    font-weight: bold;
}
.secDesignFree .topEngTit{
    margin-top: 3rem;
}
.secDesignFree .topEngTit img{
    width: auto;
    height: 2.2rem;
}
.secDesignFree .topEngTit02{
    position: absolute;
    top: -5rem;
    left: calc(50% - 39.5rem);
    width: 79rem;
}
@media only screen and (max-width:1215px){
    .secDesignFree{
        margin-top: 6.7rem;
    }
    .secDesignFree .topTit{
        font-size: var(--spFontSize25);
        letter-spacing: var(--spLetterSpacing25_50);
    }
    .secDesignFree .topEngTit{
        margin-top: 1.2rem;
    }
    .secDesignFree .topEngTit img{
        width: auto;
        height: 1.5rem;
    }
    .secDesignFree .topEngTit02{
        top: -2rem;
        left: calc(50% - 15.8rem);
        width: 31.6rem;
    }
}
.secDesignFree .list{
    margin-top: 8rem;
}
.secDesignFree .item{
    position: relative;
    min-height: 100rem;
    display: flex;
    align-items: center;
}
.secDesignFree .item::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 150rem;
    top: -15rem;
    left: calc(50% - 96rem);
}
.secDesignFree.lazyloaded .item::after{
    background: url(../img/concept/bgDesignFree01.png) center top / cover;
}
.secDesignFree.lazyloaded .item:nth-child(2)::after{
    background: url(../img/concept/bgDesignFree02.png) center top / cover;
}
.secDesignFree .img{
    position: absolute;
    width: 91rem;
    top: 0;
    left: calc(50% - 96rem);
    border-radius: 0 5rem 0 0;
    overflow: hidden;
    z-index: 5;
}
.secDesignFree .txtBox{
    width: 52rem;
    margin-left: auto;
    position: relative;
    z-index: 5;
}
.secDesignFree .tit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_60);
    color: var(--priceColor);
    font-weight: bold;
}
.secDesignFree .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    margin-top: 5rem;
}
.secDesignFree .txt + .txt{
    margin-top: 2rem;
}
.secDesignFree .item:nth-child(2){
    margin-top: 15rem;
}
.secDesignFree .item:nth-child(2) .img{
    left: auto;
    right: calc(50% - 96rem);
    border-radius: 5rem 0 0 0;
}
.secDesignFree .item:nth-child(2) .txtBox{
    margin-left: 0;
}
@media only screen and (max-width:1215px){
    .secDesignFree .list{
        margin-top: 3rem;
    }
    .secDesignFree .item{
        min-height: auto;
        display: block;
    }
    .secDesignFree .item::after{
        display: none;
    }
    .secDesignFree .img{
        position: static;
        width: calc(100% - 2rem);
        border-radius: 0 2rem 0 0;
    }
    .secDesignFree .txtBox{
        width: 89.334%;
        margin: 2.8rem auto 0;
    }
    .secDesignFree .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_34);
    }
    .secDesignFree .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.6rem;
    }
    .secDesignFree .txt + .txt{
        margin-top: 2.8rem;
    }
    .secDesignFree .item:nth-child(2){
        margin-top: 4.2rem;
    }
    .secDesignFree .item:nth-child(2) .img{
        border-radius: 2rem 0 0 0;
        margin-left: auto;
    }
    .secDesignFree .item:nth-child(2) .txtBox{
        margin: 2.8rem auto 0;
    }
}
/* secDesignHouse */
.secDesignHouse{
    position: relative;
    z-index: 15;
    margin-top: 15rem;
    background: var(--bgVoiceColor);
    padding: 20.5rem 0 15rem;
}
.secDesignHouse .topTitBox{
    position: relative;
    text-align: center;
    z-index: 20;
}
.secDesignHouse .topTit{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_50);
    font-weight: bold;
}
.secDesignHouse .topEngTit{
    margin-top: 3rem;
}
.secDesignHouse .topEngTit img{
    width: auto;
    height: 2.2rem;
}
.secDesignHouse .topEngTit02{
    position: absolute;
    top: -5rem;
    left: calc(50% - 54.7rem);
    width: 109.4rem;
}
.secDesignHouse .topTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_50);
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    .secDesignHouse{
        margin-top: 5.2rem;
        padding: 7rem 0 5rem;
    }
    .secDesignHouse .topTitBox{
        position: relative;
        text-align: center;
        z-index: 20;
    }
    .secDesignHouse .topTit{
        font-size: var(--spFontSize25);
        letter-spacing: var(--spLetterSpacing25_50);
    }
    .secDesignHouse .topEngTit{
        margin-top: 1.2rem;
    }
    .secDesignHouse .topEngTit img{
        width: auto;
        height: 1.5rem;
    }
    .secDesignHouse .topEngTit02{
        top: -2rem;
        left: calc(50% - 21.9rem);
        width: 43.8rem;
    }
    .secDesignHouse .topTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 2rem;
    }
}
.secDesignHouse .meritBox{
    border-top: solid 0.1rem var(--colorText_25);
    margin-top: 8.5rem;
    padding-top: 10rem;
}
.secDesignHouse .meritTopEng{
    width: 15.1rem;
    margin: 0 auto;
}
.secDesignHouse .meritTopJpn{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    text-align: center;
    margin-top: 3rem;
}
.secDesignHouse .meritList{
    width: 102rem;
    margin: 4.5rem auto 0;
}
.secDesignHouse .meritItem{
    display: flex;
    align-items: center;
}
.secDesignHouse .meritItem:nth-child(n+2){
    margin-top: 5.1rem;
    padding-top: 5rem;
    border-top: solid 0.1rem var(--colorText_25);
}
.secDesignHouse .imgBox{
    width: 28rem;
}
.secDesignHouse .img{
    overflow: hidden;
    border-radius: 50%;
}
.secDesignHouse .txtBox{
    width: calc(100% - 28rem);
    padding: 1rem 0 0 6rem;
}
.secDesignHouse .engTit img{
    width: auto;
    height: 1.9rem;
}
.secDesignHouse .tit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
    margin-top: 3rem;
}
.secDesignHouse .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secDesignHouse .meritBox{
        margin-top: 2.8rem;
        padding-top: 4rem;
    }
    .secDesignHouse .meritTopEng{
        width: 7.6rem;
    }
    .secDesignHouse .meritTopJpn{
        font-size: var(--spFontSize13);
        margin-top: 1.5rem;
    }
    .secDesignHouse .meritList{
        width: calc(100% - 2rem);
        margin: 2.8rem auto 0;
    }
    .secDesignHouse .meritItem{
        display: block;
    }
    .secDesignHouse .meritItem:nth-child(n+2){
        margin-top: 3rem;
        padding-top: 3rem;
    }
    .secDesignHouse .imgBox{
        width: 100%;
    }
    .secDesignHouse .img{
        border-radius: 0.4rem;
    }
    .secDesignHouse .txtBox{
        width: 100%;
        padding: 2.5rem 0 0;
    }
    .secDesignHouse .engTit img{
        width: auto;
        height: 1.5rem;
    }
    .secDesignHouse .tit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        margin-top: 1.8rem;
    }
    .secDesignHouse .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.5rem;
    }
}
/* secDesignCost */
.secDesignCost{
    margin-top: 17em;
}
.secDesignCost .topTitBox{
    position: relative;
    text-align: center;
    z-index: 20;
}
.secDesignCost .topTit{
    font-size: var(--pcFontSize50);
    letter-spacing: var(--pcLetterSpacing50_50);
    font-weight: bold;
}
.secDesignCost .topEngTit{
    margin-top: 3rem;
}
.secDesignCost .topEngTit img{
    width: auto;
    height: 2.2rem;
}
.secDesignCost .topEngTit02{
    position: absolute;
    top: -5rem;
    left: calc(50% - 65.35rem);
    width: 130.7rem;
}
.secDesignCost .topTxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_50);
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    .secDesignCost{
        margin-top: 6.7rem;
    }
    .secDesignCost .topTit{
        font-size: var(--spFontSize25);
        letter-spacing: var(--spLetterSpacing25_50);
    }
    .secDesignCost .topEngTit{
        margin-top: 1.2rem;
    }
    .secDesignCost .topEngTit img{
        width: auto;
        height: 1.5rem;
    }
    .secDesignCost .topEngTit02{
        top: -2rem;
        left: calc(50% - 26.2rem);
        width: 52.4rem;
    }
    .secDesignCost .topTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_34);
        margin-top: 2rem;
    }
}
.secDesignCost .mainBox{
    margin-top: 8.5rem;
    position: relative;
    color: var(--colorWhite);
    padding: 10rem 0 12rem;
}
.secDesignCost .mainBox::after{
    position: absolute;
    content: "";
    width: 168rem;
    height: 100%;
    top: 0;
    left: calc(50% - 96rem);
    background: var(--textColor);
    border-radius: 0 5rem 0 0;
}
.secDesignCost .tit{
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
    position: relative;
    z-index: 10;
    text-align: center;
}
.secDesignCost .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    margin-top: 3rem;
    position: relative;
    z-index: 10;
    text-align: center;
}
.secDesignCost .img{
    width: 110.1rem;
    margin: 7rem auto 0;
    position: relative;
    z-index: 10;
}
@media only screen and (max-width:1215px){
    .secDesignCost .mainBox{
        width: 100%;
        margin: 3rem auto 0 0;
        padding: 4rem 2rem 5rem 0;
    }
    .secDesignCost .mainBox::after{
        width: 94.667%;
        left: 0;
        border-radius: 0 2rem 0 0;
    }
    .secDesignCost .tit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
    }
    .secDesignCost .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1.5rem;
        text-align: left;
    }
    .secDesignCost .img{
        width: 100%;
        max-width: 27.6rem;
        margin: 2.2rem auto 0;
    }
}