@charset "utf-8";

/*-----------------------------------------------
    secHero
-----------------------------------------------*/
.secHero{
    position: relative;
    background: url(../img/index/bgHero_b.jpg) left top / cover no-repeat;
}
.secHero .secTit{
    padding: 0.9rem 0 68.4rem 0;
}
.secHero .boxAward{
    position: relative;
    right: 2rem;
    width: 27.448%;
    width: 527px;
    margin: 0 0 0 3rem;
}
.secHero .boxEng{
    position: absolute;
    top: 0;
    right: 0;
    width: 61.3025%;
}
.secHero .boxConcept{
    position: absolute;
    top: 21rem;
    left: 15rem;
    width: 35.886%;
    width: 882px;
}
.secHero .boxTit{
    position: absolute;
    top: 11rem;
    right: 19rem;
    display: flex;
    gap: 3rem;
}
.secHero .boxTit .tit{
    width: 375px;
}
.secHero .boxTit .txt{
    position: relative;
    top: -2.2rem;
    width: 275px;
    right: -0.7rem;
}
/* boxLink */
.secHero .boxLink{
    position: absolute;
    bottom: -6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 78rem;
}
.secHero .boxLink .link{
    position: relative;
    width: 100%;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6rem;
    background: url(../img/index/bgLink.jpg) center center / cover no-repeat,var(--whiteColor);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.secHero .boxLink .link:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.3rem solid var(--whiteColor);
    border-radius: 6rem;
}
.secHero .boxLink .txt{
    position: relative;
    display: inline-block;
    color: var(--whiteColor);
    font-size: var(--pcFS22);
    letter-spacing: var(--pcLS22_50);
    font-weight: bold;
    padding: 0 0 0.3rem 4.3rem;
}
.secHero .boxLink .txt:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.3rem;
    height: 2.6rem;
    background: url(../img/common/iconBell.png) center top / cover no-repeat;
}
.secHero .boxLink .cmnLink_arrow:after{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="7" viewBox="0 0 14 7"><path d="M0,3 H10 V0 L14,3.5 L10,7 V4 H0 Z" fill="%23ffffff"/></svg>');
    background-color: var(--keyColor);
}
@media only screen and (max-width:1840px){
    .secHero .boxAward{
        width: 27.448%;
    }
    .secHero .boxConcept{
        top: 24rem;
        left: 0;
        width: 45%;
    }
    .secHero .boxTit{
        width: 37.657%;
    }
    .secHero .boxTit .txt{
        width: 26.4rem;
    }
}
@media only screen and (max-width:1215px){
	.secHero{
        background-image: none;
	}
    .secHero .secTit{
        padding: 0;
    }
    .secHero .boxAward{
        width: 100%;
        right: auto;
        margin: 0;
    }
    .secHero .boxEng,
    .secHero .boxConcept,
    .secHero .boxTit{
        display: none;
    }
    /* boxLink */
    .secHero .boxLink{
        bottom: -3.5rem;
        width: 50%;
    }
    .secHero .boxLink .link{
        justify-content: flex-start;
        padding-left: 2.5rem;
        height: 7rem;
        border-radius: 3.5rem;
        background-image: url(../img/index/bgLink_sp.jpg);
    }
    .secHero .boxLink .link:before{
        border-width: 0.2rem;
        border-radius: 3.5rem;
    }
    .secHero .boxLink .txt{
        font-size: var(--spFS15);
        letter-spacing: var(--spLS_0);
        padding: 0 0 0.3rem 3rem;
    }
    .secHero .boxLink .txt:before{
        width: 2rem;
        height: 2.2rem;
    }
}
@media only screen and (max-width:767px){
    .secHero .boxLink{
        width: 89.335%;
    }
}

/*-----------------------------------------------
    secNotice
-----------------------------------------------*/
.secNotice{
    position: relative;
    padding-top: 12rem;
    z-index: -1;
}
.secNotice .txtNote{
    position: absolute;
    top: 2rem;
    left: calc(50% + 39rem + 2rem);
    right: 2rem;
    font-size: var(--pcFS11);
    line-height: var(--pcLHS11_18);
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.secNotice .boxNotice{
    width: 100%;
    border: 0.1rem solid var(--noticeColor);
    background-color: color-mix(in srgb, var(--noticeColor) 3%, transparent);
    text-align: center;
    padding: 4.6rem 0 4rem;
}
.secNotice .boxNotice .tit{
    font-size: var(--pcFS18);
    font-weight: bold;
}
.secNotice .boxNotice .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_30);
    margin-top: 1.4rem;
}
@media only screen and (max-width:1215px){
    .secNotice{
        padding-top: 5rem;
    }
    .secNotice .txtNote{
        position: static;
        display: block;
        text-align: center;
        font-size: var(--spFS10);
        line-height: var(--spLHS10_18);
    }
    .secNotice .boxNotice{
        margin-top: 1.7rem;
        padding: 2.2rem 2rem 2rem;
    }
    .secNotice .boxNotice .tit{
        font-size: var(--spFS15);
    }
    .secNotice .boxNotice .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_22);
        margin-top: 1.1rem;
    }
}

/*-----------------------------------------------
    secConcept
-----------------------------------------------*/
.secConcept{
    position: relative;
    padding: 19.5rem 0 31.7rem;
    background: right calc(50% + 3rem) / auto no-repeat;
}
.secConcept.lazyloaded{
    background-image: url(../img/index/bgConcept.jpg);
}
.secConcept .titEng{
    font-size: var(--pcFS26);
    font-weight: bold;
}
.secConcept .titJp{
    font-size: var(--pcFS14);
    font-weight: bold;
    margin-top: 1.3rem;
}
/* boxTit */
.secConcept .boxTit{
    margin-top: 3.5rem;
}
.secConcept .txtTit{
    color: var(--greenColor);
    font-size: var(--pcFS40);
    line-height: var(--pcLHS40_80);
    letter-spacing: var(--pcLS40_150);
}
.secConcept .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_44);
    margin-top: 2rem;
}
/* boxEng */
.secConcept .boxEng{
    position: absolute;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secConcept{
        padding: 5.8rem 0 36.6rem;
        background: center bottom / 100% no-repeat;
    }
    .secConcept.lazyloaded{
        background-image: url(../img/index/bgConcept_sp.jpg);
    }
    .secConcept .boxConceptTit{
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .secConcept .titEng{
        font-size: var(--spFS18);
    }
    .secConcept .titJp{
        font-size: var(--spFS11);
        margin-top: 0;
    }
    /* boxTit */
    .secConcept .boxTit{
        margin-top: 0.8rem;
    }
    .secConcept .txtTit{
        font-size: var(--spFS20);
        line-height: var(--spLHS20_36);
        letter-spacing: var(--spLS20_50);
    }
    .secConcept .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_28);
        margin-top: 1.2rem;
    }
    /* boxEng */
    .secConcept .boxEng{
        width: 3.6rem;
        top: 3.9rem;
        bottom: auto;
        left: auto;
        right: 0;
        opacity: 0.8;
    }
}

/*-----------------------------------------------
    secValue
-----------------------------------------------*/
.secValue{
    position: relative;
    margin-top: 1rem;
}
/* secValueList */
.secValueList{
    position: relative;
    margin-top: 10rem;
    padding: 10rem 0 14rem;
    background: center center / cover no-repeat;
}
.secValueList.lazyloaded{
    background-image: url(../img/index/bgValue.jpg);
}
.secValueList .boxList{
    display: flex;
    background-color: var(--whiteColor);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
	counter-reset: number 0;
}
.secValueList .boxList .item{
    position: relative;
    width: calc(100% / 5);
    padding: 8.6rem 0 6rem;
    margin-top: 7.2rem;
    background: top center / 5.6rem auto no-repeat;
    text-align: center;
}
.secValueList.lazyloaded .boxList .item:nth-child(1){
    background-image: url(../img/index/iconValue01.png);
}
.secValueList .boxList .item:nth-child(2){
    background-size: 6.2rem auto;
}
.secValueList.lazyloaded .boxList .item:nth-child(2){
    background-image: url(../img/index/iconValue02.png);
}
.secValueList.lazyloaded .boxList .item:nth-child(3){
    background-image: url(../img/index/iconValue03.png);
}
.secValueList .boxList .item:nth-child(4){
    background-size: 6.3rem auto;
}
.secValueList.lazyloaded .boxList .item:nth-child(4){
    background-image: url(../img/index/iconValue04.png);
}
.secValueList .boxList .item:nth-child(5){
    background-size: 5.1rem auto;
}
.secValueList.lazyloaded .boxList .item:nth-child(5){
    background-image: url(../img/index/iconValue05.png);
}
.secValueList .boxList .item:not(:last-child):after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: color-mix(in srgb, var(--greenColor) 10%, transparent);
}
.secValueList .boxList .tit{
    position: relative;
    font-size: var(--pcFS20);
    font-weight: bold;
    color: var(--greenColor);
}
.secValueList .boxList .tit:before{
    position: absolute;
	counter-increment: number 1;
	content: counter(number);
    width: 4.8rem;
    height: 4.8rem;
    left: 0;
    right: 0;
	top: -18.2rem;
	margin: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFS16);
    font-weight: bold;
    color: var(--whiteColor);
    background-color: var(--greenColor);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.secValueList .boxList .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_32);
    margin-top: 1.9rem;
}
@media only screen and (max-width:1215px){
    .secValue{
        margin-top: -3rem;
    }
    /* secValueList */
    .secValueList{
        margin-top: 4rem;
        padding: 4rem 0 7rem;
    }
    .secValueList .boxList{
        flex-direction: column;
    }
    .secValueList .boxList .item{
        width: calc(100% - 2rem);
        padding: 2.6rem 0 2rem 4.6rem;
        margin: 0 0 0 2rem;
        text-align: left;
        background-position: left center;
    }
    .secValueList .boxList .item:nth-child(1),
    .secValueList .boxList .item:nth-child(2),
    .secValueList .boxList .item:nth-child(3){
        background-size: 3rem auto;
    }
    .secValueList .boxList .item:nth-child(4){
        background-size: 3.2rem auto;
    }
    .secValueList .boxList .item:nth-child(5){
        background-size: 2.8rem auto;
    }
    .secValueList .boxList .item:not(:last-child):after{
        top: auto;
        bottom: 0;
        left: -2rem;
        width: calc(100% + 2rem);
        height: 1px;
    }
    .secValueList .boxList .tit{
        font-size: var(--spFS15);
        padding-left: 3.4rem;
    }
    .secValueList .boxList .tit:before{
        width: 2.8rem;
        height: 2.8rem;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        font-size: var(--spFS12);
    }
    .secValueList .boxList .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_18);
        margin-top: 1.4rem;
    }
}
@media only screen and (max-width:767px){
    .secValueList.lazyloaded{
        background-image: url(../img/index/bgValue_sp.jpg);
    }
}

/*-----------------------------------------------
    secAccess
-----------------------------------------------*/
.secAccess{
    position: relative;
    padding: 20rem 0 15.2rem;
    background: center bottom / contain no-repeat,var(--brownColor);
}
.secAccess.lazyloaded{
    background-image: url(../img/index/bgAccess.jpg);
}
/* boxAccess */
.secAccess .boxAccess{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 5rem;
}
.secAccess .boxImg{
    width: 32.468%;
}
/* boxInfo */
.secAccess .boxInfo{
    width: 62.988%;
}
.secAccess .boxTit .tit{
    position: relative;
    display: inline-block;
    font-size: var(--pcFS60);
    letter-spacing: var(--pcLS60_150);
    color: var(--blueColor);
    font-weight: bold;
}
.secAccess .boxTit .tit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -1rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--blueColor);
}
.secAccess .boxTit .titMin{
    font-size: var(--pcFS32);
    letter-spacing: var(--pcLS32_150);
    color: var(--greenColor);
    margin-top: 3.5rem;
    font-weight: bold;
}
.secAccess .boxTit .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_44);
    margin-top: 2.8rem;
}
/* boxList */
.secAccess .boxList{
    display: flex;
    justify-content: space-between;
    margin-top: 7.5rem;
}
.secAccess .boxList .item{
    position: relative;
    width: 31.96%;
}
.secAccess .boxList .img{
    position: relative;
}
.secAccess .boxList .img:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--textColor);
    opacity: 0.4;
}
.secAccess .boxList .boxTxt{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--whiteColor);
    font-weight: bold;
}
.secAccess .boxList .tit{
    font-size: var(--pcFS22);
}
.secAccess .boxList .time{
    font-size: var(--pcFS22);
    margin-top: 1.4rem;
}
.secAccess .boxList .num{
    font-size: var(--pcFS46);
    letter-spacing: var(--pcLS46_50);
}
.secAccess .boxList .unit{
    position: relative;
    top: -0.2rem;
    right: -0.2rem;
}
.secAccess .boxList .note{
    font-size: var(--pcFS18);
    margin-top: 1.6rem;
}
/* boxImgScroll */
.secAccess .boxImgScroll{
    margin-top: 6rem;
    background-color: var(--whiteColor);
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
    padding: 4.5rem 0;
}
.secAccess .boxImgScroll .img{
    max-width: 118rem;
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width:1215px){
    .secAccess{
        padding: 9rem 0 6.8rem;
        background-size: 100%;
        background-color: var(--brownColor);
    }
    .secAccess.lazyloaded{
        background-image: url(../img/index/bgAccess_sp.jpg);
    }
    /* boxAccess */
    .secAccess .boxAccess{
        flex-direction: column;
        margin-top: 2.5rem;
    }
    .secAccess .boxImg,
    .secAccess .boxInfo{
        width: 100%;
    }
    /* boxInfo */
    .secAccess .boxTit{
        margin-top: 2.8rem;
    }
    .secAccess .boxTit .tit{
        font-size: var(--spFS22);
        letter-spacing: var(--spLS_0);
    }
    .secAccess .boxTit .tit:before{
        bottom: -0.4rem;
    }
    .secAccess .boxTit .titMin{
        font-size: var(--spFS18);
        line-height: var(--spLHS18_28);
        letter-spacing: var(--spLS_0);
        margin-top: 1.5rem;
    }
    .secAccess .boxTit .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_28);
        margin-top: 0.6rem;
    }
    /* boxList */
    .secAccess .boxList{
        margin-top: 3.1rem;
    }
    .secAccess .boxList .item{
        width: 32.54%;
    }
    .secAccess .boxList .img:before{
        display: none;
    }
    .secAccess .boxList .boxTxt{
        position: static;
        color: var(--textColor);
        margin-top: 1.4rem;
    }
    .secAccess .boxList .tit,
    .secAccess .boxList .time,
    .secAccess .boxList .note{
        font-size: var(--spFS13);
    }
    .secAccess .boxList .time{
        margin-top: 0.7rem;
    }
    .secAccess .boxList .num{
        font-size: var(--spFS20);
        letter-spacing: var(--pcLS46_50);
    }
    .secAccess .boxList .unit{
        top: -0.1rem;
        right: 0rem;
    }
    .secAccess .boxList .note{
        margin-top: 0.7rem;
    }
    /* boxImgScroll */
    .secAccess .boxImgScroll{
        margin-top: 3rem;
        padding: 2rem 0 1.2rem;
    }
    .secAccess .boxImgScroll .img{
        max-width: none;
        width: 59rem;
        margin: 0;
        padding: 0 2rem;
        box-sizing: content-box;
    }
    .secAccess .boxImgScroll .simplebar-track.simplebar-horizontal{
        height: 0.4rem;
        left: 2rem;
        right: 2rem;
        bottom: 1rem;
    }
    .secAccess .boxImgScroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--blackColor_10);
        opacity: 1;
    }
    .secAccess .boxImgScroll .simplebar-track.simplebar-vertical{
        display: none;
    }
}


/*-----------------------------------------------
    secModelhouse
-----------------------------------------------*/
.secModelhouse{
    position: relative;
    margin-top: 15rem;
}
.secModelhouse .boxMain{
    margin-top: 10rem;
    background: right top / cover no-repeat;
    padding: 20.1rem 0;
}
.secModelhouse.lazyloaded .boxMain{
    background-image: url(../img/index/bgModelhouse.jpg?260828);
}
.secModelhouse .boxTit .tit,
.secModelhouse .boxTxt .txt{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.secModelhouse .boxMain .in{
    background-color: var(--whiteColor);
    display: block;
    padding: 0.8rem;
}
.secModelhouse .boxTit .tit{
    font-size: var(--pcFS40);
    letter-spacing: var(--pcLS40_50);
    color: var(--greenColor);
    gap: 2.5rem;
}
.secModelhouse .boxTxt{
    margin-top: 6.1rem;
}
.secModelhouse .boxTxt .txt{
    font-size: var(--pcFS19);
    color: var(--whiteColor);
    flex-direction: row;
}
.secModelhouse .boxTxt .in{
    background-color: var(--greenColor);
    padding: 0.8rem 0.5rem 1rem 0.9rem;
}
.secModelhouse .boxTxt .in + .in{
    padding-left: 0;
    margin-left: -0.5rem;
}
@media only screen and (max-width:1215px){
    .secModelhouse{
        margin-top: 7rem;
    }
    .secModelhouse .boxMain{
        margin-top: 3rem;
        padding: 22.2rem 0 6.2rem 0;
    }
    .secModelhouse .boxMain .in{
        padding: 0.9rem 0.7rem 0.9rem 0.8rem;
    }
    .secModelhouse .boxTit .tit{
        font-size: var(--spFS19);
        letter-spacing: var(--spLS_0);
        gap: 1rem;
    }
    .secModelhouse .boxTxt{
        margin-top: 2rem;
    }
    .secModelhouse .boxTxt .txt{
        font-size: var(--spFS14);
        flex-direction: column;
        gap: 0.3rem;
    }
    .secModelhouse .boxTxt .in{
        padding: 0.8rem 0.5rem 1rem 0.4rem;
    }
    .secModelhouse .boxTxt .in + .in{
        padding-left: 0.4rem;
        margin-left: 0;
    }
}
@media only screen and (max-width:767px){
    .secModelhouse.lazyloaded .boxMain{
        background-image: url(../img/index/bgModelhouse_sp.jpg?260828);
    }
}


/*-----------------------------------------------
    secFormInfo
-----------------------------------------------*/
.secFormInfo{
    margin-top: var(--footerPc);
    padding: 12rem 0;
    background: center center / cover no-repeat, var(--textColor);
}
.secFormInfo.lazyloaded{
    background-image: url(../img/index/bgFormInfo.png);
}
.secFormInfo .boxMainTit .titJp,
.secFormInfo .boxMainTit .txt{
    color: var(--whiteColor);
}
.secFormInfo .boxMainTit .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_44);
    margin-top: 2rem;
}
.secFormInfo .boxList{
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 6rem;
}
.secFormInfo .boxList .item{
    width: 32rem;
    background-color: var(--whiteColor);
    border-radius: 1rem;
    text-align: center;
    padding: 4rem 3rem;
}
.secFormInfo .boxList .ico{
    width: 4rem;
    margin: 0 auto;
}
.secFormInfo .boxList .tit{
    font-size: var(--pcFS18);
    font-weight: bold;
    margin-top: 2rem;
}
.secFormInfo .boxList .txt{
    font-size: var(--pcFS14);
    line-height: var(--pcLHS14_24);
    margin-top: 1.5rem;
}
@media only screen and (max-width:1215px){
    .secFormInfo{
        margin-top: var(--footerSp);
        padding: 6rem 0;
    }
    .secFormInfo .boxMainTit .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_28);
        margin-top: 1.2rem;
    }
    .secFormInfo .boxList{
        flex-direction: column;
        gap: 1.5rem;
        margin-top: 3rem;
    }
    .secFormInfo .boxList .item{
        width: 100%;
        padding: 2.5rem 2rem;
    }
    .secFormInfo .boxList .ico{
        width: 3rem;
    }
    .secFormInfo .boxList .tit{
        font-size: var(--spFS14);
        margin-top: 1.2rem;
    }
    .secFormInfo .boxList .txt{
        font-size: var(--spFS11);
        line-height: var(--spLHS11_22);
        margin-top: 1rem;
    }
}
@media only screen and (max-width:767px){
    .secFormInfo.lazyloaded{
        background-image: url(../img/index/bgFormInfo_sp.png);
    }
}

/*-----------------------------------------------
    secSoon
-----------------------------------------------*/
.secSoon{
    background-color: var(--soonColor);
}
.secSoon .boxSoon{
    color: var(--whiteColor);
    text-align: center;
    padding: 6.4rem 0 7rem;
}
.secSoon .boxSoon .tit{
    font-size: var(--pcFS22);
    letter-spacing: var(--pcLS22_50);
    font-weight: bold;
}
.secSoon .boxSoon .txt{
    font-size: var(--pcFS16);
    margin-top: 2.8rem;
}
@media only screen and (max-width:1215px){
    .secSoon .boxSoon{
        padding: 3.6rem 0 3.5rem;
    }
    .secSoon .boxSoon .tit{
        font-size: var(--spFS19);
        letter-spacing: var(--spLS_0);
    }
    .secSoon .boxSoon .txt{
        font-size: var(--spFS13);
        line-height: var(--spLHS13_22);
        letter-spacing: var(--spLS_0);
        margin-top: 1.4rem;
    }
}

#footer{
    margin-top: 0;
}

/*-----------------------------------------------
    secPriority
-----------------------------------------------*/
.secPriority{
    padding: 10rem 0;
    background: center center / cover no-repeat;
}
.secPriority.lazyloaded{
    background-image: url(../img/index/bgPriority.jpg);
}
.secPriority .boxPriorityTit{
    color: var(--whiteColor);
    text-align: center;
}
.secPriority .boxPriorityTit .tit{
    font-size: var(--pcFS26);
}
.secPriority .boxPriorityTit .txt{
    font-size: var(--pcFS16);
    margin-top: 3rem;
}
/* boxList */
.secPriority .boxList{
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 4.5rem;
}
.secPriority .boxList .item{
    position: relative;
    width: 50rem;
    text-align: center;
    padding: 6.3rem 3rem 4.5rem;
    background-color: var(--whiteColor);
    box-shadow: var(--shadowColor);
    border-radius: 0.5rem;
}
.secPriority .boxList .item:not(:last-child)::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: var(--grayColor2);
}
.secPriority .item .tit{
    position: relative;
    font-size: var(--pcFS20);
    font-weight: bold;
    color: var(--greenColor);
    padding-top: 7.5rem;
    background: top center / 4.7rem auto no-repeat;
}
.secPriority.lazyloaded .item:nth-child(1) .tit{
    background-image: url(../img/index/iconPriority01.png);
}
.secPriority.lazyloaded .item:nth-child(2) .tit{
    background-image: url(../img/index/iconPriority02.png);
}
.secPriority .boxList .item:nth-child(2) .tit{
    background-size: 5.1rem auto;
}
.secPriority.lazyloaded .item:nth-child(3) .tit{
    background-image: url(../img/index/iconPriority03.png);
}
.secPriority .boxList .item:nth-child(3) .tit{
    background-size: 5rem auto;
}
.secPriority .item .txt{
    font-size: var(--pcFS16);
    line-height: var(--pcLHS16_32);
    margin-top: 2.3rem;
}
@media only screen and (max-width:1215px){
    .secPriority{
        padding: 5.3rem 0;
    }
    .secPriority .boxPriorityTit .tit{
        font-size: var(--spFS20);
    }
    .secPriority .boxPriorityTit .txt{
        font-size: var(--spFS13);
        line-height: var(--spLHS13_22);
        margin-top: 2rem;
    }
    /* boxList */
    .secPriority .boxList{
        flex-direction: column;
        margin-top: 2.5rem;
        padding: 0.5rem 0 1rem;
        gap: 1rem;
    }
    .secPriority .boxList .item{
        width: 100%;
        text-align: left;
        padding: 1.5rem 2rem;
    }
    .secPriority .boxList .item:not(:last-child)::after{
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
    .secPriority .item .tit{
        font-size: var(--spFS15);
        line-height: var(--spLHS15_30);
        text-align: left;
        padding: 0 0 0 2.9rem;
        background: center left / 2rem auto no-repeat;
    }
    .secPriority .boxList .item:nth-child(2) .tit,
    .secPriority .boxList .item:nth-child(3) .tit{
        background-size: 2rem auto;
    }
    .secPriority .item .txt{
        font-size: var(--spFS12);
        line-height: var(--spLHS12_18);
        margin-top: 0.5rem;
    }
}
@media only screen and (max-width:767px){
    .secPriority.lazyloaded{
        background-image: url(../img/index/bgPriority_sp_b.jpg);
    }
}