@charset "utf-8";

/* secHero */
.secHero{
    position: relative;
    height: 105rem;
}
.secHero::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
    z-index: 10;
}
.secHero .movie .video,
.secHero .movie video{
	width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    object-fit: cover;
	z-index: 5;
	transition: opacity 2s ease-in-out;
}
.secHero .txtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 17rem;
}
.secHero .txtImg{
    position: relative;
    z-index: 20;
    width: 58.9rem;
}
.secHero .flBox{
    display: flex;
    align-items: center;
}
.secHero .txtImg02{
    position: relative;
    z-index: 20;
    width: 70.5rem;
    margin-left: auto;
}
.secHero .logoImg{
    position: relative;
    z-index: 20;
    width: 35rem;
    margin: 11rem 0 0 14rem;
}
@media only screen and (max-width:1215px){
    .secHero{
        height: 66.7rem;
    }

    .secHero .txtBox{
        align-items: center;
        padding-bottom: 0;
    }
    .secHero .txtImg{
        position: relative;
        z-index: 20;
        width: 23.1rem;
        max-width: 100%;
        order: 2;
        margin-top: 3rem;
    }
    .secHero .flBox{
        flex-direction: column;
    }
    .secHero .txtImg02{
        order: 1;
        width: 30.5rem;
        margin: 0 auto;
    }
    .secHero .logoImg{
        width: 13.7rem;
        margin: 7.3rem auto 0;
    }
}
/* secScroll */
.secScroll{
    width: 0.1rem;
    height: 15rem;
    position: absolute;
    top: calc(50% - 7.5rem);
    right: 2rem;
    margin: 0 auto;
    z-index: 100;
}
.secScroll .txtScroll{
    position: absolute;
    bottom: 17.2rem;
    left: -1.65rem;
    text-align: center;
    font-size: var(--pcFontSize12);
    transform: rotate(90deg);
    line-height: 1;
    white-space: nowrap;
    color: #fff;
}
.secScroll .lineScroll01{
    position: absolute;
    z-index: 0;
    width: 0.1rem;
    height: 15rem;
    background: rgba(255, 255, 255, 0.25);
}
.secScroll .lineScroll02{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
    background-position: 0 -15rem;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@keyframes scrolldown{
    0%{
        background-position: 0 100%;
    }
    75%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 -100%;
    }
}
@media screen and (max-width:767px){
    .secScroll{
        bottom: 0;
        top: auto;
        right: calc(50% - 0.05rem);
        height: 8rem;
    }
    .secScroll .txtScroll{
        bottom: 9.5rem;
        font-size: var(--spFontSize10);
        left: -1.35rem;
    }
    .secScroll .lineScroll01{
        height: 8rem;
    }
    .secScroll .lineScroll02{
        background-position: 0 -8rem;
    }
}
/* 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);
    }
}
/* secCmnBtnBox */
.secCmnButton + .secCmnBtnBox{
    margin-left: 4rem;
}
.secCmnBtnBox{
    width: 24rem;
}
.secCmnBtnBox .cmnBtnInner{
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border: solid 0.1rem var(--textColor);
    border-radius: 2.75rem;
    overflow: hidden;
}
.secCmnBtnBox .cmnBtnInner::before{
    content: "";
    width: 0;
    height: 0;
    background: transparent;
    border-radius: 50%;
    transition: 0.3s;
}
.secCmnBtnBox .cmnBtnInner:hover::before{
    width: 0.7rem;
    height: 0.7rem;
    top: calc(50% - 0.35rem);
    left: 2rem;
    background: var(--redColor);
}
.secCmnBtnBox .cmnBtnTxt{
    font-size: var(--pcFontSize14);
    font-weight: bold;
    position: relative;
    transition: 0.5s;
}
.secCmnBtnBox .cmnBtnInner:hover .cmnBtnTxt{
    margin-left: 2rem;
}
@media only screen and (max-width:1215px){
    .secCmnButton + .secCmnBtnBox{
        margin-left: 0;
    }
    .secCmnBtnBox{
        position: absolute;
        bottom: 0;
        left: calc(50% - 10.75rem);
        width: 21.5rem;
    }
    .secCmnBtnBox .cmnBtnInner{
        height: 4.5rem;
        border-radius: 2.25rem;
    }
    .secCmnBtnBox .cmnBtnInner::before,.secCmnBtnBox .cmnBtnInner:hover::before{
        width: 0.5rem;
        height: 0.5rem;
        top: calc(50% - 0.25rem);
        left: 2rem;
        position: absolute;
        background: var(--redColor);
    }
    .secCmnBtnBox .cmnBtnTxt{
        font-size: var(--spFontSize13);
    }
    .secCmnBtnBox .cmnBtnInner:hover .cmnBtnTxt{
        margin-left: 0;
    }
}
/* secSpTit */
.secSpTit{
    display: none;
}
@media only screen and (max-width:1215px){
    .secSpTit{
        display: block;
        text-align: center;
        font-size: var(--spFontSize11);
        margin-top: 2rem;
    }
}
/* secEvent */
.secEvent{
    margin-top: 10.5rem;
    position: relative;
}
.secEvent .boxSlider{
    margin-top: 5rem;
}
.secEvent .swiper{
    overflow: visible;
    width: 100%;
}
.secEvent .swiper-slide{
    height: auto;
}
.secEvent.disabled .swiper-slide{
    width: 32.143%;
    margin-right: 3.572%;
}
.secEvent .inner{
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 6.5rem;
    overflow: visible;
}
.secEvent .inner::after{
    position: absolute;
    content: "";
    width: calc(100% - 11rem);
    height: 1px;
    bottom: 0;
    left: 0;
    background: var(--cmnTitblackColor_20);
}
.secEvent .imgBox{
    position: relative;
}
.secEvent .img{
    padding-top: 100%;
    overflow: hidden;
}
.secEvent .txtBox{
    margin-top: 3rem;
}
.secEvent .tagBox{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.secEvent .tagItem{
    font-size: var(--pcFontSize12);
    font-weight: bold;
    color: var(--whiteColor);
    padding: 0.55rem 1.1rem;
    margin-right: 0.5rem;
    border-radius: 0.2rem;
    overflow: hidden;
}
.secEvent .tagItem.icon01{
    background: var(--textColor);
}
.secEvent .tagItem.icon02{
    background: var(--tagType02);
}
.secEvent .tagIcon{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_20);
    color: var(--tagIconEvent);
    margin-right: 0.8rem;
    margin-top: 0.2rem;
}
.secEvent .iconNew{
    margin-top: 0.2rem;
}
.secEvent .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_33);
    font-weight: bold;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_33) * 2);
}
.secEvent .timeTxt{
    margin-top: 1.8rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    letter-spacing: var(--pcLetterSpacing14_50);
    position: relative;
    padding-left: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEvent .timeTxt::after{
    position: absolute;
    content: "";
    width: 1.9rem;
    height: 2.1rem;
    left: 0;
    top: calc(50% - 1.05rem);
}
.secEvent.lazyloaded .timeTxt::after{
    background: url(../img/index/iconEventTime.png) center top / cover;
}
.secEvent .placeTxt{
    margin-top: 1rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    letter-spacing: var(--pcLetterSpacing14_50);
    position: relative;
    padding-left: 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEvent .placeTxt::after{
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 2.1rem;
    left: 0.2rem;
    top: calc(50% - 1.05rem);
}
.secEvent.lazyloaded .placeTxt::after{
    background: url(../img/index/iconEventPlace.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secEvent{
        margin-top: 4.2rem;
        padding-bottom: 7rem;
    }
    .secEvent .boxSlider{
        margin-top: 2.5rem;
    }
    .secEvent.disabled .swiper-slide{
        width: 71.642%;
        margin-right: auto;
    }
    .secEvent .inner{
        padding-bottom: 2.5rem;
    }
    .secEvent .inner::after{
        width: calc(100% - 4rem);
    }
    .secEvent .txtBox{
        margin-top: 1.2rem;
    }
    .secEvent .tagItem{
        font-size: var(--spFontSize11);
        padding: 0.55rem 0.9rem;
        margin-right: 0.4rem;
    }
    .secEvent .tagIcon{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-right: 0.4rem;
        margin-top: 0;
    }
    .secEvent .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        font-weight: bold;
        margin-top: 0.8rem;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_20) * 2);
    }
    .secEvent .timeTxt{
        margin-top: 0.3rem;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        letter-spacing: var(--spLetterSpacing0);
        padding-left: 2.1rem;
    }
    .secEvent .timeTxt::after{
        width: 1.4rem;
        height: 1.5rem;
        top: calc(50% - 0.75rem);
    }
    .secEvent .placeTxt{
        margin-top: 0;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        letter-spacing: var(--spLetterSpacing0);
        padding-left: 2.1rem;
    }
    .secEvent .placeTxt::after{
        width: 1.1rem;
        height: 1.5rem;
        left: 0.2rem;
        top: calc(50% - 0.75rem);
    }
}

/* secTopSlider */
.secTopSlider{
    margin-top: 10rem;
    padding: 7.8rem 0 15rem;
    background: var(--pickupBg);
}
.secTopSlider .engTit{
    font-size: var(--pcFontSize16);
    font-weight: 300;
    display: inline-block;
    position: relative;
}
.secTopSlider .engTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--cmnTitblackColor_20);
}
.secTopSlider .boxSlider{
    position: relative;
    margin-top: 3.8rem;
}
.secTopSlider .swiper{
    position: relative;
    overflow: visible;
}
.secTopSlider .inner{
    display: block;
    overflow: hidden;
    padding-top: 40.351%;
}
.secTopSlider .swiper-pagination{
    position: static;
	padding-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secTopSlider .swiper-pagination-bullet{
    background: var(--grayColor);
    margin: 0 0.35rem !important;
    opacity: 1;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}
.secTopSlider .swiper-pagination-bullet-active{
    background: var(--textColor);
    width: 0.7rem;
    height: 0.7rem;
}
.secTopSlider .boxSlider.disabled .swiper-slide{
    width: 32.468%;
    margin-right: 1.298%;
}
.secTopSlider .boxSlider.disabled .swiper-slide:last-child{
    margin-right: 0;
}
@media only screen and (max-width:1215px){
    .secTopSlider{
        margin-top: 5rem;
        padding: 5rem 0 7rem;
    }
    .secTopSlider .engTit{
        font-size: var(--spFontSize13);
    }
    .secTopSlider .engTit::after{
        width: 5rem;
        right: -5.8rem;
    }
    .secTopSlider .boxSlider{
        margin-top: 1.8rem;
    }
    .secTopSlider .swiper{
        width: calc(100% - 4rem);
        margin: 0 auto;
    }
    .secTopSlider .img{
        padding-top: 53.899%;
    }
    .secTopSlider .swiper-pagination{
        padding-top: 2rem;
    }
    .secTopSlider .boxSlider.disabled .swiper{
        margin: 0 auto;
    }
    .secTopSlider .boxSlider.disabled .swiper-slide{
        width: 100%;
        margin-right: 0;
    }
    .secTopSlider .boxSlider.disabled .swiper-slide:last-child{
        margin-right: 0;
    }
}
/* secConcept */
.secConcept{
    background: var(--bgFooter);
    overflow: hidden;
    padding: 13.5rem 0 15rem;
    position: relative;
}
.secEvent + .secConcept,.secSpTit + .secConcept{
    margin-top: 10rem;
}
.secConcept::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 154.7rem;
    top: 0;
    left: calc(50% - 96rem);
}
.secConcept.lazyloaded::after{
    background: url(../img/index/bgConcept.png?251210) center top / cover;
}
.secConcept .conceptWrapper{
    position: relative;
    z-index: 10;
}
.secConcept .secCmnTitBox .engCmnTit{
    color: var(--whiteColor);
}
.secConcept .secCmnTitBox .jpnCmnTit{
    color: var(--whiteColor);
}
.secConcept .secCmnTitBox .jpnCmnTit::after{
    background: var(--blackColor_20);
}
.secConcept .titFlex{
    margin-top: 3rem;
    display: flex;
    -webkit-background-clip: text;
    color: #fff;
    mask-image: linear-gradient(90deg, var(--whiteColor) 0%, var(--whiteColor) 60%,transparent 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 0% 100%;
    mask-image: linear-gradient(90deg, var(--whiteColor) 0%, var(--whiteColor) 60%,transparent 100%);
    mask-repeat: no-repeat;
    mask-size: 0% 100%;
    background-clip: text;
}
.secConcept .titFlex.lazyloaded{
    animation: mask-over-text 4s .5s both;
}
@keyframes mask-over-text {
    0% {
        -webkit-mask-size: 0% 120%;
        mask-size: 0% 120%;
    }
    100% {
        -webkit-mask-size: 300% 200%;
        mask-size: 300% 200%;
    }
}
.secConcept .tit{
    font-size: var(--pcFontSize38);
    line-height: var(--pcLineHeight38_75);
    letter-spacing: var(--pcLetterSpacing38_100);
    font-weight: bold;
    color: var(--whiteColor);
}
.secConcept .txtBox{
    margin: 6.6rem 0 0 17.5rem;
    color: var(--whiteColor);
}
.secConcept .txt{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_100);
    font-weight: bold;
    display: flex;
    align-items: center;
}
.secConcept .txt span{
    font-size: var(--pcFontSize26);
    margin-right: 0.8rem;
}
.secConcept .txt + .txt{
    margin-top: 5rem;
}
.secConcept .secCmnBtnBox{
    margin-top: 7rem;
    width: 40rem;
}
.secConcept .secCmnBtnBox .cmnBtnInner {
    height: 7.5rem;
    border-radius: 3.75rem;
    border: solid 0.1rem var(--whiteColor);
    font-size: var(--pcFontSize16);
}
.secConcept .aboutBox{
    position: relative;
    z-index: 10;
    margin-top: 11.5rem;
}
.secConcept .aboutEngTit{
    font-size: var(--pcFontSize16);
    font-weight: 300;
    color: var(--whiteColor);
    position: relative;
    display: inline-block;
}
.secConcept .aboutEngTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--blackColor_20);
}
.secConcept .aboutWrapper{
    width: calc(100% - 6rem);
    margin: 6rem auto 0;
}
.secConcept .list{
    display: flex;
    flex-wrap: wrap;
}
.secConcept .item{
    width: 32.259%;
    margin-right: 1.6115%;
    color: var(--whiteColor);
}
.secConcept .item:nth-child(3n){
    margin-right: 0;
}
.secConcept .item:nth-child(n+4){
    margin-top: 1.6115%;
}
.secConcept .inner{
    position: relative;
    display: block;
    overflow: hidden;
}
.secConcept .aboutTxtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding-bottom: 1rem;
}
.secConcept .aboutTit{
    font-size: var(--pcFontSize54);
    letter-spacing: var(--pcLetterSpacing54_50);
    font-weight: 100;
}
.secConcept .aboutTxt{
    font-size: var(--pcFontSize16);
    font-weight: bold;
    margin-top: 3rem;
}
/* secConcept .underBox */
.secConcept .underBox{
    display: flex;
    margin-top: 15rem;
    position: relative;
    z-index: 10;
}
.secConcept .leftImgBox{
    width: 100%;
    height: auto;
    position: relative;
    color: var(--whiteColor);
}
.secConcept .leftImg_Area{
    width: 100%;
    height: 44rem;
    position: relative;
    margin-top: 10rem;
}
.secConcept .leftImg{
    width: 44rem;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.secConcept .leftImg_Area .leftImg:nth-child(1),
.secConcept .leftImg_Area .leftImg:nth-child(2),
.secConcept .leftImg_Area .leftImg:nth-child(4),
.secConcept .leftImg_Area .leftImg:nth-child(5){
    position: absolute;
    top: 0;
}
.secConcept .leftImg_Area .leftImg::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/index/concept_Item_bg.jpg);
    opacity: 0.02;
    z-index: 2;
}
.secConcept .leftImg_Area .leftImg:nth-child(1){
    left: -31rem;
}
.secConcept .leftImg_Area .leftImg:nth-child(2){
    left:calc(50% - (22rem + 44rem - 4rem));
}
.secConcept .leftImg_Area .leftImg:nth-child(4){
    right: calc(50% - (22rem + 44rem - 4rem));
}
.secConcept .leftImg_Area .leftImg:nth-child(5){
    right: -31rem;
}
.secConcept .leftImg_Area .img_box{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    z-index: 3;
}
.secConcept .leftImg:nth-child(1){
    transition-delay: 0.2s;
}
.secConcept .leftImg:nth-child(2){
    transition-delay: 0.4s;
}
.secConcept .leftImg:nth-child(3){
    transition-delay: 0.7s;
}
.secConcept .leftImg:nth-child(4){
    transition-delay: 0.9s;
}
.secConcept .leftImg:nth-child(5){
    transition-delay: 1.2s;
}
/* jsHideFade */
.secConcept .jsFadeItem{
    display: block;
    opacity: 0;
    transition: 1.5s all cubic-bezier(.275,0,0,1);
    transform: translateY(1.1em);
}
.secConcept .jsHideFade.jsShow .jsFadeItem{
    transform: translateY(0);
    opacity: 1;
}
.secConcept .rightBox{
    padding: 0 0 0 1rem;
    color: var(--whiteColor);
}
.secConcept .rightTit{
    font-size: var(--pcFontSize32);
    letter-spacing: var(--pcLetterSpacing26_100);
    font-weight: 300;
}
.secConcept .rightTitMain{
    font-size: var(--pcFontSize50);
    font-weight: 300;
    margin-top: 4rem;
}
.secConcept .spanX{
    font-size: var(--pcFontSize30);
    margin: 0 0.5rem;
    position: relative;
    top: -0.7rem;
}
.secConcept .secCmnBtnBox.spOnly{
    display: none;
}
.secConcept .leftImgBox .secCmnBtnBox {
    margin: 6rem auto 0;
}
@media only screen and (max-width:1215px){
    .secConcept{
        padding: 6.5rem 0 7rem;
    }
    .secEvent + .secConcept,.secSpTit + .secConcept{
        margin-top: 5rem;
    }
    .secConcept .secCmnTitBox .jpnCmnTit{
        margin-top: 1.5rem;
    }
    .secConcept::after{
        width: 100%;
        height: 241.867vw;
        top: 0;
        left: 0;
    }
    .secConcept.lazyloaded::after{
        background: url(../img/index/bgConcept_sp.png?251210) center top / cover;
    }
    .secConcept .titFlex{
        margin-top: 1.5rem;
        display: block;
    }
    .secConcept .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        letter-spacing: var(--spLetterSpacing18_50);
    }
    .secConcept .txtBox{
        margin: 2rem 0 0;
    }
    .secConcept .txt{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing0);
        margin: 0 -1rem 0 0;
        font-weight: 400;
    }
    .secConcept .txt span{
        font-size: var(--spFontSize17);
        margin-right: 0.2rem;
        font-weight: 700;
    }
    .secConcept .txt + .txt{
        margin-top: 1.7rem;
    }
    .secConcept .secCmnBtnBox{
        margin: 3.5rem auto 0;
        width: 23.5rem;
        position: static;
    }
    .secConcept .secCmnBtnBox .cmnBtnInner {
        height: 4.9rem;
        border-radius: 2.45rem;
        color: var(--whiteColor);
    }
    .secConcept .aboutBox{
        margin-top: 6rem;
    }
    .secConcept .aboutEngTit{
        font-size: var(--spFontSize13);
    }
    .secConcept .aboutEngTit::after{
        width: 5rem;
        right: -5.8rem;
    }
    .secConcept .aboutWrapper{
        width: 89.334%;
        max-width: 40rem;
        margin: 1.8rem auto 0;
    }
    .secConcept .list{
        display: block;
    }
    .secConcept .item{
        width: 100%;
        margin-right: 0;
    }
    .secConcept .item:nth-child(3n),
    .secConcept .item:nth-child(n+2){
        margin: 2rem auto 0;
    }
    .secConcept .aboutTxtBox{
        align-items: flex-start;
        padding: 0rem 1.7rem 0.5rem;
    }
    .secConcept .aboutTit{
        font-size: var(--spFontSize28);
        letter-spacing: var(--spLetterSpacing28_50);
    }
    .secConcept .aboutTxt{
        font-size: var(--spFontSize11);
        margin-top: 1rem;
    }
    .secConcept .underBox{
        display: flex;
        flex-direction: column-reverse;
        margin-top: 7rem;
    }
    .secConcept .leftImgBox{
        width: 100%;
        height: auto;
    }
    .secConcept .leftImg{
        left: 0;
        width: 85.1%;
        position: static;
    }
    .secConcept .rightBox{
        width: 100%;
        padding: 0;
        margin-top: 0;
    }
    .secConcept .rightTit{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_100);
    }
    .secConcept .rightTitMain{
        font-size: var(--spFontSize22);
        margin-top: 1.7rem;
    }
    .secConcept .spanX{
        font-size: var(--spFontSize18);
        margin: 0 0.5rem;
        top: -0.2rem;
    }
    .secConcept .secCmnBtnBox.spOnly{
        margin-top: -3rem;
    }
    .secConcept .leftImg:nth-child(1){
        transition-delay: 0.4s;
    }
    .secConcept .leftImg:nth-child(2){
        transition-delay: 0.7s;
    }
    .secConcept .leftImg:nth-child(3){
        transition-delay: 1s;
    }
    .secConcept .rightBox.jsFadeItem{
        transition-delay: 0.2s;
    }
    .secConcept .leftImg_Area {
        margin-top: -2.3rem;
        height: auto;
    }
    .secConcept .leftImg_Area .img_box {
        padding-top: 54.7%;
    }
    .secConcept .leftImg_Area .leftImg:nth-child(1) .img_box,
    .secConcept .leftImg_Area .leftImg:nth-child(5) .img_box {
        padding-top: 28%;
    }
    .secConcept .leftImg_Area .leftImg {
        margin-top: -1.4rem;
    }
    .secConcept .leftImg_Area .leftImg:nth-child(1) {
        position: static;
    }
    .secConcept .leftImg_Area .leftImg:nth-child(2) {
        position: static;
    }
    .secConcept .leftImg_Area .leftImg:nth-child(4) {
        position: static;
    }
    .secConcept .leftImg_Area .leftImg:nth-child(5) {
        position: static;
    }
    .secConcept .secCmnBtnBox.jsFadeItem{
        transition-delay: 1.4s;
    }
    .secConcept .secCmnBtnBox.spOnly{
        display: block;
    }
}
.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");
    } 
}

/* secWorks */
.secWorks{
    margin-top: 15rem;
    position: relative;
}
.secWorks .boxSlider{
    margin-top: 5rem;
}
.secWorks .swiper{
    overflow: visible;
    width: 100%;
}
.secWorks .swiper-slide{
    height: auto;
}
.secWorks.disabled .swiper-slide{
    width: 42.858%;
    margin-right: 3.572%;
}
.secWorks .inner{
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 5.8rem;
    overflow: visible;
}
.secWorks .inner::after{
    position: absolute;
    content: "";
    width: calc(100% - 11rem);
    height: 1px;
    bottom: 0;
    left: 0;
    background: var(--cmnTitblackColor_20);
}
.secWorks .imgBox{
    position: relative;
}
.secWorks .img{
    padding-top: 100%;
    overflow: hidden;
}
.secWorks .boxFavorite{
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.secWorks input[type="checkbox"]{
    display: none;
}
.secWorks .imgOn{
    display: none;
}
.secWorks input[type="checkbox"]:checked + .iconFavorite .imgOff{
    display: none;
}
.secWorks input[type="checkbox"]:checked + .iconFavorite .imgOn{
    display: block;
}
.secWorks .txtBox{
    margin-top: 3.5rem;
}
.secWorks .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_33);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_33) * 2);
}
.secWorks .tagBox{
    margin-top: 0.8rem;
}
.secWorks .tagIcon{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_27);
    margin-right: 0.5rem;
}
.secWorks .iconNew{
    display: inline-flex;
    position: relative;
    top: -0.2rem;
}
.secWorks .tabList{
    margin-top: 1.3rem;
    padding-left: 3rem;
    position: relative;
}
.secWorks .tabList::after{
    position: absolute;
    content: "";
    width: 2.1rem;
    height: 2.1rem;
    top: 0.3rem;
    left: 0;
}
.secWorks.lazyloaded .tabList::after{
    background: url(../img/index/iconWorksTabList.png) center top / cover;
}
.secWorks .tabItem{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    margin: 0.3rem;
    display: inline-block;
}
.secWorks .priceTxt{
    margin-top: 1.2rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    letter-spacing: var(--pcLetterSpacing14_50);
}
.secWorks .spanPrice{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    padding-right: 0.5rem;
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 6.5rem;
        padding-bottom: 7rem;
    }
    .secWorks .boxSlider{
        margin-top: 2.5rem;
    }
    .secWorks .swiper{
        overflow: visible;
        width: 100%;
    }
    .secWorks.disabled .swiper-slide{
        width: 86.568%;
        margin-right: auto;
    }
    .secWorks .boxFavorite{
        width: 5rem;
        height: 5rem;
    }
    .secWorks .iconFavorite{
        width: 3rem;
    }
    .secWorks .boxFavorite img{
        width: 100%;
        height: auto;
    }
    .secWorks .priceTxt{
        margin-top: 0.4rem;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        letter-spacing: var(--spLetterSpacing11_50);
    }
    .secWorks .spanPrice{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_22);
        padding-right: 0.3rem;
    }
    .secWorks .inner{
        padding-bottom: 2.5rem;
    }
    .secWorks .inner::after{
        width: calc(100% - 4rem);
    }
    .secWorks .txtBox{
        margin-top: 1.5rem;
    }
    .secWorks .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_20) * 2);
    }
    .secWorks .tagBox{
        margin-top: 0.5rem;
    }
    .secWorks .tagIcon{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-right: 0.2rem;
    }
    .secWorks .tabList{
        margin-top: 0.8rem;
        padding-left: 2.5rem;
    }
    .secWorks .tabList::after{
        width: 1.5rem;
        height: 1.5rem;
        top: 0.3rem;
        left: 0;
    }
    .secWorks .tabItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin: 0 0.2rem;
    }
    .secWorks .priceTxt{
        margin-top: 0.4rem;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        letter-spacing: var(--spLetterSpacing11_50);
    }
    .secWorks .spanPrice{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_22);
        padding-right: 0.3rem;
    }
}
/* secEquipment */
.secEquipment{
    margin-top: 15rem;
    padding-bottom: 15rem;
    position: relative;
}
.secEquipment .flexBox{
    display: flex;
    position: relative;
    z-index: 20;
}
.secEquipment .img{
    width: 88rem;
}
.secEquipment .txtBox{
    width: calc(100% - 88rem);
    padding: 11rem 0 0 10rem;
}
.secEquipment .engTit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: 300;
    position: relative;
    display: inline-block;
}
.secEquipment .engTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--cmnTitblackColor_20);
}
.secEquipment .tit{
    font-size: var(--pcFontSize38);
    letter-spacing: var(--pcLetterSpacing38_150);
    font-weight: bold;
    margin-top: 4rem;
}
.secEquipment .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_40);
    margin-top: 2.5rem;
}
.secEquipment .secCmnBtnBox{
    margin-top: 2.8rem;
}
.secEquipment .iconImg{
    position: absolute;
    bottom: 0;
    right: calc(50% - 96rem);
    width: 74.6rem;
}
@media only screen and (max-width:1215px){
    .secEquipment{
        margin-top: 7rem;
        padding-bottom: 7rem;
    }
    .secEquipment .flexBox{
        display: block;
    }
    .secEquipment .img{
        width: 100%;
    }
    .secEquipment .txtBox{
        width: 100%;
        padding: 0;
        margin-top: -0.7rem;
    }
    .secEquipment .engTit{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secEquipment .engTit::after{
        width: 5rem;
        right: -5.8rem;
    }
    .secEquipment .tit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        margin-top: 2rem;
    }
    .secEquipment .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        margin-top: 1.5rem;
    }
    .secEquipment .secCmnBtnBox{
        position: static;
        margin-top: 1.8rem;
    }
    .secEquipment .secCmnBtnBox .cmnBtnInner{
        background: var(--whiteColor);
    }
    .secEquipment .iconImg{
        right: -2rem;
        width: 24rem;
    }
}
/* secLineupBg */
.secLineupBg{
    background: var(--pickupBg);
    padding: 14rem 0 10rem;
}
@media only screen and (max-width:1215px){
    .secLineupBg{
        padding: 6.5rem 0 7rem;
    }
}
/* secLineups */
.secLineup{
    position: relative;
}
.secLineup .secCmnBtnBox .cmnBtnInner{
    background: var(--whiteColor);
}
.secLineup .boxSlider{
    margin-top: 4.5rem;
}
.secLineup .swiper{
    overflow: visible;
    width: 100%;
}
.secLineup .swiper-slide{
    height: auto;
}
.secLineup.disabled .swiper-slide{
    width: 48.215%;
    margin-right: 3.57%;
}
.secLineup.disabled .swiper-slide:last-child{
    margin-right: 0;
}
.secLineup .inner{
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 8rem;
    overflow: visible;
    background: var(--whiteColor);
}
.secLineup .imgBox{
    position: relative;
}
.secLineup .img{
    padding-top: 63.704%;
    overflow: hidden;
}
.secLineup .txtBox{
    padding: 6rem 10rem 0;
    text-align: center;
}
.secLineup .engTit{
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
}
.secLineup .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;
}
.secLineup .tabList{
    margin-top: 1.5rem;
    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(--pickupBg);
    padding: 1.5rem 4rem;
    margin-top: 2.5rem;
    border-radius: 2.5rem;
    display: inline-block;
}
.secLineup .costTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    letter-spacing: var(--pcLetterSpacing14_50);
    font-weight: bold;
}
.secLineup .boxIconCircle{
    bottom: 4rem;
    right: 4rem;
}
@media only screen and (max-width:1215px){
    .secLineup{
        padding-bottom: 7rem;
    }
    .secLineup .boxSlider{
        margin-top: 2.3rem;
    }
    .secLineup .swiper-slide{
        height: auto;
    }
    .secLineup.disabled .swiper-slide,
    .secLineup.disabled .swiper-slide:last-child{
        width: 86.568%;
        margin-right: auto;
    }
    .secLineup .inner{
        padding-bottom: 2.8rem;
    }
    .secLineup .img{
        padding-top: 63.794%;
    }
    .secLineup .txtBox{
        padding: 2rem 2rem 0;
    }
    .secLineup .engTit{
        width: 7rem;
        height: 7rem;
        margin: 0 auto;
    }
    .secLineup .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        margin-top: 1rem;
    }
    .secLineup .tabList{
        margin-top: 1.2rem;
    }
    .secLineup .tabItem{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin: 0 0.2rem;
    }
    .secLineup .costBox{
        background: var(--whiteColor);
        padding: 0;
        margin-top: 2rem;
        border-radius: 0;
        display: block;
        text-align: left;
        padding-right: 5rem;
    }
    .secLineup .costTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secLineup .boxIconCircle{
        bottom: 2rem;
        right: 2rem;
    }
}
/* secPlan */
.secPlan{
    margin-top: 15rem;
}
.secPlan .planBox{
    width: calc(100% - 6rem);
    margin: 0 auto;
    position: relative;
    color: var(--whiteColor);
    display: block;
}
.secPlan .planWrapperBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.secPlan .palnItemBox{
    width: 60rem;
    background: var(--bgFooter);
    padding: 7rem 6rem 7.3rem;
    color: var(--whiteColor);
}
.secPlan .engTit{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: 300;
    position: relative;
    display: inline-block;
}
.secPlan .engTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--blackColor_20);
}
.secPlan .tit{
    font-size: var(--pcFontSize38);
    letter-spacing: var(--pcLetterSpacing38_150);
    font-weight: bold;
    margin-top: 3.8rem;
}
.secPlan .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_40);
    margin-top: 2.5rem;
}
.secPlan .secCmnBtnBox{
    margin-top: 2.5rem;
}
.secPlan .secCmnBtnBox .cmnBtnInner{
    border: solid 0.1rem var(--whiteColor);
    background: var(--whiteColor);
    color: var(--textColor);
}
.secPlan .cmnBtnInner:hover .cmnBtnTxt{
    margin-left: 0;
}
.secPlan .planBox:hover .cmnBtnTxt{
    margin-left: 3rem;
}
.secPlan .planBox:hover .cmnBtnInner::before{
    width: 0.7rem;
    height: 0.7rem;
    top: calc(50% - 0.35rem);
    left: 2rem;
    background: var(--redColor);
}
@media only screen and (max-width:1215px){
    .secPlan{
        margin-top: 7rem;
    }
    .secPlan .planBox{
        width: 100%;
        max-width: 40rem;
    }
    .secPlan .planWrapper{
        width: calc(100% - 2rem);
        margin-left: 0;
    }
    .secPlan .palnItemBox{
        width: 100%;
        background: var(--planBgColor_749);
        padding: 4rem 0.5rem 4rem 1.5rem;
    }
    .secPlan .engTit{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secPlan .engTit::after{
        width: 5rem;
        right: -5.8rem;
    }
    .secPlan .tit{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1.8rem;
    }
    .secPlan .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        margin-top: 1.5rem;
    }
    .secPlan .secCmnBtnBox{
        margin-top: 2rem;
        position: static;
    }
    .secPlan .planBox:hover .cmnBtnTxt{
        margin-left: 0;
    }
    .secPlan .planBox .cmnBtnInner::before,.secPlan .planBox:hover .cmnBtnInner::before{
        width: 0.5rem;
        height: 0.5rem;
        top: calc(50% - 0.25rem);
    }
}
@media only screen and (max-width:374px){
    .secPlan .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
    }
}
/* secMember */
.secMember{
    margin-top: 9rem;
}
.secMember .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_42);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    text-align: center;
}
.secMember .list{
    display: flex;
    width: 110rem;
    margin: 2.5rem auto 0;
}
.secMember .item{
    width: calc(100% / 3);
    border-left: solid 1px var(--cmnTitblackColor_20);
    padding: 3rem 0 2.5rem;
}
.secMember .item:last-child{
    border-right: solid 1px var(--cmnTitblackColor_20);
}
.secMember .img{
    width: 18rem;
    margin: 0 auto;
}
.secMember .img img{
    border-radius: 50%;
}
.secMember .item:nth-child(2) .img{
    width: 23.6rem;
    height: 18rem;
    display: flex;
    align-items: center;
}
.secMember .item:nth-child(2) .img img{
    border-radius: 0;
}
.secMember .itemTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    text-align: center;
    margin-top: 2.5rem;
}
.secMember .secCmnBtnBox{
    margin: 4rem auto 0;
    width: 40rem;
}
.secMember .secCmnBtnBox .cmnBtnInner{
    background: var(--whiteColor);
    height: 7.5rem;
    border-radius: 3.75rem;
}
.secMember .secCmnBtnBox .cmnBtnInner::after{
    width: 0.9rem;
    height: 0.9rem;
    top: calc(50% - 0.45rem);
    left: 4rem;
}
.secMember .secCmnBtnBox .cmnBtnTxt{
    font-size: var(--pcFontSize16);
}
.secMember .loginBox{
    text-align: center;
    margin-top: 3.5rem;
}
.secMember .loginTxt{
    font-size: var(--pcFontSize14);
    position: relative;
    display: inline-block;
    padding-left: 2.5rem;
}
.secMember .loginTxt::after{
    position: absolute;
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    left: 0;
    top: calc(50% - 0.85rem);
}
.secMember.lazyloaded .loginTxt::after{
    background: url(../img/index/iconMember.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secMember{
        margin-top: 4.5rem;
    }
    .secMember .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secMember .list{
        width: calc(100% - 2rem);
        max-width: 40rem;
        margin: 3rem auto 0;
        position: relative;
    }
    .secMember .list::after{
        position: absolute;
        content: "";
        width: 2.5rem;
        height: 1px;
        left: calc(50% - 1.25rem);
        top: -1.7rem;
        background: var(--textColor);
    }
    .secMember .item{
        width: calc(100% / 3);
        border-left: none;
        padding: 0;
    }
    .secMember .item:last-child{
        border-right: none;
    }
    .secMember .img{
        width: 8.5rem;
    }
    .secMember .item:nth-child(2) .img{
        width: 9.9rem;
        height: 8.5rem;
    }
    .secMember .itemTxt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
        margin-top: 0.5rem;
    }
    .secMember .secCmnBtnBox{
        position: static;
        margin: 2.2rem auto 0;
        width: 21.5rem;
    }
    .secMember .secCmnBtnBox .cmnBtnInner{
        height: 4.5rem;
        border-radius: 2.25rem;
    }
    .secMember .secCmnBtnBox .cmnBtnInner::after{
        width: 0.5rem;
        height: 0.5rem;
        top: calc(50% - 0.25rem);
        left: 2rem;
    }
    .secMember .secCmnBtnBox .cmnBtnTxt{
        font-size: var(--spFontSize13);
    }
    .secMember .loginBox{
        margin-top: 2.2rem;
    }
    .secMember .loginTxt{
        font-size: var(--spFontSize11);
        padding-left: 2.5rem;
    }
}
/* secModel */
.secModel{
    margin-top: 14rem;
    position: relative;
}
.secModel .list{
    width: calc(100% - 6rem);
    margin: 7rem auto 0;
    display: flex;
    flex-wrap: wrap;
}
.secModel .item{
    width: 32.259%;
    margin-right: 1.6115%;
    height: auto;
    position: relative;
    padding-bottom: 6.5rem;
}
.secModel .item:nth-child(3n){
    margin-right: 0;
}
.secModel .item:nth-child(n+4){
    margin-top: 8rem;
}
.secModel .item::after{
    position: absolute;
    content: "";
    width: calc(100% - 15rem);
    height: 1px;
    bottom: 0;
    left: 2rem;
    background: var(--cmnTitblackColor_20);
}
.secModel .secViewMoreBtn{
    right: 2rem;
}
.secModel .boxSlider{
    position: relative;
}
.secModel .swiper{
    overflow: hidden;
}
.secModel .img{
    padding-top: 63.334%;
    overflow: hidden;
}
.secModel .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    bottom: -2.5rem;
    right: 2rem;
    left: auto;
}
.secModel .swiper-pagination-bullet{
    background: var(--grayColor);
    margin: 0 0.35rem !important;
    opacity: 1;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}
.secModel .swiper-pagination-bullet-active{
    background: var(--textColor);
    width: 0.7rem;
    height: 0.7rem;
}
.secModel .inner{
    display: block;
}
.secModel .txtBox{
    padding: 2.8rem 2rem 0;
}
.secModel .innerTxt{
    display: block;
}
.secModel .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_39);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secModel .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
    margin-top: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secModel .mapBox{
    margin-top: 2rem;
    padding-left: 2.7rem;
    position: relative;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
}
.secModel .mapBox::after{
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 2.1rem;
    top: -0.1rem;
    left: 0;
}
.secModel.lazyloaded .mapBox::after{
    background: url(../img/index/iconModelMap.png) center top / cover;
}
.secModel .mapTxt{
    display: inline-block;
    position: relative;
    padding: 0 0.3rem;
}
.secModel .mapTxt::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0.3rem;
    left: 0;
    background: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secModel{
        margin-top: 6.5rem;
        padding-bottom: 7rem;
    }
    .secModel .list{
        width: 100%;
        max-width: 40rem;
        margin: 3rem auto 0;
    }
    .secModel .item{
        width: calc(50% - 0.25rem);
        margin-right: 0.5rem;
        padding-bottom: 2.3rem;
    }
    .secModel .item:nth-child(3n){
        margin-right: 0.5rem;
    }
    .secModel .item:nth-child(2n){
        margin-right: 0;
    }
    .secModel .item:nth-child(n+3){
        margin-top: 2.5rem;
    }
    .secModel .item::after{
        width: calc(100% - 5.5rem);
        left: 1rem;
    }
    .secModel .secViewMoreBtn{
        right: 1rem;
    }
    .secModel .img{
        padding-top: 63.245%;
    }
    .secModel .swiper-pagination{
        bottom: -1rem;
        right: 1rem;
    }
    .secModel .swiper-pagination-bullet{
        margin: 0 0.15rem !important;
        width: 0.5rem;
        height: 0.5rem;
    }
    .secModel .swiper-pagination-bullet-active{
        width: 0.5rem;
        height: 0.5rem;
    }
    .secModel .txtBox{
        padding: 1.8rem 1rem 0;
    }
    .secModel .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_22);
    }
    .secModel .txt{
        display: none;
    }
    .secModel .mapBox{
        margin-top: 0rem;
        padding-left: 0;
        position: relative;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
    }
    .secModel .mapBox::after{
        display: none;
    }
    .secModel .mapTxt{
        padding: 0 0.2rem;
    }
    .secModel .mapTxt::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        bottom: 0.3rem;
        left: 0;
        background: var(--textColor);
    }
}
/* secBnrBox */
.secBnrBox{
    margin-top: 15rem;
}
.secBnrBox .bnrInner{
    display: block;
    position: relative;
    color: var(--whiteColor);
}
.secBnrBox .txtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.secBnrBox .txtInBox{
    display: flex;
    justify-content: center;
    width: 100%;
}
.secBnrBox .leftBox{
    padding-bottom: 2rem;
}
.secBnrBox .engTit{
    font-size: var(--pcFontSize70);
    line-height: var(--pcLineHeight70_80);
    letter-spacing: var(--pcLetterSpacing70_50);
    font-weight: 100;
    text-align: center;
}
.secBnrBox .jpnTit{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 3.5rem;
    text-align: center;
}
.secBnrBox .rightBox{
    padding: 4rem 0 0 9rem; 
    position: relative;
}
.secBnrBox .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_52);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
}
.secBnrBox .txtColor{
    background: linear-gradient(transparent 0%, var(--redColor) 0%, var(--redColor) 100%, transparent 100%);
}
.secBnrBox .boxIconCircle{
    bottom: 4rem;
    right: 4rem;
}
.secBnrBox .paypayImg{
    position: absolute;
    width: 14.3rem;
    right: -1.5rem;
    top: 1rem;
}
@media only screen and (max-width:1215px){
    .secBnrBox{
        margin-top: 7rem;
    }
    .secBnrBox .txtInBox{
        display: block;
        padding: 0 2rem 1rem;
        position: relative;
    }
    .secBnrBox .leftBox{
        padding-bottom: 0;
    }
    .secBnrBox .engTit{
        font-size: var(--spFontSize28);
        line-height: var(--spLineHeight28_42);
        letter-spacing: var(--spLetterSpacing0);
        text-align: left;
    }
    .secBnrBox .jpnTit{
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 1rem;
        text-align: left;
    }
    .secBnrBox .rightBox{
        padding: 1.5rem 0 0; 
        position: static;
    }
    .secBnrBox .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        letter-spacing: var(--spLetterSpacing0);
        font-weight: 400;
    }
    .secBnrBox .txtColor{
        background: none;
    }
    .secBnrBox .boxIconCircle{
        display: none;
    }
    .secBnrBox .paypayImg{
        width: 7.5rem;
        right: 2rem;
        top: 0.5rem;
    }
    .secBnrBox .spTxtColor{
        font-weight: bold;
        background: linear-gradient(transparent 0%, var(--redColor) 0%, var(--redColor) 100%, transparent 100%);
    }
}
/* secBnrList */
.secBnrList{
    margin-top: 8rem;
}
.secBnrList .list{
    display: flex;
}
.secBnrList .item{
    width: calc(50% - 2rem);
    height: auto;
}
.secBnrList .item:nth-child(2){
    margin-left: 4rem;
}
.secBnrList .inner{
    display: block;
    height: 100%;
    position: relative;
}
.secBnrList .img{
    overflow: hidden;
}
.secBnrList .txtBox{
    padding: 4rem 2rem 0;
}
.secBnrList .tit{
    font-size: var(--pcFontSize26);
    font-weight: bold;
}
.secBnrList .txt{
    font-size: var(--pcFontSize16);
    margin-top: 3rem;
}
.secBnrList .boxIconCircle{
    bottom: 1rem;
    right: 2rem;
}
@media only screen and (max-width:1215px){
    .secBnrList{
        margin-top: 5rem;
    }
    .secBnrList .list{
        display: block;
    }
    .secBnrList .item{
        width: 100%;
    }
    .secBnrList .item:nth-child(2){
        margin: 3rem auto 0;
    }
    .secBnrList .txtBox{
        padding: 1.5rem 0 0;
    }
    .secBnrList .tit{
        font-size: var(--spFontSize15);
    }
    .secBnrList .txt{
        font-size: var(--spFontSize11);
        margin-top: 1.5rem;
    }
    .secBnrList .boxIconCircle{
        bottom: 0.5rem;
        right: 0;
    }
}
/* secNews */
.secNews{
    margin-top: 15rem;
    padding: 13rem 0 15rem;
    background: var(--pickupBg);
}
.secNews .wrapper{
    display: flex;
}
.secNews .rightBox{
    width: calc(100% - 33rem);
    position: relative;
    margin-left: auto;
}
.secNews .item{
    border-bottom: solid 1px var(--cmnTitblackColor_20);
}
.secNews .inner{
    padding: 2rem 0;
    display: flex;
    position: relative;
    align-items: center;
}
.secNews .imgBox{
    width: 24rem;
    overflow: hidden;
}
.secNews .img{
    padding-top: 68.75%;
}
.secNews .txtBox{
    width: calc(100% - 24rem);
    padding: 0 10rem 0 4rem;
}
.secNews .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_33);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secNews .tagBox{
    margin-top: 1rem;
}
.secNews .tagIcon{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_27);
    margin-right: 0.5rem;
}
.secNews .iconNew{
    display: inline-flex;
    position: relative;
    top: -0.2rem;
}
.secNews .boxIconCircle{
    bottom: calc(50% - 2.75rem);
    right: 0;
}
.secNews .secCmnBtnBox{
    margin: 4rem 0 0 auto;
}
.secNews .secCmnBtnBox .cmnBtnInner{
    background: var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secNews{
        margin-top: 4.5rem;
        padding: 4.5rem 0 5rem;
        background: var(--pickupBg);
    }
    .secNews .wrapper{
        display: block;
    }
    .secNews .rightBox{
        width: 100%;
        margin-top: 1rem;
    }
    .secNews .inner{
        padding: 1.5rem 0;
    }
    .secNews .imgBox{
        width: 11.6rem;
        overflow: hidden;
    }
    .secNews .img{
        padding-top: 68.966%;
    }
    .secNews .txtBox{
        width: calc(100% - 11.6rem);
        padding: 0 0 0 1.5rem;
    }
    .secNews .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_20) * 2);
    }
    .secNews .tagBox{
        margin-top: 0rem;
    }
    .secNews .tagIcon{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-right: 0.2rem;
    }
    .secNews .boxIconCircle{
        display: none;
    }
    .secNews .secCmnBtnBox{
        position: static;
        margin: 2.5rem auto 0;
    }
    .secNews .iconNew{
        top: -0.1rem;
    }
}
/* secCompany */
.secCompany{
    margin-top: 15rem;
}
.secCompany .inner{
    display: block;
    position: relative;
}
.secCompany .img{
    overflow: hidden;
}
.secCompany .txtBox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    color: var(--whiteColor);
}
.secCompany .engTit{
    position: absolute;
    top: 5rem;
    left: 5rem;
    display: inline-block;
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: 300;
}
.secCompany .engTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--blackColor_20);
}
.secCompany .txtInBox{
    padding-left: 9rem;
}
.secCompany .tit{
    font-size:var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_50);
    font-weight: bold;
}
.secCompany .iconImg{
    position: absolute;
    width: 20.1rem;
    top: 1.5rem;
    right: 1.5rem;
}
.secCompany .spEngTit{
    display: none;
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 4.8rem;
    }
    .secCompany .engTit{
        display: none;
    }
    .secCompany .inner{
        margin-top: 2rem;
    }
    .secCompany .txtInBox{
        padding-left: 2rem;
    }
    .secCompany .tit{
        font-size:var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secCompany .iconImg{
        width: 9.5rem;
        top: 0.5rem;
        right: 0.5rem;
    }
    .secCompany .spEngTit{
        display: inline-block;
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
        font-weight: 300;
        position: relative;
    }
    .secCompany .spEngTit::after {
        position: absolute;
        content: "";
        width: 5rem;
        height: 1px;
        right: -5.8rem;
        top: calc(50% - 0.5px);
        background: var(--cmnTitblackColor_20);
    }
    .secCompany .boxIconCircle{
        bottom: 2rem;
        right: 2rem;
    }
}
/* secSnsBox */
.secSnsBox{
    margin-top: 5rem;
    background: var(--pickupBg);
    padding: 5rem 5rem 7rem;
}
.secSnsBox .engTit{
    position: relative;
    display: inline-block;
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: 300;
}
.secSnsBox .engTit::after{
    position: absolute;
    content: "";
    width: 22rem;
    height: 1px;
    right: -24rem;
    top: calc(50% - 0.5px);
    background: var(--cmnTitblackColor_20);
}
.secSnsBox .list{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.secSnsBox .item{
    width: 32rem;
}
.secSnsBox .item:nth-child(n+2){
    margin-left: 4rem;
}
.secSnsBox .inner{
    display: block;
}
.secSnsBox .imgBox{
    background: var(--whiteColor);
    height: 9.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secSnsBox .item:nth-child(1) .iconImg{
    width: 2.6rem;
}
.secSnsBox .item:nth-child(2) .iconImg{
    width: 3.1rem;
}
.secSnsBox .item:nth-child(3) .iconImg{
    width: 2.4rem;
}
.secSnsBox .iconTxt{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: 300;
    margin-left: 1.5rem;
}
.secSnsBox .txtBox{
    text-align: center;
    margin-top: 2rem;
}
.secSnsBox .tit{
    font-size: var(--pcFontSize16);
}
.secSnsBox .txt{
    font-size: var(--pcFontSize14);
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secSnsBox{
        margin-top: 5rem;
        background: var(--ColorWhite);
        padding: 0;
    }
    .secSnsBox .engTit{
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_50);
    }
    .secSnsBox .engTit::after{
        width: 5rem;
        right: -5.8rem;
    }
    .secSnsBox .list{
        display: block;
        margin-top: 2.5rem;
    }
    .secSnsBox .item{
        width: 100%;
    }
    .secSnsBox .item:nth-child(n+2){
        margin: 1rem auto 0;
    }
    .secSnsBox .inner{
        display: flex;
        align-items: center;
    }
    .secSnsBox .imgBox{
        background: var(--pickupBg);
        height: 6.5rem;
        width: 6.5rem;
        border-radius: 2rem;
    }
    .secSnsBox .item:nth-child(1) .iconImg{
        width: 2.5rem;
    }
    .secSnsBox .item:nth-child(2) .iconImg{
        width: 2.8rem;
    }
    .secSnsBox .item:nth-child(3) .iconImg{
        width: 2.2rem;
    }
    .secSnsBox .txtBox{
        padding: calc(100% - 6.5rem);
        padding: 0 0 0 1.8rem;
        text-align: left;
        margin-top: 0;
    }
    .secSnsBox .iconTxt{
        display: none;
    }
    .secSnsBox .tit{
        font-size: var(--spFontSize13);
    }
    .secSnsBox .txt{
        font-size: var(--spFontSize11);
        margin-top: 1rem;
    }
}

#footer{
    margin-top: 15rem;
}
@media only screen and (max-width:1215px){
    #footer{
        margin-top: 10rem;
    }
}