@charset "utf-8";

/*-----------------------------------------------
    index
-----------------------------------------------*/
#footer{
    margin-top: 0;
}
@media only screen and (max-width:1215px){
    #footer{
        padding-bottom: calc(6rem + 9rem + 10rem);
    }
    body:has(#eventPickup.close) #footer{
        padding-bottom: calc(6rem + 9rem);
    }
}

/* secHero */
.secHero{
    width: 100%;
    height: 105rem;
    position: relative;
    overflow: hidden;
}
.secHero .heroBg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.secHero .herobgInner{
    position: relative;
    height: 100%;
}
.secHero .herobgInner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgba(0,0,0,0.30196) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgba(0,0,0,0.30196) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.10196) 0%, rgba(0,0,0,0.30196) 100%);
}
.secHero .herolist{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-items: flex-start;
}
.secHero .heroitem{
    width: calc(100% / 3);
    height: calc(100% / 3);
}
.secHero .heroitem .h_imgbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.secHero .heroitem .h_imgbox .imgBox{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}
.secHero .heroitem .h_imgbox .imgBox.isActive{
    opacity: 1;
}
.secHero .inner{
    width: 100%;
    padding: 0 17rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}
.secHero .herocontent{
    display: inline-block;
    width: 100%;
    text-align: left;
    color: var(--whiteColor);
    padding-bottom: 7rem;
}
.secHero .engbox{
    width: 100%;
    text-align: left;
}
.secHero .engbox .engtitbox{
    position: relative;
}
.secHero .engbox .engtitbox + .engtitbox{
    margin-top: 4rem;
}
.secHero .engtit{
    font-size: var(--pcFontSize200);
    font-weight: 800;
    letter-spacing: var(--pcLetterSpacing200_75);
}
.secHero .imgsubtit{
    position: absolute;
    width:45rem;
    left: calc(0% - 12.1rem);
    top: calc(0% - 10.2rem);
}
.secHero .titJpn{
    font-size: var(--pcFontSize35);
    line-height: var(--pcLineHeight35_45);
    font-weight: bold;
    margin-top: 2.2rem;
    letter-spacing: var(--pcLetterSpacing35_50);
}
.secHero .txtsub{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_30);
    margin-top: 3.3rem;
}
@media only screen and (min-width:1921px){
    .secHero{
        height: calc(1050 / 1920 * 100vw);
    }
}
@media only screen and (min-width:1216px){
    .secHero .txtsub{
        font-weight: bold;
    }
}
@media only screen and (max-width:1215px){
    .secHero{
        height:auto;
        padding-top: 18.1rem;
        padding-bottom: calc(4rem + 15.6rem);
    }
    .secHero .herobgInner{
        position: relative;
        height: 100%;
    }
    .secHero .herobgInner::after{
        background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(0,0,0,0.25098) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(0,0,0,0.25098) 100%);
        background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.50196) 0%, rgba(0,0,0,0.25098) 100%);
    }
    .secHero .inner{
        padding: 0 2rem;
        height: auto;
        display: block;
    }
    .secHero .herocontent{
        display: block;
        padding-bottom: 0;
    }
    .secHero .engbox .engtitbox + .engtitbox{
        margin-top: 2.1rem;
    }
    .secHero .engtit{
        font-size: var(--spFontSize66);
    }
    .secHero .imgsubtit{
        width: 12.9rem;
        left: calc(0% - 2.1rem);
        top: calc(0% - 3.4rem);
    }
    .secHero .titJpn{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_32);
        margin-top: 0.8rem;
        letter-spacing: 0;
    }
    .secHero .txtsub{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        margin-top: 0.9rem;
    }
}
@media only screen and (max-width:767px){
    .secHero .heroitem{
        width: calc(100% / 2);
        height: auto;
    }
    .secHero .heroitem:nth-child(2n){
        margin-top: calc(0% - (105 / 375 * 100%));
    }
    .secHero .heroitem .h_imgbox{
        height: 0;
        padding-top: calc(410 / 375 * 100%);
    }
}
@media only screen and (max-width:374px){
    .secHero .heroitem .h_imgbox{
        padding-top: 18rem;
    }
}
/* secHeroScroll */
.secHeroScroll{
    position: absolute;
    width: 1rem;
    left: 6.2rem;
    bottom: 0;
    z-index: 10;
}
.secHeroScroll .sInner{
    position: relative;
    padding-bottom: calc(13rem + 0.9rem);
}
.secHeroScroll .s_img{
    width: 1rem;
}
.secHeroScroll .linebox{
    position: absolute;
    width: 1px;
    height: 13rem;
    bottom: 0;
    left: calc(50% - 0.5px);
}
.secHeroScroll .linebox .line01{
    position: absolute;
    z-index: 0;
    width: 1px;
    height: 13rem;
    background: var(--whiteColor_30);
}
.secHeroScroll .linebox .line02{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, var(--whiteColor) 50%, var(--whiteColor_30) 50%);
    background-position: 0 -13rem;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@media only screen and (max-width:1215px){
    .secHeroScroll{
        width: 0.8rem;
        left: auto;
        right: 1.9rem;
    }
    .secHeroScroll .sInner{
        padding-bottom: calc(7rem + 1rem);
    }
    .secHeroScroll .s_img{
        width: 0.8rem;
    }
    .secHeroScroll .linebox{
        height: 7rem;
    }
    .secHeroScroll .linebox .line01{
        height: 7rem;
    }
    .secHeroScroll .linebox .line02{
        background-position: 0 -7rem;
    }
}
@keyframes scrolldown{
    0%{
        background-position: 0 100%;
    }
    75%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 -100%;
    }
}

#main{
    position: relative;
    padding-top: 5.7rem;
    padding-bottom: 17.3rem;
    width: 100%;
    overflow: hidden;
}
#main::after{
    content: "";
    position: absolute;
    width: 132rem;
    height: 132rem;
    right: calc(0% - 35rem);
    top: calc(0% - 34rem);
    background:url(../img/common/imgBgMenu_01.png) center top no-repeat;
    background-size: 100% auto;
}
#main::before{
    content: "";
    position: absolute;
    width: 80.2rem;
    height: 80.2rem;
    left: calc(0% - 31.7rem);
    bottom: calc(0% - 42.5rem);
    background:url(../img/index/imgBgMain_02.png) center top no-repeat;
    background-size: 100% auto;
}
#main .mainInner{
    position: relative;
    z-index: 5;
}
@media only screen and (max-width:1215px){
    #main{
        padding-top: 3.4rem;
        padding-bottom: 6.7rem;
    }
    #main::after{
        width: 54.7rem;
        height: 54.7rem;
        right: calc(0% - 35rem);
        top: calc(0% - 13rem);
    }
    #main::before{
        width: 34.8rem;
        height: 34.8rem;
        left: calc(0% - 10.4rem);
        bottom: calc(0% - 20.4rem);
    }
}
/* secIndexTitle */
.secIndexTitle{
    width: 100%;
    text-align: left;
}
.secIndexTitle .index_engbox{
    width: 100%;
    color: var(--keyColor);
}
.secIndexTitle .index_engtit{
    position: relative;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
    padding-left: calc(4rem + 1.5rem);
}
.secIndexTitle .index_engtit::before{
    content: "";
    position: absolute;
    width: 4rem;
    height: 1px;
    background-color: var(--keyColor);
    left: 0;
    top: calc(50% - 0.5px);
}
/* secIndexTitle */
.secIndexTitle .index_titbox{
    width: 100%;
    text-align: left;
}
.secIndexTitle .titIn{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.secIndexTitle .titIn .titJpn{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_50);
    font-weight: bold;
    padding-top: 1.7rem;
}
.secIndexTitle .numbox{
    position: relative;
    min-width: 4rem;
    height: 3rem;
    display: flex;
    align-items: center;
    border-radius: 4rem;
    background-color: var(--whiteColor);
    width: auto;
    padding: 0.3rem 1rem;
    margin-top: -0.7rem;
}
.secIndexTitle .numbox::after{
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 2rem;
    left: 0.4rem;
    bottom: calc(0% - 0.6rem);
}
.secIndexTitle.lazyloaded .numbox::after{
    background: url(../img/common/imgFkds.png) center top no-repeat;
    background-size: 100% auto;
}
.secIndexTitle .numbox .numIn{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
}
.secIndexTitle .numtxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
    color: var(--keyColor);
}
.secIndexTitle .index_txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_34);
    margin-top: 2.5rem;
}
@media only screen and (min-width:1216px){
    .secIndexTitle .numbox.spbox{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secIndexTitle .index_engbox:has(.numbox){
        display: flex;
        align-items: center;
    }
    .secIndexTitle .index_engtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding-left: calc(2rem + 0.5rem);
    }
    .secIndexTitle .index_engtit::before{
        width: 2rem;
    }
    .secIndexTitle .index_titbox{
        margin-top: 0.6rem;
    }
    .secIndexTitle .titIn{
        display: block;
    }
    .secIndexTitle .titIn .titJpn{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_30);
        padding-top:0;
    }
    .secIndexTitle .numbox{
        min-width: 2.8rem;
        height: 2.2rem;
        border-radius: 4rem;
        padding: 0.2rem 0.5rem;
        margin-top: -2.2rem;
        margin-left: 0.6rem;
    }
    .secIndexTitle .numbox::after{
        width: 1.2rem;
        height: 1.6rem;
        left: 0.2rem;
        bottom: calc(0% - 0.4rem);
    }
    .secIndexTitle .numtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secIndexTitle .index_txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        margin-top: 0.7rem;
    }
    .secIndexTitle .numbox.pcbox{
        display: none;
    }
}
/* secPickUp */
.secPickUp{
    width: 100%;
    overflow: hidden;
}
.secPickUp .sliderBox{
    margin-top: 3.7rem;
    position: relative;
}
.secPickUp .swiper{
    max-width: 129rem;
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}
.secPickUp .linkBox{
    display: block;
    width: 100%;
}
.secPickUp .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(450 / 450 * 100%);
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
}
.secPickUp .swiper-pagination{
    position: static;
    width: 100%;
    margin-top: 2.5rem;
}
.secPickUp .swiper-pagination-bullet{
    opacity: 1;
    width: 1rem;
    height: 1rem;
    background-color: var(--whiteColor);
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    margin-top: 0.5rem!important;
}
.secPickUp .swiper-pagination-bullet-active{
    background-color: var(--keyColor);
    transition-delay: 0.3s;
    transform: scale(1.2);
}
@media only screen and (min-width:1216px){
    .secPickUp .sliderBox.disabled .swiper-slide{
        width: calc((100% - 3rem) / 3);
    }
    .secPickUp .sliderBox.disabled .swiper-slide + .swiper-slide{
        margin-left: 1.5rem;
    }
}
@media only screen and (max-width:1215px){
    .secPickUp{
        width: 100%;
        overflow: hidden;
    }
    .secPickUp .sliderBox{
        margin-top: 1.5rem;
        position: relative;
    }
    .secPickUp .swiper{
        max-width: 100%;
        width: calc(225 / 335 * 100%);
    }
    .secPickUp .imgBox{
        border-radius: 0.5rem;
    }
    .secPickUp .swiper-pagination{
        margin-top: 1.6rem;
    }
    .secPickUp .swiper-pagination-bullet{
        width: 0.7rem;
        height: 0.7rem;
        margin-top: 0.3rem!important;
    }
    .secPickUp .swiper-pagination-bullet-active{
        transform: scale(1.28);
    }
}

/* secEvent */
.secEvent{
    margin-top: 7.6rem;
    position: relative;
    z-index: 5;
}
.secEvent .Inner{position: relative;}
.secEvent .listbox{
    margin-top: 5rem;
}
.secEvent .list{
    display: flex;
}
.secEvent .Item{
    width: calc((100% - 10rem) / 3);
    margin-right: 5rem;
}
.secEvent .linkbox{
    width: 100%;
    height: 100%;
    background-color: var(--whiteColor);
    border-radius: 1rem;
    overflow: hidden;
    display: block;
    position: relative;
    box-shadow: 0 0.3rem 0 0 rgba(0, 0, 0, 0.08);
    z-index: 1;
}
.secEvent .linkInner{
    width: 100%;
}
.secEvent .imgArea{
    width: 100%;
    position: relative;
}
.secEvent .imgArea .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(360 / 540 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secEvent .txtArea{
    width: 100%;
    padding: 6rem 4rem;
    padding-top: 2.4rem;
}
.secEvent .txtInner{
    width: 100%;
}
.secEvent .Onbox{
    width: 100%;
}
.secEvent .onInner{
    display: flex;
    align-items: center;
}
.secEvent .statusArea{
    width: 10rem;
}
.secEvent .statusBox{
    display: flex;
    align-items: center;
    width: 100%;
    height: 3.2rem;
    border: 1px solid;
    border-color: var(--keyColor);
    background-color: var(--whiteColor);
    color: var(--keyColor);
    border-radius: 4rem;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
}
.secEvent .typeEnd .statusBox{
    border-color: var(--textColor_50);
    color: var(--textColor_50);
}
.secEvent .statusInner{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secEvent .tagbox{
    flex: 1;
    max-width: calc(100% - 10rem);
    padding-left:1.5rem;
}
.secEvent .tagtxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    font-weight: bold;
    color: var(--textColor_50);
}
.secEvent .title{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_40);
    font-weight: bold;
    margin-top: 0.6rem;
}
.secEvent .underBox{
    width: 100%;
    position: relative;
    margin-top: 1.8rem;
    padding-top: 2.5rem;
    background-image: linear-gradient(to right, var(--textColor_30), var(--textColor_30) 2px, transparent 2px, transparent 4px);
    background-size: 4px 1px;
    padding-right: calc(4rem + 1rem);
    background-repeat: repeat-x;
}
.secEvent .underBox .underList{
    width: 100%;
}
.secEvent .underBox .u_item{
    width: 100%;
    position: relative;
    padding-left: 3rem;
}
.secEvent .u_item::after{
    content: "";
    position: absolute;
    left: 0;
}
.secEvent.lazyloaded .u_item::after{
    background: url(../img/common/tp.gif) center top no-repeat;
    background-size: 100% auto;
}
.secEvent .u_item.typeDate::after{
    width: 1.8rem;
    height: 2rem;
    top: calc(50% - 1rem);
}
.secEvent.lazyloaded .u_item.typeDate::after{
    background-image: url(../img/common/icon_date.png);
}
.secEvent .u_item.typeAddress::after{
    width: 1.6rem;
    height: 2rem;
    top: calc(50% - 1rem);
}
.secEvent.lazyloaded .u_item.typeAddress::after{
    background-image: url(../img/common/icon_address.png);
}
.secEvent .underBox .u_item + .u_item{
    margin-top: 1.1rem;
}
.secEvent .underBox .u_txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEvent .hoverIconbox{
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    right: 0;
    bottom: 0.5rem;
    border: 1px solid;
    border-color: var(--textColor);
    background-color: var(--whiteColor);
    transition: 0.5s;
    background-position: center center;
}
.secEvent.lazyloaded .hoverIconbox{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat;
    background-size: 1.3rem auto;
}
.secEvent .endBox{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:var(--endbgColor);
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 5;
    color: var(--whiteColor);
}
.secEvent .endBox .e_inner{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 1rem;
}
.secEvent .endBox .imgtxt{
    width: 21rem;
    margin: 0 auto;
}
.secEvent .endBox .e_txtbox{
    width: 100%;
    text-align: center;
    margin-top: 0.7rem;
}
.secEvent .endBox .e_txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_26);
}
@media only screen and (min-width:1216px){
    .secEvent .Item:nth-child(3n),
    .secEvent .Item:last-child{
        margin-right: 0;
    }
    .secEvent .Item:nth-child(n+4){
        display: none;
    }
    .secEvent .txtArea{
        position: relative;
    }
    .secEvent .secNewIcon{
        position: absolute;
        top: 0;
        right: 0;
    }
    .secEvent .title{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .secEvent .linkbox:hover .hoverIconbox{
        border-color: var(--keyColor);
        background-color: var(--keyColor);
    }
    .secEvent.lazyloaded .linkbox:hover .hoverIconbox{
        background-image: url(../img/common/imgBtnArrow_w.png);
    }
    .secEvent .secCmnMore{
        position: absolute;
        top: 6.2rem;
        right: 0;
    }
}
@media only screen and (max-width:1215px){
    .secEvent{
        margin-top: 5.3rem;
    }
    .secEvent .listbox{
        margin-top: 2.5rem;
    }
    .secEvent .list{
        flex-wrap: wrap;
    }
    .secEvent .Item{
        width: calc((100% - 0.9rem) / 2);
        margin-right: 0.9rem;
    }
    .secEvent .Item:nth-child(2n){
        margin-right: 0;
    }
    .secEvent .Item:nth-child(n+3){
        margin-top: 1.1rem;
    }
    .secEvent .Item:nth-child(n+5){
        display: none;
    }
    .secEvent .linkbox{
        box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, 0.08);
        position: relative;
        border-radius: 0.5rem;
    }
    .secEvent .txtArea{
        padding: 1.8rem 1rem;
        padding-top: 1rem;
    }
    .secEvent .statusArea{
        width: 6rem;
    }
    .secEvent .statusBox{
        height: 2.2rem;
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secEvent .tagbox{
        max-width: calc(100% - 6rem);
        padding-left:0.6rem;
    }
    .secEvent .tagtxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secEvent .title{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        margin-top: 0.6rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height:calc((var(--spFontSize12) * var(--spLineHeight12_18)) * 2);
    }
    .secEvent .underBox{
        margin-top: 0.9rem;
        padding: 0;
        padding-top: 1rem;
    }
    .secEvent .underBox .u_item{
        padding-left: 1.7rem;
    }
    .secEvent .u_item.typeDate::after,
    .secEvent .u_item.typeAddress::after{
        width: 1.2rem;
        height: 1.6rem;
        top: calc(50% - 0.6rem);
    }
    .secEvent .underBox .u_item + .u_item{
        margin-top: 0.2rem;
    }
    .secEvent .underBox .u_txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secEvent .hoverIconbox{
        display: none;
    }
    .secEvent .endBox{
        background-color:var(--endbgColor_sp);
    }
    .secEvent .endBox .e_inner{
        padding-top: 0;
    }
    .secEvent .endBox .imgtxt{
        width: 10rem;
        margin: 0 auto;
    }
    .secEvent .endBox .e_txtbox{
        margin-top: 0.1rem;
    }
    .secEvent .endBox .e_txt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secEvent .secNewIcon{
        position: absolute;
        left: 0;
        top: 0;
    }
}
/* secTopConcept */
.secTopConcept{
    width: 100%;
    position: relative;
    margin-top: 33.8rem;
}
.secTopConcept::after{
    content: "";
    position: absolute;
    width: 146.2rem;
    height: 172.4rem;
    top: calc(0% - 56.5rem);
    left: calc(0% - 55.6rem);
}
.secTopConcept.lazyloaded::after{
    background: url(../img/index/img_topconcept_bg.png) center center no-repeat;
    background-size: 100% auto;
}
.secTopConcept .Inner{
    position: relative;
    z-index: 5;
}
.secTopConcept .imgtxtbox{
    position: absolute;
    width: 35.6rem;
    right: 10rem;
    top: calc(0% - 18.9rem);
    z-index: 5;
}
.secTopConcept .imgtxt{
    width: 100%;
}
.secTopConcept .sliderBox{
    width: 100%;
    position: relative;
}
.secTopConcept .swiper{
    width: 100%;
}
.secTopConcept .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(820 / 1920 * 100%);
}
.secTopConcept .swiper-pagination{
    position: absolute;
    width: auto!important;
    display: inline-block;
    right: 4rem;
    left: auto!important;
    bottom: 4rem!important;
}
.secTopConcept .swiper-pagination-bullet{
    opacity: 1;
    width: 1rem;
    height: 1rem;
    background-color: var(--whiteColor);
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    margin: 0!important;
}
.secTopConcept .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left: 1rem!important;
}
.secTopConcept .swiper-pagination-bullet-active{
    background-color: var(--keyColor);
    transition-delay: 0.3s;
    transform: scale(1.2);
}
.secTopConcept .slideIn{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 9.5rem;
    display: flex;
    align-items: center;
    z-index: 6;
}
.secTopConcept .slideIntxtbox{
    width: 100%;
    display: inline-block;
    text-align: left;
}
.secTopConcept .slideIntxt{
    font-size: var(--pcFontSize80);
    line-height: var(--pcLineHeight80_90);
    color: var(--whiteColor);
    font-weight: 900;
    letter-spacing: 0.025em;
}
@media only screen and (min-width:1921px){
    .secTopConcept .imgtxtbox{
        right: calc(0% + ((100% - 192rem) / 2) + 10rem);
    }
    .secTopConcept .slideIn{
        width: 192rem;
        left: calc(50% - 96rem);
    }
}
@media only screen and (max-width:1215px){
    .secTopConcept{
        margin-top: 20.6rem;
    }
    .secTopConcept::after{
        width: 72.3rem;
        height: 72.3rem;
        top: calc(0% - 26.5rem);
        left: calc(0% - 37.6rem);
    }
    .secTopConcept.lazyloaded::after{
        background-image: url(../img/index/img_topconcept_bg_sp.png);
    }
    .secTopConcept .imgtxtbox{
        width: 18rem;
        right:calc(50% - 9rem);
        top: calc(0% - 12.4rem);
    }
    .secTopConcept .swiper-pagination{
        position: static;
        width: 100%!important;
        text-align: right;
        padding: 0 2rem;
        margin-top: 1.6rem;
    }
    .secTopConcept .swiper-pagination-bullet{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secTopConcept .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-left: 0.7rem!important;
    }
    .secTopConcept .swiper-pagination-bullet-active{
        transform: scale(1.28);
    }
    .secTopConcept .slideIn{
        padding: 3.2rem 2rem;
        align-items: flex-end;
    }
    .secTopConcept .slideIntxt{
        font-size: var(--spFontSize32);
        font-weight: 800;
        letter-spacing: 0;
    }
}
@media only screen and (max-width:767px){
    .secTopConcept .imgBox{
        padding-top: calc(680 / 750 * 100%);
    }
}
/* secConcept */
.secConcept{
    width: 100%;
    margin-top: 7.7rem;
}
.secConcept .txtArea{
    max-width: 112rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    margin-top: 0.3rem;
    padding-top: 8.8rem;
    min-height: 92rem;
}
.secConcept .txtArea::after{
    content: "";
    position: absolute;
    width: 28rem;
    height: 55rem;
    top: 21.6rem;
    left: calc(0% - (28rem + 12rem));
}
.secConcept.lazyloaded .txtArea::after{
    background: url(../img/index/imgConceptItemsub02.png) center center no-repeat;
    background-size: 100% auto;
}
.secConcept .txtIn{
    width: 100%;
    text-align: left;
}
.secConcept .tit{
    font-size: var(--pcFontSize24);
    line-height: calc(62 / 24);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing24_150);
}
.secConcept .txtbox{
    margin-top: 2.7rem;
}
.secConcept .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
}
.secConcept .txt + .txt{
    margin-top: 3.5rem;
}
.secConcept .imgBox{
    width: 96rem;
}
.secConcept .imgBox::after{
    content: "";
    position: absolute;
    width: 80.2rem;
    height: 80.2rem;
    top: 28rem;
    left: 24rem;
}
.secConcept.lazyloaded .imgBox::after{
    background: url(../img/index/imgConceptItemsub.png) center center no-repeat;
    background-size: 100% auto;
}
.secConcept .imgBox .img{
    width: 100%;
    position: relative;
    z-index: 3;
}
@media only screen and (min-width:1216px){
    .secConcept .imgBox{
        position: absolute;
        right: calc(0% - 40rem);
        top: 0;
    }
}
@media only screen and (max-width:1215px){
    .secConcept{
        margin-top: 0.6rem;
    }
    .secConcept .secIndexTitle{
        padding: 0 2rem;
    }
    .secConcept .txtArea{
        margin-top: 1rem;
        padding-top:0;
        min-height: 0;
    }
    .secConcept .txtArea::after{
        display: none;
    }
    .secConcept .tit{
        font-size: var(--spFontSize16);
        line-height: calc(30 / 16);
        letter-spacing: 0.05em;
        padding: 0 2rem;
    }
    .secConcept .txtbox{
        margin-top: 2rem;
        padding: 0 2rem;
    }
    .secConcept .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_32);
    }
    .secConcept .txt + .txt{
        margin-top: 0;
    }
    .secConcept .imgBox{
        position: relative;
        width: 100%;
        margin-top: 2.3rem;
    }
    .secConcept .imgBox::after{
        width: 34.8rem;
        height: 34.8rem;
        top: 1.5rem;
        left: 13.5rem;
    }
    .secConcept.lazyloaded .imgBox::after{
        background: url(../img/index/imgConceptItemsub.png) center center no-repeat;
        background-size: 100% auto;
    }
    .secConcept .imgBox .img{
        width: 100%;
        position: relative;
        z-index: 3;
    }
}
/* secWork */
.secWork{
    width: 100%;
    margin-top: 17.7rem;
}
.secWork .sliderBox{
    width: 100%;
    margin-top: 5rem;
}
.secWork .swiper{
    width: 100%;
    overflow: visible;
}
.secWork .linkBox{
    display: block;
    width: 100%;
}
.secWork .imgArea{
    width: 100%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}
.secWork .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(700 / 540 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secWork .secNewIcon{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
}
.secWork .linkInner{
    width: 100%;
}
.secWork .txtArea{
    width: 100%;
    margin-top: 2.5rem;
}
.secWork .txtInner{
    text-align: left;
}
.secWork .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize22) * var(--pcLineHeight22_38) * 2);
}
.secWork .namebox{
    width: 100%;
    margin-top: 1.7rem;
    position: relative;
    padding-left: calc(2rem + 1.2rem);
}
.secWork .namebox::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: calc(50% - 1rem);
}
.secWork.lazyloaded .namebox::after{
    background: url(../img/common/imgUserIcon.png) center center no-repeat;
    background-size: 100% auto;
}
.secWork .nametxt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secWork .taglistbox{
    width: 100%;
    margin-top: 1.8rem;
}
.secWork .tagList{
    display: flex;
    flex-wrap: wrap;
}
.secWork .tagItem{
    display: inline-block;
    margin-right:0.5rem;
    margin-top: 0.5rem;
}
.secWork .tagbox{
    width: fit-content;
    min-height: 3.6rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    background-color: var(--whiteColor);
    border-radius:0.3rem;
    color: var(--textColor_70);
}
.secWork .tagbox .tagIn{
    display: inline-block;
    text-align: left;
}
.secWork .tagtxt{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
}
.secWork .swiper-button-prev,
.secWork .swiper-button-next{
    width: 7.4rem;
    height: 7.4rem;
    background-color: var(--whiteColor);
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin: 0;
    background-position: center center;
}
.secWork .swiper-button-prev.lazyloaded,
.secWork .swiper-button-next.lazyloaded{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat;
    background-color: var(--whiteColor);
    background-size: 1.7rem auto;
    transition: 0.5s;
}
.secWork .swiper-button-prev{
    left: 0;
    transform: rotate(180deg);
}
.secWork .swiper-button-next{
    right: auto;
    left: calc(7.4rem + 1.5rem);
}
.secWork .swiper-button-prev::after,
.secWork .swiper-button-next::after{
    display: none;
}
.secWork .toolbox .secCmnMore{
    margin-right: 0;
}
.secWork .swiper-button-next.swiper-button-disabled,
.secWork .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5;
}
@media only screen and (min-width:1216px){
    .secWork .sliderBox.disabled .swiper{
        max-width:165rem;
        margin-left: 0;
    }
    .secWork .sliderBox.disabled .swiper-slide{
        width: calc((100% - 3rem) / 3);
    }
    .secWork .sliderBox.disabled .swiper-slide + .swiper-slide{
        margin-left: 1.5rem;
    }
    .secWork .swiper-button-prev.lazyloaded:hover,
    .secWork .swiper-button-next.lazyloaded:hover{
        background-color: var(--keyColor);
        background-image: url(../img/common/imgBtnArrow_w.png);
    }
    .secWork .toolbox{
        max-width: 49.5rem;
        width: 100%;
        position: absolute;
        top: calc(0% - (7.4rem + 6rem));
        right: 0;
    }
}
@media only screen and (max-width:1215px){
    .secWork{
        margin-top: 4.1rem;
    }
    .secWork .Inner{
        position: relative;
        padding-top: calc(5rem + 4.4rem);
    }
    .secWork .Inner::after{
        content: "";
        position: absolute;
        width: 1px;
        height: 5rem;
        background-color:var(--textColor);
        left: calc(50% - 0.5px);
        top: 0;
    }
    .secWork .sliderBox{
        margin-top: 2.6rem;
    }
    .secWork .sliderBox.disabled .swiper{
        width: calc(285 / 335 * 100%);
        margin: 0 auto;
    }
    .secWork .imgArea{
        border-radius: 0.5rem;
    }
    .secWork .txtArea{
        margin-top: 1.6rem;
    }
    .secWork .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_26) * 2);
    }
    .secWork .namebox{
        margin-top: 1rem;
        padding-left: calc(1.2rem + 0.5rem);
    }
    .secWork .namebox::after{
        width: 1.2rem;
        height: 1.2rem;
        top: calc(50% - 0.6rem);
    }
    .secWork .nametxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secWork .taglistbox{
        margin-top: 1rem;
    }
    .secWork .tagItem{
        margin-right:0.3rem;
        margin-top: 0.3rem;
    }
    .secWork .tagbox{
        min-height: 2.4rem;
        padding: 0.3rem 0.8rem;
    }
    .secWork .tagtxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secWork .toolbox{
        max-width:40rem;
        width: 100%;
        position:relative;
        margin-top: 3rem;
    }
    .secWork .swiper-button-prev,
    .secWork .swiper-button-next{
        width: 5rem;
        height: 5rem;
    }
    .secWork .swiper-button-prev.lazyloaded,
    .secWork .swiper-button-next.lazyloaded{
        background-size: 1.3rem auto;
    }
    .secWork .swiper-button-next{
        left: calc(5rem + 0.5rem);
    }
    .secWork .toolbox .secCmnMore{
        margin: 0 auto;
    }
    .secWork .toolbox:has(.swiper-button-prev) .secCmnMore{
        margin-right: 0;
        width: calc(100% - ((5rem * 2) + 1rem));
    }
}
/* secLineup */
.secLineup{
    width: 100%;
    margin-top: 14.5rem;
    position: relative;
}
.secLineup::before{
    content: "";
    position: absolute;
    width: 101.2rem;
    height: 101.2rem;
    right: calc(0% - 36.4rem);
    top: calc(0% - 16rem);
}
.secLineup.lazyloaded::before{
    background: url(../img/index/imgLineupItemsub.png) center center no-repeat;
    background-size: 100% auto;
}

.secLineup .Inner{
    position: relative;
    z-index: 5;
}
.secLineup .sliderBox{
    width: 100%;
    margin-top: 5rem;
    position: relative;
}
.secLineup .swiper{
    width: 100%;
    overflow: visible;
}
.secLineup .linkBox{
    display: block;
    width: 100%;
}
.secLineup .imgArea{
    width: 100%;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}
.secLineup .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(700 / 540 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secLineup .hoverIcon{
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--whiteColor);
    background-position: center center;
    z-index: 6;
}
.secLineup.lazyloaded .hoverIcon{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat;
    background-color: var(--whiteColor);
    background-size: 1.3rem auto;
    transition: 0.5s;
}
.secLineup .txtArea{
    width: 100%;
    text-align: center;
    margin-top: 3.6rem;
}
.secLineup .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_30);
    letter-spacing: var(--pcLetterSpacing16_50);
}
.secLineup .txt{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_34);
    margin-top: 1.6rem;
}
.secLineup .toolbox{
    max-width: 49.5rem;
    width: 100%;
    position: absolute;
    top: calc(0% - (7.4rem + 6rem));
    right: 0;
}
.secLineup .swiper-button-prev,
.secLineup .swiper-button-next{
    width: 7.4rem;
    height: 7.4rem;
    background-color: var(--whiteColor);
    border-radius: 50%;
    background-position: center center;
}
.secLineup .swiper-button-prev.lazyloaded,
.secLineup .swiper-button-next.lazyloaded{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat;
    background-color: var(--whiteColor);
    background-size: 1.7rem auto;
    transition: 0.5s;
}
.secLineup .swiper-button-prev{
    left: 0;
    transform: rotate(180deg);
}
.secLineup .swiper-button-next{
    right: auto;
    left: calc(7.4rem + 1.5rem);
}
.secLineup .swiper-button-prev::after,
.secLineup .swiper-button-next::after{
    display: none;
}
.secLineup .toolbox .secCmnMore{
    margin-right: 0;
}
.secLineup .swiper-button-next.swiper-button-disabled,
.secLineup .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5;
}
@media only screen and (min-width:1216px){
    .secLineup .swiper-wrapper{
        display: flex;
    }
    .secLineup .swiper-slide{
        width: calc((100% - 10rem) / 3);
        margin-right: 5rem;
    }
    .secLineup .swiper-slide:last-child{
        margin-right: 0;
    }
    .secLineup .linkBox:hover .hoverIcon{
        background-color: var(--keyColor);
    }
    .secLineup.lazyloaded .linkBox:hover .hoverIcon{
        background-image: url(../img/common/imgBtnArrow_w.png);
        background-color: var(--keyColor);
    }
    .secLineup .swiper-button-prev,
    .secLineup .swiper-button-next{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secLineup{
        margin-top: 7.6rem;
    }
    .secLineup::before{
        width: 41.2rem;
        height: 41.2rem;
        right: calc(0% - 20.7rem);
        top: calc(0% - 10rem);
    }
    .secLineup .sliderBox{
        margin-top: 2.2rem;
    }
    .secLineup .imgArea{
        border-radius: 0.5rem;
    }
    .secLineup .hoverIcon{
        display: none;
    }
    .secLineup .txtArea{
        margin-top: 1.1rem;
    }
    .secLineup .tit{
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_30);
    }
    .secLineup .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 00.4rem;
    }
    .secLineup .toolbox{
        max-width: 100%;
        width: 100%;
        position: relative;
        margin-top: 3rem;
    }
    .secLineup .swiper-button-prev,
    .secLineup .swiper-button-next{
        width: 5rem;
        height: 5rem;
    }
    .secLineup .swiper-button-prev.lazyloaded,
    .secLineup .swiper-button-next.lazyloaded{
        background-size: 1.3rem auto;
    }
    .secLineup .swiper-button-next{
        left: calc(5rem + 0.5rem);
    }
    .secLineup .toolbox .secCmnMore{
        margin: 0 auto;
    }
    .secLineup .toolbox:has(.swiper-button-prev) .secCmnMore{
        margin-right: 0;
        width: calc(100% - ((5rem * 2) + 1rem));
    }
}
/* secMiddleBnr */
.secMiddleBnr{
    width: 100%;
    margin-top: 14rem;
}
.secMiddleBnr .list{
    display: flex;
}
.secMiddleBnr .item{
    width: calc((100% - 4rem) / 2);
}
.secMiddleBnr .item + .item{
    margin-left: 4rem;
}
.secMiddleBnr .bnrLink{
    display: block;
    overflow: visible;
}
.secMiddleBnr .bnrInner{
    width: 100%;
}
.secMiddleBnr .imgArea{
    width: 100%;
}
.secMiddleBnr .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(350 / 720 * 100%);
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
}
.secMiddleBnr .txtArea{
    width: 100%;
    padding: 0 2rem;
    margin-top: 2.5rem;
}
.secMiddleBnr .txtIn{
    width: 100%;
    position: relative;
}
.secMiddleBnr .txt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_26);
}
.secMiddleBnr .hoverIcon{
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--whiteColor);
    background-position: center center;
    z-index: 6;
    right: 0;
    top: calc(50% - 2rem);
}
.secMiddleBnr.lazyloaded .hoverIcon{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat;
    background-color: var(--whiteColor);
    background-size: 1.3rem auto;
    transition: 0.5s;
}
@media only screen and (min-width:1216px){
    .secMiddleBnr .Inner{
        max-width: 148rem;
        margin: 0 auto;
        width: calc(100% - 10rem);
    }
    .secMiddleBnr .bnrLink:hover .hoverIcon{
        background-color: var(--keyColor);
    }
    .secMiddleBnr.lazyloaded .bnrLink:hover .hoverIcon{
        background-image: url(../img/common/imgBtnArrow_w.png);
        background-color: var(--keyColor);
    }
}
@media only screen and (max-width:1215px){
    .secMiddleBnr{
        margin-top: 6rem;
    }
    .secMiddleBnr .list{
        display: block;
    }
    .secMiddleBnr .item{
        width: 100%;
    }
    .secMiddleBnr .item + .item{
        margin-left: 0;
        margin-top: 2.6rem;
    }
    .secMiddleBnr .imgBox{
        border-radius: 0.5rem;
    }
    .secMiddleBnr .txtArea{
        padding: 0;
        margin-top: 1rem;
    }
    .secMiddleBnr .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secMiddleBnr .hoverIcon{
        display: none;
    }
}
/* secStaff */
.secStaff{
    width: 100%;
    margin-top: 15.7rem;
    overflow: hidden;
    position: relative;
    z-index: 6;
    color: var(--whiteColor);
}
.secStaff::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.secStaff.lazyloaded::after{
    background: url(../img/common/imgStaffBg.png) center center no-repeat;
    background-size: cover;
}
.secStaff .bgArea{
    width: 100%;
    padding: 3rem 0;
}
.secStaff .bglist{
    width: 100%;
}
.secStaff .bgItem{
    width: 100%;
}
.secStaff .bgItem + .bgItem{
    margin-top: 3rem;
}
.secStaff .slideBox{
    display: flex;
    width: max-content;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: staffSlideRight calc(9s * 9) linear infinite;
    animation: staffSlideRight calc(9s * 9) linear infinite;
}
.secStaff .bgItem:nth-child(2) .slideBox{
    -webkit-animation: staffSlideLeft calc(9s * 8) linear infinite;
    animation: staffSlideLeft calc(9s * 8) linear infinite;
}
.secStaff .s_group{
    display: flex;
    flex-shrink: 0;
}
.secStaff .s_imgbox{
    margin-left: 3rem;
    width: 38rem;
}
.secStaff .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(455 / 380 * 100%);
    overflow: hidden;
    z-index: 1;
}
@keyframes staffSlideRight{
    from{ transform: translate3d(-50%, 0, 0); }
    to{ transform: translate3d(0, 0, 0); }
}
@keyframes staffSlideLeft{
    from{ transform: translate3d(0, 0, 0); }
    to{ transform: translate3d(-50%, 0, 0); }
}
.secStaff .Inner{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 4;
}
.secStaff .inBox{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 13rem;
}
.secStaff .titIn{
    display: inline-block;
    position: relative;
    padding-top: 10.7rem;
}
.secStaff .imgTit{
    position: absolute;
    width: 25rem;
    top: 0;
    left: calc(0% - 6.3rem);
}
.secStaff .titEng{
    font-size: var(--pcFontSize100);
    line-height: var(--pcLineHeight100_120);
    font-weight: 900;
    letter-spacing: 0.25em;
}
.secStaff .txtbox{
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}
.secStaff .txt{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_34);
}
.secStaff .secCmnMore{
    margin-top: 3.9rem;
}
@media only screen and (min-width:1216px){
    .secStaff .bglist.spList{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secStaff{
        margin-top: 7.6rem;
    }
    .secStaff.lazyloaded::after{
        background-image: url(../img/common/imgStaffBg_sp.png);
    }
    .secStaff .bgArea{
        padding: 1rem 0;
    }
    .secStaff .bgItem + .bgItem{
        margin-top: 1rem;
    }
    .secStaff .slideBox{
        -webkit-animation: staffSlideRight calc(9s * 6) linear infinite;
        animation: staffSlideRight calc(9s * 6) linear infinite;
    }
    .secStaff .bgItem:nth-child(2) .slideBox{
        -webkit-animation: staffSlideLeft calc(9s * 6) linear infinite;
        animation: staffSlideLeft calc(9s * 6) linear infinite;
    }
    .secStaff .bgItem:nth-child(3) .slideBox{
        -webkit-animation: staffSlideRight calc(9s * 5) linear infinite;
        animation: staffSlideRight calc(9s * 5) linear infinite;
    }
    .secStaff .s_imgbox{
        margin-left: 1rem;
        width: 17.5rem;
    }
    .secStaff .inBox{
        padding-bottom: 6.3rem;
    }
    .secStaff .titIn{
        padding-top: 5.4rem;
    }
    .secStaff .imgTit{
        width: 13.9rem;
        left: calc(0% - 1.1rem);
    }
    .secStaff .titEng{
        font-size: var(--spFontSize36);
    }
    .secStaff .txtbox{
        margin-top: 1.4rem;
    }
    .secStaff .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
    }
    .secStaff .secCmnMore{
        margin-top: 2.3rem;
    }
    .secStaff .bglist.pcList{
        display: none;
    }
}

/* secBlog */
.secBlog{
    width: 100%;
    margin-top: 6.7rem;
    position: relative;
}
.secBlog::after{
    content: "";
    position: absolute;
    width: 111.4rem;
    height: 111.4rem;
    top: calc(0% - 57.7rem);
    right: calc(0% - 37.8rem);
}
.secBlog.lazyloaded::after{
    background: url(../img/index/imgBlogBg.png) center center no-repeat;
    background-size: cover;
}
.secBlog .Inner{
    position: relative;
    z-index: 3;
}
.secBlog .blogtitlebox{
    width: 100%;
}
.secBlog .titleOn{
    width: 100%;
}
.secBlog .onInner{
    display: flex;
    align-items: flex-start;
    position: relative;
    width: fit-content;
}
.secBlog .onInner::after{
    content: "";
    position: absolute;
    width: 18.6rem;
    height: 15.7rem;
    top: 0;
    right: calc(0% - (18.6rem + 1rem));
}
.secBlog.lazyloaded .onInner::after{
    background: url(../img/common/imgBlogTitle.png) center center no-repeat;
    background-size: 100% auto;
}
.secBlog .titEng{
    font-size: var(--pcFontSize60);
    line-height: var(--pcLineHeight60_70);
    font-weight: 900;
    letter-spacing: 0.05em;
    padding-top: 2.1rem;
}
.secBlog .numbox{
    position: relative;
    min-width: 4rem;
    height: 3rem;
    display: flex;
    align-items: center;
    border-radius: 6rem;
    background-color: var(--whiteColor);
    width: auto;
    padding: 0.3rem 1rem;
}
.secBlog .numbox::after{
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 2rem;
    left: 0.4rem;
    bottom: calc(0% - 0.6rem);
}
.secBlog .numbox::after{
    background: url(../img/common/imgFkds.png) center top no-repeat;
    background-size: 100% auto;
}
.secBlog .numIn{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
}
.secBlog .numtxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_20);
    color: var(--keyColor);
}
.secBlog .subtit{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_34);
    margin-top: 1.5rem;
}
.secBlog .categorylistbox{
    width: 100%;
    margin-top: 5rem;
}
.secBlog .categoryitem{
    width: 100%;
}
.secBlog .c_Inner{
    width: 100%;
}
.secBlog .titbox{
    width: 100%;
    text-align: left;
    position: relative;
}
.secBlog .titbox.type_Column{
    padding-left: 4.1rem;
}
.secBlog .titbox.type_Blog{
    padding-left: 5.3rem;
}
.secBlog .titbox::after{
    content: "";
    position: absolute;
    left: 0;
}
.secBlog .titbox.type_Column::after{
    width:2.1rem;
    height: 3.7rem;
    top: calc(50% - 1.85rem);
}
.secBlog .titbox.type_Blog::after{
    width: 3.5rem;
    height: 3.1rem;
    top: calc(50% - 1.3rem);
}
.secBlog.lazyloaded .titbox::after{
    background: url(../img/common/tp.gif) center top no-repeat;
    background-size: 100% auto;
}
.secBlog.lazyloaded .titbox.type_Column::after{
    background-image: url(../img/index/icon_column.png);
}
.secBlog.lazyloaded .titbox.type_Blog::after{
    background-image: url(../img/index/icon_blog.png);
}
.secBlog .title{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_30);
    font-weight: bold;
}
.secBlog .list{
    width: 100%;
    margin-top: 4.3rem;
}
.secBlog .item{
    width: 100%;
}
.secBlog .item + .item{
    margin-top: 3rem;
}
.secBlog .linkbox{
    width: 100%;
    display: block;
}
.secBlog .linkInner{
    width: 100%;
    display: flex;
    align-items: center;
}
.secBlog .imgArea{
    width:17rem;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}
.secBlog .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(250 / 340 * 100%);
    overflow: hidden;
    border-radius: 1rem;
    z-index: 1;
}
.secBlog .secNewIcon{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
}
.secBlog .txtArea{
    flex: 1;
    padding-left: 2.5rem;
    max-width: calc(100% - 17rem);
}
.secBlog .txtIn{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.secBlog .datatxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_20);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.05em;
}
.secBlog .tit{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_30);
    font-weight: bold;
    margin-top: 0.5rem;
}
.secBlog .taglistbox{
    width: 100%;
    margin-top: 0.5rem;
}
.secBlog .taglist{
    width: 100%;
    text-align: left;
}
.secBlog .tagtxt{
    display: inline;
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_22);
    padding-right: 0.8rem;
    max-width: 100%;
}
@media only screen and (min-width:1216px){
    .secBlog .categorylist{
        display: flex;
        position: relative;
        padding-top: 0.5rem;
    }
    .secBlog:has(.categoryitem:nth-child(2)) .categorylist::after{
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: calc(50% - 0.5px);
        top: 0;
        background-image: linear-gradient(to bottom, var(--textColor_30), var(--textColor_30) 2px, transparent 2px, transparent 4px);
        background-size: 1px 4px;
        background-repeat: repeat-y;
    }
    .secBlog:has(.categoryitem:nth-child(2)) .categoryitem{
        width: calc((100% - 14rem) / 2);
    }
    .secBlog:has(.categoryitem:nth-child(2)) .categoryitem + .categoryitem{
        margin-left: 14rem;
    }
    .secBlog .item:nth-child(1) .imgArea{
        width: 34rem;
    }
    .secBlog .item:nth-child(1) .txtArea{
        max-width: calc(100% - 34rem);
        padding-left: 3rem;
    }
    .secBlog .item:nth-child(n + 2) .tit,
    .secBlog .item:nth-child(n + 2) .taglist{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .secBlog .item:nth-child(1) .tit{
        font-size: var(--pcFontSize20);
        line-height: var(--pcLineHeight20_32);
        margin-top: 1.1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: calc(var(--pcFontSize20) * var(--pcLineHeight20_32) * 2);
    }
    .secBlog .item:nth-child(1) .taglistbox{
        margin-top: 0.8rem;
    }
    .secBlog .item:nth-child(1) .taglist{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: calc(var(--pcFontSize13) * var(--pcLineHeight13_22) * 2);
    }
    .secBlog .item:nth-child(1) .tagtxt{
        padding-right: 0.8rem;
    }
    .secBlog .item:nth-child(n + 4){
        display: none;
    }
    .secBlog .secCmnMore{
        margin-top: 4rem;
        margin-right: 0;
    }
}
@media only screen and (max-width:1215px){
    .secBlog{
        margin-top: 4.2rem;
    }
    .secBlog::after{
        width: 45.9rem;
        height: 45.9rem;
        top: calc(0% - 23.5rem);
        right: calc(0% - 23.2rem);
    }
    .secBlog .onInner::after{
        width: 9.6rem;
        height: 8.1rem;
        top: calc(0% - 1.3rem);
        right: calc(0% - 9.6rem);
    }
    .secBlog .titEng{
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_30);
        padding-top: 1.2rem;
    }
    .secBlog .numbox{
        min-width: 2.8rem;
        height: 2.2rem;
        border-radius: 4rem;
        padding: 0.2rem 0.5rem;
        margin-left: 0.5rem;
    }
    .secBlog .numbox::after{
        width: 1.2rem;
        height: 1.6rem;
        left: 0.2rem;
        bottom: calc(0% - 0.4rem);
    }
    .secBlog .numtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secBlog .subtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        margin-top: 0.8rem;
    }
    .secBlog .categorylistbox{
        margin-top: 2.8rem;
    }
    .secBlog .categoryitem + .categoryitem{
        margin-top: 3rem;
        padding-top: 3rem;
        background-image: linear-gradient(to right, var(--textColor_30), var(--textColor_30) 2px, transparent 2px, transparent 4px);
        background-size: 4px 1px;
        background-repeat: repeat-x;
    }
    .secBlog .titbox.type_Column{
        padding-left: 2.5rem;
    }
    .secBlog .titbox.type_Blog{
        padding-left: 3.6rem;
    }
    .secBlog .titbox.type_Column::after{
        width:1.5rem;
        height: 2.6rem;
        top: calc(50% - 1.3rem);
    }
    .secBlog .titbox.type_Blog::after{
        width: 2.6rem;
        height: 2.4rem;
        top: calc(50% - 1rem);  
    }
    .secBlog .title{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
    }
    .secBlog .list{
        margin-top: 1.7rem;
        display: flex;
    }
    .secBlog .item{
        width: calc((100% - 0.9rem) / 2);
        margin-right: 0.9rem;
    }
    .secBlog .item + .item{
        margin-top: 0rem;
    }
    .secBlog .item:nth-child(2n){
        margin-right: 0;
    }
    .secBlog .item:nth-child(n+3){
        display: none;
    }
    .secBlog .linkInner{
        display:block;
    }
    .secBlog .imgArea{
        border-radius: 0.5rem;
        width: 100%;
    }
    .secBlog .imgBox{
        border-radius: 0.5rem;
    }
    .secBlog .txtArea{
        padding: 0;
        max-width: 100%;
        width: 100%;
        margin-top: 1rem;
    }
    .secBlog .txtIn{
        display: block;
    }
    .secBlog .datatxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    .secBlog .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height: calc(var(--spFontSize12) * var(--spLineHeight12_18) * 3);
        margin-top: 0.4rem;
    }
    .secBlog .taglistbox{
        margin-top: 0.5rem;
    }
    .secBlog .taglist{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: calc(var(--spFontSize10) * var(--spLineHeight10_16) * 2);
    }
    .secBlog .tagtxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
        padding-right:0.3rem;
    }
    .secBlog .secCmnMore{
        margin-top: 2rem;
    }
}
/* secNews */
.secNews{
    margin-top: 14.8rem;
    position: relative;
    z-index: 5;
}
.secNews .Inner{
    display: flex;
}
.secNews .titArea{
    display: inline-block;
    width: 30rem;
}
.secNews .contentArea{
    width: calc(100% - 30rem);
    padding-top: 4.8rem;}
.secNews .list{
    width: 100%;
}
.secNews .item{
    width: 100%;
    position: relative;
    padding-bottom: 3.2rem;
}
.secNews .item::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, var(--textColor_30), var(--textColor_30) 2px, transparent 2px, transparent 4px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.secNews .item + .item{
    margin-top: 2.9rem;
}
.secNews .newsLink{
    display: block;
    position: relative;
    padding-right: 5rem;
}
.secNews .newsLink::after{
    content: "";
    position: absolute;
    width: 1.3rem;
    height: 0.8rem;
    right: 0;
    top: calc(50% - 0.4rem);
}
.secNews.lazyloaded .newsLink::after{
    background: url(../img/common/imgBtnArrow.png) center top no-repeat;
    background-size: 100% auto;
}
.secNews .newsIn{
    display: flex;
    align-items: center;
}
.secNews .databox{
    width: 10rem;
}
.secNews .datatxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_20);
    letter-spacing: var(--pcLetterSpacing15_50);
}
.secNews .txtbox{
    width: calc(100% - 10rem);
    display: flex;
    align-items: center;
}
.secNews .txt{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_30);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secNews .txtbox:has(.secNewIcon) .txt{
    padding-right:1.5rem;
    max-width: calc(100% - (1.5rem + 3.2rem));
}
@media only screen and (min-width:1216px){
    .secNews .secCmnMore{
        margin-top: 4rem;
        margin-right: 0;
    }
    .secNews .secNewIcon.spIcon{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secNews{
        margin-top: 5.7rem;
    }
    .secNews .Inner{
        display: block;
    }
    .secNews .titArea{
        display: block;
        width:100%
    }
    .secNews .contentArea{
        width: 100%;
        padding-top:0;
        margin-top: 1.4rem;
    }
    .secNews .list{
        width: 100%;
        background-image: linear-gradient(to right, var(--textColor_30), var(--textColor_30) 2px, transparent 2px, transparent 4px);
        background-size: 4px 1px;
        background-repeat: repeat-x;
        padding-top: 1.6rem;
    }
    .secNews .item{
        padding-bottom: 1.6rem;
    }
    .secNews .item + .item{
        margin-top: 1.5rem;
    }
    .secNews .newsLink{
        padding-right: 0;
    }
    .secNews .newsLink::after{
        display: none;
    }
    .secNews .newsIn{
        display: block;
    }
    .secNews .databox{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .secNews .secNewIcon.pcIcon{
        display: none;
    }
    .secNews .datatxt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
        padding-right: 0.5rem;
    }
    .secNews .txtbox{
        display: block;
        width: 100%;
        margin-top: 0.2rem;
    }
    .secNews .txt,
    .secNews .txtbox:has(.secNewIcon) .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        max-width: 100%;
        padding: 0;
    }
    .secNews .secNewIcon{
        width: 2.6rem;
        height: 1.4rem;
    }
    .secNews .secCmnMore{
        margin-top: 2rem;
    }
}
/* secCompany */
.secCompany{
    position: relative;
    width: 100%;
    margin-top: 14.8rem;
}
.secCompany::after{
    content: "";
    position: absolute;
    width: 56.8rem;
    height: 56.8rem;
    right: calc(0% - 8.8rem);
    top: calc(0% - 14rem);
}
.secCompany.lazyloaded::after{
    background: url(../img/index/imgCompanyBg.png) center center no-repeat;
    background-size: 100% auto;
}
.secCompany .Inner{
    position: relative;
    z-index: 5;
}
.secCompany .listbox{
    width: 100%;
    margin-top: 5rem;
}
.secCompany .list{
    display: flex;
}
.secCompany .Item{
    width: calc((100% - 14.4rem) / 4);
    margin-right: 4.8rem;
}
.secCompany .Item:last-child{
    margin-right: 0;
}
.secCompany .linkBox{
    display: block;
    width: 100%;
}
.secCompany .imgArea{
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.secCompany .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(250 / 394 * 100%);
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
}
.secCompany .txtArea{
    width: 100%;
    margin-top: 3rem;
}
.secCompany .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    display: flex;
    align-items: center;
}
.secCompany .txtbox{
    width: 100%;
    position: relative;
    padding-right: 5.5rem;
    margin-top: 0.9rem;
}
.secCompany .txt{
    font-size:var(--pcFontSize15);
    line-height: var(--pcLineHeight15_28);
}
.secCompany .hoverIcon{
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    right: 0;
    bottom: 0.8rem;
    border: 1px solid;
    border-color: var(--whiteColor);
    background-color: var(--whiteColor);
    transition: 0.5s;
    background-position: center center;
}
.secCompany.lazyloaded .hoverIcon{
    background: url(../img/common/imgBtnArrow.png) center center no-repeat var(--whiteColor);
    background-size: 1.3rem auto;
}
.secCompany .titsub{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    padding-left: 1rem;
}
.secCompany .iconbox{
    display: inline-block;
    width: 5.6rem;
    position: relative;
    top: -0.3rem;
}
@media only screen and (min-width:1216px){
    .secCompany .linkBox:hover .hoverIcon{
        border-color: var(--keyColor);
        background-color: var(--keyColor);
    }
    .secCompany.lazyloaded .linkBox:hover .hoverIcon{
        background-image: url(../img/common/imgBtnArrow_w.png);
    }
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 6.5rem;
    }
    .secCompany::after{
        width: 20rem;
        height: 20rem;
        right: calc(0% - 6.2rem);
        top: calc(0% + 1.7rem);
    }
    .secCompany .listbox{
        margin-top: 2.6rem;
    }
    .secCompany .list{
        flex-wrap: wrap;
    }
    .secCompany .Item{
        width: calc((100% - 0.9rem) / 2);
        margin-right: 0.9rem;
    }
    .secCompany .Item:nth-child(2n),
    .secCompany .Item:last-child{
        margin-right: 0;
    }
    .secCompany .Item:nth-child(n+3){
        margin-top: 2.6rem;
    }
    .secCompany .imgArea{
        border-radius: 0.5rem;
    }
    .secCompany .imgBox{
        border-radius: 0.5rem;
    }
    .secCompany .txtArea{
        margin-top: 0.8rem;
    }
    .secCompany .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secCompany .txtbox{
        padding: 0;
        margin-top: 0.4rem;
    }
    .secCompany .txt{
        font-size:var(--spFontSize10);
        line-height: var(--spLineHeight10_18);
    }
    .secCompany .hoverIcon{
        display: none;
    }
    .secCompany .titsub{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding-left: 0.5rem;
    }
    .secCompany .iconbox{
        width:4.3rem;
        top: 0;
        margin: 0 0.3rem;
    }
    .secCompany .iconbox .iconImg{
        display: inline-block;
    }
    .secCompany .iconbox .iconImg img{
        vertical-align: calc(var(--spFontSize12) * (-1 / 12));
    }
}

/* eventPickup */
#eventPickup{
    position: fixed;
    max-width: 50rem;
    width: 100%;
    right: 4rem;
    bottom: calc(4rem + 6.5rem + 2rem);
    z-index: 999;
    transition: 0.5s;
    opacity: 1;
}
@media only screen and (min-width:1216px){
    #eventPickup.fadeout{
        opacity: 0;
        pointer-events: none;
    }
}
#eventPickup.close{
    opacity: 0;
    pointer-events: none;
}
#eventPickup .pickInner{
    width: 100%;
    position: relative;
}
#eventPickup .pickClose{
    position: absolute;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%;
    background-color: var(--keyColor);
    pointer-events: all;
    cursor: pointer;
    top: calc(0% - 1.35rem);
    right: 2.5rem;
    z-index: 5;
}
#eventPickup .pickClose::after,
#eventPickup .pickClose::before{
    content: "";
    position: absolute;
    width: 1.1rem;
    height: 1px;
    background-color: var(--whiteColor);
    top: calc(50% - 0.5px);
    left: calc(50% - 0.55rem);
}
#eventPickup .pickClose::before{
    transform: rotate(45deg);
}
#eventPickup .pickClose::after{
    transform: rotate(-45deg);
}
#eventPickup .pickLink{
    display: block;
    width: 100%;
    background-color: var(--whiteColor_70);
    padding: 2rem;
    position: relative;
    border-radius: 2rem;
    box-shadow: 0 0 2rem 0 rgba(255, 255, 255, 1);
    padding-right: 6rem;
    overflow: visible;
}
#eventPickup .pickLink::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 2rem;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);

}
#eventPickup .linkInner{
    display: flex;
    position: relative;
    z-index: 4;
    align-items: center;
}
#eventPickup .imgArea{
    width: 18.8rem;
}
#eventPickup .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(360 / 540 * 100%);
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
}
#eventPickup .txtArea{
    width: calc(100% - 18.8rem);
    padding-left: 2rem;
}
#eventPickup .txtIn{
    display: inline-block;
    width: 100%;
}
#eventPickup .titbox{
    width: 100%;
}
#eventPickup .tit{
    font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_26);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcFontSize17) * var(--pcLineHeight17_26)) * 2);
}
#eventPickup .txtlistbox{
    width: 100%;
    margin-top: 0.3rem;
}
#eventPickup .txtlistbox .txt{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#eventPickup .txtlistbox .txt.data{
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_20);
    letter-spacing: var(--pcLetterSpacing13_50);
}
#eventPickup .txtlistbox .txt + .txt{
    margin-top: 0.2rem;
}
#eventPickup .imgtxt{
    position: absolute;
    width: 19.8rem;
    left: 1.6rem;
    top: calc(0% - 2.2rem);
}
@media only screen and (min-width:1216px){
    #eventPickup .pickLink::after{
        content: "";
        position: absolute;
        width: 1.3rem;
        height: 0.8rem;
        right:2.5rem;
        top: calc(50% - 0.4rem);
        background: url(../img/common/imgBtnArrow.png) center center no-repeat;
        background-size: 100% auto;
    }
}
@media only screen and (max-width:1215px){
    #eventPickup{
        max-width:100%;
        width: 100%;
        right:0;
        bottom: calc(2rem + 5rem + 1rem);
        padding: 0 2rem;
    }
    #eventPickup .pickInner{
        width: 100%;
        max-width: 33.5rem;
        margin: 0 auto;
    }
    #eventPickup .pickClose{
        width: 2.1rem;
        height: 2.1rem;
        top: calc(0% - 1.05rem);
        right: 1rem;
    }
    #eventPickup .pickClose::after,
    #eventPickup .pickClose::before{
        width: 0.9rem;
        left: calc(50% - 0.45rem);
    }
    #eventPickup .pickLink{
        padding: 1rem;
        border-radius: 0.5rem;
        box-shadow:none;
    }
    #eventPickup .pickLink::before{
        border-radius: 0.5rem;
    }
    #eventPickup .imgArea{
        width: 12rem;
    }
    #eventPickup .imgBox{
        border-radius: 0.5rem;
    }
    #eventPickup .txtArea{
        width: calc(100% - 12rem);
        padding-left: 1rem;
    }
    #eventPickup .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        max-height: calc((var(--spFontSize12) * var(--spLineHeight12_18)) * 2);
    }
    #eventPickup .txtlistbox{
        margin-top: 0;
    }
    #eventPickup .txtlistbox .txt{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_16);
    }
    #eventPickup .txtlistbox .txt.data{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    #eventPickup .txtlistbox .txt + .txt{
        margin-top: 0;
    }
    #eventPickup .imgtxt{
        width: 10.8rem;
        left: 0.5rem;
        top: calc(0% - 1.6rem);
    }
}