@charset "utf-8";
/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secHero */
.secHero{
    position: relative;
    width: 100%;
    height: 100vh;
	min-height: 600px;
}
.secHero .boxVideo{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.secHero video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.secHero .wrapper{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 10rem);
    width: 176rem;
    margin: 0 auto;
    height: 100%;
    padding: 12rem 0 7rem;
}
.secHero .wrapper .txt{
    font-size: 40px;
    letter-spacing: 0.3em;
    line-height: 2.5;
	color: var(--whiteColor);
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.secHero .wrapper .list{
    position: absolute;
    bottom: 7rem;
    left: 0;
    display: flex;
    align-items: center;
    gap: 3.5rem;
}
@media only screen and (max-width:1400px){
    .secHero .wrapper{
        padding-bottom: 2rem;
    }
    .secHero .wrapper .list{
        bottom: 2rem;
    }
}
@media only screen and (max-width:767px){
    .secHero{
        max-height: 639px;
    }
    .secHero .wrapper{
        max-width: none;
        width: 92%;
        padding: 20px 0 0;
    }
    .secHero .wrapper .txt{
        font-size: 24px;
        letter-spacing: 0.25em;
        line-height: 2.2;
    }
    .secHero .wrapper .list{
        bottom: 2.5rem;
        gap: 0.5rem;
    }
    .secHero .item img {
        width: auto;
        height: 70px;
    }
}
/*-----------------------------------------------
	secBnrSlider
-----------------------------------------------*/
.secBnrSlider{
    margin-top: 75px;
}
.secBnrSlider .boxSlider{
    position: relative;
    overflow: hidden;
}
.secBnrSlider .swiper{
    width: 367px;
    overflow: visible;
}
.secBnrSlider .img{
    display: block;
    position: relative;
    padding-top: 54.77%;
    width: 100%;
    height: 0;
}
.secBnrSlider .img + p{
    display: none;
}
/* boxSwiperBtn */
.boxSwiperBtn{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.boxCmnTitSwiper .boxSwiperBtn{
    margin-top: 0;
}
.boxSwiperBtn .swiper-button-prev,
.boxSwiperBtn .swiper-button-next{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 30px;
    height: 30px;
    margin-top: 0;
    background-color: var(--swiper_btnColor);
    border-radius: 100%;
}
.boxSwiperBtn .swiper-button-prev{
    transform: rotate(180deg)
}
.boxSwiperBtn .swiper-button-prev::after,
.boxSwiperBtn .swiper-button-next::after{
    position: absolute;
    content: '';
    top: -1px;
    bottom: 0;
    right: 3px;
    left: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--whiteColor);
    border-right: 1px solid var(--whiteColor);
    transform: rotate(45deg)
}
.boxSwiperBtn .swiper-pagination{
    width: auto;
    min-width: 34px;
    height: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 8px;
    font-size: 0;
}
.boxSwiperBtn .swiper-pagination:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 3px);
    transform: rotate(27deg);
    background-color: var(--textColor);
}
.boxSwiperBtn .swiper-pagination-current,
.boxSwiperBtn .swiper-pagination-total{
    display: inline-block;
    position: relative;
    font-size: 18px;
}
.boxSwiperBtn .swiper-pagination-current{
    top: -5px;
    margin-right: 5px;
}
.boxSwiperBtn .swiper-pagination-total{
    top: 5px;
    margin-left: 5px;
}
/* swiper-scrollbar */
.boxSwiperScroll .swiper-scrollbar.spOnly{
    display: none;
}
.boxSwiperScroll .swiper-horizontal>.swiper-scrollbar,
.boxSwiperScroll .swiper-scrollbar.swiper-scrollbar-horizontal{
    position: static;
    margin-top: 5rem;
    width: 100%;
    height: 5px;
    background: #C2C2C2;
    border-radius: 0;
}
.boxSwiperScroll .swiper-scrollbar-drag{
    border-radius: 0;
    background-color: #717171;
}
/* disabled */
.secBnrSlider .disabled .swiper{
    width: 100%;
}
.secBnrSlider .disabled .swiper-wrapper{
    display: flex;
    justify-content: center;
    gap: 46px;
}
.secBnrSlider .disabled .swiper-slide{
    width: 19.115%;
}
.boxSwiperScroll{
    position: relative;
    z-index: 1;
    width: 100%;
}
@media only screen and (max-width:767px){
    .secBnrSlider{
        margin-top: 30px;
    }
    .secBnrSlider .disabled .swiper,
    .secBnrSlider .swiper{
        width: 53.87%;
    }
    .secBnrSlider .img{
        padding-top: 54.956%;
    }
    /* boxSwiperBtn */
    .boxSwiperBtn{
        margin-top: 24px;
    }
    .boxSwiperBtn.spNone .swiper-button-prev,
    .boxSwiperBtn.spNone .swiper-button-next{
        display: none;
    }
    .boxSwiperBtn .swiper-button-prev,
    .boxSwiperBtn .swiper-button-next{
        width: 25px;
        height: 25px;
    }
    .boxSwiperBtn .swiper-button-prev::after,
    .boxSwiperBtn .swiper-button-next::after {
        width: 5px;
        height: 5px;
    }
    .boxSwiperBtn .swiper-pagination{
        margin: 0 6px;
        min-width: 29px;
    }
    .boxSwiperBtn .swiper-pagination:after{
        height: calc(100% - 8px);
    }
    .boxSwiperBtn .swiper-pagination-current,
    .boxSwiperBtn .swiper-pagination-total{
        font-size: 15px;
    }
    .boxSwiperBtn .swiper-pagination-current{
        top: -8px;
    }
    .boxSwiperBtn .swiper-pagination-total{
        top: 6px;
        margin-right: 2px;
    }
    .secBnrSlider .boxSwiperBtn .swiper-pagination{
        min-width: auto;
        margin: 0;
        justify-content: center;
        gap: 15px;
    }
    .secBnrSlider .boxSwiperBtn .swiper-pagination:after{
        display: none;
    }
    .secBnrSlider .boxSwiperBtn .swiper-pagination-bullet{
        width: 7px;
        height: 7px;
        margin: 0 !important;
    }
    .secBnrSlider .boxSwiperBtn .swiper-pagination-bullet-active{
        background-color: #6B6B6B;
    }
    /* swiper-scrollbar */
    .boxSwiperScroll{
        width: 92vw;
    }
    .boxSwiperScroll .swiper-scrollbar.spOnly{
        display: block;
    }
    .boxSwiperScroll .swiper-horizontal>.swiper-scrollbar,
    .boxSwiperScroll .swiper-scrollbar.swiper-scrollbar-horizontal{
        position: static;
        margin-top: 45px;
    }
    .boxSliderRight .swiper-scrollbar-drag{
        max-width: 100% !important;
    }
    /* disabled */
    .secBnrSlider .disabled .swiper-slide{
        width: 100%;
    }
}

/*-----------------------------------------------
	secPickup
-----------------------------------------------*/
.secPickup{
    margin-top: 156px;
}
.secPickup .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
/* boxPickupTit */
.secPickup .boxPickupTit{
    position: relative;
    white-space: nowrap;
    width: 140px;
}
.secPickup .boxPickupTit .titJp{
    font-size: 14px;
    letter-spacing: 0.08em;
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.secPickup .boxPickupTit .titEng{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 90px;
    letter-spacing: 0.05em;
    font-weight: 300;
    transform: rotate(90deg) translate(95px, -88px);
}
/* boxPickup */
.secPickup .boxPickup{
    width: 79.015%;
}
.secPickup .boxList{
    display: flex;
    flex-direction: column;
}
.secPickup .boxList .item{
    width: 100%;
}
.secPickup .boxList .boxLink{
    position: relative;
    padding: 40px 40px 10px 0;
    border-bottom: 1px solid #A6A5A5;
    display: flex;
    align-items: center;
    gap: 20px;
}
.secPickup .boxList .boxLink::before,
.secPickup .boxList .boxLink:after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 11px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #222;
}
.secPickup .boxList .boxLink:after{
    border-radius: 100%;
}
.secPickup .boxList .boxLink::before {
    bottom: 22px;
    right: 12px;
    width: 7px;
    height: 7px;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}
.secPickup .boxList .txtNew{
    font-size: 15px;
    background-color: var(--greenColor);
    color: var(--whiteColor);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 25px;
}
.secPickup .boxList .txt{
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secPickup .txtNew + .txt{
    max-width: calc(100% - 80px)
}
@media only screen and (max-width:767px){
    .secPickup{
        margin-top: 85px;
        min-height: 160px;
    }
    /* boxPickupTit */
    .secPickup .boxPickupTit{
        width: 70px;
    }
    .secPickup .boxPickupTit .titJp{
        font-size: 12px;
    }
    .secPickup .boxPickupTit .titEng{
        font-size: 48px;
        transform: rotate(90deg) translate(51px, -51px);
    }
    /* boxPickup */
    .secPickup .boxPickup{
        width: 75.944%;
    }
    .secPickup .boxList .boxLink{
        padding: 15px 40px 5px 0;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        min-height: 60px;
    }
    .secPickup .item:first-child .boxLink{
        padding-top: 0;
    }
    .secPickup .boxList .boxLink:after{
        bottom: 18px;
        width: 25px;
        height: 25px;
    }
    .secPickup .boxList .boxLink::before {
        bottom: 28px;
        right: 11px;
        width: 5px;
        height: 5px;
    }
    .secPickup .boxList .txtNew{
        font-size: 12px;
        width: 36px;
        height: 19px;
    }
    .secPickup .boxList .txt{
        font-size: 13px;
        letter-spacing: 0.05em;
        line-height: 1.6;
        white-space: normal;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        max-height: 60px;
    }
    .secPickup .txtNew + .txt{
        max-width: 100%;
    }
}

/*-----------------------------------------------
	wrapperCover
-----------------------------------------------*/
.wrapperCover{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width:767px){
    .wrapperCover .box01{
        order: 1;
    }
    .wrapperCover .box02{
        order: 2;
    }
    .wrapperCover .box03{
        order: 3;
    }
}

/*-----------------------------------------------
	boxCmnTit
-----------------------------------------------*/
.boxCmnTit.boxCmnTitSwiper{
    display: flex;
    align-items: center;
    gap: 70px;
}
.boxCmnTit .wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}
.boxCmnTit.fWhite{
    color: var(--whiteColor);
}
.boxCmnTit .titEng{
    font-size: 90px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.boxCmnTit .titJp{
    font-size: 14px;
    margin-left: 5px;
    letter-spacing: 0.05em;
}
@media only screen and (max-width:767px){
    .boxCmnTit.boxCmnTitSwiper{
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .boxCmnTit.boxCmnTitSwiper .boxSwiperBtn{
        margin: 0 0 0 auto;
    }
    .boxCmnTit .titEng{
        font-size: 48px;
    }
    .boxCmnTit .titJp{
        font-size: 12px;
        margin-left: 3px;
    }
}

/*-----------------------------------------------
	boxCmnBtn
-----------------------------------------------*/
.boxCmnBtn{
    width: 468px;
    max-width: 100%;
}
.boxCmnBtn .cmnBtn{
    width: 100%;
    height: 88px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: var(--textColor);
    border: 1px solid var(--textColor);
    padding: 10px 50px;
    gap: 13px;
    font-size: 14px;
}
.boxCmnBtn .cmnBtn.isColor{
    background-color: var(--greenColor);
    border-color: var(--greenColor);
    color: var(--whiteColor);
}
.boxCmnBtn .cmnBtn.isWhite{
    background-color: inherit;
    border-color: var(--whiteColor);
    color: var(--whiteColor);
}
.boxCmnBtn .cmnBtn .titCmnBtn{
    position: relative;
    letter-spacing: 0.2em;
    padding-right: 155px;
}
.boxCmnBtn .cmnBtn .titCmnBtn::before,
.boxCmnBtn .cmnBtn .titCmnBtn::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 2px;
    right: 0;
    width: 140px;
    height: 1px;
    background-color: var(--textColor);
}
.boxCmnBtn .cmnBtn.isColor .titCmnBtn:before,
.boxCmnBtn .cmnBtn.isColor .titCmnBtn::after,
.boxCmnBtn .cmnBtn.isWhite .titCmnBtn:before,
.boxCmnBtn .cmnBtn.isWhite .titCmnBtn::after{
    background-color: var(--whiteColor);
}
.boxCmnBtn .cmnBtn .titCmnBtn::after{
    bottom: 5px;
    right: -1px;
    width: 10px;
    height: 1px;
    transform: rotate(45deg);
}
@media only screen and (max-width:767px){
    .boxCmnBtn{
        width: 100%;
    }
    .boxCmnBtn .cmnBtn{
        height: 65px;
        padding: 0 25px;
        gap: 10px;
        font-size: 12px;
    }
    .boxCmnBtn .cmnBtn .titCmnBtn{
        letter-spacing: 0.2em;
        padding-right: 100px;
    }
    .boxCmnBtn .cmnBtn .titCmnBtn::before{
        bottom: 2px;
        right: 0;
        width: 85px;
    }
    .boxCmnBtn .cmnBtn .titCmnBtn::after{
        bottom: 5px;
        right: -1px;
        width: 10px;
        height: 1px;
    }
}

/*-----------------------------------------------
	secReason
-----------------------------------------------*/
.secReason{
    margin-top: 200px;
    background-size: 236px;
    background-position: center right;
    background-repeat: no-repeat;
}
.secReason.lazyloaded{
    background-image: url(../img/index_new/iconReason.png);
}
/* boxHead */
.secReason .boxHead{
    display: flex;
}
.secReason .boxHead .boxImg{
    width: 68.1778%
}
.secReason .boxHead .boxTit {
    position: relative;
    width: 21%;
}
.secReason .boxHead .tit {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, 0);
    font-size: var(--pcFontSize35);
    line-height: 2;
    letter-spacing: 0.2em;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
}
/* boxBody */
.secReason .boxBody{
    margin-top: 50px;
}
.secReason .boxBody .txt{
    width: 74%;
    font-size: 17px;
    line-height: 2;
}
.secReason .boxCmnBtn{
    margin-top: 50px;
}
@media only screen and (max-width:767px){
    .secReason{
        margin-top: 80px;
        background-size: 107px;
        background-position: 100% 70%;
    }
    .secReason.lazyloaded{
        background-image: url(../img/index_new/iconReason_sp.png);
    }
    /* boxHead */
    .secReason .boxHead .boxImg{
        width: 59.2%
    }
    .secReason .boxHead .boxTit {
        width: calc(100%  - 60%);
        display: flex;
        justify-content: center;
    }
    .secReason .boxHead .tit {
        position: static;
        font-size: 18px;
        line-height: 1.9;
        padding: 5px 10px 0 0;
        letter-spacing: 0.3em;
        transform: initial;
    }
    .secReason .boxHead .num {
        margin: -7px 0 0 0;
    }
    /* boxBody */
    .secReason .boxBody{
        margin-top: 15px;
    }
    .secReason .boxBody .txt{
        width: 89%;
        margin: 0 auto;
        font-size: 13px;
        letter-spacing: 0.05em;
        line-height: 2.2;
    }
    .secReason .boxBody .txtIn{
        margin-top: 10px;
        display: block;
    }
    .secReason .boxCmnBtn{
        margin-top: 30px;
    }
}

/*-----------------------------------------------
	boxSlider_wide
-----------------------------------------------*/
.boxSlider_wide .boxSlider{
    width: 100%;
    margin-top: 80px;
    position: relative;
    overflow-x: clip;
}
.boxSlider_wide .boxSlider .swiper{
    width: 21.127%;
    overflow: visible;
    margin: 0;
}
.boxSlider_wide .boxSlider .swiper-slide{
    height: auto;
}
/* disabled */
.boxSlider_wide.disabled .swiper{
    width: 100%!important;
}
.boxSlider_wide.disabled .swiper-wrapper{
    display: flex;
    justify-content: flex-start;
}
/* slideInner */
.boxSlider_wide .slideInner{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.boxSlider_wide .slideInner .icon{
    position: absolute;
    top: -35px;
    left: 10px;
    z-index: 1;
}
.boxSlider_wide .slideInner .txtIcon{
    width: 69px;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--textColor);
    color: var(--whiteColor);
    font-size: 17px;
    border-radius: 100%;
}
/* boxImg */
.boxSlider_wide .slideInner .boxImg{
    width: 100%;
}
.boxSlider_wide .slideInner .img{
    width: 100%;
    height: 0;
}
/* boxTit */
.boxSlider_wide .slideInner .boxSliderTit{
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}
/* boxSliderArrow */
.boxSlider_wide .slideInner .boxSliderArrow{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}
.boxSlider_wide .slideInner .boxSliderArrow:before,
.boxSlider_wide .slideInner .boxSliderArrow:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    border: 1px solid var(--textColor);
}
.boxSlider_wide .slideInner .boxSliderArrow:before{
    border-radius: 100%;
    background-color: var(--whiteColor);
}
.boxSlider_wide .slideInner .boxSliderArrow::after{
    bottom: 1px;
    right: 13px;
    width: 7px;
    height: 7px;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}
.boxSlider_wide .boxSliderArrow .border{
    position: relative;
    width: 84%;
    height: 100%;
}
.boxSlider_wide .boxSliderArrow .border::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--textColor);
}
@media only screen and (max-width:767px){
    .boxSlider_wide .boxSlider{
        width: 100vw;
        margin: 30px calc(50% - 50vw) 0 0;
    }
    /* disabled */
    .disabled .swiper-slide{
        width: 100%;
    }
    .boxSlider_wide .slideInner .icon{
        top: -27px;
    }
    .boxSlider_wide .slideInner .txtIcon{
        width: 54px;
        height: 54px;
        font-size: 13px;
    }
    /* boxTit */
    .boxSlider_wide .slideInner .boxSliderTit{
        padding-bottom: 35px;
    }
    /* boxSliderArrow */
    .boxSlider_wide .slideInner .boxSliderArrow{
        height: 25px;
    }
    .boxSlider_wide .slideInner .boxSliderArrow:before{
        width: 25px;
    }
    .boxSlider_wide .slideInner .boxSliderArrow::after{
        right: 10px;
        width: 6px;
        height: 6px;
    }
    .boxSlider_wide .boxSliderArrow .border{
        width: 85%;
    }
    /* boxCmnBtn */
    .boxSlider_wide .boxCmnBtn{
        margin-top: 40px;
    }
}

/*-----------------------------------------------
	secEvent
-----------------------------------------------*/
.secEvent{
    position: relative;
    margin-top: 200px;
}
.secEvent::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -25%;
    left: 0;
    width: 143px;
    height: 202px;
    background-repeat: no-repeat;
}
.secEvent.lazyloaded::before{
    background-image: url(../img/index_new/iconEvent.png);
}
.secEvent .boxSlider .swiper{
    width: 21.127%;
}
/* disabled */
.secEvent .disabled .swiper-wrapper{
    gap: 72px;
}
.secEvent .disabled .swiper-slide{
    width: 21.127%;
}
/* boxImg */
.secEvent .slideInner .img{
    padding-top: 125%;
}
/* boxTit */
.secEvent .slideInner .boxEventTit{
    margin-top: 10px;
}
.secEvent .slideInner .tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 1.6;
}
/* boxInfo */
.secEvent .slideInner .boxInfo{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.secEvent .boxInfo .boxInfoTxt{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.secEvent .boxInfo .txt{
    width: 40px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--textColor);
}
.secEvent .boxInfo .tit{
    max-width: calc(100% - 50px);
    font-size: 14px;
}
/* boxRimit */
.secEvent .slideInner .boxRimit{
    margin-top: 10px;
    padding-left: 17px;
}
.secEvent .slideInner .txtRimit{
    font-size: 14px;
    text-decoration: underline;
}
@media only screen and (max-width:767px){
    .secEvent{
        margin-top: 65px;
    }
    .secEvent::before{
        display: none;
    }
    .secEvent .boxSlider .swiper{
        width: 80%;
    }
    .secEvent .boxSlider .imgSlider{
        padding-top: 54.77%;
    }
    /* disabled */
    .secEvent .disabled .swiper-slide{
        width: 83.336%;
    }
    /* boxTit */
    .secEvent .slideInner .boxEventTit{
        padding-bottom: 35px;
    }
    .secEvent .slideInner .tit{
        font-size: 17px;
    }
    /* boxInfo */
    .secEvent .boxInfo .tit {
        font-size: 14px;
    }
    /* boxRimit */
    .secEvent .slideInner .boxRimit{
        margin-top: 10px;
        padding-left: 17px;
    }
    .secEvent .slideInner .boxRimit::before {
        width: 13px;
        height: 12px;
        clip-path: polygon(0 0, 100% 50%, 0 100%, 3px 50%);
    }
    .secEvent .slideInner .txtRimit{
        font-size: 13px;
    }
}

/*-----------------------------------------------
	secWorks
-----------------------------------------------*/
.secWorks{
    margin-top: 200px;
}
.secWorks .boxSlider .swiper{
    width: 31.339%;
}
/* disabled */
.secWorks .disabled .swiper-wrapper{
    gap: 42px;
}
.secWorks .disabled .swiper-slide{
    width: 31.339%;
}
/* boxImg */
.secWorks .slideInner .boxImg{
    position: relative;
}
.secWorks .slideInner .img{
    padding-top: 124.945%;
}
.secWorks .slideInner .iconTour{
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 24px;
    background-color: var(--greenColor);
    color: var(--whiteColor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
}
.secWorks .slideInner .txtIconTour{
    position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.secWorks .slideInner .txtIconTour::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secWorks .slideInner .txtIconTour.lazyloaded::before{
    background-image: url(../img/index_new/iconTour.png);
}
/* boxTit */
.secWorks .slideInner .boxWorksTit{
    margin-top: 10px;
    height: 100%;
}
.secWorks .slideInner .tit{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: 60px;
    font-size: 20px;
    line-height: 1.6;
}
/* boxInfo */
.secWorks .slideInner .boxInfo{
    margin-top: 18px;
}
.secWorks .boxInfo .txt{
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width:767px){
    .secWorks{
        position: relative;
        margin-top: 65px;
    }
    .secWorks:after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: -6%;
        right: 0;
        width: 86px;
        height: 122px;
        background-size: 86px;
        background-position: top right;
        background-repeat: no-repeat;
    }
    .secWorks.lazyloaded:after{
        background-image: url(../img/index_new/iconWorks.png);
    }
    .secWorks .boxSlider .swiper{
        width: 80%;
    }
    .secWorks .slideInner .img{
        padding-top: 125%;
    }
    .secWorks .slideInner .txtIconTour{
        font-size: 14px;
    }
    /* disabled */
    .secWorks .disabled .swiper-slide{
        width: 83.336%;
    }
    /* boxTit */
    .secWorks .slideInner .boxEventTit{
        padding-bottom: 35px;
    }
    .secWorks .slideInner .tit{
        font-size: 17px;
    }
    /* boxInfo */
    .secWorks .boxInfo .tit {
        font-size: 14px;
    }
    /* boxRimit */
    .secWorks .slideInner .boxRimit{
        margin-top: 10px;
        padding-left: 17px;
    }
    .secWorks .slideInner .boxRimit::before {
        width: 13px;
        height: 12px;
        clip-path: polygon(0 0, 100% 50%, 0 100%, 3px 50%);
    }
    .secWorks .slideInner .txtRimit{
        font-size: 13px;
    }
}

/*-----------------------------------------------
	secVoice
-----------------------------------------------*/
.secVoice{
    margin-top: 200px;
    padding: 195px 0 200px;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secVoice.lazyloaded {
    background-image: url(../img/index_new/bgVoice.jpg);
}
.secVoice .boxSlider .swiper{
    width: 31.691%;
}
/* disabled */
.secVoice .disabled .swiper-wrapper{
    gap: 35px;
}
.secVoice .disabled .swiper-slide{
    width: 31.691%;
}
/* boxImg */
.secVoice .slideInner .boxImg{
    position: relative;
}
.secVoice .slideInner .img{
    padding-top: 111.112%;
}
.secVoice .slideInner .iconTour{
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 24px;
    background-color: var(--greenColor);
    color: var(--whiteColor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    z-index: 1;
}
.secVoice .slideInner .txtIconTour{
    position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.secVoice .slideInner .txtIconTour::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secVoice .slideInner .txtIconTour.lazyloaded::before{
    background-image: url(../img/index_new/iconTour.png);
}
.secVoice .slideInner .txtVertical{
    position: absolute;
    top: 45px;
    left: 30px;
    max-height: 87%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.16em;
    padding: 10px 7px;
    background: var(--whiteColor);
    color: var(--textColor);
    display: inline;
}
/* boxTit */
.secVoice .slideInner .boxVoiceTitBg{
    padding: 25px 25px 14px;
    height: 100%;
    background-color: var(--whiteColor);
}
.secVoice .slideInner .boxSliderTit{
    min-height: calc(100% - 14px);
}
.secVoice .slideInner .tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px;
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
}
.secVoice .slideInner .txt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    overflow: hidden;
    max-height: 120px;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 13px;
}
@media only screen and (max-width:767px){
    .secVoice{
        margin-top: 80px;
        padding: 70px 0 80px;
    }
    .secVoice.lazyloaded {
        background-image: url(../img/index_new/bgVoice_sp.jpg);
    }
    .secVoice .boxSlider .swiper{
        width: 80%;
    }
    .secVoice .slideInner .img{
        padding-top: 111%;
    }
    .secVoice .slideInner .txtIconTour{
        font-size: 14px;
    }
    /* disabled */
    .secVoice .disabled .swiper-slide{
        width: 83.336%;
    }
    .secVoice .slideInner .txtVertical{
        max-height: 79%;
        top: 30px;
        left: 20px;
        font-size: 13px;
        letter-spacing: 0.1em;
        padding: 8px 3px;
    }
    /* boxTit */
    .secVoice .slideInner .boxVoiceTitBg{
        padding: 21px 15px 14px;
    }
    .secVoice .slideInner .boxSliderTit{
        min-height: calc(100% - 8px);
    }
    .secVoice .slideInner .tit{
        font-size: 15px;
    }
    .secVoice .slideInner .txt{
        font-size: 13px;
        margin-top: 7px;
    }
}

/*-----------------------------------------------
	secContact
-----------------------------------------------*/
.secContact{
    padding-top: 243px;
    background-size: 173px;
    background-position: 100% 4%;
    background-repeat: no-repeat;
}
.secContact.lazyloaded {
    background-image: url(../img/index_new/iconContact.png);
}
/* boxBody */
.secContact .boxBody {
    position: relative;
    padding: 90px 100px 80px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secContact.lazyloaded .boxBody {
    background-image: url(../img/index_new/bgContact.jpg);
}
/* boxCmnTit */
.secContact .boxCmnTit {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
/* boxContact */
.secContact .boxContact {
    width: 100%;
    background-color: var(--whiteColor);
    padding: 12px 11.5% 65px;
}
.secContact .boxContactTit{
    text-align: center;
}
.secContact .boxContactTit .titContact {
    position: relative;
    display: inline-block;
    font-size: 22px;
    line-height: 2;
    border-bottom: 1px solid var(--textColor);
}
.secContact .boxContactTit .titContact:before,
.secContact .boxContactTit .titContact:after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -3px;
    left: 0;
    right: 0;
    width: 14px;
    height: 5px;
    background-color: var(--whiteColor);
}
.secContact .boxContactTit .titContact::after {
    right: -11px;
    width: 22px;
    height: 1px;
    background-color: var(--textColor);
    transform: rotate(-45deg);
}
/* boxContactList */
.secContact .boxContactList{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.secContact .boxContactList .tit{
    font-size: 26px;
    line-height: 2;
    width: 100%;
    text-align: center;
}
.secContact .boxContactList .fLine{
    position: relative;
    display: inline-block;
    z-index: 1;
}
.secContact .boxContactList .fLine::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 187px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
}
.secContact .boxContactList.lazyloaded .fLine::after {
    background-image: url(../img/index_new/iconLine.png);
}
/* boxImg */
.secContact .boxContactList .boxImg {
    width: 41.278%;
}
/* boxTxt */
.secContact .boxContactList .boxTxt {
    width: 50%;
}
.secContact .boxContactList .txt {
    font-size: 14px;
    line-height: 2;
}
.secContact .boxContactList .boxCmnBtn {
    margin-top: 20px;
}
@media only screen and (max-width:767px){
    .secContact{
        padding-top: 98px;
        background: none!important;
    }
    /* boxBody */
    .secContact .boxBody {
        padding: 60px 0 65px;
    }
    .secContact.lazyloaded .boxBody {
        background-image: url(../img/index_new/bgContact_sp.jpg);
    }
    /* boxCmnTit */
    .secContact .boxCmnTit {
        top: -26px;
    }
    /* boxContact */
    .secContact .boxContact {
        width: 92%;
        padding: 23px 15px;
    }
    .secContact .boxContactTit .titContact {
        font-size: 14px;
    }
    .secContact .boxContactTit .titContact:before,
    .secContact .boxContactTit .titContact:after {
        bottom: -3px;
        width: 10px;
    }
    .secContact .boxContactTit .titContact::after {
        right: -8px;
        width: 19px;
    }
    /* boxContactList */
    .secContact .boxContactList{
        margin-top: 15px;
    }
    .secContact .boxContactList .tit{
        font-size: 17px;
        line-height: 1.8;
        text-align: left;
        order: 1;
    }
    .secContact .boxContactList .fLine::after{
        bottom: -6px;
        left: 0;
        width: 131px;
        height: 14px;
        z-index: -1;
    }
    .secContact .boxContactList.lazyloaded .fLine::after {
        background-image: url(../img/index_new/iconLine_sp.png);
    }
    /* boxImg */
    .secContact .boxContactList .boxImg {
        width: 46.278%;
        margin: -60px -3% 0 0;
        order: 3;
    }
    /* boxTxt */
    .secContact .boxContactList .boxTxt {
        display: contents;
        order: 2;
    }
    .secContact .boxContactList .txt {
        width: 55%;
        font-size: 13px;
        order: 2;
    }
    .secContact .boxContactList .boxCmnBtn {
        width: 100%;
        margin-top: 20px;
        order: 4;
    }
}

/*-----------------------------------------------
	secTechnology
-----------------------------------------------*/
.secTechnology{
    position: relative;
    padding: 200px 0;
    margin-top: 200px;
}
/* boxCmnTit */
.secTechnology .boxCmnTit,
.secTechnology .boxCmnBtn{
    position: relative;
    z-index: 2;
}
/* boxSlider */
.secTechnology .boxSlider{
    position: relative;
    width: 100%;
}
/* secTechnologySlider */
.secTechnology .wrapperCover{
    gap: 80px;
}
/* boxSlider */
.secTechnologySlider .boxSlider{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}
.secTechnologySlider .boxSlider .swiper{
    position: relative;
    height: 100%;
}
.secTechnologySlider .boxSlider .swiper::before,
.secTechnologySlider .boxSlider .swiper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.secTechnologySlider .boxSlider .swiper::before {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 2;
}
.secTechnologySlider .boxSlider .swiper:after{
    background: rgba(45, 45, 45, 0.57);
    z-index: 1;
}
.secTechnologySlider .boxSlider img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
/* boxThumb */
.secTechnologySlider .boxThumb{
    width: 100%;
    height: 805px;
    margin: 0 auto;
    position: relative;
}
.secTechnologySlider .boxThumb .swiper{
    overflow: visible;
    width: 377px;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: flex-end;
}
.secTechnologySlider .boxThumb .swiper-wrapper{
    align-items: flex-end;
}
.secTechnologySlider .boxThumb .swiper-slide{
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px;
}
.secTechnologySlider .boxThumb .swiper-slide.swiper-slide-active{
    width: 188.067% !important;
    margin-bottom: 0;
}
.secTechnologySlider .boxThumb .boxTxt{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 2;
    color: var(--whiteColor);
    text-align: center;
}
.secTechnologySlider .boxThumb .num{
    font-size: 20px;
    line-height: 2;
}
.secTechnologySlider .boxThumb .txt{
    font-size: 20px;
    line-height: 1.6;
}
.secTechnologySlider .swiper-slide-active .num{
    font-size: 25px;
}
.secTechnologySlider .swiper-slide-active .txt{
    font-size: 35px;
}
/* img */
.secTechnologySlider .boxThumb .img{
    position: relative;
    width: 100%;
}
.secTechnologySlider .swiper-slide:not(.swiper-slide-active) .img{
    pointer-events: none;
}
.secTechnologySlider .boxThumb .img::before,
.secTechnologySlider .boxThumb .img::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.secTechnologySlider .boxThumb .img::before{
    opacity: 0.3;
    z-index: 2;
}
.secTechnologySlider .swiper-slide-active .img::before{
    background-color: #7F604A;
}
.secTechnologySlider .swiper-slide:not(.swiper-slide-active) .img::before{
    background-color: var(--whiteColor);
}
.secTechnologySlider .boxThumb .img:after{
    border: 2px solid var(--whiteColor);
}
.secTechnologySlider .boxThumb .imgThumb{
    width: 100%;
    height: 0;
    padding-top: 143.24%;
}
.secTechnologySlider .swiper-slide-active .imgThumb{
    padding-top: 113.542%;
}
.secTechnologySlider .swiper-slide:not(.swiper-slide-active) img{
    opacity: 0;
}
.secTechnologySlider .boxThumb .swiper-slide,
.secTechnologySlider .boxThumb img,
.secTechnologySlider .boxThumb .img::before,
.secTechnologySlider .boxThumb .img::after,
.secTechnologySlider .boxThumb .boxTxt{
    transition: 0.6s ease-out;
}
.loading.secTechnology .boxThumb .swiper-slide,
.loading.secTechnology .imgThumb img,
.loading.secTechnology .boxThumb .img::before,
.loading.secTechnology .boxThumb .img::after,
.loading.secTechnology .boxThumb .boxTxt {
    transition: none !important;
}
.secTechnologySlider .boxThumb img,
.secTechnologySlider .boxThumb .img::before,
.secTechnologySlider .boxThumb .img::after{
    border-radius: 150px;
}
.secTechnologySlider .boxThumb .swiper-slide-active img,
.secTechnologySlider .boxThumb .swiper-slide-active .img::before,
.secTechnologySlider .boxThumb .swiper-slide-active .img::after{
    border-radius: 220px;
}
/* boxTechnologySliderTxt */
.secTechnology .boxTechnologySliderTxt{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: var(--whiteColor);
    text-align: left;
    width: 45%;
    max-width: calc(100% - 750px);
}
.secTechnology .txtTechnologySlider{
    font-size: 17px;
    line-height: 2;
}
/* boxSwiperBtn */
.secTechnology .boxSwiperBtn{
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: var(--whiteColor);
}
.secTechnology .boxSwiperBtn .swiper-button-prev,
.secTechnology .boxSwiperBtn .swiper-button-next{
    background-color: transparent;
    border: 1px solid var(--whiteColor);
}
.secTechnology .boxSwiperBtn .swiper-pagination:after{
    background-color: var(--whiteColor);
    right: 7px;
}
.secTechnology .boxSwiperScroll .swiper-scrollbar.swiper-scrollbar-horizontal {
    margin-top: 24px;
}
.secTechnology .boxSwiperScroll .swiper-scrollbar-drag {
    background-color: #232323;
}
@media only screen and (max-width:1500px){
    .secTechnology .boxTechnologySliderTxt {
        top: -70px;
    }
}
@media only screen and (max-width:767px){
    .secTechnology{
        padding: 60px 0 80px;
        margin-top: 80px;
    }
    /* wrapperCover */
    .secTechnology .wrapperCover {
        gap: 30px;
    }
    /* boxCmnTit */
    .secTechnology .boxCmnTit{
        width: 88%;
        margin: 0 auto;
    }
    .secTechnology .boxCmnTit .titEng{
        line-height: 1.3;
    }
    /* boxThumb */
    .secTechnologySlider .boxThumb{
        height: 330px;
        margin-top: 40px;
    }
    .secTechnologySlider .boxThumb .swiper{
        width: 86.96%;
        margin: auto;
    }
    .secTechnologySlider .boxThumb .swiper-slide{
        margin-bottom: 30px;
        transform-origin: center bottom;
        transform: scale(0.7);
    }
    .secTechnologySlider .boxThumb .swiper-slide.swiper-slide-active {
        width: 100% !important;
        transform: none;
    }
    /* boxTxt */
    .secTechnologySlider .boxThumb .num{
        font-size: 14px;
    }
    .secTechnologySlider .boxThumb .txt{
        font-size: 13px;
    }
    .secTechnologySlider .swiper-slide-active .num,
    .secTechnologySlider .swiper-slide-active .txt{
        font-size: 17px;
    }
    /* img */
    .secTechnologySlider .boxThumb .img:after {
        border-width: 1px;
    }
    .secTechnologySlider .boxThumb .imgThumb{
        padding-top: 110%;
    }
    .secTechnologySlider .swiper-slide-active .imgThumb{
        padding-top: 110%;
    }
    .secTechnologySlider .boxThumb img,
    .secTechnologySlider .boxThumb .img::before,
    .secTechnologySlider .boxThumb .img::after{
        border-radius: 70px
    }
    .secTechnologySlider .boxThumb .swiper-slide-active img,
    .secTechnologySlider .boxThumb .swiper-slide-active .img::before,
    .secTechnologySlider .boxThumb .swiper-slide-active .img::after{
        border-radius: 90px;
    }
    /* boxTechnologySliderTxt */
    .secTechnology .boxTechnologySliderTxt{
        position: relative;
        width: 88%;
        max-width: 100%;
        margin: 0 auto;
        top: auto;
    }
    .secTechnology .txtTechnologySlider{
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 13px;
        line-height: 2.2;
    }
    /* boxSwiperBtn */
    .secTechnology .boxSwiperBtn{
        margin-top: 40px;
        justify-content: center;
    }
    .secTechnology .boxSwiperBtn .swiper-button-prev,
    .secTechnology .boxSwiperBtn .swiper-button-next{
        order: 2;
        background-color: transparent;
        border: 1px solid var(--whiteColor);
    }
    .secTechnology .boxSwiperBtn .swiper-button-next{
        order: 4;
    }
    .secTechnology .boxSwiperBtn .swiper-pagination{
        order: 3;
    }
    .secTechnology .boxSwiperBtn .swiper-pagination:after{
        background-color: var(--whiteColor);
        right: 7px;
    }
    .secTechnology .boxSwiperScroll{
        order: 1;
    }
    .secTechnology .boxSwiperScroll .swiper-scrollbar.swiper-scrollbar-horizontal {
        margin: 0 0 20px 0;
    }
}

/*-----------------------------------------------
	secForest
-----------------------------------------------*/
.secForest{
    position: relative;
    min-height: 656px;
    width: 1667px;
    max-width: calc(100% - 100px);
    margin: 200px 0 0 auto;
}
/*wrapper  */
.secForest .wrapper{
    position: relative;
    padding: 0 14.323vw 0 9.115vw;
    top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}
/* boxSlider */
.secForest .boxSlider .swiper{
    width: 455px;
    height: 592px;
}
.secForest .boxSlider.disabled .swiper{
    height: auto;
    overflow: visible;
}
.secForest .boxSlider.disabled .swiper-wrapper{
    flex-direction: column;
}
.secForest .boxSlider .swiper-slide{
    position: relative;
    width: 100%;
}
.secForest .boxSlider .img{
    position: relative;
}
.secForest .boxSlider .img::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to bottom, rgba(255, 255, 255), transparent);
    z-index: 9;
    opacity: 0!important;
    transition: 0.2s;
}
.secForest .boxSlider .swiper-slide-active .img::before,
.secForest .boxSlider .swiper-slide-next + .swiper-slide .img::before{
    opacity: 1!important;
}
.secForest .boxSlider .swiper-slide-next + .swiper-slide .img::before{
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, rgba(255, 255, 255), transparent);
}
/* boxTxt */
.secForest .boxTxt{
    width: 45%;
}
.secForest .boxTxt .txt{
    color: var(--whiteColor);
    font-size: 17px;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: left;
}
.secForest .cmnBtn{
    background-color: var(--whiteColor);
    border-radius: 60px;
    margin-top: 65px;
}
/*boxTit  */
.secForest .boxTit{
    position: absolute;
    top: -110px;
    left: 36px;
    display: flex;
    align-items: center;
    mix-blend-mode: difference;
    gap: 47px;
    z-index: 2;
}
.secForest .boxTit .titJp{
    font-size: 70px;
    line-height: 1.15;
}
.secForest .boxTit span{
    position: relative;
    display: block;
}
.secForest .boxTit .titIn + .titIn{
    margin: -10px 0 0 70px;
}
.secForest .boxTit .blendText{
    position: absolute;
    top: 0;
    left: 0;
    color: #EAFFDB;
    clip-path: inset(41px 0 0 0);
    z-index: -1;
}
.secForest .boxTit .black{
    clip-path: inset(0 0 41px 0);
}
.secForest .boxTit .logo{
    margin-bottom: 35px;
}
/*boxBgSlider  */
.secForest .boxBgSlider{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
.secForest .boxBgSlider .swiper-slide{
	position: relative;
	height: 526px;
	overflow: hidden;
}
.secForest .boxBgSlider .img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.secHero .swiper-slide img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.boxBgSlider .swiper-slide-active .img,
.boxBgSlider .swiper-slide-duplicate-active .img,
.boxBgSlider .swiper-slide-prev .img{
	animation: zoomUp 11s linear 0s 1 normal both;
	-webkit-animation: zoomUp 11s linear 0s 1 normal both;
}
@keyframes zoomUp {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
	}
}
@media only screen and (max-width:1530px){
    .secForest .wrapper{
        padding: 0 1.323vw 0 4.115vw;
    }
}
@media only screen and (max-width:1330px){
    .secForest .wrapper{
        padding: 0 1.323vw 0 4.115vw;
    }
    .secForest .boxTit .logo {
        position: relative;
        top: -60px;
    }
}
@media only screen and (max-width:767px){
    .secForest{
        min-height: auto;
        width: 96%;
        max-width: 100%;
        margin-top: 155px;
    }
    /*wrapper  */
    .secForest .wrapper{
        padding: 0 10px;
        top: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
    }
    /* boxSlider */
    .secForest .boxSlider .swiper{
        width: 136px;
        height: 257px;
    }
    .secForest .boxSlider .img::before{
        display: none;
    }
    .secForest .boxSlider .swiper-slide-next + .swiper-slide img{
        mask-image: none;
    }
    .secForest .boxSlider .swiper-slide-active img{
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
    }
    .secForest .boxSlider .swiper-slide-next + .swiper-slide img{
        -webkit-mask-image: linear-gradient(to top, transparent 0%, black 100%);
        mask-image: linear-gradient(to top, transparent 0%, black 100%);
    }
    /* boxTxt */
    .secForest .boxTxt{
        width: 53%;
        max-width: calc(100% - 150px);
    }
    .secForest .boxTxt .txt{
        font-size: var(--spFontSize12);
        line-height: 1.7;
        letter-spacing: 0.05em;
    }
    .secForest .cmnBtn{
        position: relative;
        height: 6rem;
        border-radius: 60px;
        margin-top: 1rem;
        padding: 0 3.5rem 0 1.7rem;
        font-size: var(--spFontSize12);
    }
    .secForest .cmnBtn:before,
    .secForest .cmnBtn:after {
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: 0;
        bottom: 0;
        right: 0.8rem;
        width: 2.5rem;
        height: 2.5rem;
        border: 1px solid var(--textColor);
    }
    .secForest .cmnBtn:before{
        border-radius: 100%;
        background-color: var(--whiteColor);
    }
    .secForest .cmnBtn::after{
        bottom: -1px;
        right: 2rem;
        width: 0.6rem;
        height: 0.6rem;
        border-bottom: none;
        border-left: none;
        transform: rotate(45deg);
    }
    .secForest .cmnBtn .titCmnBtn{
        display: none;
    }
    .secForest .cmnBtn .txtCmnBtn{
        line-height: 1.3;
    }
    /*boxTit  */
    .secForest .boxTit{
        top: -60px;
        left: 0;
        width: 100%;
        justify-content: space-between;
        gap: 47px;
        z-index: 2;
    }
    .secForest .boxTit .titJp{
        font-size: 35px;
        line-height: 1.15;
    }
    .secForest .boxTit .titIn + .titIn{
        margin: -1px 0 0 15px;
    }
    .secForest .boxTit .blendText{
        position: absolute;
        top: 0;
        left: 0;
        color: #EAFFDB;
        clip-path: inset(20px 0 0 0);
        z-index: -1;
    }
    .secForest .boxTit .black{
        clip-path: inset(0 0 20px 0);
    }
    .secForest .boxTit .logo{
        position: absolute;
        top: 15px;
        right: 4%;
        width: 113px;
    }
    /*boxBgSlider  */
    .secForest .boxBgSlider{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    .secForest .boxBgSlider .swiper-slide{
        height: 100%;
        max-height: 306px;
    }
    .secForest .boxBgSlider .img{
        position: relative;
        height: 0;
        padding-top: 85%;
    }
    .secForest .boxBgSlider .img img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        font-family: 'object-fit: cover;'
    }
}

/*-----------------------------------------------
	secLineup
-----------------------------------------------*/
.secLineup{
    margin-top: 200px;
}
/* boxSlider */
.secLineup .boxSlider{
    width: 100%;
    margin-top: 85px;
}
.secLineup .swiper-slide{
    background-color: var(--whiteColor);
    opacity: 0!important;
}
.secLineup .swiper-slide-active{
    opacity: 1!important;
}
.secLineup .slideInner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--whiteColor);
}
/* boxTxt */
.secLineup .boxTxt{
    width: calc(100% - 65%);
}
.secLineup .boxTxt .boxLogo{
    max-width: 355px;
}
.secLineup .boxTxt .txt{
    margin-top: 30px;
    font-size: 17px;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: left;
}
/* boxImg */
.secLineup .boxImg{
    position: relative;
    width: 61.057%;
}
.secLineup .boxImg .img01{
    width: 81.778%;
}
.secLineup .boxImg .img02{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 27.913%;
}
.secLineup .boxTxt,
.secLineup .boxImg{
    padding-bottom: 48px;
}
@media only screen and (max-width:767px){
    .secLineup{
        margin-top: 60px;
    }
    /* boxCmnTitSwiper */
    .secLineup .boxCmnTit.boxCmnTitSwiper{
        flex-direction: row;
        align-items: flex-end;
    }
    /* boxSlider */
    .secLineup .boxSlider{
        margin-top: 30px;
    }
    .secLineup .slideInner{
        flex-direction: column-reverse;
    }
    /* boxTxt */
    .secLineup .boxTxt{
        padding: 20px 0 0 0;
    }
    .secLineup .boxTxt .boxLogo{
        max-width: 69%;
    }
    .secLineup .boxTxt .txt{
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0.05em;
    }
    /* boxImg */
    .secLineup .boxImg{
        padding-bottom: 40px;
    }
    .secLineup .boxImg .img01{
        width: 90.435%;
    }
    .secLineup .boxImg .img02{
        width: 30.725%;
    }
    .secLineup .boxTxt,
    .secLineup .boxImg{
        width: 100%;
    }
    /* boxCmnBtn */
    .secLineup .boxCmnBtn {
        margin-top: 45px;
    }
}

/*-----------------------------------------------
	secPlan
-----------------------------------------------*/
.secPlan{
    margin-top: 150px;
}
/* boxHead */
.secPlan .boxHead{
    padding: 45px 0;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
.secPlan.lazyloaded .boxHead {
    background-image: url(../img/index_new/bgPlan.jpg);
}
/* boxSlider */
.secPlan .boxSlider{
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}
.secPlan .swiper{
    width: 698px;
    overflow: visible;
}
/* boxTit */
.secPlan .boxTit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--greenColor);
    color: var(--whiteColor);
    letter-spacing: 0.05em;
    padding: 5px 25px;
}
.secPlan .boxTit .num{
    position: relative;
    font-size: 30px;
    line-height: 2;
    width: 80px;
    padding-right: 10px;
}
.secPlan .boxTit .num:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: calc(100% - 20px);
    background-color: var(--whiteColor);
}
.secPlan .boxTit .tit{
    font-size: 20px;
    line-height: 1.5;
    width: calc(100% - 100px);
}
.secPlan .boxTit .num,
.secPlan .boxTit .tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* boxImg */
.secPlan .boxImg{
    position: relative;
    width: 100%;
    border: 1px solid var(--textColor);
    border-top: none;
}
.secPlan .boxImgCover{
    text-align: center;
    width: 100%;
    padding: 48px 43px;
}
.secPlan .boxImgCover .imgList{
    display: flex;
    align-items: center;
    gap: 10px;
}
.secPlan .boxImgCover .img{
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 62.208%;
    margin: 0 auto;
}
.secPlan .boxImgCover .img:only-child{
    width: 100%;
}
.secPlan .boxImgCover img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
/* boxMember */
.secPlan .boxMember{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.75);
    padding-bottom: 5rem;
}
.secPlan .boxMemberTit{
    color: var(--whiteColor);
    text-align: center;
}
.secPlan .boxMemberTit .tit{
    font-size: 35px;
    line-height: 2;
    letter-spacing: 0.2em;
}
.secPlan .boxMemberTit .txt{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.2em;
}
/* boxList */
.secPlan .boxList{
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-top: 6rem;
}
.secPlan .boxList .item{
    width: 36%;
}
.secPlan .boxList .memberBtn{
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    letter-spacing: 0.05em;
}
.secPlan .boxList .isLogin{
    background-color: var(--whiteColor);
}
.secPlan .boxList .isMember{
    background-color: var(--btnColor);
    color: var(--whiteColor);
}
.secPlan .boxList .titBtn{
    font-size: 13px;
}
.secPlan .boxList .txtBtn{
    font-size: 17px;
    margin-top: 5px;
}
/* boxSwiperBtn */
.secPlan .boxSwiperBtn{
    margin-top: 0;
}
.secPlan .boxSwiperBtn .swiper-button-prev,
.secPlan .boxSwiperBtn .swiper-button-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--whiteColor);
    border: 1px solid var(--swiper_btnColor);
}
.secPlan .boxSwiperBtn .swiper-button-prev::after,
.secPlan .boxSwiperBtn .swiper-button-next::after {
    border-color: var(--swiper_btnColor);
}
.secPlan .boxSwiperBtn .swiper-button-prev{
    left: -100px;
}
.secPlan .boxSwiperBtn .swiper-button-next{
    right: -100px;
}
/* disabled */
.secPlan .disabled .swiper{
    width: 1576px;
    max-width: calc(100% - 100px);
    margin: 0 auto;
}
.secPlan .disabled .swiper-wrapper{
    gap: 180px;
}
.secPlan .disabled .swiper-slide{
    width: calc((100% - 180px) / 2);
}
/* boxLink */
.secPlan .boxLink{
    width: 1000px;
    margin: 0 auto;
}
.secPlan .boxLink .boxList{
    margin-top: 10rem;
    justify-content: space-between;
}
.secPlan .boxLink .item{
    width: 46.8%;
}
.secPlan .boxLink .isMember{
    border-color: var(--btnColor);
}
@media only screen and (max-width:767px){
    .secPlan{
        margin-top: 80px;
    }
    .secPlan .boxHead{
        padding: 17px 0;
    }
    .secPlan.lazyloaded .boxHead {
        background-image: url(../img/index_new/bgPlan_sp.jpg);
    }
    .secPlan .boxHead .imgTit {
        width: 65.07%;
        margin: 0 auto;
    }
    /* boxSlider */
    .secPlan .boxSlider{
        margin-top: 30px;
    }
    .secPlan .swiper{
        width: 92%;
        margin: 0 auto;
    }
    /* boxTit */
    .secPlan .boxTit{
        letter-spacing: 0.05em;
        padding: 6px 20px 6px 10px;
    }
    .secPlan .boxTit .num{
        font-size: 20px;
        width: 50px;
        padding-right: 10px;
    }
    .secPlan .boxTit .num:after{
        height: calc(100% - 5px);
    }
    .secPlan .boxTit .tit{
        font-size: 14px;
        line-height: 1.3;
        width: calc(100% - 20%);
        white-space: normal;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        max-height: 60px;
    }
    /* boxImg */
    .secPlan .boxImgCover{
        padding: 21px;
    }
    /* boxMember */
    .secPlan .boxMember{
        padding-bottom: 1rem;
    }
    .secPlan .boxMemberTit .tit{
        font-size: 20px;
    }
    .secPlan .boxMemberTit .txt{
        font-size: 13px;
        line-height: 1.6;
    }
    /* boxList */
    .secPlan .boxList{
        gap: 10px;
        margin-top: 2rem;
    }
    .secPlan .boxList .item{
        width: 45%;
    }
    .secPlan .boxList .memberBtn{
        height: 51px;
    }
    .secPlan .boxList .titBtn{
        font-size: 12px;
    }
    .secPlan .boxList .txtBtn{
        font-size: 14px;
        margin-top: 5px;
    }
    /* boxSwiperBtn */
    .secPlan .boxSwiperBtn .swiper-button-prev,
    .secPlan .boxSwiperBtn .swiper-button-next {
        position: absolute;
        top: -20px;
    }
    .secPlan .boxSwiperBtn .swiper-button-prev{
        left: -5px;
    }
    .secPlan .boxSwiperBtn .swiper-button-next{
        right: -5px;
    }
    /* disabled */
    .secPlan .disabled .swiper{
        width: 92%;
        max-width: 100%;
    }
    .secPlan .disabled .swiper-wrapper{
        gap: 0;
    }
    .secPlan .disabled .swiper-slide{
        width: 100%;
    }
    /* boxLink */
    .secPlan .boxLink{
        width: 92%;
    }
    .secPlan .boxLink .boxList{
        margin-top: 4rem;
        flex-direction: column;
        gap: 25px;
    }
    .secPlan .boxLink .item{
        width: 100%;
    }
}

/*-----------------------------------------------
	secModel
-----------------------------------------------*/
.secModel{
    position: relative;
    margin-top: 185px;
}
.secModel::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: -160px;
    right: 0;
    width: 198px;
    height: 323px;
}
.secModel.lazyloaded::before{
    background-image: url(../img/index_new/iconModel.png);
}
/* boxCmnTit */
.secModel .boxCmnTit .txtJp{
    font-size: 17px;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-top: 50px;
}
/* boxModel */
.secModel .boxModel{
    margin-top: 50px;
    width: 100%;
}
.secModel .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 60px 1.8%;
}
.secModel .boxList .item{
    width: 32.113%;
}
.secModel .boxList .itemInner{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.secModel .boxList .boxTit{
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% - 8px);
    height: 100%;
    margin: 10px 0 0 auto;
    line-height: 2;
    letter-spacing: 0.05em;
}
.secModel .boxList .boxTit:before,
.secModel .boxList .boxTit:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--textColor);
}
.secModel .boxList .boxTit:before{
    border-radius: 100%;
    background-color: var(--whiteColor);
}
.secModel .boxList .boxTit::after{
    bottom: 11px;
    right: 13px;
    width: 7px;
    height: 7px;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}
.secModel .boxList .tit{
    font-size: 20px;
}
.secModel .boxList .txt,
.secModel .boxList .txtAddress{
    font-size: 15px;
    margin-top: -3px;
}
.secModel .boxList .txtAddress{
    position: relative;
    padding-left: 26px;
    margin-top: 3px;
}
.secModel .boxList .txtAddress:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: cover;
}
.secModel.lazyloaded .boxList .txtAddress:before{
    background-image: url(../img/index_new/iconMap.png);
}
@media only screen and (max-width:767px){
    .secModel{
        margin-top: 63px;
    }
    .secModel::before{
        top: -40px;
        width: 81px;
        height: 140px;
        background-size: cover;
    }
    .secModel.lazyloaded::before{
        background-image: url(../img/index_new/iconModel_sp.png);
    }
    /* boxCmnTit */
    .secModel .boxCmnTit .txtJp{
        font-size: 14px;
        line-height: 1.6;
        margin-top: 30px;
    }
    /* boxModel */
    .secModel .boxModel{
        margin-top: 30px;
    }
    .secModel .boxList{
        justify-content: space-between;
        gap: 30px 0;
    }
    .secModel .boxList .item{
        width: 48.41%;
    }
    .secModel .boxList .boxTit{
        width: 100%;
        margin: 2px auto 0;
        padding-bottom: 30px;
    }
    .secModel .boxList .boxTit:before,
    .secModel .boxList .boxTit::after{
        left: 0;
    }
    .secModel .boxList .boxTit:before{
        width: 25px;
        height: 25px;
    }
    .secModel .boxList .boxTit::after{
        bottom: 10px;
        right: 3px;
        width: 5px;
        height: 5px;
    }
    .secModel .boxList .tit{
        font-size: 15px;
    }
    .secModel .boxList .txt,
    .secModel .boxList .txtAddress{
        font-size: 12px;
        line-height: 1.5;
        margin-top: 2px;
    }
    .secModel .boxList .txtAddress{
        font-size: 11px;
        padding-left: 14px;
        margin-top: 7px;
    }
    .secModel .boxList .txtAddress:before{
        bottom: auto;
        width: 10px;
        height: 12px;
    }
    .secModel .boxCmnBtn {
        margin-top: 34px;
    }
}

/*-----------------------------------------------
	secLinkBnr
-----------------------------------------------*/
.secLinkBnr{
    margin-top: 200px;
}
.secLinkBnr .boxList{
    display: flex;
    justify-content: space-between;
}
.secLinkBnr .item{
    width: 46.691%;
}
@media only screen and (max-width:767px){
    .secLinkBnr{
        margin-top: 80px;
    }
    .secLinkBnr .boxList{
        flex-direction: column;
        gap: 30px;
    }
    .secLinkBnr .item{
        width: 100%;
    }
}

/*-----------------------------------------------
	secSns
-----------------------------------------------*/
.secSns{
    position: relative;
    margin-top: 200px;
}
.secSns::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: -25%;
    left: 0;
    width: 143px;
    height: 202px;
    background-repeat: no-repeat;
}
.secSns.lazyloaded::before{
    background-image: url(../img/index_new/iconEvent.png);
}
/* boxListSns */
.secSns .boxListSns{
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}
/* boxTitSns */
.secSns .boxTitSns{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.secSns .boxTitSns .tit{
    position: relative;
    font-size: 28px;
    line-height: 2.15;
    letter-spacing: 0.05em;
    padding-left: 80px;
}
.secSns .boxTitSns .tit:before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
}
.secSns .boxTitInsta .tit:before{
    background-image: url(../img/index_new/iconInsta.png);
}
.secSns .boxTitYoutube .tit:before{
    background-image: url(../img/index_new/iconYoutube.png);
}
.secSns .boxTitSns .link{
    position: relative;
    font-size: 17px;
    letter-spacing: 0.07em;
    line-height: 2;
    text-align: left;
    width: 130px;
    padding: 0 0 5px 10px;
}
.secSns .boxTitSns .link:before,
.secSns .boxTitSns .link::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: var(--textColor);
}
.secSns .boxTitSns .link::after{
    right: -1px;
    bottom: 5px;
    width: 15px;
    transform: rotate(45deg);
}
.secSns .boxTitSns .txt{
    font-size: 17px;
    letter-spacing: 0.07em;
    line-height: 2;
    width: 100%;
}
/* boxListInsta */
.secSns .boxListInsta{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 2.8%;
}
.secSns .boxListInsta .itemInsta{
    width: 17.747%;
}
.secSns .boxListInsta .itemInsta:nth-child(n+6){
    display: none;
}
.secSns .boxListInsta .itemInner{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 133.334%;
}
/* boxListYoutube */
.secSns .boxListYoutube{
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}
.secSns .boxListYoutube .movie{
    display: block;
    width: 100%;
}
.secSns .boxListYoutube .img{
    width: 100%;
    height: 0;
}
.secSns .boxListYoutube .listMovie{
    display: flex;
    flex-wrap: wrap;
}
.secSns .boxListYoutube .boxYoutube {
    position: relative;
    width: 100%;
}
.secSns .boxListYoutube .img:after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 57px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}
.secSns .boxListYoutube.lazyloaded .img:after {
    background-image: url(../img/index_new/iconMovie.png);
}
/* leftYoutube */
.secSns .leftYoutube{
    width: 30.987%;
}
.secSns .leftYoutube .listMovie{
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}
.secSns .leftYoutube .img{
    padding-bottom: 56.367%;
}
/* rightYoutube */
.secSns .rightYoutube{
    width: 66.199%;
}
.secSns .rightYoutube .listMovie{
    gap: 3%;
}
.secSns .rightYoutube .boxYoutube {
    width: 31.278%;
}
.secSns .rightYoutube .img{
    padding-bottom: 178.235%;
}
@media only screen and (max-width:767px){
    .secSns{
        margin-top: 70px;
    }
    .secSns::before{
        display: none;
    }
    /* boxListSns */
    .secSns .boxListSns{
        margin-top: 35px;
        gap: 40px;
    }
    /* boxTitSns */
    .secSns .boxTitSns{
        gap: 17px;
    }
    .secSns .boxTitSns .tit{
        font-size: 17px;
        line-height: 2.15;
        padding-left: 40px;
    }
    .secSns .boxTitSns .tit:before{
        width: 30px;
        height: 30px;
    }
    .secSns .boxTitSns .link{
        font-size: 14px;
        line-height: 1.3;
        width: 100px;
        padding: 0 0 5px 7px;
    }
    .secSns .boxTitSns .link::after{
        right: -1px;
        bottom: 5px;
        width: 15px;
        transform: rotate(45deg);
    }
    .secSns .boxTitSns .txt{
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.6;
    }
    /* boxListInsta */
    .secSns .boxListInsta{
        margin-top: 30px;
        justify-content: flex-start;
        gap: 8px 2.5%;
    }
    .secSns .boxListInsta .itemInsta{
        width: 31.598%;
    }
    .secSns .boxListInsta .itemInsta:nth-child(n+6){
        display: block;
    }
    /* boxListYoutube */
    .secSns .boxListYoutube{
        margin-top: 30px;
        gap: 17px;
    }
    .secSns .boxListYoutube .img:after {
        width: 25px;
        height: 18px;
    }
    /* leftYoutube */
    .secSns .leftYoutube{
        width: 56.812%;
    }
    .secSns .leftYoutube:only-child{
        margin: 0 auto;
    }
    .secSns .leftYoutube .listMovie{
        gap: 10px;
    }
    .secSns .leftYoutube .img{
        padding-bottom: 56.13%;
    }
    /* rightYoutube */
    .secSns .rightYoutube{
        width: 37.685%;
    }
    .secSns .rightYoutube:only-child {
        margin: 0 auto;
    }
    .secSns .rightYoutube .listMovie{
        gap: 0;
    }
    .secSns .rightYoutube .boxYoutube {
        width: 100%;
    }
    .secSns .rightYoutube .boxYoutube:nth-child(n+2){
        display: none;
    }
    .secSns .rightYoutube .img{
        padding-bottom: 178.47%;
    }
}
/*-----------------------------------------------
    youtube_popup
-----------------------------------------------*/
#youtube_popup{
    display: none;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
}
#youtube_popup .popupContainer{
    display: table;
    width: 100%;
    height: 100%;
}
#youtube_popup .popupContents{
    display: table-cell;
    vertical-align: middle;
}
#youtube_popup .popupMain{
    padding: 30px;
}
@media only screen and (max-width:1215px){
    #youtube_popup .popupMain{
        width: 100%;
        margin: 0 auto;
        padding: 15px;
    }
}

/* secPopup */
#youtube_popup .popup{
    margin: 0 auto;
    position: relative;
}
#youtube_popup .btnClose{
    width: 30px;
    height: 30px;
    background: #000;
    border: 2px solid #fff;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 9999;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 100%;
}
#youtube_popup .boxYouTube{
    position: relative;
    background: #000;
}
#youtube_popup .boxYouTube iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width:767px){
    #youtube_popup .btnClose{
        width: 20px;
        height: 20px;
        top: -10px;
        right: -10px;
        font-size: 10px;
    }
}

/*-----------------------------------------------
    secTopics
-----------------------------------------------*/
.secTopics{
    margin-top: 170px;
}
/* boxTopics */
.secTopics .boxTopics{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 65px;
}
/* secTopicsTab */
.secTopics .secTopicsTab{
    width: 175px;
}
.secTopics .secTopicsTab .item{
    width: 100%;
}
.secTopics .secTopicsTab .topicsTabBtn{
    position: relative;
    width: 100%;
    font-size: 17px;
    line-height: 2;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #A6A5A5;
}
.secTopics .secTopicsTab .active{
    padding-left: 18px;
}
.secTopics .secTopicsTab .active::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 9px;
    background-color: var(--greenColor);
    border-radius: 100%;
}
/* secTopicsTabContainer */
.secTopics .secTopicsTabContainer{
    width: 82.395%;
}
.secTopics .secTopicsTabContents:not(.active){
    display: none;
}
.secTopics .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 2.8%;
}
.secTopics .item{
    width: 100%;
}
.secTopics .itemInner{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    border-bottom: 1px solid #A6A5A5;
}
.secTopics .itemInner:before,
.secTopics .itemInner:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--textColor);
}
.secTopics .itemInner:before{
    border-radius: 100%;
    background-color: var(--whiteColor);
}
.secTopics .itemInner::after{
    bottom: 1px;
    right: 13px;
    width: 7px;
    height: 7px;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}
/* boxImg */
.secTopics .itemInner .boxImg{
    width: 12.821%;
}
.secTopics .itemInner .img{
    width: 100%;
    height: 0;
    padding-bottom: 66.67%;
}
/* boxTit */
.secTopics .itemInner .boxTit{
    width: calc(100% - 17%);
    padding-right: 50px;
}
.secTopics .itemInner .boxInfo{
    display: flex;
    align-items: center;
    gap: 15px;
}
.secTopics .itemInner .txt{
    color: #A6A5A5;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    width: 90px;
}
.secTopics .itemInner .txtTag{
    padding: 0 3px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--whiteColor);
}
.secTopics .itemInner .isNew{
    background-color: var(--greenColor);
}
.secTopics .itemInner .isPress{
    background-color: #73A3D2;
}
.secTopics .itemInner .isMedia{
    background-color: #CDB389;
}
.secTopics .itemInner .tit{
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width:767px){
    .secTopics{
        position: relative;
        margin-top: 60px;
    }
    .secTopics::before{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: -40px;
        right: 0;
        width: 81px;
        height: 140px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .secTopics.lazyloaded::before{
        background-image: url(../img/index_new/iconModel_sp.png);
    }
    /* boxTopics */
    .secTopics .boxTopics{
        flex-direction: column;
        margin-top: 30px;
    }
    /* boxTopicsSelect */
    .secTopics .boxTopicsSelect{
        position: relative;
        width: 100%;
    }
    .secTopics .boxTopicsSelect::before{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        top: 0;
        bottom: 1px;
        right: 15px;
        width: 7px;
        height: 7px;
        border: 1px solid var(--textColor);
        border-bottom: none;
        border-left: none;
        transform: rotate(135deg);
    }
    .secTopics .boxTopicsSelect select{
        width: 100%;
        height: 36px;
        padding: 5px 25px;
        text-align: center;
        text-align-last: center;
        background: #F6F6F6;
        border: 1px solid #DFDFDF;
        transition: 0.3s;
        -webkit-appearance: none;
        appearance: none;
        outline: none;
        font-size: 14px;
        font-family: inherit;
        color: #000;
    }
    /* secTopicsTab */
    .secTopics .secTopicsTab{
        display: none;
    }
    /* secTopicsTabContainer */
    .secTopics .secTopicsTabContainer{
        width: 100%;
        margin-top: 20px;
    }
    .secTopics .itemInner{
        padding: 15px 0;
    }
    .secTopics .itemInner:before{
        width: 25px;
        height: 25px;
    }
    .secTopics .itemInner::after{
        right: 11px;
        width: 5px;
        height: 5px;
    }
    /* boxImg */
    .secTopics .itemInner .boxImg{
        width: 30.435%;
    }
    /* boxTit */
    .secTopics .itemInner .boxTit{
        width: calc(100% - 35%);
        padding-right: 35px;
    }
    .secTopics .itemInner .boxInfo{
        gap: 10px;
    }
    .secTopics .itemInner .txt{
        font-size: 12px;
        width: 63px;
    }
    .secTopics .itemInner .txtTag{
        padding: 3px 3px 0;
        font-size: 12px;
        line-height: 1.4;
    }
    .secTopics .itemInner .tit{
        font-size: 13px;
        line-height: 1.6;
        letter-spacing: 0;
        margin-top: 5px;
        white-space: normal;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        max-height: 60px;
    }
    .secTopics .boxCmnBtn{
        margin-top: 40px;
    }
}

/*-----------------------------------------------
    secAbout
-----------------------------------------------*/
.secAbout{
    margin-top: 200px;
    padding: 166px 0 171px;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secAbout.lazyloaded {
    background-image: url(../img/index_new/bgAbout.jpg);
}
/* boxImg */
.secAbout .boxImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 36.823%;
    height: 100%;
}
.secAbout .boxImg img{
    width: auto;
    height: 100%;
}
/* boxList */
.secAbout .boxList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 55.846%;
    margin-top: 65px;
}
.secAbout .boxList .item {
    width: 45.524%;
}
.secAbout .boxList .itemInner {
    position: relative;
    width: 100%;
    padding: 50px 0 40px 82px;
    border-top: 1px solid #A6A5A5;
    display: block;
}
.secAbout .boxList .itemInner:before {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 62px;
    height: 62px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.secAbout .boxList.lazyloaded .item01:before {
    background-image: url(../img/index_new/iconAbout01.png);
}
.secAbout .boxList.lazyloaded .item02:before {
    background-image: url(../img/index_new/iconAbout02.png);
}
.secAbout .boxList.lazyloaded .item03:before {
    background-image: url(../img/index_new/iconAbout03.png);
}
.secAbout .boxList.lazyloaded .item04:before {
    background-image: url(../img/index_new/iconAbout04.png);
}
.secAbout .boxList.lazyloaded .item05:before {
    background-image: url(../img/index_new/iconAbout05.png);
}
.secAbout .boxList.lazyloaded .item06:before {
    background-image: url(../img/index_new/iconAbout06.png);
}
.secAbout .boxList .boxTxt{
    position: relative;
}
.secAbout .boxList .boxTxt:before,
.secAbout .boxList .boxTxt:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid var(--textColor);
}
.secAbout .boxList .boxTxt:before{
    border-radius: 100%;
}
.secAbout .boxList .boxTxt::after{
    bottom: 1px;
    right: 13px;
    width: 7px;
    height: 7px;
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}
.secAbout .boxList .txtJp{
    font-size: 20px;
    line-height: 1.5;
}
.secAbout .boxList .txtEng{
    font-size: 18px;
    line-height: 1.5;
}
@media only screen and (max-width:767px){
    .secAbout{
        margin-top: 80px;
        padding: 65px 0 0;
    }
    .secAbout.lazyloaded {
        background-image: url(../img/index_new/bgAbout_sp.jpg);
    }
    /* boxImg */
    .secAbout .boxImg {
        position: static;
        width: 100vw;
        margin: 10px calc(50% - 50vw) 0;
    }
    .secAbout .boxImg img{
        width: 100%;
        height: auto;
    }
    /* boxList */
    .secAbout .boxList {
        width: 100%;
        margin-top: 30px;
    }
    .secAbout .boxList .item {
        width: 100%;
    }
    .secAbout .boxList .itemInner {
        padding: 16px 0 15px 70px;
    }
    .secAbout .boxList .itemInner:before {
        left: 22px;
        width: 38px;
        height: 38px;
    }
    .secAbout .boxList .boxTxt:before{
        right: 22px;
        width: 25px;
        height: 25px;
    }
    .secAbout .boxList .boxTxt::after{
        right: 33px;
        width: 5px;
        height: 5px;
    }
    .secAbout .boxList .txtJp{
        font-size: 14px;
    }
    .secAbout .boxList .txtEng{
        font-size: 12px;
    }
}
/*-----------------------------------------------
    secBlog
-----------------------------------------------*/
.secBlog{
    margin-top: 200px;
}
/* boxBlog */
.secBlog .boxBlog{
    width: 100%;
    margin-top: 80px;
}
.secBlog .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 3.2%;
}
.secBlog .boxList .item{
    width: 22.536%;
    margin: 0;
}
.secBlog .boxList .itemInner{
    width: 100%;
}
/* boxImg */
.secBlog .boxList .img{
    padding-top: 68.75%;
}
.secBlog .slideInner .icon {
    top: -29px;
}
.secBlog .slideInner .txtIcon {
    width: 57px;
    height: 57px;
    font-size: 14px;
}
/* boxTit */
.secBlog .boxList .boxBlogTit{
    margin-top: 10px;
    height: 100%;
}
.secBlog .boxList .tit{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: 60px;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 10px;
}
/* boxInfo */
.secBlog .boxList .boxInfo{
    margin-top: 5px;
}
.secBlog .boxList .txt{
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width:767px){
    .secBlog{
        margin-top: 40px;
    }
    /* boxBlog */
    .secBlog .boxBlog{
        margin-top: 40px;
    }
    .secBlog .boxList{
        justify-content: space-between;
        gap: 11px 0;
    }
    .secBlog .boxList .item{
        width: 48.41%;
    }
    /* boxImg */
    .secBlog .boxList .img{
        padding-top: 67.07%;
    }
    .secBlog .slideInner .icon {
        top: -16px;
        left: 5px;
    }
    .secBlog .slideInner .txtIcon {
        width: 36px;
        height: 36px;
        font-size: 10px;
    }
    /* boxTit */
    .secBlog .boxList .boxBlogTit{
        margin-top: 10px;
    }
    .secBlog .boxList .tit{
        -webkit-line-clamp: 3;
        line-clamp: 3;
        max-height: 60px;
        font-size: 13px;
        line-height: 1.6;
        margin-top: 5px;
    }
    /* boxInfo */
    .secBlog .boxList .boxInfo{
        margin-top: 0;
    }
    .secBlog .boxList .txt{
        font-size: 12px;
    }
    .secBlog .boxSliderArrow .border {
        width: 79%;
    }
    /* boxCmnBtn */
    .secBlog .boxCmnBtn{
        margin-top: 45px;
    }
}

/*-----------------------------------------------
    secFaq
-----------------------------------------------*/
.secFaq{
    position: relative;
    margin-top: 170px;
}
.secFaq::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 15%;
    bottom: 0;
    left: 0;
    width: 193px;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}
.secFaq.lazyloaded::before{
    background-image: url(../img/index_new/icoFaq.png);
}
/* boxCmnTit */
.secFaq .boxCmnTit .titJp{
    margin-top: 18px;
}
/* boxFaq */
.secFaq .boxFaq{
    margin-top: 50px;
}
.secFaq .boxList{
    display: flex;
    flex-wrap: wrap;
}
.secFaq .boxList .item{
    width: 100%;
    border-bottom: 1px solid #A6A5A5;
}
.secFaq .txtQuestion{
    position: relative;
    font-size: 20px;
    padding: 30px 0;
}
.secFaq .txtQuestion:before,
.secFaq .txtQuestion:after{
    content: "";
    background: #00603c;
    width: 18px;
    height: 2px;
    position: absolute;
    right: 30px;
    top: calc(50% - 1px);
    display: block;
    transition: all 0.4s ease;
}
.secFaq .txtQuestion:after{
    transform: rotate(90deg);
}
.secFaq .txtQuestion.linkOn:after{
    transform: rotate(360deg);
}
.secFaq .boxList span{
    display: inline-block;
}
.secFaq .boxList .txtEng,
.secFaq .boxList .fGreen{
    color: var(--greenColor);
}
.secFaq .boxList .txtEng{
    margin-right: 5px;
    vertical-align: 2px;
}
.secFaq .txtAns{
    font-size: 15px;
    line-height: 1.5;
    margin: 10px 0 30px;
}
.secFaq .item:not(:first-child) .txtAns{
    display: none;
}
/* btnLink */
.secFaq .btnLink{
    height: auto;
    border-radius: 25px;
    border: 1px solid #333;
    background: #fff;
    display: inline-block;
    font-size: 15px;
    position: relative;
    margin: 18px 0 0 0;
    padding: 12px 50px 10px 25px;
}
.secFaq .arrow{
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 11px;
    right: 29px;
    top: calc(50% - 2px);
    transform: translateY(-50%);
}
.secFaq .arrow::before,
.secFaq .arrow::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8.7px;
    height: 2px;
    border-radius: 9999px;
    background-color: #333333;
    transform-origin: calc(100% - 1px) 50%;
}
.secFaq .arrow::before{
    transform: rotate(42deg);
}
.secFaq .arrow::after{
    transform: rotate(-42deg);
}
@media only screen and (max-width:767px){
    .secFaq{
        margin-top: 70px;
    }
    .secFaq::before{
        top: -40px;
        bottom: auto;
        left: auto;
        right: 0;
        width: 81px;
        height: 140px;
    }
    .secFaq.lazyloaded::before{
        background-image: url(../img/index_new/iconModel_sp.png);
    }
    /* boxCmnTit */
    .secFaq .boxCmnTit .titJp{
        margin-top: 3px;
    }
    /* boxFaq */
    .secFaq .boxFaq{
        margin-top: 30px;
    }
    .secFaq .txtQuestion{
        display: flex;
        font-size: 15px;
        line-height: 1.6;
        padding: 20px 0;
    }
    .secFaq .txtQuestion .txtJp{
        max-width: 87%;
    }
    .secFaq .txtQuestion:before,
    .secFaq .txtQuestion:after{
        width: 17px;
        height: 1px;
        right: 0;
    }
    .secFaq .boxList .txtEng{
        margin-right: 5px;
        vertical-align: 2px;
    }
    .secFaq .txtAns{
        font-size: 12px;
        line-height: 1.6;
        margin: -5px 0 10px;
    }
    /* boxCmnBtn */
    .secFaq .boxCmnBtn{
        margin-top: 40px;
    }
}

/*-----------------------------------------------
    secConcept
-----------------------------------------------*/
.secConcept{
    margin-top: 200px;
    position: relative;
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
.secConcept.lazyloaded {
    background-image: url(../img/index_new/bgConcept.jpg);
}
.secConcept .tit {
    padding-left: 15%;
    font-size: var(--pcFontSize30);
    letter-spacing: 0.31em;
    line-height: 2;
    writing-mode: vertical-rl;
    text-orientation: upright;
}
@media only screen and (max-width:1660px){
    .secConcept .tit {
        padding-left: 20%;
    }
}
@media only screen and (max-width:767px){
    .secConcept{
        margin-top: 80px;
        padding: 58% 0 1.5% 0;
        background-size: contain;
        background-position: unset;
        z-index: 0;
    }
    .secConcept.lazyloaded {
        background-image: url(../img/index_new/bgConcept_sp.jpg);
    }
    .secConcept:after{
        position: absolute;
        content: '';
        margin: auto;
        display: block;
        bottom: 0;
        right: 0;
        width: 88px;
        height: 107px;
        background-size: 88px;
        background-position: top right;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .secConcept.lazyloaded:after{
        background-image: url(../img/index_new/iconConcept_sp.png);
    }
    .secConcept .tit {
        padding: 0 6.5% 0 0;
        font-size: 18px;
        letter-spacing: 0.3em;
        line-height: 1.8;
        margin: 0 0 0 auto;
    }
}

/*-----------------------------------------------
    secSitemap
-----------------------------------------------*/
.secSitemap{
    position: relative;
    margin-top: 200px;
    padding: 200px 0;
    background: #FCFCFA;
    background: linear-gradient(90deg, rgba(252, 252, 250, 1) 0%, rgba(239, 235, 231, 1) 100%);
    z-index: 1;
}
.secSitemap:after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    bottom: 0;
    left: 0;
    width: 265px;
    height: 375px;
    background-size: 265px;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: -1;
}
.secSitemap.lazyloaded:after{
    background-image: url(../img/index_new/iconSitemap.png);
}
/* boxBlog */
.secSitemap .boxSitemap{
    width: 100%;
}
.secSitemap .boxList{
    display: flex;
    flex-wrap: wrap;
    gap: 42px 1.7%;
}
.secSitemap .boxList .item{
    width: 23.667%;
    margin: 0;
}
.secSitemap .boxList .itemInner{
    width: 100%;
}
.secSitemap .slideInner .boxSliderArrow:before {
    background-color: inherit;
}
/* boxImg */
.secSitemap .boxList .img{
    padding-top: 75%;
}
/* boxTit */
.secSitemap .boxList .boxBlogTit{
    margin-top: 10px;
}
.secSitemap .boxList .txtEng{
    font-size: 35px;
    white-space: nowrap;
}
.secSitemap .boxList .tit{
    font-size: 15px;
    margin-top: 10px;
}
@media only screen and (max-width:767px){
	.secSitemap{
        margin-top: 80px;
        padding: 80px 0;
	}
    .secSitemap:after{
        display: none;
    }
    /* boxBlog */
    .secSitemap .boxSitemap{
        width: 100%;
    }
    .secSitemap .boxList{
        gap: 19px 0;
        justify-content: space-between;
    }
    .secSitemap .boxList .item{
        width: 47%;
    }
    /* boxImg */
    .secSitemap .boxList .img{
        padding-top: 75.3%;
    }
    /* boxTit */
    .secSitemap .boxList .boxBlogTit{
        margin-top: 7px;
        padding-bottom: 25px;
    }
    .secSitemap .boxList .txtEng{
        font-size: 20px;
        white-space: normal;
    }
    .secSitemap .boxList .tit{
        font-size: 12px;
        margin-top: 7px;
    }
    .secSitemap .boxSliderArrow .border {
        width: 76%;
    }
}

/*-----------------------------------------------
    secNoListData
-----------------------------------------------*/
.secNoListData{
	text-align:center;
	padding: 50px 0;
	font-size:16px;
	line-height: 2;
}
@media only screen and (max-width:767px){
	.secNoListData{
		padding: 30px 0;
        font-size: 13px;
	}
}