@charset "utf-8";
.secCmnHero.imgBack{
    background-image: url(../img/concept_area/concept_area_bg.jpg);
}
@media only screen and (max-width:1215px){
    .secCmnHero.imgBack{
        background-image: url(../img/concept_area/concept_area_bg_sp.jpg);
    }
}
@media only screen and (min-width:1216px){
    .pagArea .mainWrapper{
        padding-top: 0;
        position: relative;
    }
    .pagArea #pnkz{
        position: absolute;
        top: 15.2rem;
    }
    .pagArea #pnkz li{
        color: #fff;
    }
}
.secCmnHero .Cmntiteng{
    display: inline-block;
    position: relative;
    padding-right: 2.3rem;
}
.secCmnHero .heroOnbox{
    display: flex;
    align-items: center;
}
.secCmnHero .heroBox{
    border: 0.1rem solid;
    border-color: #fff;
    min-width:12rem;
    height: 4rem;
    text-align: center;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    border-radius: 0.3rem;
}
.secCmnHero .heroontxt{
    display: inline-block;
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
    width: 100%;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .pagArea .mainWrapper{
        padding-top: 0;
    }
    .secCmnHero .Cmntiteng{
        padding-right: 1.2rem;
    }
    .secCmnHero .heroBox{
        min-width:9rem;
        height: 3rem;
    }
    .secCmnHero .heroontxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
}
/* secConcept_Area */
.secConcept_Area{
    width: 100%;
    padding-bottom: 20rem;
}
.secConcept{
    width: 100%;
    min-height: 125rem;
    background: url(../img/concept_area/imgconcept_bg.jpg) no-repeat center center;
    color: #fff;
    text-align: center;
    padding-top: 15.8rem;
    position: relative;
    padding-bottom: 16rem;
}
.secConcept .Inner{
    display: inline-block;
    padding-right: 10rem;
    position: relative;
}
.secConcept .imgBox{
    position: absolute;
}
@media only screen and (min-width:1216px){
    .secConcept .imgBox.left{
        width: calc((516 / 1920) * 100vw);
        height: calc((694 / 1920) * 100vw);
        top: calc(0% + ((108 / 1920)) * 100vw);
        left: calc(0% - ((563 / 1920)) * 100vw);
    }
    .secConcept .imgBox.right{
        width: calc((717 / 1920) * 100vw);
        height: calc((927 / 1920) * 100vw);
        top: calc(0% - ((16 / 1920)) * 100vw);
        right: calc(0% - ((578 / 1920)) * 100vw);
    }
    @media only screen and (min-width:1921px){
        .secConcept .imgBox.left{
            width: 516px;
            height: 694px;
            top: 108px;
            left: -563px;
        }
        .secConcept .imgBox.right{
            width: 717px;
            height: 927px;
            top: -16px;
            right: -578px;
        }
    }
}
.secConcept .title{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_90);
    letter-spacing: var(--pcLetterSpacing50_200);
    font-weight: bold;
    text-align: left;
}
.secConcept .txtbox{
    padding-left: 10rem;
    margin-top: 5.5rem;
}
.secConcept .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_50);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
    text-align: left;
}
.secConcept_moreBtn{
    max-width: 24rem;
    margin-top: 6.2rem;
    margin-left: 0.6rem;
}
.secConcept_moreBtn .moreLink{
    display:flex;
    align-items: center;
    width: 100%;
    height: 6rem;
    border-radius: 5rem;
    padding: 0 2.7rem;
    border: 0.1rem solid;
    border-color: #fff;
    background-color: rgba(34,34,34,0);
}
.secConcept_moreBtn .moreLinkTxt{
    display: block;
    width: 100%;
    text-align: left;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    font-weight: bold;
}
.secConcept_moreBtn .moreLinkTxtInner{
    display: block;
    position: relative;
    padding-right: 0.6rem;
}
.secConcept_moreBtn .moreLinkTxtInner::after{
    content: "";
    position: absolute;
    width: 0.6rem;
    height: 1rem;
    top: calc(50% - 0.5rem);
    right: 0;
    background: url(../img/works/imgArrow_icon_white.png) center center no-repeat;
    background-size: 100% auto;
}
@media only screen and (max-width:1215px){
    .secConcept_Area{
        width: 100%;
        padding-bottom: 10rem;
    }
    .secConcept{
        min-height:0;
        background-image: url(../img/concept_area/imgconcept_bg_sp.jpg);
        background-position: center top;
        background-size: cover;
        padding-top: 9rem;
        padding-bottom: 10rem;
    }
    .secConcept .Inner{
        padding: 0;
    }
    .secConcept .imgBox{
        position: static;
        max-width: 67.4rem;
        margin: 0 auto;
        margin-top: 4.5rem;
    }
    .secConcept .imgBox.right{
        display: none;
    }
    .secConcept .title{
        font-size: var(--spFontSize26);
        line-height: var(--spLineHeight26_50);
    }
    .secConcept .txtbox{
        padding: 0;
        margin-top: 1.3rem;
    }
    .secConcept .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_40);
    }
    .secConcept_moreBtn{
        max-width: 21.5rem;
        margin: 0 auto;
        margin-top: 4.5rem;
    }
    .secConcept_moreBtn .moreLink{
        height: 5rem;
        padding: 0 1.8rem;
    }
    .secConcept_moreBtn .moreLinkTxt{
        text-align: left;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secConcept_moreBtn .moreLinkTxtInner{
        display: block;
        width: 100%;
        padding-right:1rem;
    }
}
.secConcept .ConceptSlider{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
#ConceptSlider .swiper{
    width: 234.2rem;
    position: relative;
    left: calc(50% - 117.1rem);
}
#ConceptSlider .swiper-wrapper{
    transition-timing-function: linear;
}
#ConceptSlider .SlideImg{
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secConcept .ConceptSlider{
        width: 100%;
    }
    #ConceptSlider .swiper{
        width: 95.5rem;
        left: calc(50% - 47.75rem);
        overflow: visible;
    }
}

.secWorks{
    margin-top: 16rem;
}
.secConceptTitle{

}
.secConceptTitle .titEng{
    display: inline-block;
    position: relative;
    font-size: var(--pcFontSize85);
    line-height: var(--pcLineHeight85_100);
    font-weight: bold;
    padding-right: 4.1rem;
}
.secConceptTitle .titEng::after{
    content: "";
    position: absolute;
    width: 3rem;
    height: 0.1rem;
    background-color: var(--textColor);
    right: 0;
    bottom: 3.1rem;
    transform: rotate(-60deg);
}
.secConceptTitle .engImg{
    position: absolute;
    bottom: -3.9rem;
    right: 1.4rem;
    width: 21.8rem;
    height: 6.7rem;
}
.secConceptTitle img{
    vertical-align: top;
}
.secConceptTitle .titJpn{
    display: inline-block;
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 7.3rem;
    }
    .secConceptTitle{
    
    }
    .secConceptTitle .titleInner{
        display: flex;
        align-items: flex-end;
    }
    .secConceptTitle .titEng{
        font-size: var(--spFontSize36);
        padding-right: 2.4rem;
    }
    .secConceptTitle .titEng::after{
        width: 1.5rem;
        bottom: 1.4rem;
    }
    .secConceptTitle .engImg{
        bottom: -1.8rem;
        right: -0.8rem;
        width:11.1rem;
        height: 3.3rem;
    }
    .secConceptTitle .titJpn{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_20);
        padding-bottom: 0.4rem;
    }
}

/* secWorkslist */
.secWorkslist{
    margin-top: 3.1rem;
}
.secWorkslist .listItem{
    position: relative;
}
.secWorkslist .listItem + .listItem{
    margin-top: 8rem;
    padding-top: 8rem;
}
.secWorkslist .listItem + .listItem::after{
    content: "";
    position: absolute;
    width: 150rem;
    height: 0.1rem;
    background-color: var(--textColorAlpha20);
    top: 0;
    left: calc(50% - 75rem);
}
@media only screen and (max-width:1600px){
    .secWorkslist .listItem + .listItem::after{
        width:calc(100% - 10rem);
        left: 5rem;
    }
}
@media only screen and (min-width:1216px){
    .secWorkslist .listItem:nth-child(2n){
        padding-left: 2.5rem;
        padding-right: calc((100% - 150rem) / 2);
    }
    .secWorkslist .listItem:nth-child(2n + 1){
        padding-left: calc((100% - 150rem) / 2);
        padding-right: 2.5rem;
    }
    .secWorkslist .listItem:nth-child(2n) .itemLink{
        padding-left: calc(1100 / 1920 * 100vw);
    }
    .secWorkslist .listItem:nth-child(2n + 1) .itemLink{
        padding-right: calc(1100 / 1920 * 100vw);
    }
    .secWorkslist .listItem:nth-child(2n) .boxSlider{
        left: 0;
    }
    .secWorkslist .listItem:nth-child(2n + 1) .boxSlider{
        right: 0;
    }
    .secWorkslist .listItem:nth-child(2n) .linkInner{
        padding-left: 6rem;
    }
    .secWorkslist .listItem:nth-child(2n + 1) .linkInner{
        padding-right: 6rem;
    }
    .secWorkslist .listItem:nth-child(2n) .moreItem{
        right: 0;
    }
    .secWorkslist .listItem:nth-child(2n + 1) .moreItem{
        right: calc((1100 / 1920 *100vw) + 6rem);
    }
    @media only screen and (max-width:1600px){
        .secWorkslist .listItem:nth-child(2n){
            padding-right: 5rem;
        }
        .secWorkslist .listItem:nth-child(2n + 1){
            padding-left: 5rem;
        }
    }
}
.secWorkslist .itemLink{
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc((780 / 1920) * 100vw);
}
.secWorkslist .boxSlider{
    position: absolute;
    width:calc(1100 / 1920 * 100vw);
    top: 0;
}
.secWorkslist .imgSlider{
    width: 100%;
    height: 0;
    padding-top: calc(780  / 1100 * 100%);
    border-radius: 2rem;
    overflow: hidden;
    z-index: 1;
}
.secWorkslist .linkInner{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.secWorkslist .Thumbbox{
    width: 100%;
    margin-top: 4rem;
}
.secWorkslist .boxThumb{
    display: flex;
    flex-wrap: wrap;
}
.secWorkslist .itemThumb{
    width: calc((100% - 3rem) / 3);
    margin-right: 1.5rem;
    pointer-events: all;
    cursor: pointer;
}
.secWorkslist .itemThumb:last-child,
.secWorkslist .itemThumb:nth-child(3n){
    margin-right: 0;
}
.secWorkslist .imgThumb{
    width: 100%;
    height: 0;
    padding-top: calc((117 / 165) * 100%);
    border-radius: 1rem;
    overflow: hidden;
}
.secWorkslist .imgThumb.on{
    opacity: 0.5;
}
.secWorkslist .txtbox{
    display: inline-block;
    width: 100%;
}
.secWorkslist .txtInner{
    width: 100%;
    display: block;
}
.secWorkslist .tit{
    font-size: var(--pcFontSize36);
    line-height: var(--pcLineHeight36_56);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcFontSize36) * var(--pcLineHeight36_56)) * 2);
}
.secWorkslist .middlebox{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1.6rem;
}
.secWorkslist .namebox{
    position: relative;
    display: flex;
    align-items: center;
    height: 10rem;
    padding-left: 10rem;
    max-width: calc(100% - (2rem + 8rem));
}
.secWorkslist .namebox:has( + .tagbox .tag.New){
    max-width: calc(100% - (2rem + 8rem + 0.5rem + 3.5rem));
}
.secWorkslist .nameImg{
    position: absolute;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    left: 0;
    top: 0;
}
.secWorkslist .nametxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
    padding-left: 1.8rem;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secWorkslist .tagbox{
    width: calc(2rem + 8rem);
    padding-left: 2rem;
}
.secWorkslist .catrgorytags{
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (min-width:1216px){
    .secWorkslist .tagbox:has(.tag.New){
        min-width: calc(2rem + 8rem + 0.5rem + 3.5rem);
        width: auto;
        flex: 1;
    }
    .secWorkslist .tagbox:has(.tag.New) .catrgorytags{
        flex-wrap: nowrap;
    }
}
.secWorkslist .tag{
    min-width: 8rem;
    max-width: 100%;
    margin-right: 0.5rem;
    white-space: nowrap;
}
.secWorkslist .tag.New{
    min-width:3.5rem;
    display: flex;
    align-items: center;
}
.secWorkslist .tag:last-child{
    margin-right: 0;
}
.secWorkslist .taginner{
    display: flex;
    align-items: center;
    width: 100%;
    height: 3rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
}
.secWorkslist .taginner.type_FEELE,
.type_FEELE{
    background-color: var(--FEELEColor);
}
.secWorkslist .taginner.type_CARRE,
.type_CARRE{
    background-color: var(--CARREColor);
}
.secWorkslist .taginner.type_YAT,
.type_YAT{
    background-color: var(--YATColor);
}
.secWorkslist .taginner.type_RIV,
.type_RIV{
    background-color: var(--RIVColor);
}
.secWorkslist .taginner.type_COSTA,
.type_COSTA{
    background-color: var(--COSTAColor);
}
.secWorkslist .taginner.type_ZUTTO,
.type_ZUTTO{
    background-color: var(--ZUTTOColor);
}
.secWorkslist .taginner.newIcon{
    background-color: var(--newIconColor);
    border-color: var(--newIconColor);
    height: 2rem;
}
.secWorkslist .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #fff;
}
.secWorkslist .newIcon .tagtxt{
    font-size: var(--pcFontSize10);
    color: var(--textColor);
}
.secWorkslist .commentbox{
    position: relative;
    width: 100%;
    padding: 2rem 2.9rem;
    border: 0.1rem solid;
    border-color: var(--textColor);
    background-color: #fff;
    z-index: 2;
    border-radius: 1rem;
    margin-top: calc(2rem + 0.6rem);
}
.secWorkslist .commentbox::before,
.secWorkslist .commentbox::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 4rem;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.secWorkslist .commentbox::before{
    background-color: var(--textColor);
    top: calc(0% - 2rem);
    z-index: 1;
}
.secWorkslist .commentbox::after{
    background-color: #fff;
    top: calc(0% - 1.8rem);
    z-index: 3;
}
.secWorkslist .commenttxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: calc((var(--pcFontSize18) * var(--pcLineHeight18_32)) * 4);
}
.secWorkslist .moreItem{
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.secWorkslist .moreIn{
    position: relative;
    min-width: 14.6rem;
    height: 4rem;
    padding-right: calc(4rem + 1.8rem);
    display: flex;
    align-items: center;
}
.secWorkslist .moreIn::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--textColor);
    background-color: #fff;
}
.secWorkslist.lazyloaded .moreIn::after {
    background: url(../img/common/imgMoreArrow.png) center center no-repeat #fff;
    background-size: 0.6rem auto;
}
.secWorkslist .moreIntxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    .secWorkslist .moreIntxt{
        letter-spacing: var(--pcLetterSpacing14_50);
    }
}
@media only screen and (max-width:1680px){
    .secWorkslist .commenttxt{
        font-size: var(--pcFontSize16);
        line-height: var(--pcLineHeight18_32);
        max-height: calc((var(--pcFontSize16) * var(--pcLineHeight18_32)) * 4);
    }
    .secWorkslist .linkInner{
        padding-bottom: 4rem;
    }
}
@media only screen and (max-width:1215px){
    .secWorkslist{
        margin-top: 3.8rem;
    }
    .secWorkslist .listItem + .listItem{
        margin-top: 3rem;
        padding-top: 3rem;
    }
    .secWorkslist .listItem + .listItem::after{
        width: 100%;
        left: 0;
    }
    .secWorkslist .itemLink{
        display: block;
        min-height:0;
    }
    .secWorkslist .boxSlider{
        position: relative;
        width:100%;
    }
    .secWorkslist .imgSlider{
        border-radius: 0.5rem;
    }
    .secWorkslist .linkInner{
        display: block;
        padding-bottom: 5.4rem;
    }
    .secWorkslist .Thumbbox{
        margin-top: 0.7rem;
    }
    .secWorkslist .itemThumb{
        width: calc((100% - 1.4rem) / 3);
        margin-right: 0.7rem;
    }
    .secWorkslist .imgThumb{
        padding-top: calc((76 / 107) * 100%);
        border-radius: 0.5rem;
    }
    .secWorkslist .imgThumb.on{
        opacity: 1;
    }
    .secWorkslist .imgThumb.on::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color:var(--slideMuskColor);
        left: 0;
        top: 0;
    }
    .secWorkslist .txtbox{
        display: block;
        margin-top: 1.4rem;
    }
    .secWorkslist .tit{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_30);
        max-height: calc((var(--spFontSize20) * var(--spLineHeight20_30)) * 2);
    }
    .secWorkslist .middlebox{
        margin-top: 1.3rem;
    }
    .secWorkslist .namebox{
        height: 7rem;
        padding-left: 7rem;
        max-width: calc(100% - (1.6rem + 8rem));
    }
    .secWorkslist .namebox:has( + .tagbox .tag.New){
        max-width: calc(100% - (1.6rem + 8rem + 0.5rem + 3rem));
    }
    .secWorkslist .nameImg{
        width: 7rem;
        height: 7rem;
    }
    .secWorkslist .nametxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        padding-left: 1rem;
    }
    .secWorkslist .tagbox{
        width: calc(1.6rem + 8rem);
        padding-left: 1.6rem;
    }
    .secWorkslist .tagbox:has(.tag.New){
        width: calc(1.6rem + 8rem + 0.5rem + 3rem);
    }
    .secWorkslist .tag{
        min-width: 8rem;
    }
    .secWorkslist .tag.New{
        min-width:3rem;
    }
    .secWorkslist .taginner{
        height: 2.6rem;
        padding: 0 0.3rem;
    }
    .secWorkslist .taginner.newIcon{
        height: 1.6rem;
        border-radius: 0.3rem;
    }
    .secWorkslist .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secWorkslist .newIcon .tagtxt{
        font-size: var(--spFontSize9);
        line-height: var(--spLineHeight9_9);
    }
    .secWorkslist .commentbox{
        padding: 1.3rem 1.9rem;
        border-radius: 0.5rem;
        margin-top: calc(1.4rem + 0.4rem);
    }
    .secWorkslist .commentbox::before,
    .secWorkslist .commentbox::after{
        width: 1.4rem;
        height: 1.3rem;
        left: 2.8rem;
    }
    .secWorkslist .commentbox::before{
        top: calc(0% - 1.3rem);
    }
    .secWorkslist .commentbox::after{
        top: calc(0% - 1.1rem);
    }
    .secWorkslist .commenttxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_22);
        max-height: calc((var(--spFontSize13) * var(--spLineHeight13_22)) * 4);
    }
    .secWorkslist .moreItem{
        right: 0;
    }
    .secWorkslist .moreIn{
        min-width: 10rem;
        height: 3.4rem;
        padding-right: calc(3.4rem + 1rem);
    }
    .secWorkslist .moreIn::after {
        top: calc(50% - 1.7rem);
        width: 3.4rem;
        height: 3.4rem;
    }
    .secWorkslist .moreIntxt{
        font-size: var(--spFontSize12);
    }
}
.secWorks .secConcept_moreBtn{
    margin: 0 auto;
    margin-top: 6rem;
}
.secWorks .secConcept_moreBtn .moreLink{
    border-color: var(--textColor);
    background-color: #fff;
    color: var(--textColor);
}
.secWorks .secConcept_moreBtn.lazyloaded .moreLinkTxtInner::after{
    background-image: url(../img/common/imgMoreArrow.png);
}
@media only screen and (max-width:1215px){
    .secWorks .secConcept_moreBtn{
        margin-top: 3rem;
    }
}


/* secLineup */
.secLineup{
    margin-top: 16.1rem;
}
.secLineup .lineuptxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    font-weight: bold;
    margin-top: 2.5rem;
}

/* secLineup_pickup */
.secLineup_pickup{
    margin-top: 5.2rem;
}
.secLineup_pickup .pickupItem{
    width: 100%;
    border-radius: 2rem;
    box-shadow: 0 1rem 0 0 var(--lineupBnrshadow);
}
.secLineup_pickup .pickupItem + .pickupItem{
    margin-top: 8rem;
}
.secLineup_pickup .itemInner{
    display: flex;
    flex-direction: row-reverse;
    background: #fff;
    overflow: hidden;
    border-radius: 2rem;
}
.secLineup_pickup .imgArea{
    width: 75rem;
}
.secLineup_pickup .PickupSlider{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.secLineup_pickup .swiper{
    width: 100%;
}
.secLineup_pickup .imgLink{
    display: block;
    width: 100%;
    height: 0;
    padding-top: calc((570 / 750) * 100%);
    overflow: hidden;
    z-index: 1;
}

.secLineup_pickup .txtArea{
    flex: 1;
    max-width: calc(100% - 75rem);
    padding: 0rem 8rem;
    position: relative;
}
.secLineup_pickup .txtIn{
    width: 100%;
    text-align: center;
    padding-top: 6.7rem;
}
.secLineup_pickup .subtit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_28);
    font-weight: bold;
}
.secLineup_pickup .imglogo{
    margin: 0 auto;
    margin-top: 2.3rem;
}
.secLineup_pickup .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    margin-top: 1.7rem;
}
.secLineup_pickup .pricebox{
    margin: 0 auto;
    margin-top: 2rem;
    width: 100%;
    max-width: 36rem;
    background-color: var(--priceBgColor);
    padding: 1.7rem 0;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.secLineup_pickup .price_on{
    display: inline-block;
    padding-left: calc(6rem + 0.8rem);
    position: relative;
}
.secLineup_pickup .leftbox{
    width: 6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: calc(50% - 1.3rem);
    background-color: #fff;
    color: var(--textColor);
    border-radius: 0.3rem;
}
.secLineup_pickup .lefttit{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    font-weight: bold;
}
.secLineup_pickup .priceTxt{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
}
.secLineup_pickup .priceTxt .num{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_26);
    font-weight: bold;
    vertical-align: bottom;
    padding-right: 0.4rem;
}
.secLineup_pickup .taxtxt{
    font-size: var(--pcFontSize12);
    font-weight: bold;
    padding-left: 0.5rem;
}
.secLineup_pickup .moreItem{
    display: inline-block;
    margin-top: 2rem;
}
.secLineup_pickup .moreIn{
    position: relative;
    min-width: 14.6rem;
    height: 4rem;
    padding-right: calc(4rem + 1.8rem);
    display: flex;
    align-items: center;
}
.secLineup_pickup .moreIn::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--textColor);
    background-color: #fff;
}
.secLineup_pickup.lazyloaded .moreIn::after {
    background: url(../img/common/imgMoreArrow.png) center center no-repeat #fff;
    background-size: 0.6rem auto;
}
.secLineup_pickup .moreIntxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
    flex: 1;
}
.secLineup_pickup .imgbox{
    position: absolute;
    bottom: 0;
}
.secLineup_pickup .txtLink{
    display: block;
    width: 100%;
    height: 100%;
}
.secLineup_pickup .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:3rem;
    left: 3rem;
    width: auto;
}
.secLineup_pickup .swiper-pagination-bullet{
    opacity: 1;
    background-color:rgba(255,255,255,0);
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid;
    border-color: #fff;
}
.secLineup_pickup .swiper-pagination-bullet-active{
    background-color: #fff;
}
.secLineup_pickup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
}
.secLineup_pickup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left: 1rem;
}
.secLineup_pickup .imglogo.yat{
    width: 12.4rem;
}
.secLineup_pickup .yat .imgbox{
    width:59rem;
    height: 18.4rem;
    left: calc(50% - 29.5rem);
}
.secLineup_pickup .tit.yat{
    color: var(--YATColor);
}

.secLineup_pickup .imglogo.carre{
    width: 23.1rem;
}
.secLineup_pickup .carre .imgbox{
    width:49.4rem;
    height: 19.5rem;
    left: calc(50% - 24.7rem);
}
.secLineup_pickup .tit.carre{
    color: var(--CARREColor);
}


@media only screen and (max-width:1215px){
    .secLineup{
        margin-top: 7.3rem;
    }
    .secLineup .lineuptxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        margin-top: 0.6rem;
    }
    /* secLineup_pickup */
    .secLineup_pickup{
        margin-top: 2.4rem;
    }
    .secLineup_pickup .pickupItem{
        margin: 0 auto;
        max-width: 67rem;
        border-radius: 0.5rem;
        box-shadow: 0 0.8rem 0 0 var(--lineupBnrshadow);
    }
    .secLineup_pickup .pickupItem + .pickupItem{
        margin-top: 4rem;
    }
    .secLineup_pickup .itemInner{
        display: block;
        border-radius: 0.5rem;
    }
    .secLineup_pickup .imgArea{
        width: 100%;
    }
    .secLineup_pickup .imgLink{
        padding-top: calc((180 / 335) * 100%);
    }
    .secLineup_pickup .txtArea{
        max-width: 100%;
        width: 100%;
        padding: 0rem 2rem;
    }
    .secLineup_pickup .txtIn{
        padding-top: 25px;
    }
    .secLineup_pickup .subtit{
        font-size: var(--spFontSize14);
    }
    .secLineup_pickup .imglogo{
        margin-top: 1.5rem;
    }
    .secLineup_pickup .tit{
        font-size: var(--spFontSize16);
        margin-top: 1.1rem;
    }
    .secLineup_pickup .pricebox{
        margin: 0 auto;
        margin-top: 1rem;
        max-width: 19.5rem;
        padding: 1.7rem 0 1.5rem;
        display: block;
    }
    .secLineup_pickup .price_on{
        padding-left: calc(5.5rem + 0.4rem);
    }
    .secLineup_pickup .leftbox{
        width: 5.5rem;
        height: 2.2rem;
        top: calc(50% - 1.1rem);
    }
    .secLineup_pickup .lefttit{
        font-size: var(--spFontSize11);
    }
    .secLineup_pickup .priceTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_18);
    }
    .secLineup_pickup .priceTxt .num{
        font-size: var(--spFontSize18);
        vertical-align: bottom;
        padding-right: 0.2rem;
    }
    .secLineup_pickup .taxtxt{
        width: 100%;
        font-size: var(--spFontSize11);
        padding: 0;
        margin-top: 0.6rem;
    }
    .secLineup_pickup .moreItem{
        margin-top: 1.5rem;
    }
    .secLineup_pickup .moreIn{
        min-width: 0;
        width: fit-content;
        height: 3.4rem;
        padding-right: calc(3.4rem + 1rem);
    }
    .secLineup_pickup .moreIn::after {
        top: calc(50% - 1.7rem);
        width: 3.4rem;
        height: 3.4rem;
    }
    .secLineup_pickup .moreIntxt{
        font-size: var(--spFontSize12);
    }
    .secLineup_pickup .txtLink{
        height: auto;
    }
    .secLineup_pickup .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom:1rem;
        left: 1rem;
    }
    .secLineup_pickup .swiper-pagination-bullet{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secLineup_pickup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-left: 0.5rem;
    }
    .secLineup_pickup .imglogo.yat{
        width: 7.6rem;
    }
    .secLineup_pickup .imglogo.carre{
        width: 14.1rem;
    }
    .secLineup_pickup .yat .imgbox{
        width: 58rem;
        height: 18.4rem;
        left: calc(50% - 29rem);
    }
    .secLineup_pickup .yat .txtLink{
        padding-bottom: calc(18.4rem + 1.5rem);
    }
    .secLineup_pickup .carre .imgbox{
        width: 49.4rem;
        height: 19.5rem;
        left: calc(50% - 24.7rem);
    }
    .secLineup_pickup .carre .txtLink{
        padding-bottom: calc(19.5rem + 1.5rem);
    }
}
@media only screen and (max-width:767px){
    .secLineup_pickup .yat .imgbox{
        width:calc((302 / 375) * 100vw);
        height:calc((94 / 375) * 100vw);
        left: calc(50% - calc((302 / 375) * 100vw / 2));
    }
    .secLineup_pickup .yat .txtLink{
        padding-bottom: calc(((94 / 375) * 100vw) + 1.5rem);
    }

    .secLineup_pickup .carre .imgbox{
        width:calc((247 / 375) * 100vw);
        height:calc((97 / 375) * 100vw);
        left: calc(50% - calc((247 / 375) * 100vw / 2));
    }
    .secLineup_pickup .carre .txtLink{
        padding-bottom: calc(((97 / 375) * 100vw) + 1.5rem);
    }
}
/* secLineup_other */
.secLineup_other{
    margin-top: 8rem;
}
@media only screen and (min-width:1216px){
    #OtherSlide{
        width:calc(100% - 5rem);
        margin: 0 auto;
    }
    #OtherSlide .swiper{
        overflow: visible;
    }
    #OtherSlide .swiper-wrapper{
        display: flex;
    }
    #OtherSlide .swiper-slide{
        width: calc((100% - 3rem) / 4);
        margin-right: 1rem;
    }
    #OtherSlide .swiper-slide:last-child{
        margin-right: 0;
    }
}
#OtherSlide .swiper-slide{
    border-radius: 1rem;
    box-shadow: 0 1rem 0 0 var(--lineupBnrshadow);
}
#OtherSlide .otherLink{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 17.4rem;
}
#OtherSlide .txtInner{
    width: 100%;
    text-align: center;
    padding-top: 7.8rem;
}
#OtherSlide .othertxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    font-weight: bold;
}
#OtherSlide .imglogo{
    margin: 0 auto;
    margin-top: 2.2rem;
}
#OtherSlide .riv .imglogo{
    width: 7.7rem;
}
#OtherSlide .feele .imglogo{
    width: 15.5rem;
}
#OtherSlide .costa .imglogo{
    width: 15.1rem;
}
#OtherSlide .zutto .imglogo{
    width: 16.4rem;
}
#OtherSlide .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    margin-top: 1.5rem;
}
#OtherSlide .riv .tit{
    color: var(--RIVColor);
}
#OtherSlide .feele .tit{
    color: var(--FEELEColor);
}
#OtherSlide .costa .tit{
    color: var(--COSTAColor);
}
#OtherSlide .zutto .tit{
    color: var(--ZUTTOColor);
}
#OtherSlide .pricebox{
    margin: 0 auto;
    margin-top: 2.4rem;
    width: 100%;
    max-width: 28rem;
    background-color: var(--priceBgColor);
    padding: 1.5rem 0 1.5rem;
    border-radius: 0.3rem;
}
#OtherSlide .price_on{
    display: inline-block;
    padding-left: calc(6rem + 0.8rem);
    position: relative;
}
#OtherSlide .leftbox{
    width: 6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: calc(50% - 1.3rem);
    background-color: #fff;
    color: var(--textColor);
    border-radius: 0.3rem;
}
#OtherSlide .lefttit{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    font-weight: bold;
}
#OtherSlide .priceTxt{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
}
#OtherSlide .priceTxt .num{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_26);
    font-weight: bold;
    vertical-align: bottom;
    padding-right: 0.4rem;
}
#OtherSlide .taxtxt{
    font-size: var(--pcFontSize12);
    font-weight: bold;
    margin-top: 1.1rem;
}
#OtherSlide .imgbox{
    position: absolute;
    bottom: 0;
}
#OtherSlide .riv .imgbox{
    width: 32rem;
    left: calc(50% - 16rem);
}
#OtherSlide .feele .imgbox{
    width: 32rem;
    left: calc(50% - 16rem);
}
#OtherSlide .costa .imgbox{
    width: 33.8rem;
    left: calc(50% - 16.9rem);
}
#OtherSlide .zutto .imgbox{
    width: 32rem;
    left: calc(50% - 16rem);
}
#OtherSlide .moreItem{
    display: inline-block;
    margin-top: 2rem;
}
#OtherSlide .moreIn{
    position: relative;
    min-width: 14.6rem;
    height: 4rem;
    padding-right: calc(4rem + 1.8rem);
    display: flex;
    align-items: center;
}
#OtherSlide .moreIn::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--textColor);
    background-color: #fff;
}
#OtherSlide.lazyloaded .moreIn::after {
    background: url(../img/common/imgMoreArrow.png) center center no-repeat #fff;
    background-size: 0.6rem auto;
}
#OtherSlide .moreIntxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
    flex: 1;
}
.secLineup .secConcept_moreBtn{
    margin: 0 auto;
    margin-top: 6rem;
}
.secLineup .secConcept_moreBtn .moreLink{
    border-color: var(--textColor);
    background-color: #fff;
    color: var(--textColor);
}
.secLineup .secConcept_moreBtn.lazyloaded .moreLinkTxtInner::after{
    background-image: url(../img/common/imgMoreArrow.png);
}
@media only screen and (min-width:1216px){
    .secLineup .secConcept_moreBtn .swiper-button-prev,
    .secLineup .secConcept_moreBtn .swiper-button-next{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secLineup_other{
        margin-top: 4rem;
    }
    #OtherSlide{
        width: 100%;
        overflow: hidden;
    }
    #OtherSlide .swiper{
        width: calc(205 / 375 * 100vw);
        margin-left: calc((20 / 375) * 100vw);
        overflow: visible;
    }
    #OtherSlide .swiper-slide{
        border-radius: 0.5rem;
        box-shadow: 0 0.6rem 0 0 var(--lineupBnrshadow);
    }
    #OtherSlide .otherLink{
        border-radius:0.5rem;
    }
    #OtherSlide .txtInner{
        padding-top: 2.6rem;
    }
    #OtherSlide .othertxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        text-align: center;
    }
    #OtherSlide .imglogo{
        margin-top: 0.8rem;
    }
    #OtherSlide .riv .imglogo{
        width: 5.1rem;
    }
    #OtherSlide .feele .imglogo{
        width: 10.3rem;
    }
    #OtherSlide .costa .imglogo{
        width: 10.1rem;
    }
    #OtherSlide .zutto .imglogo{
        width: 10.9rem;
    }
    #OtherSlide .tit{
        font-size: var(--spFontSize14);
        margin-top: 0.8rem;
    }
    #OtherSlide .pricebox{
        margin: 0 auto;
        margin-top: 1.2rem;
        max-width: 17.5rem;
        width: calc(100% - 2rem);
        padding: 1.7rem 0 1.4rem;
        display: block;
    }
    #OtherSlide .price_on{
        padding-left: calc(5.5rem + 0.4rem);
    }
    #OtherSlide .leftbox{
        width: 5.5rem;
        height: 2.2rem;
        top: calc(50% - 1.1rem);
    }
    #OtherSlide .lefttit{
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        font-weight: bold;
    }
    #OtherSlide .priceTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_18);
    }
    #OtherSlide .priceTxt .num{
        font-size: var(--spFontSize18);
        vertical-align: bottom;
        padding-right: 0.2rem;
    }
    #OtherSlide .taxtxt{
        font-size: var(--spFontSize11);
        padding: 0;
        margin-top: 0.6rem;
    }
    #OtherSlide .moreItem{
        margin-top: 1.6rem;
    }
    #OtherSlide .moreIn{
        min-width:0;
        width: auto;
        height: 2.5rem;
        padding-right: calc(2.5rem + 0.5rem);
    }
    #OtherSlide .moreIn::after {
        top: calc(50% - 1.25rem);
        width: 2.5rem;
        height: 2.5rem;
    }
    #OtherSlide.lazyloaded .moreIn::after {
        background-size: 0.4rem auto;
    }
    #OtherSlide .moreIntxt{
        font-size: var(--spFontSize10);
    }
    .secLineup .secConcept_moreBtn{
        width: calc(335 / 375 * 100%);
        max-width: 100%;
        position: relative;
        margin-top: 4rem;
        padding-right: calc((5rem * 2) + 0.5rem + 1.5rem);
    }
    #OtherSlide .swiper-button-prev,
    #OtherSlide .swiper-button-next{
        width: 5rem;
        height: 5rem;
        top: calc(50% - 2.5rem);
        background-color: var(--textColor);
        border: 0.1rem solid;
        border-color: var(--textColor);
        border-radius: 50%;
        position: absolute;
        margin-top:0;
    }
    #OtherSlide .swiper-button-prev{
        right:calc(5rem + 0.5rem);
        left: auto;
        transform: rotate(180deg);
    }
    #OtherSlide .swiper-button-next{
        right: 0;
    }
    #OtherSlide .swiper-button-prev::after,
    #OtherSlide .swiper-button-next::after{
        content: "";
        position: absolute;
        width:0.6rem;
        height: 1rem;
        left: calc(50% - 0.3rem);
        top: calc(50% - 0.5rem);
    }
    #OtherSlide.lazyloaded .swiper-button-prev::after,
    #OtherSlide.lazyloaded .swiper-button-next::after{
        background: url(../img/works/imgArrow_icon_white.png);
        background-size: 100% auto;
    }
    #OtherSlide .swiper-button-prev.swiper-button-disabled,
    #OtherSlide .swiper-button-next.swiper-button-disabled{
        opacity: 1;
        background-color: #fff;
        border-color: var(--prevbtnColor);
    }
    #OtherSlide.lazyloaded .swiper-button-prev.swiper-button-disabled::after,
    #OtherSlide.lazyloaded .swiper-button-next.swiper-button-disabled::after{
        background: url(../img/common/imgMoreArrow.png);
        background-size: 100% auto;
        opacity: 0.3;
    }
    .secLineup .secConcept_moreBtn .moreLink{
        max-width: 21.5rem;
    }
}
@media only screen and (max-width:767px){
    #OtherSlide .otherLink{
        padding-bottom: calc((65 / 375 * 100vw) + 1.5rem);
    }
    #OtherSlide .riv .imgbox{
        width: calc(165 / 375 * 100vw);
        left: calc(50% - calc(165 / 375 * 100vw / 2));
    }
    #OtherSlide .feele .imgbox{
        width: calc(151 / 375 * 100vw);
        left: calc(50% - calc(151 / 375 * 100vw / 2));
    }
    #OtherSlide .costa .imgbox{
        width: calc(155 / 375 * 100vw);
        left: calc(50% - calc(155 / 375 * 100vw / 2));
    }
    #OtherSlide .zutto .imgbox{
        width: calc(165 / 375 * 100vw);
        left: calc(50% - calc(165 / 375 * 100vw / 2));
    }
}

/* secAreaConcept */
.secAreaConcept{
    margin-top:15rem;
    width: 100%;
}
.secAreaConcept.lazyloaded{
    background: url(../img/concept_area/imgBack_concept_area.jpg) center center no-repeat;
    background-size: cover;
}
.secAreaConcept .Inner{
    padding-top: 14.3rem;
    padding-bottom: 15rem;
}
.secAreaConcept .title{
    font-size: var(--pcFontSize44);
    line-height: var(--pcLineHeight44_55);
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.secAreaConcept .conceptBox{
    position: relative;
    background-color: #fff;
    border-radius: 4rem;
    padding:9rem 5rem;
    margin-top: 8rem;
    padding-top: 8rem;
}
.secAreaConcept .conceptBox::before,
.secAreaConcept .conceptBox::after{
    content: "";
    position: absolute;
    width:0.1rem;
    left: calc(50% - 0.05rem);
}
.secAreaConcept .conceptBox::before{
    height: 10rem;
    top: calc(0% - 5rem);
    background-color: var(--textColor);
}
.secAreaConcept .conceptBox::after{
    height: 5rem;
    top: calc(0% - 5rem);
    background-color: #fff;
}
.secAreaConcept .txtbox{
    text-align: center;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}
.secAreaConcept .txt{
    font-size:var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    color: var(--textColor);
}
.secAreaConcept .Pointbox{
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 3.7rem;
}
.secAreaConcept .pointtitle{
    width: 100%;
    background-color: var(--textColor);
    color: #fff;
    text-align: center;
    padding: 2.5rem 2rem;
    border-radius: 0.3rem;
}
.secAreaConcept .pointtitleTxt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_30);
    font-weight: bold;
}
.secAreaConcept .pointlist{
    width: 100%;
    margin-top: 3rem;
}
.secAreaConcept .list{
    display: flex;
}
.secAreaConcept .item{
    width: calc((100% - 6rem) / 3);
    margin-right: 3rem;
}
.secAreaConcept .item:last-child{
    margin-right: 0;
}
.secAreaConcept .ItemInner{
    width: 100%;
    height: 100%;
    background-color: var(--formCheckBgColor);
    border-radius: 1rem;
    padding: 4rem;
    min-height: 26rem;
}
.secAreaConcept .pointNum{
    width: 9rem;
    height: 3.2rem;
    background-color: var(--keyColor);
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 0.3rem;
}
.secAreaConcept .numtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.secAreaConcept .listtxtbox{
    width: 100%;
    margin-top: 1.7rem;
}
.secAreaConcept .listtxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_34);
}

@media only screen and (max-width:1215px){
    .secAreaConcept{
        margin-top: 8rem;
    }
    .secAreaConcept.lazyloaded{
        background-image: url(../img/concept_area/imgBack_concept_area_sp.jpg);
    }
    .secAreaConcept .Inner{
        padding-top: 7.2rem;
        padding-bottom: 8rem;
    }
    .secAreaConcept .title{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_36);
    }
    .secAreaConcept .conceptBox{
        border-radius: 2rem;
        padding: 4rem 2rem;
        margin-top: 3rem;
        padding-top: 1.3rem;
    }
    .secAreaConcept .conceptBox::before{
        height: 4rem;
        top: calc(0% - 2rem);
    }
    .secAreaConcept .conceptBox::after{
        height: 2rem;
        top: calc(0% - 2rem);
    }
    .secAreaConcept .txtbox{
        text-align: left;
        max-width:100%;
        margin: 0 auto;
    }
    .secAreaConcept .txt{
        font-size:var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        margin-top: 20px;
    }
    .secAreaConcept .Pointbox{
        max-width:100%;
        margin-top: 2.3rem;
    }
    .secAreaConcept .pointtitle{
        padding: 1.3rem 1rem;
    }
    .secAreaConcept .pointtitleTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
    }
    .secAreaConcept .pointlist{
        margin-top: 20px;
    }
    .secAreaConcept .list{
        display: block;
    }
    .secAreaConcept .item{
        width: 100%;
        margin-right: 0rem;
    }
    .secAreaConcept .item + .item{
        margin-top: 1rem;
    }
    .secAreaConcept .ItemInner{
        height: auto;
        border-radius: 0.3rem;
        padding: 2rem;
        padding-bottom: 2.3rem;
        min-height:0;
    }
    .secAreaConcept .pointNum{
        width: 6rem;
        height: 2.4rem;
    }
    .secAreaConcept .numtxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_10);
    }
    .secAreaConcept .listtxtbox{
        margin-top: 0.7rem;
    }
    .secAreaConcept .listtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
    }
}