@charset "utf-8";

/* secCmnTit */
.secCmnTit{
    background-image: url(../img/lineup/bgCmnTit.jpg);
}
@media only screen and (max-width:1215px){
    .secCmnTit{
        background-image: url(../img/lineup/bgCmnTit_sp.jpg);
    }
}
.boxIconCircle{
    position: absolute;
    bottom: 3.5rem;
    right: 3.5rem;
    z-index: 100;
}
.boxIconCircle .linkCircle{
    position: relative;
    display: block;
    text-align: center;
    width: 5.5rem;
    height: 5.5rem;
}
.boxIconCircle .linkCircle .linkTxtBox{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid var(--iconCircle);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.2s ease-out;
} 
@media only screen and (min-width:1216px){
    .btnInCircle:hover .linkTxtBox img{
        content: url("../img/index/iconHoverArrowWhite02.png");
    } 
    .btnInCircle:hover .blakCircle .linkTxtBox img{
        content: url("../img/index/iconHoverArrowBlack.png");
    } 
    .boxIconCircle .linkCircle svg{
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        opacity: 1;
        max-width: 100%;
        height: auto;
        overflow: visible;
    }
    .btnInCircle:hover .circle{
        stroke-dashoffset: 0;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }
    .boxIconCircle .circle{
        stroke-dasharray: 594;
        stroke-dashoffset: 594;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: 50% 50%;
        stroke: var(--whiteColor);
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }
    .boxIconCircle .circle{
        stroke: var(--whiteColor);
        stroke-width: 5;
    }
    .boxIconCircle.blakCircle .circle{
        stroke: var(--textColor);
    }
    .btnInCircle .linkTxtBox img{
        width: 1.3rem;
    }
}
@media only screen and (max-width:1215px){
    .boxIconCircle{
        bottom: calc(50% - 1.75rem);
        right: 2rem;
    }
    .boxIconCircle .linkCircle{
        width: 3.5rem;
        height: 3.5rem;
    }
    .boxIconCircle .linkCircle .linkTxtBox{
        border: 1px solid var(--whiteColor);
    } 
    .boxIconCircle.blakCircle .linkCircle .linkTxtBox{
        border: 1px solid var(--textColor);
    }
    .btnInCircle .linkTxtBox img{
        width: 0.9rem;
    }
    .btnInCircle .linkTxtBox img{
        content: url("../img/index/iconHoverArrowWhite02.png");
    } 
    .btnInCircle .blakCircle .linkTxtBox img{
        content: url("../img/index/iconHoverArrowBlack.png");
    } 
}
/* secTopTxtBox */
.secTopTxtBox{
    margin-top: 10rem;
    text-align: center;
}
.secTopTxtBox .tit{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
}
.secTopTxtBox .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_38);
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secTopTxtBox{
        margin-top: 4rem;
    }
    .secTopTxtBox .tit{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_50);
    }
    .secTopTxtBox .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        margin-top: 2.5rem;
        text-align: left;
    }
}
/* secLineup */
.secLineup{
    margin: 9rem auto 0;
    width: calc(100% - 6rem);
    max-width: 186rem;
}
.secLineup .item{
    position: relative;
    background: var(--pickupBg);
    overflow: hidden;
}
.secLineup .item:nth-child(2n){
    background: var(--whiteColor);
}
.secLineup .item:nth-child(n+2){
    margin-top: 10rem;
}
.secLineup .inner{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 59.2rem;
}
.secLineup .mainBox{
    max-width: 140rem;
    width: calc(100% - 10rem);
    margin: 0 auto;
}
.secLineup .imgBox{
    width: 93rem;
    position: absolute;
    top: 0;
    left: calc(50% - 93rem);
}
.secLineup .item:nth-child(2n) .imgBox{
    left: auto;
    right: calc(50% - 93rem);
}
.secLineup .img{
    padding-top: 63.656%;
}
.secLineup .txtBox{
    width: 50%;
    padding: 7rem 0 4rem 7rem;
    margin-left: auto;
    text-align: center;
}
.secLineup .item:nth-child(2n) .txtBox{
    margin-left: 0;
    padding: 7rem 7rem 4rem 0;
}
.secLineup .subTit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secLineup .engTitBox{
    margin-top: 2rem;
}
.secLineup .engTit{
    height: 5.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secLineup .engTit{
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
}
.secLineup .tit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-top: 3rem;
}
.secLineup .tabList{
    margin-top: 1.8rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.secLineup .tabItem{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    margin: 0.3rem;
}
.secLineup .costBox{
    background: var(--whiteColor);
    padding: 1.5rem 4rem;
    margin-top: 2.5rem;
    border-radius: 2.5rem;
    display: inline-block;
}
.secLineup .item:nth-child(2n) .costBox{
    background: var(--pickupBg);
}
.secLineup .costTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    letter-spacing: var(--pcLetterSpacing14_50);
    font-weight: bold;
}
.secLineup .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    margin-top: 2rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: calc((var(--pcFontSize14) * var(--pcLineHeight14_30)) * 3);
}
.secLineup .boxIconCircle{
    position: static;
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secLineup{
        margin: 3rem auto 0;
        width: 100%;
        max-width: 40rem;
    }
    .secLineup .item{
        padding-bottom: 6rem;
    }
    .secLineup .item:nth-child(n+2){
        margin-top: 0;
    }
    .secLineup .inner{
        display: block;
        min-height: auto;
    }
    .secLineup .mainBox{
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .secLineup .imgBox{
        width: 100%;
        position: static;
    }
    .secLineup .img{
        padding-top: 63.734%;
    }
    .secLineup .txtBox{
        width: 89.334%;
        padding: 2.8rem 0 0;
        margin: 0 auto;
        text-align: center;
    }
    .secLineup .item:nth-child(2n) .txtBox{
        margin: 0 auto;
        padding: 3rem 0 0;
    }
    .secLineup .subTit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secLineup .engTitBox{
        margin-top: 1.5rem;
    }
    .secLineup .engTit{
        width: 7rem;
        height: 7rem;
    }
    .secLineup .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        margin-top: 1.5rem;
    }
    .secLineup .tabList{
        margin-top: 1.2rem;
    }
    .secLineup .tabItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin: 0 0.2rem;
    }
    .secLineup .costBox{
        padding: 1.25rem 4rem;
        margin-top: 1.5rem;
        border-radius: 2.25rem;
    }
    .secLineup .costTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secLineup .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        margin-top: 1.2rem;
        max-height: calc((var(--spFontSize13) * var(--spLineHeight13_26)) * 3);
    }
    .secLineup .boxIconCircle{
        position: static;
        display: flex;
        justify-content: flex-end;
        margin-top: 1rem;
    }
    .secLineup .linkCircle svg{
        display: none;
    }
}
/*-----------------------------------------------
    details
-----------------------------------------------*/
.secDetailsTop{
    margin-top: 8rem;
    min-height: 80rem;
    position: relative;
    display: flex;
    align-items: center;
}
.secDetailsTop:not(:has(.boxSlider)){
    min-height: auto;
}
.secDetailsTop .mainBox{
    width: 82rem;
    margin-left: auto;
    padding: 5rem 0 5rem 9rem;
}
.secDetailsTop .mainBox:not(:has(.boxSlider)){
    width: 100%;
    padding: 0;
    margin-left: 0;
}
.secDetailsTop .subTit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
}
.secDetailsTop .titBox{
    margin-top: 3rem;
    display: flex;
    align-items: center;
}
.secDetailsTop .engTit{
    width: 8rem;
    height: 8rem;
}
.secDetailsTop .tit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_22);
    background: var(--pickupBg);
    font-weight: bold;
    margin: 1rem 0 0 3rem;
    border-radius: 0.3rem;
    padding: 0.9rem 1rem;
}
.secDetailsTop .boxSlider{
    width: 80rem;
    position: absolute;
    left: calc(50% - 93rem);
    top: 0;
}
.secDetailsTop .swiper{
    overflow: hidden;
    width: 100%;
}
.secDetailsTop .img{
    padding-top: 100%;
}
.secDetailsTop .txtMainBox{
    margin-top: 2rem;
    display: flex;
    flex-flow: column-reverse;
}
.secDetailsTop .swiper-pagination{
    position: static;
	padding-top: 7.5rem;
    display: flex;
    align-items: center;
    margin: 0 -0.35rem;
}
.secDetailsTop .swiper-pagination-bullet{
    background: var(--grayColor);
    margin: 0 0.35rem !important;
    opacity: 1;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}
.secDetailsTop .swiper-pagination-bullet-active{
    background: var(--textColor);
    width: 0.7rem;
    height: 0.7rem;
}
.secDetailsTop .txtBox{
    margin-top: 1.5rem;
}
.secDetailsTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_38);
}
.secDetailsTop .tabList{
    margin: 3.5rem -0.3rem 0;
    display: flex;
    flex-wrap: wrap;
}
.secDetailsTop .tabItem{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    margin: 0.3rem;
}
.secDetailsTop .costBox{
    margin-top: 1.5rem;
    display: inline-block;
}
.secDetailsTop .costTxt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secDetailsTop{
        margin-top: 3.5rem;
        min-height: auto;
        display: block;
    }
    .secDetailsTop .mainBox{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .secDetailsTop .mainBox:not(:has(.boxSlider)){
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .secDetailsTop .subTit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_22);
        text-align: center;
    }
    .secDetailsTop .titBox{
        margin-top: 2rem;
        display: block;
        text-align: center;
    }
    .secDetailsTop .engTit{
        width: 7rem;
        height: 7rem;
        margin: 0 auto;
    }
    .secDetailsTop .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_22);
        background: var(--whiteColor);
        margin: 1.5rem 0 0;
        border-radius: 0;
        padding: 0;
    }
    .secDetailsTop .boxSlider{
        position: static;
        width: 100%;
        margin-top: 2.5rem;
    }
    .secDetailsTop .swiper{
        overflow: visible;
    }
    .secDetailsTop .txtMainBox{
        margin-top: 0;
        display: block;
    }
    .secDetailsTop .swiper-pagination{
        position: static;
        justify-content: center;
        padding-top: 2rem;
    }
    .secDetailsTop .txtBox{
        margin-top: 2.5rem;
    }
    .secDetailsTop .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
    }
    .secDetailsTop .tabList{
        margin: 1.2rem -0.2rem 0;
    }
    .secDetailsTop .tabItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin: 0 0.2rem;
    }
    .secDetailsTop .costBox{
        margin-top: 1.5rem;
        display: inline-block;
    }
    .secDetailsTop .costTxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_22);
        letter-spacing: var(--spLetterSpacing0);
    }
}
/* secDetailsList */
.secDetailsList{
    margin-top: 15rem;
}
.secDetailsList .list{
    display: flex;
    flex-wrap: wrap;
}
.secDetailsList .item{
    width: calc(50% - 4rem);
    margin-right: 8rem;
}
.secDetailsList .item:nth-child(2n){
    margin-right: 0;
}
.secDetailsList .item:nth-child(n+3){
    margin-top: 7rem;
}
.secDetailsList .img{
    padding-top: 66.608%;
}
.secDetailsList .img02{
    padding-top: 116.072%;
}
.secDetailsList .txtBox{
    margin-top: 3.5rem;
}
.secDetailsList .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
}
.secDetailsList .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 1.5rem;
}
@media only screen and (max-width:1215px){
    .secDetailsList{
        margin-top: 4.5rem;
    }
    .secDetailsList .list{
        display: block;
    }
    .secDetailsList .item{
        width: 100%;
        margin-right: 0;
    }
    .secDetailsList .item:nth-child(n+2){
        margin-top: 4rem;
    }
    .secDetailsList .img{
        padding-top: 66.568%;
    }
    .secDetailsList .img02{
        padding-top: 116.12%;
    }
    .secDetailsList .txtBox{
        margin-top: 1.5rem;
    }
    .secDetailsList .tit{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_26);
    }
    .secDetailsList .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 0.7rem;
    }
}
/* secDetailsEquipment */
.secDetailsEquipment{
    margin-top: 14rem;
    position: relative;
    padding-top: 8.5rem;
}
.secDetailsEquipment::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 37rem;
    top: 0;
    left: calc(50% - 96rem);
    background: var(--pickupBg);
}
.secDetailsEquipment .wrapper{
    position: relative;
    z-index: 10;
}
.secDetailsEquipment .topTitBox{
    text-align: center;
}
.secDetailsEquipment .engTit{
    font-size: var(--pcFontSize80);
    letter-spacing: var(--pcLetterSpacing80_50);
    font-weight: 100;
}
.secDetailsEquipment .jpnTit{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    margin-top: 4rem;
}
.secDetailsEquipment .tabList{
    display: flex;
    width: 100%;
    margin-top: 6rem;
}
.secDetailsEquipment .tabItem{
    width: 31.667%;
    margin-right: 2.4995%;
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bgFooter);
    color: var(--whiteColor);
    font-size: var(--pcFontSize16);
    font-weight: bold;
    border-radius: 0.8rem 0.8rem 0 0;
}
.secDetailsEquipment .tabItem:last-child{
    margin-right: 0;
}
.secDetailsEquipment .tabItem.tabOn{
    color: var(--textColor);
    background: var(--whiteColor);
}
.secDetailsEquipment .container{
    margin-top: 6rem;
}
.secDetailsEquipment .list{
    display: flex;
    flex-wrap: wrap;
}
.secDetailsEquipment .item{
    width: 22%;
    margin-right: 4%;
}
.secDetailsEquipment .item:nth-child(4n){
    margin-right: 0;
}
.secDetailsEquipment .item:nth-child(n+5){
    margin-top: 6.2rem;
}
.secDetailsEquipment .img{
    padding-top: 75.758%;
}
.secDetailsEquipment .txtBox{
    margin-top: 2rem;
}
.secDetailsEquipment .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
}
.secDetailsEquipment .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    margin-top: 1.2rem;
}
@media only screen and (max-width:1215px){
    .secDetailsEquipment{
        margin-top: 7rem;
        padding-top: 4.5rem;
    }
    .secDetailsEquipment::after{
        width: 100%;
        height: 18.6rem;
        top: 0;
        left: 0;
    }
    .secDetailsEquipment .engTit{
        font-size: var(--spFontSize34);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secDetailsEquipment .jpnTit{
        font-size: var(--spFontSize13);
        margin-top: 1.5rem;
    }
    .secDetailsEquipment .tabList{
        margin-top: 3rem;
    }
    .secDetailsEquipment .tabItem{
        width: 31.941%;
        margin-right: 2.0885%;
        height: 5rem;
        font-size: var(--spFontSize13);
    }
    .secDetailsEquipment .container{
        margin-top: 3rem;
    }
    .secDetailsEquipment .item{
        width: calc(50% - 0.75rem);
        margin-right: 1.5rem;
    }
    .secDetailsEquipment .item:nth-child(2n){
        margin-right: 0;
    }
    .secDetailsEquipment .item:nth-child(n+3){
        margin-top: 2.4rem;
    }
    .secDetailsEquipment .img{
        padding-top: 75.625%;
    }
    .secDetailsEquipment .txtBox{
        margin-top: 1rem;
    }
    .secDetailsEquipment .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
    }
    .secDetailsEquipment .txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin-top: 0.5rem;
    }
}
/* secDetailsEquipmentBnr */
.secDetailsEquipmentBnr{
    margin-top: 10rem;
}
.secDetailsEquipmentBnr .topTit{
    text-align: center;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
}
.secDetailsEquipmentBnr .topTit span{
    position: relative;
    display: inline-block;
}
.secDetailsEquipmentBnr .topTit span::after,
.secDetailsEquipmentBnr .topTit span::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 4rem;
    top: calc(50% - 2rem);
    background: var(--textColor);
}
.secDetailsEquipmentBnr .topTit span::after{
    transform: rotate(-25deg);
    left: -3.5rem;
}
.secDetailsEquipmentBnr .topTit span::before{
    transform: rotate(25deg);
    right: -3.5rem;
}
.secDetailsEquipmentBnr .mainBox{
    margin-top: 3.5rem;
}
.secDetailsEquipmentBnr .inner{
    display: flex;
    background: var(--bgFooter);
    color: var(--whiteColor);
}
.secDetailsEquipmentBnr .imgBox{
    width: 48rem;
    overflow: hidden;
}
.secDetailsEquipmentBnr .img{
    padding-top: 72.917%;
}
.secDetailsEquipmentBnr .txtBox{
    position: relative;
    width: calc(100% - 48rem);
    padding: 5rem 6rem;
    display: flex;
    align-items: center;
}
.secDetailsEquipmentBnr .txtInner{
    position: relative;
    z-index: 15;
}
.secDetailsEquipmentBnr .tit{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_50);
    font-weight: bold;
}
.secDetailsEquipmentBnr .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    margin-top: 2rem;
}
.secDetailsEquipmentBnr .iconImg{
    width: 48.4rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secDetailsEquipmentBnr .boxIconCircle{
    bottom: 4rem;
    right: 4rem;
}
.secDetailsEquipmentBnr .boxIconCircle .linkCircle .linkTxtBox{
    background: var(--bgFooter);
}
@media only screen and (max-width:1215px){
    .secDetailsEquipmentBnr{
        margin-top: 4rem;
    }
    .secDetailsEquipmentBnr .topTit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
    }
    .secDetailsEquipmentBnr .topTit span::after,
    .secDetailsEquipmentBnr .topTit span::before{
        width: 1px;
        height: 3rem;
        top: auto;
        bottom: 0;
    }
    .secDetailsEquipmentBnr .topTit span::after{
        transform: rotate(-20deg);
        left: -1.5rem;
    }
    .secDetailsEquipmentBnr .topTit span::before{
        transform: rotate(20deg);
        right: -1.5rem;
    }
    .secDetailsEquipmentBnr .mainBox{
        margin-top: 1.5rem;
    }
    .secDetailsEquipmentBnr .inner{
        display: block;
    }
    .secDetailsEquipmentBnr .imgBox{
        width: 100%;
    }
    .secDetailsEquipmentBnr .img{
        padding-top: 47.762%;
    }
    .secDetailsEquipmentBnr .txtBox{
        position: relative;
        width: 100%;
        padding: 3rem 2rem 5.8rem;
        display: block;
    }
    .secDetailsEquipmentBnr .tit{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_50);
    }
    .secDetailsEquipmentBnr .txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-top: 1.5rem;
    }
    .secDetailsEquipmentBnr .iconImg{
        width: 27.5rem;
    }
    .secDetailsEquipmentBnr .boxIconCircle{
        bottom: 2.5rem;
        right: 2.5rem;
    }
}
/* secCmnBack */
.secCmnBack{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    .secCmnBack{
        margin-top: 2.5rem;
    }
}

/* secCmnTitBox */
.secCmnTitBox{
    display: inline-block;
}
.secCmnTitBox .engCmnTit{
    font-size: var(--pcFontSize80);
    letter-spacing: var(--pcLetterSpacing80_50);
    font-weight: 100;
    position: relative;
    left: -0.5rem;
}
.secCmnTitBox .jpnCmnTit{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    margin-top: 3rem;
    display: inline-block;
    position: relative;
}
.secCmnTitBox .jpnCmnTit::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 1px;
    top: calc(50% - 0.5px);
    right: -7rem;
    background: var(--cmnTitblackColor_20);
}
@media only screen and (max-width:1215px){
    .secCmnTitBox .engCmnTit{
        font-size: var(--spFontSize34);
        letter-spacing: var(--spLetterSpacing0);
        left: -0.2rem;
    }
    .secCmnTitBox .jpnCmnTit{
        font-size: var(--spFontSize11);
        margin-top: 1rem;
    }
    .secCmnTitBox .jpnCmnTit::after{
        width: 2rem;
        right: -3rem;
    }
}
/* secTopCmnTitFlex */
.secTopCmnTitFlex{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.secTopCmnTitFlex .topCmnBtnBox{
    display: flex;
    align-items: flex-end;
}
@media only screen and (max-width:1215px){
    .secTopCmnTitFlex .topCmnBtnBox{
        display: block;
    }
}
/* secCmnButton */
.secCmnButton{
    width: 12rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.secCmnButton .swiper-button-prev,
.secCmnButton .swiper-button-next{
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    border: solid 0.1rem var(--textColor);
    top: 0;
    margin: 0;
}
.secCmnButton .swiper-button-prev{
    right: auto;
    left: 0;
}
.secCmnButton .swiper-button-next{
    right: 0;
    left: auto;
}
.secCmnButton .swiper-button-prev::after,
.secCmnButton .swiper-button-next::after{
    display: none;
}
.secCmnButton .swiper-button-prev.lazyloaded{
    background: url(../img/index/imgBtnPrev.png) center center / 1.3rem auto no-repeat var(--whiteColor);
}
.secCmnButton .swiper-button-next.lazyloaded{
    background: url(../img/index/imgBtnNext.png) center center / 1.3rem auto no-repeat var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secCmnButton{
        width: 7.8rem;
    }
    .secCmnButton .swiper-button-prev,
    .secCmnButton .swiper-button-next{
        width: 3.5rem;
        height: 3.5rem;
    }
    .secCmnButton .swiper-button-prev.lazyloaded{
        background: url(../img/index/imgBtnPrev.png) center center / 1rem auto no-repeat var(--whiteColor);
    }
    .secCmnButton .swiper-button-next.lazyloaded{
        background: url(../img/index/imgBtnNext.png) center center / 1rem auto no-repeat var(--whiteColor);
    }
}

/* secLineups */
.secDetailsLineup{
    position: relative;
    border-top: solid 1px var(--cmnTitblackColor_20);
    margin-top: 15rem;
    padding-top: 13.5rem;
}
.secDetailsLineup .secCmnBtnBox .cmnBtnInner{
    background: var(--whiteColor);
}
.secDetailsLineup .boxSlider{
    margin-top: 4.5rem;
}
.secDetailsLineup .swiper{
    overflow: visible;
    width: 100%;
}
.secDetailsLineup .swiper-slide{
    height: auto;
}
.secDetailsLineup.disabled .swiper-slide{
    width: 48.215%;
    margin-right: 3.57%;
}
.secDetailsLineup.disabled .swiper-slide:last-child{
    margin-right: 0;
}
.secDetailsLineup .inner{
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 8rem;
    overflow: visible;
    background: var(--pickupBg);
}
.secDetailsLineup .imgBox{
    position: relative;
}
.secDetailsLineup .img{
    padding-top: 63.704%;
    overflow: hidden;
}
.secDetailsLineup .txtBox{
    padding: 6rem 10rem 0;
    text-align: center;
}
.secDetailsLineup .engTit{
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secDetailsLineup .engTit.engTit01 img{
    width: auto;
    height: 5.2rem;
}
.secDetailsLineup .engTit.engTit02 img{
    width: auto;
    height: 4.1rem;
}
.secDetailsLineup .tit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2.8rem;
}
.secDetailsLineup .tabList{
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.secDetailsLineup .tabItem{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    margin: 0.3rem;
}
.secDetailsLineup .costBox{
    background: var(--whiteColor);
    padding: 1.5rem 4rem;
    margin-top: 2.5rem;
    border-radius: 2.5rem;
    display: inline-block;
}
.secDetailsLineup .costTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    letter-spacing: var(--pcLetterSpacing14_50);
    font-weight: bold;
}
.secDetailsLineup .boxIconCircle{
    bottom: 4rem;
    right: 4rem;
}
@media only screen and (max-width:1215px){
    .secDetailsLineup{
        margin-top: 8rem;
        padding-top: 4rem;
    }
    .secDetailsLineup .boxSlider{
        margin-top: 2.3rem;
    }
    .secDetailsLineup .swiper-slide{
        height: auto;
    }
    .secDetailsLineup.disabled .swiper-slide,
    .secDetailsLineup.disabled .swiper-slide:last-child{
        width: 86.568%;
        margin-right: auto;
    }
    .secDetailsLineup .inner{
        padding-bottom: 2.8rem;
    }
    .secDetailsLineup .img{
        padding-top: 63.794%;
    }
    .secDetailsLineup .txtBox{
        padding: 2rem 2rem 0;
    }
    .secDetailsLineup .engTit{
        height: 2.5rem;
    }
    .secDetailsLineup .engTit.engTit01 img{
        height: 2.5rem;
    }
    .secDetailsLineup .engTit.engTit02 img{
        height: 2rem;
    }
    .secDetailsLineup .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        margin-top: 1rem;
    }
    .secDetailsLineup .tabList{
        margin-top: 1.2rem;
    }
    .secDetailsLineup .tabItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin: 0 0.2rem;
    }
    .secDetailsLineup .costBox{
        background: var(--pickupBg);
        padding: 0;
        margin-top: 2rem;
        border-radius: 0;
        display: block;
        text-align: left;
        padding-right: 5rem;
    }
    .secDetailsLineup .costTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secDetailsLineup .boxIconCircle{
        bottom: 2rem;
        right: 2rem;
    }
}