@charset "utf-8";

/*-----------------------------------------------
    secHero
-----------------------------------------------*/
.secHero,
.secHero .swiper{
    position: relative;
}
.secHero .swiper::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: 2;
    background-color: var(--blackColor);
}
.secHero .swiper .img{
	height: 93rem;
}
.secHero .swiper-slide-active .img,
.secHero .swiper-slide-duplicate-active .img,
.secHero .swiper-slide-prev .img{
	animation: zoomOut 8s linear 0s 1 normal both;
}
@keyframes zoomOut {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.secHero .wrapperTop{
    position: absolute;
    bottom: 3rem;
    left: 8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(100% - 8rem);
    height: calc(100% - 3rem);
    z-index: 2;
}
.secHero .wrapperTop .boxTxt{
    color: var(--whiteColor);
    margin-bottom: 4.5rem;
}
.secHero .wrapperTop .tit{
    font-size: var(--pcFontSize60);
    line-height: var(--pcLineHeight60_80);
    font-weight: bold;
}
.secHero .wrapperTop .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 1.5rem;
}
/* boxEventTop */
.secHero .boxEventTop{
    width: 60rem;
}
.secHero .boxEventTop .link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: var(--whiteColor_85);
    padding: 4rem 3rem;
}
.secHero .boxEventTop .boxImg{
    width: 18rem;
}
.secHero .boxEventTop .img{
    aspect-ratio: 590 / 394;
}
.secHero .boxEventTop .boxTit{
    width: calc(100% - 20rem);
}
.secHero .boxEventTop .itemTag{
    padding: 0.2rem 1.4rem 0.3rem;
}
.secHero .boxEventTop .tag{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_15);
    font-weight: normal;
}
.secHero .boxEventTop .tit{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_25);
    letter-spacing: var(--pcLetterSpacing17_50);
    font-weight: bold;
    margin-top: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize17) * var(--pcLineHeight17_25) * 2);
}
.secHero .boxEventTop .txtDate{
    color: var(--grayColor);
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_25);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    margin-top: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secHero .boxEventTop .txtTag2{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_15);
}
.secHero .txtDate span{
    font-size: var(--pcFontSize16);
}
@media only screen and (max-width:1215px){
    .secHero .swiper::after{
        display: none;
    }
	.secHero .swiper .img{
		height: 66.7rem;
	}
    .secHero .wrapperTop{
        bottom: 3rem;
        left: 0;
        right: 0;
        width: 100%;
        height: calc(100% - 3rem);
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .secHero .wrapperTop .boxTxt {
        margin-bottom: 2.5rem;
    }
    .secHero .wrapperTop .tit{
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_34);
    }
    .secHero .wrapperTop .txt{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        letter-spacing: var(--spLetterSpacing11_0);
        margin-top: 0.5rem;
    }
    /* boxEventTop */
    .secHero .boxEventTop{
        width: 31.5rem;
    }
    .secHero .boxEventTop .link{
        padding: 1.5rem;
        align-items: flex-start;
    }
    .secHero .boxEventTop .boxImg{
        width: 9rem;
    }
    .secHero .boxEventTop .img{
        aspect-ratio: 590 / 394;
    }
    .secHero .boxEventTop .boxTit{
        width: calc(100% - 10rem);
    }
    .secHero .boxEventTop .itemTag{
        padding: 0 0.5rem 0.1rem;
    }
    .secHero .boxEventTop .tag{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        transform: scale(0.8);
    }
    .secHero .boxEventTop .tit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
        letter-spacing: var(--spLetterSpacing11_0);
        margin-top: 0.2rem;
        max-height: calc(var(--spFontSize11) * var(--spLineHeight11_18) * 2);
    }
    .secHero .boxEventTop .txtTag2{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        transform: scale(0.8);
    }
    .secHero .boxEventTop .txtDate{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 0;
    }
    .secHero .txtDate span{
        font-size: var(--spFontSize12);
    }
}

/*-----------------------------------------------
    secTopics
-----------------------------------------------*/
.secTopics{
    margin-top: 4.8rem;
}
/* boxTopicsTit */
.secTopics .boxTopicsTit .tit{
    position: relative;
    display: inline-block;
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_80);
    font-weight: bold;
    padding-right: 11rem;
}
.secTopics .boxTopicsTit .tit:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10rem;
    height: 1px;
    background-color: var(--textColor);
}
/* boxBnrSlider */
.secTopics .boxBnrSlider{
    margin-top: 4rem;
}
.secTopics .boxSlider .swiper{
    width: 81rem;
    margin: 0 auto;
    overflow: visible;
}
.secTopics .boxSlider .imgSlider{
    aspect-ratio: 810 / 430;
    display: block;
}
@media only screen and (max-width:1215px){
    .secTopics{
        margin-top: 4.8rem;
    }
    /* boxTopicsTit */
    .secTopics .boxTopicsTit .tit{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_0);
        padding-right: 3.5rem;
    }
    .secTopics .boxTopicsTit .tit:after{
        width: 3rem;
    }
    /* boxBnrSlider */
    .secTopics .boxBnrSlider{
        margin-top: 1.5rem;
    }
    .secTopics .boxBnrSlider .swiper{
        width: 100%;
        overflow: hidden;
    }
}

/*-----------------------------------------------
    secEvent
-----------------------------------------------*/
.secEvent{
    margin-top: 10rem;
}
/* boxList */
.secEvent .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin-top: 5rem;
}
.secEvent .boxList .item{
    width: calc((100% - 4.999rem) / 3);
}
.secEvent .boxList .link{
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 7rem;
}
.secEvent .boxList .img{
    aspect-ratio: 590 / 394;
}
.secEvent .boxList .boxTit{
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.secEvent .boxList .boxCmnListTag{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.secEvent .boxList .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_38) * 2);
}
.secEvent .boxList .txtDate{
    font-size: var(--pcFontSize38);
    line-height: var(--pcLineHeight38_42);
    font-weight: bold;
    margin-top: 2rem;
}
.secEvent .boxList span{
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    margin: 0 0 0 0.5rem;
}
.secEvent .boxList .txtIn{
    position: relative;
    display: inline-block;
    margin: 0;
}
.secEvent .boxList .txtY{
    font-size: var(--pcFontSize18);
    margin: 0;
    display: block;
}
.secEvent .boxList .txtInfo{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_17);
    letter-spacing: var(--pcLetterSpacing14_50);
    color: var(--brownColor_light);
    margin-top: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEvent .boxList .boxCmnMore{
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (max-width:1215px){
    .secEvent{
        margin-top: 5.5rem;
    }
    /* boxList */
    .secEvent .boxList{
        gap: 4.5rem;
        margin-top: 2.5rem;
    }
    .secEvent .boxList .item{
        width: 100%;
    }
    .secEvent .boxList .link {
        padding-bottom: 4rem;
    }
    .secEvent .boxList .boxTit{
        margin-top: 1rem;
    }
    .secEvent .boxList .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        margin-top: 0.8rem;
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_26) * 2);
    }
    .secEvent .boxList .txtDate{
        font-size: var(--spFontSize26);
        margin-top: 0.7rem;
    }
    .secEvent .boxList span{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_0);
        margin: 0;
    }
    .secEvent .boxList .txtY{
        font-size: var(--spFontSize14);
    }
    .secEvent .boxList .txtInfo{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
        letter-spacing: var(--spLetterSpacing11_0);
        margin-top: 0.7rem;
    }
}

/*-----------------------------------------------
    secFeatures
-----------------------------------------------*/
.secFeatures{
    margin-top: 15rem;
}
.secFeatures .boxFeatures{
    display: flex;
    align-items: center;
    background: right top / auto no-repeat, var(--blackColor_light);
}
.secFeatures.lazyloaded .boxFeatures{
    background-image: url(../img/index/bgFeatures.jpg);
}
.secFeatures .boxImg,
.secFeatures .boxTxt{
    width: 50%;
}
.secFeatures .boxTxt{
    padding: 0 10rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.secFeatures .boxTxt .tit{
    font-size: var(--pcFontSize30);
    font-weight: bold;
}
.secFeatures .boxTxt .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    margin-top: 3rem;
}
.secFeatures .boxTxt .boxCmnBtn{
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secFeatures{
        margin-top: 8rem;
    }
    .secFeatures .boxFeatures{
        flex-direction: column;
        background: center bottom / contain;
    }
    .secFeatures.lazyloaded .boxFeatures{
        background-image: url(../img/index/bgFeatures_sp.jpg);
    }
    .secFeatures .boxImg{
        width: 100%;
    }
    .secFeatures .boxTxt{
        width: 92%;
        padding: 5rem 0 8rem;
    }
    .secFeatures .boxTxt .tit{
        font-size: var(--spFontSize18);
    }
    .secFeatures .boxTxt .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_26);
        margin-top: 2rem;
    }
    .secFeatures .boxTxt .boxCmnBtn{
        margin-top: 2.4rem;
    }
}

/*-----------------------------------------------
    secLineup
-----------------------------------------------*/
.secLineup{
    margin-top: 14rem;
}
/* boxList */
.secLineup .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin-top: 5rem;
}
.secLineup .boxList .item{
    width: calc((100% - 4.999rem) / 3);
}
.secLineup .boxList .link{
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 8.5rem;
}
.secLineup .boxList .imgCover{
    aspect-ratio: 590 / 394;
}
.secLineup .logo{
    height: 7.2rem;
    display: flex;
    align-items: flex-end;
}
.secLineup .logo img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.secLineup .boxList .boxTit{
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.secLineup .boxList .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_22);
    font-weight: bold;
    margin-top: 2.2rem;
}
.secLineup .boxList .txt{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    margin-top: 2rem;
}
.secLineup .boxList .txt1{
    max-width: 60%;
}
.secLineup .boxList .boxPrice{
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-weight: bold;
    margin-bottom: 0.3rem;
}
.secLineup .boxList .txtPrice{
    width: 7.4rem;
    height: 3.2rem;
    border: 1px solid var(--grayColor_light3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize12);
}
.secLineup .boxList .txtNum{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
}
.secLineup .boxList .num{
    font-size: var(--pcFontSize26);
}
.secLineup .boxList .boxCmnMore{
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (max-width:1215px){
    .secLineup{
        margin-top: 8rem;
    }
    /* boxList */
    .secLineup .boxList{
        gap: 4.5rem;
        margin-top: 2.5rem;
    }
    .secLineup .boxList .item{
        width: 100%;
    }
    .secLineup .boxList .link {
        padding-bottom: 5rem;
    }
    .secLineup .logo{
        height: auto;
        display: block;
    }
    .secLineup .logo .img{
        width: 50%;
    }
    .secLineup .boxList .boxTit{
        margin-top: 2rem;
    }
    .secLineup .boxList .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
        margin-top: 1rem;
    }
    .secLineup .boxList .txt{
        align-items: flex-start;
        flex-direction: column;
        gap: 0.8rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        margin-top: 0.8rem;
    }
    .secLineup .boxList .txt1{
        max-width: 100%;
    }
    .secLineup .boxList .boxPrice{
        gap: 0.7rem;
    }
    .secLineup .boxList .txtPrice{
        width: 5.4rem;
        height: 2.3rem;
        font-size: var(--spFontSize10);
    }
    .secLineup .boxList .txtNum{
        position: relative;
        top: -0.3rem;
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_0);
    }
    .secLineup .boxList .num{
        font-size: var(--spFontSize24);
    }
}

/*-----------------------------------------------
    secConcept
-----------------------------------------------*/
.secConcept{
    margin-top: 20rem;
    padding: 14.5rem 0 20rem;
    background: center top / cover no-repeat, var(--blackColor_light);
}
.secConcept.lazyloaded{
    background-image: url(../img/index/bgConcept.jpg);
}
/* boxList */
.secConcept .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin-top: 1rem;
}
.secConcept .boxList .item{
    width: calc((100% - 4.999rem) / 3);
}
.secConcept .boxList .boxConcept{
    color: var(--whiteColor);
    padding: 0 6rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.secConcept .item:first-child .boxConcept{
    padding: 0 4%;
}
.secConcept .boxList .titConcept{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_50);
    font-weight: bold;
}
.secConcept .boxList .txtConcept{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    margin-top: 2rem;
}
.secConcept .boxList .link{
    position: relative;
    display: block;
}
.secConcept .boxList .img{
    position: relative;
}
.secConcept .boxList .img:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blackColor);
    opacity: 0.3;
}
.secConcept .boxList .boxTit{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: var(--whiteColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.secConcept .boxList .titEng{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_50);
    font-weight: bold;
}
.secConcept .boxList .titJp{
    font-size: var(--pcFontSize18);
    margin-top: 2.5rem;
}
.secConcept .boxList .boxCmnMore{
    position: absolute;
    bottom: 4rem;
    right: 4rem;
}
@media only screen and (max-width:1830px){
    .secConcept .boxList .titConcept{
        font-size: var(--pcFontSize24);
    }
}
@media only screen and (max-width:1670px){
    .secConcept .boxList .titEng{
        font-size: var(--pcFontSize30);
    }
}
@media only screen and (max-width:1215px){
    .secConcept{
        margin-top: 8rem;
        padding: 6rem 0 8rem;
        background-size: contain;
    }
    /* boxList */
    .secConcept .boxList{
        gap: 2rem;
        margin-top: 4rem;
    }
    .secConcept .boxList .item{
        width: 100%;
    }
    .secConcept .boxList .boxConcept{
        padding: 0!important;
    }
    .secConcept .boxList .titConcept{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
    }
    .secConcept .boxList .txtConcept{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        margin-top: 2.5rem;
    }
    .secConcept .boxList .boxTit{
        padding: 0 2.4rem;
        align-items: flex-start;
    }
    .secConcept .boxList .titEng{
        font-size: var(--spFontSize22);
        letter-spacing: var(--spLetterSpacing22_0);
    }
    .secConcept .boxList .titJp{
        font-size: var(--spFontSize14);
        margin-top: 1rem;
    }
    .secConcept .boxList .boxCmnMore{
        bottom: 3rem;
        right: 0;
        left: 0;
        max-width: calc(100% - 5rem);
    }
}
@media only screen and (max-width:767px){
    .secConcept.lazyloaded{
        background-image: url(../img/index/bgConcept_sp.jpg);
    }
}

/*-----------------------------------------------
    secModel
-----------------------------------------------*/
.secModel{
    margin-top: 14rem;
}
/* boxList */
.secModel .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 2.5rem;
    margin-top: 4.5rem;
}
.secModel .boxList .item{
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100% - 4.999rem) / 3);
    padding-bottom: 7rem;
}
.secModel .boxList .link{
    position: relative;
    display: block;
    overflow: visible;
    height: 100%;
}
.secModel .boxList .img{
    aspect-ratio: 590 / 282;
}
.secModel .boxList .boxTit{
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.secModel .boxList .tit,
.secModel .boxList .txt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.secModel .boxList .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    margin-top: 1rem;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}
.secModel .boxList .txt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_22);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 1.2rem;
    max-height: calc(var(--pcFontSize14) * var(--pcLineHeight14_22) * 2);
}
.secModel .boxList .boxMore{
    width: 100%;
    position: absolute;
    bottom: -11rem;
    right: 0;
}
.secModel .boxList .linkMap{
    position: relative;
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    color: var(--brownColor_light);
    display: block;
    margin-top: 2.5rem;
    padding-left: 1.6rem;
}
.secModel .boxList .linkMap::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 1.2rem;
    height: 1.6rem;
    background: right top / cover no-repeat;
}
.secModel .boxList .linkMap::before{
    background-image: url(../img/common/iconMap.png);
}
.secModel .boxList .txtMap{
    text-decoration: underline;
}
@media only screen and (max-width:1215px){
    .secModel{
        margin-top: 7.5rem;
    }
    /* boxList */
    .secModel .boxList{
        justify-content: space-between;
        gap: 3rem 0;
        margin-top: 2.5rem;
    }
    .secModel .boxList .item{
        width: 100%;
        padding-bottom: 5rem;
    }
    .secModel .boxList .item:nth-child(n+5){
        display: none;
    }
    .secModel .boxList .boxTit{
        margin-top: 1rem;
        padding: 0 1.5rem;
    }
    .secModel .boxList .tit{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_32);
        line-clamp: 2;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize20) * var(--spLineHeight20_32) * 2);
    }
    .secModel .boxList .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 0.5rem;
        max-height: calc(var(--spFontSize12) * var(--spLineHeight12_18) * 3);
        line-clamp: 3;
        -webkit-line-clamp: 3;
    }
    .secModel .boxList .boxMore{
        width: 15rem;
        bottom: -6rem;
        right: 1.5rem;
        margin: auto;
    }
    .secModel .link:only-child .boxMore{
        bottom: -5rem;
    }
    .secModel .boxList .linkMap{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
    }
    .secModel .boxList .linkMap{
        margin: 1rem 1.5rem 0;
    }
}

/*-----------------------------------------------
    secCampaign
-----------------------------------------------*/
.secCampaign{
    margin-top: 11rem;
}
.secCampaign .txtCampaign{
    text-align: center;
    margin-top: 2.5rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
}
.secCampaign .txtMin{
    font-size: var(--pcFontSize12);
}
@media only screen and (max-width:1215px){
    .secCampaign{
        margin-top: 8rem;
    }
    .secCampaign .txtCampaign{
        margin-top: 1.2rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secCampaign .txtMin{
        font-size: var(--spFontSize10);
    }
}

/*-----------------------------------------------
    secWorks
-----------------------------------------------*/
.secWorks{
    margin-top: 15rem;
    padding: 15rem 0 20rem;
    background-color: var(--blackColor_light);
}
/* boxSlider */
.secWorks .boxSlider{
    margin-top: 5rem;
}
.secWorks .boxSlider .swiper{
    width: 117rem;
    margin: 0 auto 0 0;
    overflow: visible;
}
.secWorks .boxSlider .link{
    display: block;
}
.secWorks .boxSlider .boxWorks{
    position: relative;
}
.secWorks .boxSlider .img{
    aspect-ratio: 1170 / 770;
}
.secWorks .boxSlider .img:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    background-image: linear-gradient(0deg, var(--blackColor) 0%, var(--blackColor_0) 100%);
    opacity: 0.5;
}
/* boxTit */
.secWorks .boxSlider .boxTit{
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    width: calc(100% - 8rem);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.secWorks .boxSlider .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_38) * 4);
    max-width: 74%;
}
.secWorks .boxSlider .boxWorksTag{
    margin: 2.8rem 4rem 0;
}
.secWorks .boxSlider .txtTag{
    position: relative;
    padding-left: 4.5rem;
    color: var(--grayColor_light);
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_17);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secWorks .boxSlider .txtTag::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0.9rem;
    left: 0;
    width: 3rem;
    height: 1px;
    background-color: var(--grayColor_light);
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 7.5rem;
        padding: 6rem 0 8rem;
    }
    /* boxSlider */
    .secWorks .boxSlider{
        margin-top: 2.5rem;
    }
    .secWorks .boxSlider .swiper{
        width: 100%;
        margin: 0 auto;
    }
    .secWorks .boxSlider .img{
        aspect-ratio: 375 / 470;
    }
    /* boxTit */
    .secWorks .boxSlider .boxTit{
        bottom: 2.5rem;
    }
    .secWorks .boxSlider .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        line-clamp: 2;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_26) * 2);
        max-width: 100%;
    }
    .secWorks .boxSlider .boxCmnMore{
        display: none;
    }
    .secWorks .boxSlider .boxWorksTag{
        margin: 1.8rem 1.5rem 0;
    }
    .secWorks .boxSlider .txtTag{
        padding-left: 2rem;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_15);
    }
    .secWorks .boxSlider .txtTag::before{
        top: 0.7rem;
        width: 1rem;
    }
}

/*-----------------------------------------------
    secInterview
-----------------------------------------------*/
.secInterview{
    margin-top: 15rem;
    padding: 15rem 0 20rem;
    background-color: var(--grayColor_light2);
}
.secWorks + .secInterview{
    margin-top: 0;
}
/* boxSlider */
.secInterview .boxSlider{
    margin-top: 5rem;
}
.secInterview .boxSlider .swiper{
    width: 117rem;
    margin: 0 auto 0 0;
    overflow: visible;
}
.secInterview .boxSlider .link{
    position: relative;
    display: block;
}
.secInterview .boxSlider .img{
    aspect-ratio: 1170 / 770;
}
.secInterview .boxSlider .img:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    background-image: linear-gradient(0deg, var(--blackColor) 0%, var(--blackColor_0) 100%);
    opacity: 0.5;
}
/* boxTit */
.secInterview .boxSlider .boxTit{
    position: absolute;
    bottom: 3.5rem;
    left: 4rem;
    width: calc(100% - 8rem);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.secInterview .boxSlider .boxTxt{
    max-width: 74%;
}
.secInterview .boxSlider .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_38) * 4);
}
.secInterview .boxSlider .txtInfo{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width:1215px){
    .secInterview{
        margin-top: 7.5rem;
        padding: 6rem 0 8rem;
    }
    /* boxSlider */
    .secInterview .boxSlider{
        margin-top: 2.5rem;
    }
    .secInterview .boxSlider .swiper{
        width: 100%;
        margin: 0 auto;
    }
    .secInterview .boxSlider .img{
        aspect-ratio: 375 / 470;
    }
    /* boxTit */
    .secInterview .boxSlider .boxTit{
        bottom: 2.5rem;
    }
    .secInterview .boxSlider .boxTxt{
        max-width: 100%;
    }
    .secInterview .boxSlider .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        line-clamp: 2;
        -webkit-line-clamp: 2;
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_26) * 2);
    }
    .secInterview .boxSlider .txtInfo{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_15);
        margin-top: 0.5rem;
    }
    .secInterview .boxSlider .boxCmnMore{
        display: none;
    }
}

/*-----------------------------------------------
    secCatalog
-----------------------------------------------*/
.secCatalog{
    margin-top: 14rem;
}
/* boxCatalogTit */
.secCatalog .boxCatalogTit{
    text-align: center;
}
.secCatalog .boxCatalogTit .txt{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_50);
    color: var(--brownColor_light);
}
.secCatalog .boxCatalogTit .tit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    margin-top: 2rem;
}
/* boxCatalog */
.secCatalog .boxCatalog{
    display: flex;
    align-items: center;
    background-color: var(--brownColor_light);
    border-radius: 3rem;
    margin-top: 4.5rem;
    overflow: hidden;
}
.secCatalog .boxCatalog .boxTit{
    position: relative;
    width: 54.546%;
    color: var(--whiteColor);
    padding-left: 5rem;
}
.secCatalog .boxCatalog .titEng{
    color: var(--yellowColor);
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
}
.secCatalog .boxCatalog .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_32);
    font-weight: bold;
    margin: 1.5rem 0;
}
.secCatalog .boxCatalog .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_26);
    font-weight: bold;
}
.secCatalog .boxCatalog .txtImg{
    position: absolute;
    bottom: -3rem;
    right: -4rem;
    z-index: 2;
}
.secCatalog .boxCatalog .boxImg{
    width: 45.455%;
}
@media only screen and (max-width:1215px){
    .secCatalog{
        margin-top: 5.5rem;
    }
    /* boxCatalogTit */
    .secCatalog .boxCatalogTit{
        text-align: center;
    }
    .secCatalog .boxCatalogTit .txt{
        font-size: var(--spFontSize24);
        letter-spacing: var(--spLetterSpacing24_0);
    }
    .secCatalog .boxCatalogTit .tit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-top: 1rem;
    }
    /* boxCatalog */
    .secCatalog .boxCatalog{
        flex-wrap: wrap;
        border-radius: 1.5rem;
        margin-top: 2.5rem;
        overflow: hidden;
    }
    .secCatalog .boxCatalog .boxTit{
        width: 100%;
        padding: 2.8rem 1rem;
        text-align: center;
    }
    .secCatalog .boxCatalog .titEng{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_0);
    }
    .secCatalog .boxCatalog .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        margin: 0.5rem 0 0.2rem;
    }
    .secCatalog .boxCatalog span{
        font-size: var(--spFontSize16);
    }
    .secCatalog .boxCatalog .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secCatalog .boxCatalog .txtImg{
        bottom: -2.5rem;
        right: 1.5rem;
        width: 18.2rem;
    }
    .secCatalog .boxCatalog .boxImg{
        width: 100%;
    }
}

/*-----------------------------------------------
    secPlan
-----------------------------------------------*/
.secPlan{
    margin-top: 15rem;
    padding: 10rem 0 20rem;
    background: center top / auto no-repeat, var(--brownColor_light2);
}
.secPlan.lazyloaded{
    background-image: url(../img/index/bgPlan.jpg);
}
/* boxPlanTit */
.secPlan .boxPlanTit{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.secPlan .boxPlanTit .tit{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    font-size: var(--pcFontSize60);
    font-weight: bold;
}
.secPlan .boxPlanTit .tit1{
    position: relative;
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_50);
    font-weight: bold;
}
.secPlan .boxPlanTit .tit1::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -1.5rem;
    left: 0;
    width: 100%;
    height: 0.3rem;
    background-color: var(--whiteColor);
}
.secPlan .boxPlanTit .txt{
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: -1rem;
}
.secPlan .boxPlanTit .txtEng{
    text-align: right;
    font-size: var(--pcFontSize60);
    margin: 0 2.5rem 2.5rem 0;
    letter-spacing: var(--pcLetterSpacing60_50);
}
.secPlan .boxPlanTit .txtNum{
    font-size: var(--pcFontSize180);
    letter-spacing: -0.05em;
    margin-left: -1rem;
}
.secPlan .boxPlanTit .txt2{
    font-size: var(--pcFontSize60);
    margin: 0 0 1.5rem 2rem;
}
.secPlan .boxPlanTit .txtPrice{
    width: 45rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: var(--pcFontSize25);
    letter-spacing: var(--pcLetterSpacing25_50);
    background-color: var(--orangeColor);
    margin-top: 1.7rem;
}
/* boxSlider */
.secPlan .boxSlider{
    margin-top: 6rem;
}
.secPlan .boxSlider .swiper{
    width: 117rem;
    margin: 0 auto 0 0;
    overflow: visible;
}
.secPlan .boxSlider .link{
    display: block;
}
.secPlan .boxSlider .boxPlan{
    display: flex;
    background-color: var(--blackColor_light2);
}
.secPlan .boxSlider .boxTit{
    position: relative;
    width: 57.266%;
    padding: 9rem 5rem;
}
.secPlan .boxSlider .txtRank{
    position: absolute;
    top: 0;
    left: 0;
    width: 12rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
    background-color: var(--whiteColor);
}
.secPlan .boxSlider .txtRank.isRank_01{
    background-image: var(--is_Rank1Color);
}
.secPlan .boxSlider .txtRank.isRank_02{
    background-image: var(--is_Rank2Color);
}
.secPlan .boxSlider .txtRank.isRank_03{
    background-image: var(--is_Rank3Color);
}
.secPlan .boxSlider .txtNum{
    position: absolute;
    top: -3rem;
    right: -1rem;
    font-size: var(--pcFontSize200);
    opacity: 0.03;
    font-weight: 100;
}
.secPlan .boxSlider .tit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_50);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.secPlan .boxSlider .txtTsubo{
    font-size: var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_50);
    font-weight: bold;
    margin-top: 2.5rem;
}
.secPlan .txtTsubo span{
    font-size: var(--pcFontSize16);
    margin-left: 0.3rem;
}
.secPlan .boxPrice{
    display: flex;
    align-items: flex-end;
    margin-top: 2rem;
    gap: 1rem;
}
.secPlan .boxPrice .boxNum{
    display: flex;
    justify-content: flex-start;
    gap: 0.3rem;
    color: var(--whiteColor);
}
.secPlan .boxNum .num{
    width: 6rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize70);
    background-color: var(--blackColor);
    border-radius: 0.5rem;
    font-weight: bold;
}
.secPlan .boxNum span{
    position: relative;
    top: -0.5rem;
}
.secPlan .boxPrice .txtPrice{
    font-size: var(--pcFontSize35);
    font-weight: bold;
    margin-bottom: 1rem;
}
.secPlan .boxPrice .txtTax{
    font-size: var(--pcFontSize18);
    margin-left: 0.5rem;
}
.secPlan .boxSlider .boxCmnMore{
    position: absolute;
    bottom: 4rem;
    right: 4rem;
}
.secPlan .boxSlider .boxImg{
    position: relative;
    width: 42.736%;
    padding: 10rem;
    background-color: var(--whiteColor);
    z-index: 1;
}
.secPlan .boxSlider .img{
    width: 100%;
    height: 0;
    padding-top: 100%;
    z-index: -1;
}
/* boxMember */
.secPlan .boxMember .boxNum{
    color: var(--brownColor_light3);
}
.secPlan .boxMember .num{
    font-size: var(--pcFontSize36);
}
.secPlan .boxMember .boxNum span{
    top: -0.2rem;
}
.secPlan .boxMember .boxLogin{
    position: relative;
    width: 100%;
    margin-top: 4.8rem;
}
.secPlan .boxMember .txtLoginIcon{
    position: absolute;
    top: -1.8rem;
    left: 1rem;
    width: 11rem;
    height: 3.6rem;
    border-radius: 0.3rem;
    background-color: var(--yellowColor_light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize12);
}
.secPlan .boxMember .txtLogin{
    margin-top: 1.8rem;
    width: 100%;
    height: 7rem;
    border-radius: 0.5rem;
    background-color: var(--blackColor_light);
    color: var(--whiteColor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize16);
    font-weight: bold;
}
.secPlan .boxMember .boxMemberMask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.secPlan .boxMember .boxMemberMask:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blackColor);
    opacity: 0.9;
    z-index: -1;
}
.secPlan .boxMemberMask .titEng{
    font-size: var(--pcFontSize30);
    font-weight: bold;
}
.secPlan .boxMemberMask .titJp{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    margin-top: 1.5rem;
}
@media only screen and (max-width:1215px){
    .secPlan{
        margin-top: 8rem;
        padding: 6rem 0 8rem;
        background-size: contain;
    }
    /* boxPlanTit */
    .secPlan .boxPlanTit .tit{
        gap: 2rem;
        font-size: var(--spFontSize26);
    }
    .secPlan .boxPlanTit .tit1{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
    }
    .secPlan .boxPlanTit .tit1::after{
        bottom: -0.5rem;
        height: 1px;
    }
    .secPlan .boxPlanTit .txt{
        margin-top: -0.5rem;
    }
    .secPlan .boxPlanTit .txtEng{
        font-size: var(--spFontSize26);
        letter-spacing: var(--spLetterSpacing26_50);
        margin: 0 1rem 0.8rem 0;
    }
    .secPlan .boxPlanTit .txtNum{
        font-size: var(--spFontSize80);
        letter-spacing: -0.05em;
        margin-left: -0.5rem;
    }
    .secPlan .boxPlanTit .txt2{
        font-size: var(--spFontSize24);
        margin: 0 0 0.5rem 1.5rem;
    }
    .secPlan .boxPlanTit .txtPrice{
        width: 20rem;
        height: 3rem;
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_50);
        margin-top: 0.8rem;
        padding-bottom: 1px;
    }
    /* boxSlider */
    .secPlan .boxSlider{
        margin-top: 3.5rem;
    }
    .secPlan .boxSlider .swiper{
        width: 100%;
        margin: 0 auto;
    }
    .secPlan .boxSlider .link {
        padding-top: 1.8rem;
    }
    .secPlan .boxSlider .boxPlan{
        flex-direction: column;
    }
    .secPlan .boxSlider .boxTit{
        width: 100%;
        padding: 3rem 2rem 3.5rem;
    }
    .secPlan .boxSlider .txtRank{
        top: -1.4rem;
        width: 8rem;
        height: 2.5rem;
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
        padding-bottom: 1px;
    }
    .secPlan .boxSlider .txtNum{
        position: absolute;
        top: auto;
        bottom: -1rem;
        right: -1rem;
        font-size: var(--spFontSize100);
    }
    .secPlan .boxSlider .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
    }
    .secPlan .boxSlider .txtTsubo{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 0.5rem;
    }
    .secPlan .txtTsubo span{
        font-size: var(--spFontSize12);
        margin-left: 0.3rem;
    }
    .secPlan .boxPrice{
        margin-top: 1.5rem;
        gap: 0.8rem;
    }
    .secPlan .boxPrice .boxNum{
        gap: 0.2rem;
    }
    .secPlan .boxNum .num{
        width: 3.5rem;
        height: 4.5rem;
        font-size: var(--spFontSize35);
        border-radius: 0.5rem;
    }
    .secPlan .boxNum span{
        top: -0.5rem;
    }
    .secPlan .boxPrice .txtPrice{
        font-size: var(--spFontSize18);
        margin-bottom: 1rem;
    }
    .secPlan .boxPrice .txtTax{
        font-size: var(--spFontSize12);
        margin-left: 0.5rem;
    }
    .secPlan .boxSlider .boxCmnMore{
        display: none;
    }
    .secPlan .boxSlider .boxImg{
        width: 100%;
        padding: 3rem 7rem;
    }
    /* boxMember */
    .secPlan .boxMember .num{
        font-size: var(--spFontSize26);
    }
    .secPlan .boxMember .boxLogin{
        margin: 2.8rem auto 0;
        width: 88.41%;
    }
    .secPlan .boxMember .txtLoginIcon{
        top: -1.5rem;
        left: 0.5rem;
        width: 8rem;
        height: 2.6rem;
        border-radius: 0.3rem;
        font-size: var(--spFontSize10);
        color: var(--textColor);
    }
    .secPlan .boxMember .txtLogin{
        margin: 0 auto;
        height: 4rem;
        font-size: var(--spFontSize12);
    }
    .secPlan .boxMemberMask .titEng{
        font-size: var(--spFontSize24);
    }
    .secPlan .boxMemberMask .titJp{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
}
@media only screen and (max-width:767px){
    .secPlan.lazyloaded{
        background-image: url(../img/index/bgPlan_sp.jpg);
    }
}


/*-----------------------------------------------
    secPremium
-----------------------------------------------*/
.secPremium{
    margin-top: 14rem;
}
/* boxCatalogTit */
.secPremium .boxCatalogTit{
    text-align: center;
}
.secPremium .boxCatalogTit .txt{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_50);
}
.secPremium .boxCatalogTit .tit{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    margin-top: 2rem;
}
/* boxCatalog */
.secPremium .boxCatalog{
    display: flex;
    align-items: center;
    background-color: var(--whiteColor);
    border-radius: 3rem;
    margin-top: 4.5rem;
    overflow: hidden;
}
.secPremium .boxCatalog .boxTit{
    position: relative;
    width: 54.546%;
    padding-left: 5rem;
}
.secPremium .boxCatalog .titEng{
    color: var(--brownColor_light);
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_50);
    font-weight: bold;
}
.secPremium .boxCatalog .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_32);
    font-weight: bold;
    margin: 1.5rem 0;
}
.secPremium .boxCatalog span{
    font-size: var(--pcFontSize40);
}
.secPremium .boxCatalog .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_26);
    font-weight: bold;
}
.secPremium .boxCatalog .boxImg{
    width: 45.455%;
}
@media only screen and (max-width:1215px){
    .secPremium{
        margin-top: 5.5rem;
    }
    /* boxCatalogTit */
    .secPremium .boxCatalogTit{
        text-align: center;
    }
    .secPremium .boxCatalogTit .txt{
        font-size: var(--spFontSize24);
        letter-spacing: var(--spLetterSpacing24_0);
    }
    .secPremium .boxCatalogTit .tit{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_22);
        margin-top: 1rem;
    }
    /* boxCatalog */
    .secPremium .boxCatalog{
        flex-wrap: wrap;
        border-radius: 1.5rem;
        margin-top: 2.5rem;
        overflow: hidden;
    }
    .secPremium .boxCatalog .boxTit{
        width: 100%;
        padding: 2.8rem 1rem;
        text-align: center;
    }
    .secPremium .boxCatalog .titEng{
        font-size: var(--spFontSize14);
        letter-spacing: var(--spLetterSpacing14_0);
    }
    .secPremium .boxCatalog .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        margin: -1rem 0 -0.5rem;
    }
    .secPremium .boxCatalog span{
        font-size: var(--spFontSize30);
    }
    .secPremium .boxCatalog .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secPremium .boxCatalog .txtImg{
        bottom: -2.5rem;
        right: 1.5rem;
        width: 18.2rem;
    }
    .secPremium .boxCatalog .boxImg{
        width: 100%;
    }
}

/*-----------------------------------------------
    secNews
-----------------------------------------------*/
.secNews{
    margin-top: 14.5rem;
}
.secNews .wrapper{
    display: flex;
    justify-content: space-between;
}
.secNews .boxColumn,
.secNews .boxNews{
    width: 44.777%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.secNews .boxColumn:only-child,
.secNews .boxNews:only-child{
    width: 100%;
}
.secNews .boxNews + .boxColumn{
    position: relative;
}
.secNews .boxNews + .boxColumn::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: -11.5%;
    width: 1px;
    height: 100%;
    background-color: var(--grayColor_light3);
}
/* boxList */
.secNews .boxList{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.secNews .boxList .item{
    width: 100%;
}
.secNews .boxList .link{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 4rem 0 3rem;
}
/* boxImg */
.secNews .boxList .boxImg{
    width: 15rem;
    margin-top: 0.2rem;
}
.secNews .boxList .img{
    aspect-ratio: 150 / 100;
}
/* boxTxt */
.secNews .boxList .boxTxt{
    width: calc(100% - (15rem + 3rem));
}
.secNews .boxList .boxTxt:only-child{
    width: 100%
}
.secNews .item:not(:last-child) .link{
    border-bottom: 1px solid var(--grayColor_light3);
}
.secNews .item:first-child .link{
    padding-top: 3.2rem;
}
.secNews .boxList .boxInfo{
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.secNews .boxList .txt{
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
}
.secNews .boxList .new{
    width: 6rem;
    height: 1.5rem;
    background-color: var(--is_newColor);
    font-size: var(--pcFontSize10);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secNews .boxList .tit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_26);
    margin-top: 0.5rem;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize16) * var(--pcLineHeight16_26) * 2);
}
.secNews .boxList .boxCmnTag{
    margin-top: 1rem;
}
.secNews .boxList .txtCmnTag{
    min-width: auto;
    font-size: var(--pcFontSize11);
    line-height: 1;
    border-radius: 1rem;
    padding: 0.9rem 1rem 1rem;
}
.secNews .boxCmnBtn .cmnBtn.isW300{
    border-radius: 0.5rem;
}
@media only screen and (max-width:1215px){
    .secNews{
        margin-top: 5.5rem;
    }
    .secNews .wrapper{
        flex-direction: column;
        gap: 6rem;
    }
    .secNews .boxColumn,
    .secNews .boxNews{
        width: 100%;
    }
    .secNews .boxNews + .boxColumn::before{
        display: none;
    }
    /* boxList */
    .secNews .boxList{
        margin-top: 1rem;
    }
    .secNews .boxList .link{
        padding: 2.5rem 0 2rem;
    }
    /* boxImg */
    .secNews .boxList .boxImg{
        width: 8rem;
        margin-top: 0.2rem;
    }
    /* boxTxt */
    .secNews .boxList .boxTxt{
        width: calc(100% - (8rem + 1.5rem));
    }
    .secNews .item:first-child .link{
        padding-top: 1.8rem;
    }
    .secNews .item:last-child .link{
        padding-bottom: 0;
    }
    .secNews .boxList .boxInfo{
        gap: 0.5rem;
    }
    .secNews .boxList .txt{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_50);
    }
    .secNews .boxList .new{
        font-size: var(--spFontSize10);
    }
    .secNews .boxList .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
        margin-top: 0.5rem;
        max-height: calc(var(--spFontSize13) * var(--spLineHeight13_21) * 2);
        font-weight: normal;
    }
    .secNews .boxList .boxCmnTag{
        margin-top: 1rem;
    }
    .secNews .boxList .txtCmnTag{
        font-size: var(--spFontSize11);
    }
}

/*-----------------------------------------------
    secCompany
-----------------------------------------------*/
.secCompany{
    margin-top: 14.5rem;
}
/* boxList */
.secCompany .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    margin-top: 4.5rem;
}
.secCompany .boxList .item{
    width: calc((100% - 3.999rem) / 2);
}
.secCompany .boxList .link{
    display: block;
}
.secCompany .boxList .boxImg{
    position: relative;
}
.secCompany .boxList .boxTxt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.secCompany .boxList .txtEng{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing36_50);
}
.secCompany .boxList .txtJp{
    font-size: var(--pcFontSize16);
    margin: 0.8rem 0 1.5rem;
}
.secCompany .boxList .img{
    position: relative;
}
.secCompany .boxList .img:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blackColor);
    opacity: 0.3;
}
.secCompany .boxList .img_multi:after{
    mix-blend-mode: multiply;
}
.secCompany .boxList .tit{
    position: relative;
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-top: 2.6rem;
    padding-left: 3.3rem;
    white-space: nowrap;
}
.secCompany .boxList .tit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: 1px;
    background-color: var(--textColor);
}
/* boxList2 */
.secCompany .boxList2{
    gap: 1px;
    margin-top: 9.5rem;
}
.secCompany .boxList2 .item{
    width: calc((100% - 1.99px) / 3);
}
.secCompany .boxList2 .boxTxt{
    padding: 0 6rem;
    align-items: flex-start;
}
.secCompany .boxList2 .boxTxt::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 3rem;
    right: 3rem;
    width: 4.6rem;
    height: 4.6rem;
    background: center center / 1.7rem auto no-repeat, var(--whiteColor_30);
    border-radius: 50%;
}
.secCompany .boxList2 .boxTxt.lazyloaded::after{
    background-image: url(../img/common/icon_target.png);
}
.secCompany .boxList2 .txtEng{
    font-size: var(--pcFontSize14);
}
.secCompany .boxList2 .txtJp{
    font-weight: bold;
    font-size: var(--pcFontSize24);
    margin: 0.8rem 0 1.5rem;
}
.secCompany .boxList2 .img:after{
    opacity: 0.4;
}
.secCompany .boxList2 .img{
    aspect-ratio: 446 / 400;
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 5.5rem;
    }
    /* boxList */
    .secCompany .boxList{
        gap: 2.8rem;
        margin-top: 3.2rem;
    }
    .secCompany .boxList .item{
        width: 100%;
    }
    .secCompany .boxList .logo{
        width: 12.2rem;
    }
    .secCompany .boxList .txtEng{
        font-size: var(--spFontSize24);
        letter-spacing: var(--spLetterSpacing24_0);
    }
    .secCompany .boxList .txtJp{
        font-size: var(--spFontSize12);
        margin: 0.6rem 0 0rem;
    }
    .secCompany .boxList .tit{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
        margin: 1.5rem 0 0 1rem;
        padding-left: 1.3rem;
        white-space: normal;
    }
    .secCompany .boxList .tit:before{
        width: 1rem;
    }
    /* boxList2 */
    .secCompany .boxList2{
        gap: 2rem;
        margin-top: 4rem;
        padding-top: 4rem;
        border-top: 1px solid var(--grayColor_light3);
    }
    .secCompany .boxList2 .item{
        width: 100%
    }
    .secCompany .boxList2 .link{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: center;
        min-height: 10rem;
    }
    .secCompany .boxList2 .boxImg {
        position: static;
        padding-left: 11.5rem;
        overflow: visible;
    }
    .secCompany .boxList2 .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 10rem;
    }
    .secCompany .boxList2 .boxTxt{
        position: static;
        padding: 0;
        width: 100%;
        align-items: flex-start;
    }
    .secCompany .boxList2 .txtEng{
        color: var(--textColor);
        font-size: var(--spFontSize11);
    }
    .secCompany .boxList2 .txtJp{
        position: relative;
        color: var(--textColor);
        font-size: var(--spFontSize15);
        margin: 0.7rem 0 0.5rem;
    }
    .secCompany .boxList2 .txtJp::after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: -1px;
        right: -1.6rem;
        width: 1.2rem;
        height: 0.8rem;
        background: center center / cover no-repeat;
    }
    .secCompany .boxList2 .boxTxt.lazyloaded .txtJp::after{
        background-image: url(../img/common/icon_target_gray.png);
    }
    .secCompany .boxList2 .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        padding-left: 11.5rem;
        margin: 0;
    }
    .secCompany .boxList2 .boxTxt::after,
    .secCompany .boxList2 .tit:before,
    .secCompany .boxList2 .img:after{
        display: none;
    }
    .secCompany .boxList2 .img{
        aspect-ratio: 100 / 100;
        overflow: hidden;
    }
}



/*-----------------------------------------------
    secEvent
-----------------------------------------------*/
.secEvent{
    margin-top: 10rem;
}
@media only screen and (max-width:1215px){
    .secEvent{
        margin-top: 5.5rem;
    }
}