@charset "utf-8";
/* secDetailsHero */
.secDetailsHero{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.secDetailsHero .bgHero{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}
.secDetailsHero .bgHero::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/lineup/imgDetailBg.png") no-repeat center left;
    z-index: 6;
}
.secDetailsHero .bgSlider{
    height: 100%;
    width: 100%;
    position: relative;
}
.secDetailsHero .swiper{
    position: absolute;
    top: 0;
    left: calc(50% - 96rem);
    width: 192rem;
    height: 100%;
    z-index: 5;
}
.secDetailsHero .imgBox{
    width: 100%;
    height: 100%;
}
.secDetailsHero .Inner{
    position: relative;
    z-index: 5;
    min-height: 85rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 14.7rem;
    padding-top: calc(11rem + 3rem);
}
.secDetailsHero .txtArea{
    display: inline-block;
    width: 100%;
    text-align: left;
    color: var(--textColorWhite);
}
.secDetailsHero .subtit{
    font-size: var(--pcFontSize18);
    line-height: calc(30 / 18);
    color: var(--lineupSubtitColor);
    font-weight: bold;
}
.secDetailsHero .titbox{
    width: 100%;
    margin-top: 1.2rem;
}
.secDetailsHero .titEng{
    font-size: var(--pcFontSize100);
    line-height: calc(110 / 100);
    font-weight: 600;
    letter-spacing: var(--pcLetterSpacing20);
}
.secDetailsHero .titJpn{
    font-size: var(--pcFontSize18);
    line-height: calc(24 / 18);
    font-weight: bold;
    margin-top: 1.8rem;
}
.secDetailsHero .subtxtbox{
    width: 100%;
    margin-top: 3.6rem;
}
.secDetailsHero .subtxtbox .subtxt{
    font-size: var(--pcFontSize24);
    line-height: calc(42 / 24);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing100);
}
.secDetailsHero .subtxtbox .subtxtEng{
    margin-top: 4.4rem;
    font-size: var(--pcFontSize20);
    line-height: calc(30 / 20);
    font-weight: bold;
    font-style: italic;
}
.secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal{
    position: absolute;
    width: 1rem;
    bottom: 5rem;
    left: 5rem;
    z-index: 8;
}
.secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{
    margin: 0;
    width: 1rem;
    height: 1rem;
    background-color:var(--paginationColor);
    opacity: 0.5;
}
.secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}
.secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-top: 1rem;
}

@media only screen and (min-width: 1921px){
    .secDetailsHero .swiper{
        width: 100%;
        left: 0;
    }
    .secDetailsHero .bgHero::after{
        background-size: cover;
    }
}
@media only screen and (max-width: 1215px){
    .secDetailsHero .bgHero::after{
        background: url("../img/lineup/imgDetailBg_sp.png") no-repeat bottom left;
        background-size: cover;
    }
    .secDetailsHero .swiper{
        left:0;
        width:100%;
    }
    .secDetailsHero .Inner{
        min-height: 50rem;
        padding-bottom: 7.7rem;
        padding-top: 5rem;
    }
    .secDetailsHero .subtit{
        font-size: var(--spFontSize12);
        line-height: calc(20 / 12);
    }
    .secDetailsHero .titbox{
        margin-top: 0.9rem;
    }
    .secDetailsHero .titEng{
        font-size: var(--spFontSize44);
        line-height: calc(50 / 44);
        letter-spacing: 0.1em;
    }
    .secDetailsHero .titJpn{
        font-size: var(--spFontSize12);
        line-height: calc(20 / 12);
        margin-top: 1.2rem;
    }
    .secDetailsHero .subtxtbox{
        margin-top: 1.9rem;
    }
    .secDetailsHero .subtxtbox .subtxt{
        font-size: var(--spFontSize15);
        line-height: calc(26 / 15);
        letter-spacing: 0;
    }
    .secDetailsHero .subtxtbox .subtxtEng{
        font-size: var(--spFontSize12);
        line-height: calc(20 / 12);
        margin-top: 1.9rem;
        letter-spacing: 0.09em;
    }
    .secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal{
        position: absolute;
        display: flex;
        justify-content: flex-start;
        width:100%;
        bottom: 0;
        left: 0;
        padding: 0 1.5rem 3rem;
    }
    .secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{
        width: 0.5rem;
        height: 0.5rem;
    }
    .secDetailsHero .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-top: 0;
        margin-left: 0.5rem;
    }
}
.secLegenda{
    position: relative;
}
.secLegenda .mainIn{
    position: relative;
    z-index: 3;
}
@media only screen and (min-width: 1216px){
    .pnkz{
        position: relative;
        z-index: 10;
    }
    .secLegenda::after{
        content: "";
        position: absolute;
        width: 100%;
        height: calc(100% + (4.4rem + 0.5rem));
        top: calc(0% - (4.4rem + 0.5rem));
        left: 0;
        background: url(../img/lineup/legenda/imgmainBg.png) center top no-repeat var(--bgColorBeige);
        z-index: 2;
    }
    @media only screen and (min-width: 1921px){
        .secLegenda::after{
            background-size: 100% auto;
        }
    }
}
@media only screen and (max-width: 767px){
    .secLegenda{
        background: url(../img/lineup/legenda/imgmainBg_sp.png) center top no-repeat var(--bgColorBeige);
        background-size: 100% auto;
    }
}
.secConceptTop{
    width: 100%;
    padding-top: 7.6rem;
}
.secConceptTop .Inner{
    max-width: 192rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.secConceptTop .txtArea{
    flex: 1;
    padding-left: 12rem;
}
.secConceptTop .tit{
    font-size: var(--pcFontSize34);
    line-height: calc(80 / 34);
    font-weight: bold;
}
.secConceptTop .imgArea{
    width: calc(1100 / 1920 * 100%);
    max-width: 110rem;
}
@media only screen and (max-width: 1600px){
    .secConceptTop .txtArea{
        padding-left: 6rem;
    }
}
@media only screen and (max-width: 1215px){
    .secConceptTop{
        padding: 0;
        padding-top: 3.4rem;
    }
    .secConceptTop .Inner{
        display: block;
        max-width: 40rem;
    }
    .secConceptTop .txtArea{
        width: 100%;
        padding: 0;
    }
    .secConceptTop .tit{
        font-size: var(--spFontSize20);
        line-height: calc(40 / 20);
    }
    .secConceptTop .imgArea{
        width: 100%;
        margin-top: 2.9rem;
    }
}

.secConcept{
    width: 100%;
    margin-top: 6.8rem;
}
.secConceptTop + .secConcept{
    margin-top: 12rem;
}
.secConcept .Inner{
    display: flex;
    padding: 0 11rem;
    padding-right: 0;
}
.secConceptTop + .secConcept .Inner{
    border-top: 1px solid;
    border-color: var(--whiteColor);
    padding-top: 11.1rem;
}
.secConcept .leftArea{
    flex: 1;
}
.secConcept .engtitbox{
    width: 100%;
}
.secConcept .engtitbox .engtit{
    position: relative;
    font-size: var(--pcFontSize20);
    line-height: calc(30 / 20);
    font-weight: 600;
    padding-left: calc(8rem + 1rem);
    display: inline-block;
    color: var(--lineupSubtitColor);
}
.secConcept .engtitbox .engtit::before{
    content: "";
    position: absolute;
    width: 8rem;
    height: 1px;
    background-color: var(--lineupSubtitColor);
    left: 0;
    top: calc(50% - 0.5px);
}
.secConcept .tit{
    font-size: var(--pcFontSize44);
    line-height: calc(70 / 44);
    font-weight: bold;
    margin-top: 3.5rem;
}
.secConcept .rightArea{
    width: calc(67rem + 5rem);
    padding-left: 5rem;
    padding-top: calc((var(--pcFontSize20) * (30 / 20)) + 3.5rem);
}
.secConcept .txtbox{
    width: 100%;
    text-align: left;
}
.secConcept .txtbox .txt{
    font-size: var(--pcFontSize18);
    line-height: calc(50 / 18);
}
.secConcept .tablistbox{
    width: 100%;
    margin-top: 3.5rem;
}
.secConcept .tagList{
    display: flex;
    flex-wrap: wrap;
}
.secConcept .tagItem{
    display: inline-block;
    margin-right: 1rem;
    margin-top: 1rem;
}
.secConcept .tagbox{
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    width: auto;
    max-width: 100%;
    min-height: 4rem;
    background-color: var(--bodyBaseColor);
    border-radius: 0.3rem;
}
.secConcept .tagIn{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secConcept .tagtxt{
    font-size: var(--pcFontSize13);
    line-height: calc(20 / 13);
    letter-spacing: var(--pcLetterSpacing50);
}
@media only screen and (max-width: 1215px){
    .secConcept{
        
margin-top: 5.5rem;
    }
    .secConceptTop + .secConcept{
        margin-top: 6rem;
    }
    .secConcept .Inner{
        display:block;
        padding:0;
    }
    .secConceptTop + .secConcept .Inner{
        padding-top: 5.4rem;
    }
    .secConcept .leftArea{
        width: 100%;
    }
    .secConcept .engtitbox .engtit{
        font-size: var(--spFontSize14);
        line-height: calc(20 / 14);
        padding-left: calc(3rem + 1rem);
    }
    .secConcept .engtitbox .engtit::before{
        width: 3rem;
    }
    .secConcept .tit{
        font-size: var(--spFontSize24);
        line-height: calc(38 / 24);
        margin-top: 0.9rem;
    }
    .secConcept .rightArea{
        width: 100%;
        padding: 0;
        margin-top: 1.6rem;
    }
    .secConcept .txtbox .txt{
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
    .secConcept .tablistbox{
        margin-top: 1.9rem;
    }
    .secConcept .tagItem{
        margin-right: 0.5rem;
        margin-top: 0.5rem;
    }
    .secConcept .tagbox{
        padding: 0.5rem 0.7rem;
        min-height: 3rem;
    }
    .secConcept .tagtxt{
        font-size: var(--spFontSize11);
        line-height: calc(20 / 11);
    }
}

.secD_titbox{
    width: 100%;
    text-align: center;
}
.secD_titbox .titJp{
    font-size: var(--pcFontSize34);
    line-height: calc(50 / 34);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing50);
}
.secD_titbox .subtitJp{
    font-size: var(--pcFontSize20);
    line-height: calc(30 / 20);
    font-weight: 600;
    color: var(--lineupSubtitColor);
    margin-top: 1.8rem;
    letter-spacing: var(--pcLetterSpacing50);
}
@media only screen and (max-width: 1215px){
    .secD_titbox .titJp{
        font-size: var(--spFontSize20);
        line-height: calc(30 / 20);
        letter-spacing: 0;
    }
    .secD_titbox .subtitJp{
        font-size: var(--spFontSize14);
        line-height: calc(20 / 14);
        margin-top: 1rem;
    }
}
/* secPoint */
.secPoint{
    margin-top: 18rem;
    background-color: var(--bgColorDarkGray);
    color: var(--textColorWhite);
}
.secPoint .Inner{
    padding-top: 10.9rem;
    padding-bottom: 15rem;
}
.secPoint .listbox{
    margin-top: 7.1rem;
}
.secPoint .list{
    width: 100%;
}
.secPoint .item{
    width: 100%;
}
.secPoint .item + .item{
    margin-top: 10rem;
}
.secPoint .itemInner{
    display: flex;
}
.secPoint .imgArea{
    width: 70rem;
}
.secPoint .imgBox{
    width: 100%;
}
.secPoint .txtArea{
    width: calc(100% - 70rem);
    padding-left: 8rem;
}
.secPoint .txtInbox{
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
}
.secPoint .txtInner{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secPoint .numtxt{
    font-size: var(--pcFontSize30);
    line-height: calc(40 / 30);
    opacity: 0.2;
}
.secPoint .titbox{
    width: 100%;
    margin-top: 2.5rem;
}
.secPoint .titEng{
    font-size: var(--pcFontSize18);
    line-height: calc(30 / 18);
    font-weight: 600;
    color: var(--lineupSubtitColor);
    letter-spacing: var(--pcLetterSpacing50);
}
.secPoint .tit{
    font-size: var(--pcFontSize34);
    line-height: calc(56 / 34);
    font-weight: bold;
    margin-top: 1.3rem;
    letter-spacing: var(--pcLetterSpacing50);
}
.secPoint .txtbox{
    width: 100%;
    margin-top: 2.3rem;
}
.secPoint .txtbox .txt{
    font-size: var(--pcFontSize15);
    line-height: calc(40 / 15);
}
@media only screen and (max-width: 1215px){
    .secPoint{
        margin-top: 8.1rem;
    }
    .secPoint .Inner{
        padding-top: 4.4rem;
        padding-bottom: 5.7rem;
    }
    .secPoint .listbox{
        margin-top: 2.4rem;
    }
    .secPoint .item + .item{
        margin-top: 4.6rem;
    }
    .secPoint .itemInner{
        display: block;
    }
    .secPoint .imgArea{
        width: 100%;
    }
    .secPoint .txtArea{
        width:100%;
        padding: 0;
        margin-top: 1.2rem;
    }
    .secPoint .txtInbox{
        width: 100%;
        min-height: 0;
        display: block;
    }
    .secPoint .txtInner{
        display: block;
    }
    .secPoint .numtxt{
        font-size: var(--spFontSize24);
        line-height: calc(30 / 24);
    }
    .secPoint .titbox{
        margin-top: 1.1rem;
    }
    .secPoint .titEng{
        font-size: var(--spFontSize14);
        line-height: calc(20 / 14);
    }
    .secPoint .tit{
        font-size: var(--spFontSize18);
        line-height: calc(32 / 18);
        margin-top: 0.3rem;
    }
    .secPoint .txtbox{
        margin-top: 0.7rem;
    }
    .secPoint .txtbox .txt{
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
}

/* secScenes */
.secScenes{
    margin-top: 10.5rem;
    width: 100%;
    overflow: hidden;
}
.secScenes .sliderBox{
    margin-top: 5.1rem;
}
.secScenes .swiper{
    width: 120rem;
    overflow: visible;
    margin: 0 auto;
}
.secScenes .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(680 / 1200 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secScenes .swiper-button-prev,
.secScenes .swiper-button-next{
    display: none;
    position: absolute;
    margin: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--whiteColor);
    top: calc(50% - 2rem);
    z-index: 5;
}
.secScenes .swiper-button-prev{
    left: calc(0% - 3rem);
    transform: rotate(180deg);
}
.secScenes .swiper-button-next{
    right: calc(0% - 3rem);
}
.secScenes .swiper-button-prev::after,
.secScenes .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 1.3rem;
    height: 0.5rem;
    left: calc(50% - 0.65rem);
    top: calc(50% - 0.25rem);
}
.secScenes.lazyloaded .swiper-button-prev::after,
.secScenes.lazyloaded .swiper-button-next::after{
    background: url(../img/common/icoArrow.png) center center no-repeat;
    background-size: 100% auto;
    filter: brightness(0);
}
.secScenes .swiper-pagination{
    position: static;
    margin-top: 2.8rem;
}
.secScenes .swiper-pagination-bullet{
    width: 1rem;
    height: 1rem;
    background-color: var(--whiteColor);
    opacity: 1;
    margin: 0!important;
}
.secScenes .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left: 1rem!important;
}
.secScenes .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--lineupSubtitColor);
}
.secScenes .secbtnMore{
    margin-top: 6rem;
}
@media only screen and (max-width: 1215px){
    .secScenes{
        margin-top: 4.4rem;
    }
    .secScenes .sliderBox{
        margin-top: 2.4rem;
    }
    .secScenes .swiper{
        width: calc(305 / 375 * 100%);
    }
    .secScenes .imgBox{
        padding-top: calc(402 / 610 * 100%);
    }
    .secScenes .swiper-button-prev,
    .secScenes .swiper-button-next{
        display: block;
    }
    .secScenes .swiper-pagination{
        margin-top: 0.9rem;
    }
    .secScenes .swiper-pagination-bullet{
        width: 0.5rem;
        height: 0.5rem;
    }
    .secScenes .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-left: 0.5rem!important;
    }
    .secScenes .secbtnMore{
        margin-top: 3rem;
    }
}

/* secCustom */
.secCustom{
    margin-top: 14.5rem;
}
.secCustom .engtitbox{
    width: 100%;
}
.secCustom .engtitbox .engtit{
    position: relative;
    font-size: var(--pcFontSize20);
    line-height: calc(30 / 20);
    font-weight: 600;
    padding-left: calc(8rem + 1rem);
    display: inline-block;
    color: var(--lineupSubtitColor);
}
.secCustom .engtitbox .engtit::before{
    content: "";
    position: absolute;
    width: 8rem;
    height: 1px;
    background-color: var(--lineupSubtitColor);
    left: 0;
    top: calc(50% - 0.5px);
}
.secCustom .subtitbox{
    width: 100%;
    margin-top: 4rem;
}
.secCustom .subtitbox .subtit{
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
}
.secCustom .listbox{
    margin-top: 5.2rem;
}
.secCustom .list{
    display: flex;
}
.secCustom .item{
    width: calc((100% - 4rem) / 2);
}
.secCustom .item + .item{
    margin-left: 4rem;
}
.secCustom .itemLink{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--textColorWhite);
}
.secCustom .bgarea{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.secCustom .bgimg{
    width: 100%;
    height: 100%;
}
.secCustom .txtarea{
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    width: 100%;
    height: 18rem;
    padding: 0 5.5rem;
    padding-right: 9rem;
}
.secCustom .txtinbox{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secCustom .bnrtit{
    font-size: var(--pcFontSize24);
    line-height: calc(30 / 24);
    font-weight: bold;
}
.secCustom .bnrtxt{
    font-size: var(--pcFontSize16);
    line-height: calc(20 / 16);
    font-weight: bold;
    margin-top: 1.2rem;
    font-style: italic;
    letter-spacing: var(--pcLetterSpacing50);
}
.secCustom .iconbox{
    position: absolute;
    top: calc(50% - 1.6rem);
    right: 5.5rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    transition: 0.5s;
}
.secCustom .iconbox::after{
    content: "";
    position: absolute;
    width: 1.7rem;
    height: 0.5rem;
    top: calc(50% - 0.25rem);
    left: calc(50% - 0.85rem);
}
.secCustom.lazyloaded .iconbox::after{
    background: url(../img/common/icoArrow.png) center center no-repeat;
    background-size: auto 0.5rem;
}
@media only screen and (min-width: 1216px){
    .secCustom .iconbox{
        transition: 0.5s;
    }
    .secCustom .itemLink:hover .iconbox{
        background-color: var(--bgColorDarkGray);;
    }
}
@media only screen and (max-width: 1215px){
    .secCustom{
        margin-top: 5.5rem;
    }
    .secCustom .engtitbox .engtit{
        font-size: var(--spFontSize14);
        line-height: calc(20 / 14);
        padding-left: calc(3rem + 1rem);
    }
    .secCustom .engtitbox .engtit::before{
        width: 3rem;
    }
    .secCustom .subtitbox{
        margin-top: 1.7rem;
    }
    .secCustom .subtitbox .subtit{
        font-size: var(--spFontSize12);
        line-height: calc(24 / 12);
    }
    .secCustom .listbox{
        margin-top: 3.4rem;
    }
    .secCustom .list{
        display:block;
    }
    .secCustom .item{
        width: 100%;
    }
    .secCustom .item + .item{
        margin-left: 0;
        margin-top: 2.5rem;
    }
    .secCustom .itemLink{
        height: auto;
    }
    .secCustom .txtarea{
        height: 10rem;
        padding: 0 3rem;
        padding-right: 6rem;
    }
    .secCustom .bnrtit{
        font-size: var(--spFontSize18);
        line-height: calc(24 / 18);
    }
    .secCustom .bnrtxt{
        font-size: var(--spFontSize14);
        line-height: calc(20 / 14);
        margin-top: 5px
    }
    .secCustom .iconbox{
        right: 2.1rem;
    }
    .secCustom .iconbox::after{
        width: 1.3rem;
        left: calc(50% - 0.65rem);
    }
    .secCustom.lazyloaded .iconbox::after{
        background-position: right top;
        background-size: auto 0.5rem;
    }
}
.secOtherList{
    margin-top: 15rem;
    width: 100%;
    background-color: var(--bodyBaseColor);
}
.secOtherList .Inner{
    padding-top: 10.9rem;
    padding-bottom: 15rem;
}
.secOtherList .listbox{
    margin-top: 4.7rem;
}
.secOtherList .list{
    display: flex;
}
.secOtherList .Item{
    width: calc((100% - 2.2rem) / 3);
}
.secOtherList .Item + .Item{
    margin-left: 1.1rem;
}
.secOtherList .linkbox{
    display: block;
    position: relative;
    background-color: var(--bgColorBeige);
    width: 100%;
    height: 100%;
    padding-bottom: 3.8rem;
}
.secOtherList .linkbox::after{
    content: "";
    position: absolute;
    width: 1.7rem;
    height: 0.5rem;
    bottom: 4.5rem;
    right: 4rem;
}
.secOtherList.lazyloaded .linkbox::after{
    background: url(../img/common/icoArrow.png) center right no-repeat;
    background-size: auto 0.5rem;
    filter: brightness(0);
    transition: 0.5s;
}
.secOtherList .linkInner{
    display: flex;
    flex-direction: column-reverse;
    padding: 0 4rem;
}
.secOtherList .imgArea{
    width: 100%;
    margin-top: 2.6rem;
}
.secOtherList .imgBox{
    width: 100%;
}
.secOtherList .txtArea{
    width: 100%;
    padding-top: 3.8rem;
}
.secOtherList .txtInbox{
    text-align: center;
}
.secOtherList .modeltype{
    font-size: var(--pcFontSize15);
    line-height: calc(20 / 15);
    font-weight: bold;
}
.secOtherList .tit{
    font-size: var(--pcFontSize45);
    line-height: calc(60 / 45);
    font-weight: 600;
    margin-top: 1rem;
    letter-spacing:var(--pcLetterSpacing50);
}
.secOtherList .subtit{
    color: var(--textColorWarmGray);
    font-size: var(--pcFontSize18);
    line-height: calc(24 / 18);
    margin-top: 0;
    font-weight: bold;
}
.secOtherList .undertxtbox{
    width: 100%;
    margin-top: 2.7rem;
    padding: 0 3.8rem;
}
.secOtherList .undertxtbox .undertxt{
    font-size: var(--pcFontSize15);
    line-height: calc(20 / 15);
}
@media only screen and (min-width: 1216px){
    .secOtherList .linkbox{
        transition: 0.5s;
    }
    .secOtherList .linkbox:hover{
        background-color: var(--bgColorDarkGray);
        color: var(--textColorWhite);
    }
    .secOtherList.lazyloaded .linkbox::after{
        filter: brightness(0);
        transition: 0.5s;
    }
    .secOtherList.lazyloaded .linkbox:hover::after{
        filter: brightness(1);
    }
}
@media only screen and (max-width: 1215px){
    .secOtherList{
        margin-top: 8rem;
    }
    .secOtherList .Inner{
        padding-top: 4.4rem;
        padding-bottom: 6rem;
    }
    .secOtherList .listbox{
        margin-top: 2.4rem;
    }
    .secOtherList .list{
        display:block;
    }
    .secOtherList .Item{
        width: 100%;
    }
    .secOtherList .Item + .Item{
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .secOtherList .linkbox{
        height: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .secOtherList .linkbox::after{
        width: 1.3rem;
        height: 0.5rem;
        bottom: calc(50% - 0.25rem);
        right: 1.5rem;
    }
    .secOtherList .linkInner{
        flex-direction:row;
        align-items: center;
        padding: 0 1.5rem;
        padding-right: 30px;
    }
    .secOtherList .imgArea{
        width: 15.5rem;
        margin-top:0;
    }
    .secOtherList .txtArea{
        width: calc(100% - 15.5rem);
        padding: 0;
        padding-left: 2rem;
    }
    .secOtherList .txtInbox{
        text-align:left;
    }
    .secOtherList .modeltype{
        font-size: var(--spFontSize12);
        line-height: calc(18 / 12);
    }
    .secOtherList .tit{
        font-size: var(--spFontSize26);
        line-height: calc(32 / 26);
        margin-top: 0.6rem;
    }
    .secOtherList .subtit{
        font-size: var(--spFontSize12);
        line-height: calc(16 / 12);
        margin-top: 0;
    }
    .secOtherList .undertxtbox{
        display: none;
    }
}
.secLineupCta{
    width: 100%;
}
.secLineupCta.lazyloaded{
    background: url(../img/lineup/bg_lineupCta.jpg) center center no-repeat;
    background-size: 192rem auto;
}
.secLineupCta .Inner{
    min-height: 55rem;
    display: flex;
    align-items: center;
}
.secLineupCta .onbox{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: var(--whiteColor);
    padding-bottom: 1rem;
}
.secLineupCta .tit{
    font-size: var(--pcFontSize30);
    line-height: calc(40 / 30);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing50);
}
.secLineupCta .titin{
    border-bottom: 1px solid;
    border-color: var(--whiteColor);
    padding-bottom: 0.5rem;
}
.secLineupCta .txtbox{
    text-align: center;
    margin-top: 3.8rem;
}
.secLineupCta .txtbox .txt{
    font-size: var(--pcFontSize15);
    line-height: calc(32 / 15);
}
.secLineupCta .btnbox{
    max-width: 59rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 4.1rem;
}
.secLineupCta .btnList{
    display: flex;
}
.secLineupCta .btnItem{
    width: calc((100% - 3rem) / 2);
}
.secLineupCta .btnItem + .btnItem{
    margin-left: 3rem;
}
.secLineupCta .ctaBtn{
    display: flex;
    align-items: center;
    width: 100%;
    height: 6.4rem;
    border: 1px solid;
    color: var(--whiteColor);
    border-radius: 4rem;
    font-size: var(--pcFontSize15);
    line-height: calc(30 / 15);
    font-weight: bold;
    padding: 0 3rem;
    padding-left: 4rem;
}
.secLineupCta .ctaBtn.type_reserve{
    background-color: var(--textColorTeal);
    border-color: var(--textColorTeal);
}
.secLineupCta .ctaBtn.type_request{
    background-color: rgba(45,45,45,0.5);
    border-color: var(--whiteColor);
}
.secLineupCta .ctaBtn::after{
    content: "";
    width: 1.7rem;
    height: 0.5rem;
    top: calc(50% - 0.25rem);
    right: 3rem;
}
.secLineupCta.lazyloaded .ctaBtn::after{
    background: url(../img/common/icoArrow.png) center center no-repeat;
    background-size: auto 0.5rem;
}
.secLineupCta .ctaBtn .btnIn{
    display: inline-block;
    width: 100%;
    text-align: left;
}
@media only screen and (min-width: 1921px){
    .secLineupCta.lazyloaded{
        background-size: cover;
    }
}
@media only screen and (max-width: 1215px){
    main > .pnkz{
        margin-top: 0;
    }
    .secLineupCta.lazyloaded{
        background-size: cover;
    }
    .secLineupCta .Inner{
        min-height:0;
        display: block;
        padding-top: 5.5rem;
        padding-bottom: 6.1rem;
    }
    .secLineupCta .onbox{
        padding-bottom: 0;
    }
    .secLineupCta .tit{
        font-size: var(--spFontSize16);
        line-height: calc(24 / 16);
    }
    .secLineupCta .titin{
        padding-bottom: 0.3rem;
    }
    .secLineupCta .txtbox{
        margin-top: 1.8rem;
    }
    .secLineupCta .txtbox .txt{
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
    }
    .secLineupCta .btnbox{
        max-width: 22.5rem;
        margin-top: 2rem;
    }
    .secLineupCta .btnList{
        display:block;
    }
    .secLineupCta .btnItem{
        width: 100%;
    }
    .secLineupCta .btnItem + .btnItem{
        margin-left: 0;
        margin-top: 1.5rem;
    }
    .secLineupCta .ctaBtn{
        height: 5rem;
        font-size: var(--spFontSize12);
        line-height: calc(20 / 12);
        padding: 0 2rem;
        padding-left: 2.5rem;
    }
    .secLineupCta .ctaBtn::after{
        width: 1.3rem;
        right: 2rem;
    }
    .secLineupCta.lazyloaded .ctaBtn::after{
        background-size: auto 0.5rem;
        background-position: center right;
    }
}
@media only screen and (max-width: 767px){
    .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_sp.jpg);
        background-size: cover;
    }
}

/* ▼Aria */
@media only screen and (min-width: 1216px){
    .page_aria .secDetailsHero .Inner{
        padding-bottom: 14rem;
    }
    .page_aria .secDetailsHero .titEng{
        line-height: calc(100 / 100);
    }
    .page_aria .secDetailsHero .titJpn{
        margin-top: 0;
    }
    .page_aria .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_aria.jpg);
    }
}
@media only screen and (max-width: 1215px){
    .page_aria .secDetailsHero .Inner{
        padding-bottom: 7.4rem;
    }
    .page_aria .secDetailsHero .titEng{
        line-height: calc(44 / 44);
    }
}
@media only screen and (max-width: 767px){
    .page_aria .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_aria_sp.jpg);
    }
}
/* ▼Storia */
.page_storia .secDetailsMain,
.page_prema .secDetailsMain{
    position: relative;
}
.page_storia .secDetailsMain .mainIn,
.page_prema .secDetailsMain .mainIn{
    position: relative;
    z-index: 5;
}
.page_storia .secDetailsMain::after,
.page_prema .secDetailsMain::after{
    content: "";
    position: absolute;
    width: 70.2rem;
    height: 70.2rem;
    top: calc(0% - (26.9rem + 6.8rem + 4.4rem));
    right: calc(0% - 20rem);
    background: url(../img/lineup/storia/bg_storia_item.jpg) center center no-repeat;
    background-size: 100% auto;
}
@media only screen and (min-width: 1216px){
    .page_storia .secDetailsHero .Inner{
        padding-bottom: 22.5rem;
    }
    .page_storia .secDetailsHero .titEng{
        line-height: calc(100 / 100);
    }
    .page_storia .secDetailsHero .titJpn{
        margin-top: 0;
    }
    .page_storia .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_storia.jpg);
    }
}
@media only screen and (max-width: 1215px){
    .page_storia .secDetailsHero .Inner{
        padding-bottom: 7.4rem;
    }
    .page_storia .secDetailsHero .titEng{
        line-height: calc(44 / 44);
    }
    .page_storia .secDetailsMain::after,
    .page_prema .secDetailsMain::after{
        width: 61.3rem;
        height: 61.3rem;
        top: calc(0% - (17.2rem + 5.5rem));
        right: calc(0% - 36rem);
    }
}
@media only screen and (max-width: 767px){
    .page_storia .secLineupCta .Inner{
        width: 100%;
    }
    .page_storia .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_storia_sp.jpg);
    }
}
/* ▼Prema */
@media only screen and (min-width: 1216px){
    .page_prema .secDetailsHero .Inner{
        padding-bottom: 14.1rem;
    }
    .page_prema .secDetailsHero .titEng{
        line-height: calc(100 / 100);
    }
    .page_prema .secDetailsHero .titJpn{
        margin-top: 0;
    }
    .page_prema .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_prema.jpg);
    }
}
@media only screen and (max-width: 1215px){
    .page_prema .secDetailsHero .Inner{
        padding-bottom: 7.4rem;
    }
    .page_prema .secDetailsHero .titEng{
        line-height: calc(44 / 44);
    }
}
@media only screen and (max-width: 767px){
    .page_prema .secLineupCta.lazyloaded{
        background-image: url(../img/lineup/bg_lineupCta_prema_sp.jpg);
    }
}

.secPlan{
    width: 100%;
    margin-top: 11rem;
}
.secPlan .planarea{
    background-color: var(--whiteColor);
    width: 100%;
    margin-top: 3.6rem;
}
.secPlan .plantab{
    width: 100%;
}
.secPlan .tablist{
    display: flex;
}
.secPlan .tabItem{
    width: calc((100% - 4px) / 5);
    position: relative;
}
.secPlan .tabItem + .tabItem{
    margin-left: 1px;
}
.secPlan .tabItem + .tabItem::after{
    content: "";
    position: absolute;
    top: 0;
    left: calc(0% - 1px);
    width: 1px;
    height: 100%;
    background-color: var(--bgColorBeige);
}
.secPlan .tablabel{
    display: flex;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    width: 100%;
    height: calc(10rem + 2px);
    background-color: var(--whiteColor);
    color: var(--maskColorDarkGray40);
    border-bottom: 2px solid;
    border-color: var(--bgColorBeige);
    font-size: var(--pcFontSize30);
    line-height: calc(40 / 30);
}
.secPlan .tablabel.on{
    background-color: var(--bodyBaseColor);
    color: var(--bgColorDarkGray);
    border-color: var(--tabactiveColor);
}
.secPlan .tablabel .tabIn{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secPlan .plancontent{
    width: 100%;
}
.secPlan .planitem{
    display: none;
}
.secPlan .planitem.active{
    display: block;
}
.secPlan .planIn{
    padding: 6rem 5rem;
    padding-top: 5.2rem;
}
.secPlan .txtArea{
    width: 100%;
}
.secPlan .txtArea .Onbox{
    color: var(--tabactiveColor);
}
.secPlan .txtArea .ontxt{
    font-size:var(--pcFontSize18);
    line-height: calc(30 / 18);
    font-weight: 500;
}
.secPlan .txtArea .tit{
    font-size: var(--pcFontSize30);
    line-height: calc(45 / 30);
    font-weight: bold;
    margin-top: 1rem;
}
.secPlan .txtArea .txt{
    font-size: var(--pcFontSize15);
    line-height: calc(22 / 15);
    margin-top: 2.4rem;
}
.secPlan .imgArea{
    width: 100%;
    margin-top: 4rem;
}
.secPlan .imgArea .imgFlex{
    display: flex;
}
.secPlan .imgArea .imgBox{
    width: 100%;
}
.secPlan .imgArea:has(.imgFlex) .imgBox{
    width: calc((100% - 3rem) / 2);
}
.secPlan .imgArea:has(.imgFlex) .imgBox + .imgBox{
    margin-left: 3rem;
}
.secPlan .secbtnMore{
    margin-top: 6rem;
}
@media only screen and (max-width: 1215px){
    .secPlan{
        margin-top: 4.4rem;
    }
    .secPlan .planarea{
        margin-top: 2.4rem;
    }
    .secPlan .tablabel{
        height: calc(5rem + 1px);
        border-width: 1px;
        font-size: var(--spFontSize18);
        line-height: calc(26 / 18);
    }
    .secPlan .planIn{
        padding: 3rem 2rem;
        padding-top: 2rem;
    }
    .secPlan .txtArea .ontxt{
        font-size:var(--spFontSize14);
        line-height: calc(20 / 14);
    }
    .secPlan .txtArea .tit{
        font-size: var(--spFontSize18);
        line-height: calc(30 / 18);
        margin-top: 0.4rem;
    }
    .secPlan .txtArea .txt{
        font-size: var(--spFontSize12);
        line-height: calc(22 / 12);
        margin-top: 0.8rem;
    }
    .secPlan .imgArea{
        margin-top: 20px;
    }
    .secPlan .imgArea .imgFlex{
        display:block;
    }
    .secPlan .imgArea:has(.imgFlex) .imgBox{
        width: 100%;
    }
    .secPlan .imgArea:has(.imgFlex) .imgBox + .imgBox{
        margin-left: 0;
        margin-top: 1rem;
    }
    .secPlan .secbtnMore{
        margin-top: 3rem;
    }
}
/* ▼261009 */
.secScenes.type_Aria .imgBox,
.secScenes.type_Prema .imgBox,
.secScenes.type_Storia .imgBox,
.secScenes.type_Legenda .imgBox{
    padding-top: calc(800 / 1200 * 100%);
    background-color: var(--textColor);
}