@charset "utf-8";

.mainWrapper{
    padding-bottom: 20rem;
    background: var(--bgGlay);
}
@media only screen and (max-width:1215px){
    .mainWrapper{
        padding-bottom: 8rem;
    }
}

/* Animation */
.target {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}

.secTopBox{
    position: relative;
    height: 100rem;
    background: url(../img/index/bgTopBox.jpg?251024) center top / cover;
}
.secTopBox::after{
    position: absolute;
    content: "";
    width: 107.5rem;
    height: 67.3rem;
    bottom: -20rem;
    right: calc(50% - 119rem);
    background: url(../img/index/iconTopBox03.png) center top / cover;
}
.secTopBox .icon01{
    position: absolute;
    width: 51.4rem;
    top: 6.5rem;
    left: 15rem;
}
.secTopBox .icon02{
    position: absolute;
    width: 81.8rem;
    bottom: -15.5rem;
    right: -9rem;
    z-index: 2;
}
.secTopBox .wrapper{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.secTopBox .txtBox{
    padding-top: 4rem;
}
.secTopBox .logo{
    width: 82.5rem;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: all 1s ease-in-out;
    mix-blend-mode: multiply;
    position: relative;
    left: -6rem;
}
.secTopBox .logoTxt{
    width: 53.5rem;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: all 1s ease-in-out;
    position: relative;
    left: -3rem;
    top: -2rem;
    z-index: 10;
}
.secTopBox.active .logo,
.secTopBox.active .logoTxt{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media only screen and (max-width:1215px){
    .secTopBox{
        height: 216.411vw;
        max-height: 100rem;
        background: url(../img/index/bgTopBox_sp.jpg?251024) center top / cover;
    }
    .secTopBox .txtBox{
        width: 100%;
        padding-top: 12rem;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
    }
    .secTopBox .logo{
        max-width: 29rem;
        width: 82.858%;
        left: 3rem;
    }
    .secTopBox .logoTxt{
        max-width: 29.7rem;
        width: 84.858%;
        top: 0;
        left: 0;
        margin-top: 12.5rem;
    }
    .secTopBox::after{
        width: 64.8rem;
        height: 40.6rem;
        bottom: -6rem;
        right: -31rem;
    }
    .secTopBox .icon01{
        position: absolute;
        width: 34rem;
        top: 0rem;
        left: 5rem;
    }
    .secTopBox .icon02{
        position: absolute;
        width: 50rem;
        bottom: -4rem;
        right: -23rem;
        z-index: 2;
    }
}
/* secStaff */
.secStaff{
    padding: 22.3rem 0 0;
}
.secStaff .topTitBox{
    position: relative;
}
.secStaff .topEngTit{
    width: 47.4rem;
}
.secStaff .topJpnTit{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-top: 3.5rem;
}
.secStaff .topJpnTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 4rem;
}
.secStaff .boxSlider{
    position: relative;
    margin-top: 6rem;
}
.secStaff .swiper{
    overflow: visible;
}
.secStaff .swiper-slide{
    height: auto;
}
.secStaff .inner{
    position: relative;
    height: 100%;
    display: block;
    color: var(--white);
    overflow: visible;
}
.secStaff .btnBox{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
    transition: 0.5s;
}
.secStaff .btnBox::after{
    position: absolute;
    content: "";
    width: 6.4rem;
    height: 6.4rem;
    top: 0;
    right: 0;
    border-radius: 50%;
    transition: 0.5s;
}
.secStaff.lazyloaded .inner .btnBox::after{
    background: url(../img/interview/iconInterviewBtn02.png) center top / cover;
}
.secStaff .inner:hover .btnBox::after{
    background: var(--white);
    transition: 0.5s;
}
.secStaff .btnIcon{
    position: relative;
    width: 100%;
    height: 100%;
}
.secStaff .btnIcon::before,
.secStaff .btnIcon::after{
    background: var(--white);
    transition: 0.5s;
}
.secStaff .btnIcon::before{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1px;
    bottom: calc(50% + 1.5px);
    right: 2.6rem;
    transform: rotate(45deg);
}
.secStaff .btnIcon::after{
    content: "";
    position: absolute;
    width: 5.8rem;
    height: 1px;
    right: 2.7rem;
    bottom: calc(50% - 0.5px);
}
.secStaff .inner:hover .btnIcon::before,
.secStaff .inner:hover .btnIcon::after{
    background: var(--textColor);
    z-index: 15;
}
.secStaff .inner:hover .btnIcon::after{
    width: 1.6rem;
}
.secStaff .imgBox{
    position: relative;
    overflow: hidden;
    border-radius: 0 3rem 3rem 3rem;
    z-index: 1;
}
.secStaff .imgBox::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(var(--ColorBlack_0), var(--ColorBlack_40))
}
.secStaff .img{
    padding-top: 125%;
}
.secStaff .txtBox{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 7.5rem 6rem 7.5rem 3rem;
}
.secStaff .tit{
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_40);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize24) * var(--pcLineHeight24_40) * 2);
}
.secStaff .tit br{
    display:none;
}
.secStaff .txtList{
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}
.secStaff .txtItem{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
    margin-right: 0.9rem;
}
.secStaf .txtItem02{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secStaff .txtItem:nth-child(n+2){
    position: relative;
    padding-left: 1.4rem;
}
.secStaff .txtItem:nth-child(n+2)::after{
    position: absolute;
    content: "";
    width: 1.6rem;
    height: 0.1rem;
    background: var(--white);
    left: -0.5rem;
    bottom: 0.9rem;
    transform: rotate(-60deg)
}
.secStaff .tagList{
    display: flex;
    flex-wrap: wrap;
    margin: 2rem -0.5rem 0;
}
.secStaff .tagItem{
    min-width: 11rem;
    padding: 0.85rem 1.5rem;
    border-radius: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    margin: 0.5rem;
}
.secStaff .tagItem.tag01{
    background: var(--tag01Color);
    color: var(--white);
}
.secStaff .tagItem.tag02{
    background: var(--white);
    color: var(--textColor);
}
.secStaff .tagItem.tag03{
    background: var(--formBtnColor);
    color: var(--textColor);
}
.secStaff .boxSlider.disabled .swiper-slide{
    width: 40%;
    margin-right: 2.667%;
}
.secStaff .boxSlider.disabled .swiper-slide:nth-child(2),
.secStaff .boxSlider.disabled .swiper-slide:last-child{
    margin-right: 0;
}
.secStaff .secCmnBack{
    position: absolute;
    margin: 0;
    bottom: 1rem;
    right: 0;
}
.secStaff .secCmnBack .btnInner{
    background: var(--white);
}
.secStaff .secCmnBack .btnInner::after{
    left: auto;
    right: 4rem;
}
.secStaff .secCmnBack.lazyloaded .btnInner::after{
    background: url(../img/common/iconCmnBack02.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secStaff{
        padding: 8rem 0 0;
    }
    .secStaff .topEngTit{
        width: 19.2rem;
    }
    .secStaff .topJpnTit{
        font-size: var(--spFontSize18);
        margin-top: 2.2rem;
    }
    .secStaff .topJpnTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 2.2rem;
    }
    .secStaff .boxSlider{
        margin-top: 2.5rem;
    }
    .secStaff .btnBox{
        display: none;
    }
    .secStaff .imgBox{
        position: relative;
        overflow: hidden;
        border-radius: 0 2.7rem 2.7rem 2.7rem;
    }
    .secStaff .txtBox{
        padding: 2.5rem 3rem;
    }
    .secStaff .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        max-height: calc(var(--spFontSize16) * var(--spLineHeight16_28) * 2);
    }
    .secStaff .txtList{
        margin-top: 1rem;
    }
    .secStaff .txtItem{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        margin-right: 0.4rem;
    }
    .secStaff .txtItem:nth-child(n+2){
        padding-left: 0.9rem;
    }
    .secStaff .txtItem:nth-child(n+2)::after{
        width: 1.4rem;
        height: 0.1rem;
        left: -0.5rem;
        bottom: 0.7rem;
        transform: rotate(-60deg)
    }
    .secStaff .tagList{
        margin: 1.5rem -0.35rem 0rem;
    }
    .secStaff .tagItem{
        min-width: 8rem;
        border-radius: 1.4rem;
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
        margin: 0.35rem;
        padding: 0.7rem 1rem;
    }
    .secStaff .boxSlider.disabled{
        padding-bottom: 8rem;
    }
    .secStaff .boxSlider.disabled .swiper-slide{
        width: calc(100% - 3rem);
        margin: 0 auto;
    }
    .secStaff .boxSlider.disabled .swiper-slide:nth-child(2),
    .secStaff .boxSlider.disabled .swiper-slide:last-child{
        margin: 0 auto 0 0;
    }
    .secStaff .secCmnBack{
        bottom: 0;
        right: auto;
        left: 0;
    }
    .secStaff .secCmnBack .btnInner{
        background: var(--white);
        justify-content: flex-start;
        padding-left: 2.5rem;
    }
    .secStaff .secCmnBack .btnInner::after{
        left: auto;
        right: 2rem;
    }
    .secStaff .secCmnBack.lazyloaded .btnInner::after{
        background: url(../img/common/iconCmnBack02_sp.png) center top / cover;
    }
}
@media only screen and (max-width:374px){
    .secStaff .secCmnBack{
        width: 17rem;
    }
}
@media only screen and (max-width:359px){
    .secStaff .secCmnBack{
        width: 14rem;
    }
}
.secStaff .slideUnderbox{
    width: 100%;
    display: flex;
    margin-top: 5rem;
}
.secStaff .boxSlider.disabled .slideUnderbox{
    display: none;
}
.secStaff .paginationArea{
    flex: 1;
    padding-right:6.5rem;
    position: relative;
}
.secStaff .swiper-pagination{
    position: relative;
    top: calc(50% - 0.4rem);
    left: 0;
    bottom: auto;
    background-color: var(--white);
    border-radius: 0.4rem;
    height: 0.8rem;
    display: flex;
}
.secStaff .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.secStaff .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: var(--white);
    border-radius: 0.4rem;
    margin: 0;
    flex: 1;
}
.secStaff .swiper-pagination-bullet-active{
    background-color: var(--textColor)!important;
}
.secStaff .btnArea{
    width: 18.6rem;
    position: relative;
    height: 6.4rem;
}
.secStaff .swiper-button-prev,
.secStaff .swiper-button-next{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    top: 0;
    margin: 0;
}
.secStaff .swiper-button-prev{
    left: 0;
}
.secStaff .swiper-button-next{
    right: 0;
    transform: scale(-1, 1);
}
.secStaff .swiper-button-prev::before,
.secStaff .swiper-button-next::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-color: var(--textColor);
    border-radius: 50%;
    left: 0;
    top: 0;
}
.secStaff .swiper-button-prev::after,
.secStaff .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: calc(50% - 1rem);
    right: calc(0% - 1.5rem);
    background-color: var(--bgGlay);
}
@media only screen and (min-width:1216px){
    .secStaff .swiper-button-prev::before,
    .secStaff .swiper-button-next::before{
        transition: 0.5s;
    }
    .secStaff .swiper-button-prev::after,
    .secStaff .swiper-button-next::after{
        transition: 0.1s;
    }
    .secStaff .swiper-button-prev:hover:before,
    .secStaff .swiper-button-next:hover:before{
        background-color: var(--textColor);
        z-index: 3;
    }
    .secStaff .swiper-button-prev:hover::after,
    .secStaff .swiper-button-next:hover::after{
        background-color: rgba(0,0,0,0);
        right: calc(0% - 2rem);
        transition: 0.5s;
    }
}
.secStaff .slide_Arrow{
    width:1.6rem;
    height: 0.6rem;
    position: absolute;
    left: calc(50% - 0.8rem);
    top: calc(50% - 0.5rem);
    z-index: 3;
}
.secStaff .slide_Arrow::before,
.secStaff .slide_Arrow::after{
    content: "";
    position: absolute;
    background-color: var(--textColor);
    transition: 0.5s;
}
.secStaff .slide_Arrow::before{
    width: 0.8rem;
    height: 1px;
    bottom: calc(0% + ((0.8rem / 2) - 0.1rem));
    left: 0;
    transform: rotate(-45deg);
}
.secStaff .slide_Arrow::after{
    width: 5.4rem;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--textColor);
}
@media only screen and (min-width:1216px){
    .secStaff .swiper-button-prev:hover .slide_Arrow::before,
    .secStaff .swiper-button-next:hover .slide_Arrow::before,
    .secStaff .swiper-button-prev:hover .slide_Arrow::after,
    .secStaff .swiper-button-next:hover .slide_Arrow::after{
        background-color: var(--white);
    }
    .secStaff .swiper-button-prev:hover .slide_Arrow::after,
    .secStaff .swiper-button-next:hover .slide_Arrow::after{
        width: 1.6rem;
    }
}
@media only screen and (max-width:1215px){
    .secStaff .slideUnderbox{
        justify-content: flex-end;
        margin-top: 3rem;
    }
    .secStaff .paginationArea{
        display: none;
    }
    .secStaff .btnArea{
        width: 13rem;
        height: 5rem;
    }
    .secStaff .swiper-button-prev,
    .secStaff .swiper-button-next{
        width: 5rem;
        height: 5rem;
    }
    .secStaff .swiper-button-prev::after,
    .secStaff .swiper-button-next::after{
        display: none;
    }
    .secStaff .slide_Arrow{
        width: 1rem;
        height: 0.5rem;
        left: calc(50% - 0.5rem);
        top: calc(50% - 0.3rem);
        z-index: 3;
    }
    .secStaff .slide_Arrow::before{
        width: 0.6rem;
        bottom: calc(0% + ((0.3rem / 2) + 0.1rem));
    }
    .secStaff .slide_Arrow::after{
        width: 3.8rem;
    }
}
/* secWorks */
.secWorks{
    margin-top: 20rem;
    position: relative;
}
.secWorks .img{
    position: absolute;
    top: 0;
    left: calc(50% - 96rem);
    width: 80rem;
    border-radius: 0 3rem 3rem 0;
    overflow: hidden;
}
.secWorks .mainBox{
    width: 78rem;
    margin: 0 0 0 auto;
    padding-top: 8rem;
}
.secWorks .topEngTit{
    width: 27rem;
}
.secWorks .topJpnTit{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-top: 3.5rem;
}
.secWorks .topJpnTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 4rem;
}
.secWorks .list{
    margin-top: 4rem;
}
.secWorks .item:nth-child(2){
    margin-top: 3rem;
}
.secWorks .inner{
    display: flex;
    align-items: center;
    color: var(--textColor);
    border-radius: 3rem 0 0 0;
    border-top: solid 0.1rem var(--textColor);
    border-left: solid 0.1rem var(--textColor);
    padding: 0 5rem;
    position: relative;
    height: 15rem;
}
.secWorks .itemTxt{
    font-size: var(--pcFontSize24);
    font-weight: bold;
}
.secWorks .btnBox{
    position: absolute;
    right: 5rem;
    top: calc(50% - 3.2rem);
    width: 6.4rem;
    height: 6.4rem;
    border: solid 0.1rem var(--textColor);
    border-radius: 50%;
    transition: 0.5s;
}
.secWorks .btnBox:after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: calc(50% - 1rem);
    left: calc(0% - 1.5rem);
    background-color: var(--bgGlay);
}
@media only screen and (min-width:1216px){
    .secWorks .inner:hover .btnBox{
        background: var(--textColor);
    }
    .secWorks .inner:hover .btnBox:after{
        opacity: 0;
        transition: 0.2s;
    }
}
@media only screen and (max-width:1215px){
    .secWorks{
        margin-top: 8rem;
    }
    .secWorks .img{
        position: relative;
        top: 0;
        left: -2rem;
        width: calc(100% + 2rem);
    }
    .secWorks .mainBox{
        width: 100%;
        margin: 5rem auto 0;
        padding-top: 0;
    }
    .secWorks .topEngTit{
        width: 10.9rem;
    }
    .secWorks .topJpnTit{
        font-size: var(--spFontSize18);
        margin-top: 2.2rem;
    }
    .secWorks .topJpnTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 2.2rem;
    }
    .secWorks .list{
        margin-top: 2.5rem;
    }
    .secWorks .item:nth-child(2){
        margin-top: 2rem;
    }
    .secWorks .inner{
        border-radius: 2rem 0 0 0;
        padding: 0 2rem;
        height: 8rem;
    }
    .secWorks .itemTxt{
        font-size: var(--spFontSize16);
    }
    .secWorks .btnBox{
        right: 0;
        top: calc(50% - 2rem);
        width: 4rem;
        height: 4rem;
    }
    .secWorks .btnBox:after{
        width: 1rem;
        height: 1rem;
        top: calc(50% - 0.5rem);
        left: calc(0% - 0.75rem);
    }
}
.secWorks .btnIcon{
    width:1.6rem;
    height: 0.6rem;
    position: absolute;
    left: calc(50% - 0.8rem);
    top: calc(50% - 0.5rem);
    z-index: 3;
    transform: scale(-1, 1);
}
.secWorks .btnIcon::before,
.secWorks .btnIcon::after{
    content: "";
    position: absolute;
    background-color: var(--textColor);
    transition: 0.5s;
}
.secWorks .btnIcon::before{
    width: 0.8rem;
    height: 1px;
    bottom: calc(0% + ((0.8rem / 2) - 0.1rem));
    left: 0;
    transform: rotate(-45deg);
}
.secWorks .btnIcon::after{
    width: 5.4rem;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--textColor);
}
@media only screen and (min-width:1216px){
    .secWorks .inner:hover .btnIcon::before,
    .secWorks .inner:hover .btnIcon::after{
        background-color: var(--white);
    }
    .secWorks .inner:hover .btnIcon::after{
        width: 1.6rem;
    }
}
@media only screen and (max-width:1215px){
    .secWorks .btnIcon::before{
        left: 0.4rem;
    }
    .secWorks .btnIcon::after{
        width: 3.8rem;
        left: 0.4rem;
    }
}
.secWorks .txtImg{
    margin: 5rem auto 0;
    width: 78rem;
}
@media only screen and (max-width:1215px){
    .secWorks .txtImg{
        margin: 3rem auto 0;
        width: 100%;
    }
}
/* secCompany */
.secCompany{
    margin-top: 20rem;
}
.secCompany .topBox{
    height: 78rem;
    position: relative;
    z-index: 10;
}
.secCompany .topBox::after,
.secCompany .topBox::before{
    position: absolute;
    content: "";
    z-index: 12;
}
.secCompany .topBox::after{
    width: 66rem;
    height: 41.4rem;
    left: -10rem;
    top: -10rem;
}
.secCompany.lazyloaded .topBox::after{
    background: url(../img/index/iconCompany01.png) center top / cover;
}
.secCompany .topBox::before{
    width: 66rem;
    height: 41.3rem;
    right: -10rem;
    bottom: -10rem;
}
.secCompany.lazyloaded .topBox::before{
    background: url(../img/index/iconCompany02.png) center top / cover;
}
.secCompany .topInBox{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
    padding-bottom: 17.5rem;
}
.secCompany.lazyloaded .topInBox{
    background: url(../img/index/bgCompany.jpg) center top / cover;
}
.secCompany .tit{
    width: 60.9rem;
    margin: 0 auto;
}
.secCompany .txtList{
    position: absolute;
    left: calc(50% - 60rem);
    bottom: 0;
    width: 120rem;
    display: flex;
    border-radius: 3rem 3rem 0 0;
    overflow: hidden;
    background: var(--bgCompany);
    color: var(--white);
    z-index: 15;
}
.secCompany .txtItem{
    width: calc(100% / 3);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 16rem;
    position: relative;
}
.secCompany .txtItem:nth-child(n+2)::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 8rem;
    left: -0.5px;
    top: calc(50% - 4rem);
    background: var(--Colorwhite_20);
}
.secCompany .itemTit{
    font-size: var(--pcFontSize24);
    font-weight: bold;
}
.secCompany .itemTxt{
    font-size: var(--pcFontSize14);
    font-weight: bold;
    margin-top: 2rem;
}
.secCompany .mainBox{
    position: relative;
    padding: 15rem 0;
}
.secCompany .mainBox::after{
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% + 39rem);
    left: 0;
    bottom: 0;
    background: var(--bgCompany);
}
.secCompany .wrapper{
    position: relative;
    z-index: 10;
}
.secCompany .mainTitBox{
    text-align: center;
    color: var(--white);
}
.secCompany .engTit{
    width: 59.2rem;
    margin: 0 auto;
}
.secCompany .mainTit{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-top: -2rem;
}
.secCompany .mainTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 3.5rem;
}
.secCompany .list{
    margin-top: 7rem;
    display: flex;
}
.secCompany .item{
    width: calc(50% - 3rem);
}
.secCompany .item:nth-child(2){
    margin-left: 6rem;
}
.secCompany .inner{
    display: block;
    border-radius: 0 3rem 3rem 3rem;
    position: relative;
    z-index: 1;
}
.secCompany .innerTxt{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    position: absolute;
    width: 100%;
    height: 100%;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secCompany{
        margin-top: 8rem;
    }
    .secCompany .topBox{
        height: 45rem;
    }
    .secCompany .topBox::after,
    .secCompany .topBox::before{
        position: absolute;
        content: "";
        z-index: 12;
    }
    .secCompany .topBox::after{
        width: 27rem;
        height: 16.9rem;
        left: -3rem;
        top: -4rem;
    }
    .secCompany .topBox::before{
        width: 27rem;
        height: 16.9rem;
        right: -3rem;
        bottom: -6rem;
    }
    .secCompany .topInBox{
        border-radius: 0;
        padding-bottom: 13rem;
    }
    .secCompany.lazyloaded .topInBox{
        background: url(../img/index/bgCompany_sp.jpg) center top / cover;
    }
    .secCompany .tit{
        width: 27.5rem;
        margin: 0 auto;
    }
    .secCompany .txtList{
        left: calc(50% - 20rem);
        bottom: 0;
        width: 40rem;
        background: var(--ColorBlack_90);
        display: block;
        padding: 3.5rem 1.5rem;
    }
    .secCompany .txtItem{
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row;
        height: auto;
    }
    .secCompany .txtItem:nth-child(n+2){
        margin-top: 1.6rem;
        padding-top: 1.3rem;
    }
    .secCompany .txtItem:nth-child(n+2)::after{
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
        background: var(--Colorwhite_20);
    }
    .secCompany .itemTit{
        font-size: var(--spFontSize14);
        width: 12rem;
    }
    .secCompany .itemTxt{
        width: calc(100% - 12rem);
        font-size: var(--spFontSize12);
        margin-top: 0;
    }
    .secCompany .mainBox{
        padding: 7.8rem 0 5rem;
    }
    .secCompany .mainBox::after{
        height: 100%;
    }
    .secCompany .mainTitBox{
        text-align: center;
        color: var(--white);
    }
    .secCompany .engTit{
        width: 18.5rem;
        margin: 0 auto;
    }
    .secCompany .mainTit{
        font-size: var(--spFontSize18);
        margin-top: -1.2rem;
    }
    .secCompany .mainTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 1.5rem;
    }
    .secCompany .list{
        margin-top: 2.5rem;
        display: block;
    }
    .secCompany .item{
        width: 100%;
    }
    .secCompany .item:nth-child(2){
        margin: 2rem auto 0;
    }
    .secCompany .inner{
        border-radius: 0 2rem 2rem 2rem;
    }
    .secCompany .innerTxt{
        font-size: var(--spFontSize16);
        text-align: left;
        padding-left: 3rem;
        justify-content: flex-start;
    }
}
@media only screen and (max-width:439px){
    .secCompany .txtList{
        left: 2rem;
        width: calc(100% - 4rem);
    }

}
@media only screen and (max-width:374px){
    .secCompany .itemTxt{
        font-size: var(--spFontSize11);
    }
}
@media only screen and (max-width:359px){
    .secCompany .txtList{
        left: 1.5rem;
        width: calc(100% - 3rem);
    }
    .secCompany .itemTxt{
        font-size: var(--spFontSize10);
    }
}
.secCompany .btnBox{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    bottom: calc(50% - 3.2rem);
    right: 5rem;
    z-index: 10;
    transition: 0.5s;
}
.secCompany .btnBox::after{
    position: absolute;
    content: "";
    width: 6.4rem;
    height: 6.4rem;
    top: 0;
    right: 0;
    border-radius: 50%;
    transition: 0.5s;
}
.secCompany.lazyloaded .inner .btnBox::after{
    background: url(../img/interview/iconInterviewBtn02.png) center top / cover;
}
.secCompanyf .btnIcon{
    position: relative;
    width: 100%;
    height: 100%;
}
.secCompany .btnIcon::before,
.secCompany .btnIcon::after{
    background: var(--white);
    transition: 0.5s;
}
.secCompany .btnIcon::before{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1px;
    bottom: calc(50% + 1.5px);
    right: 2.6rem;
    transform: rotate(45deg);
}
.secCompany .btnIcon::after{
    content: "";
    position: absolute;
    width: 5.8rem;
    height: 1px;
    right: 2.7rem;
    bottom: calc(50% - 0.5px);
}
@media only screen and (min-width:1216px){
    .secCompany .inner:hover .btnBox::after{
        background: var(--white);
        transition: 0.5s;
    }
    .secCompany .inner:hover .btnIcon::before,
    .secCompany .inner:hover .btnIcon::after{
        background: var(--textColor);
        z-index: 15;
    }
    .secCompany .inner:hover .btnIcon::after{
        width: 1.6rem;
    }

}
@media only screen and (max-width:1215px){
    .secCompany .btnBox{
        width: 4rem;
        height: 4rem;
        bottom: calc(50% - 2rem);
        right: 3rem;
    }
    .secCompany .btnBox::after{
        width: 4rem;
        height: 4rem;
    }
    .secCompany .btnIcon::before{
        content: "";
        position: absolute;
        width: 0.8rem;
        height: 1px;
        bottom: calc(50% + 1px);
        right: 1.6rem;
        transform: rotate(45deg);
    }
    .secCompany .btnIcon::after{
        content: "";
        position: absolute;
        width: 3.8rem;
        height: 1px;
        right: 1.7rem;
        bottom: calc(50% - 1px);
    }
}

/* secOtherlist */
.secOtherlist{
    margin-top: 20rem;
}
.secOtherlist .topTitBox{
    position: relative;
}
.secOtherlist .topEngTit{
    width: 36.7rem;
}
.secOtherlist .topJpnTit{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-top: 3.5rem;
}

.secOtherlist .slideArea{
    margin-top:7rem;
    width: 100%;
}
.secOtherlist .slideBox{
    width: 100%;
}
.secOtherlist .swiper{
    width: 100%;
    overflow: visible;
}
@media only screen and (min-width:1216px){
    .secOtherlist .slideBox.disabled .swiper-slide{
        width: 40%;
    }
    .secOtherlist .slideBox.disabled .swiper-slide + .swiper-slide{
        margin-left: 7rem;
    }
}

#Other_Slide .linkItem{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: 0.5s;
    padding-bottom: 5.5rem;
}
#Other_Slide .linkItem::after{
    content: "";
    position: absolute;
    width: calc(100% - (11rem + 1rem));
    height: 1px;
    background-color: var(--linkborderColor);
    bottom: 0;
    left: 0;
}
#Other_Slide .itemInner{
    width: 100%;
}
#Other_Slide .imgArea{
    width: 100%;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
    z-index: 1;
}
#Other_Slide .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(440 / 600 * 100%);
    overflow: hidden;
    z-index: 1;
}
#Other_Slide .txtArea{
    width: 100%;
    margin-top: 3.3rem;
}
#Other_Slide .subtit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    font-weight: bold;
}
#Other_Slide .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_40);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing28_50);
}
#Other_Slide .subtit + .tit{
    margin-top: 1.9rem;
}
#Other_Slide .txt{
    width: 100%;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize16) * var(--pcLineHeight16_34) * 2);
    margin-top: 1.3rem;
}
#Other_Slide .tagArea{
    width: 100%;
    margin-top: 2.5rem;
}
#Other_Slide .taglist{
    width: 100%;
}
#Other_Slide .tags{
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
#Other_Slide .tag_box{
    min-width: 11rem;
    min-height: 3.8rem;
    position: relative;
    width: fit-content;
    padding: 0.6rem 2rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    background-color: var(--white);
    color: var(--textColor);
    pointer-events: all;
    cursor: pointer;
}
#Other_Slide .tag_box.type_new{
    background-color: var(--formBtnColor);
    color: var(--textColor);
}
#Other_Slide .tag_box.type_career{
    background-color: var(--tag01Color);
    color: var(--white);
}
#Other_Slide .tag_In{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#Other_Slide .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    text-align: left;
    display: inline-block;
}
#Other_Slide .morebox{
    position: absolute;
    width: 11rem;
    bottom: 0;
    right: 0;
    padding-bottom: 0.9rem;
}
#Other_Slide .moreIn{
    display: inline-block;
    position: relative;
    width: 100%;
}
#Other_Slide .Iconbox{
    position: absolute;
    width: 1.6rem;
    height: 0.7rem;
    right: 0;
    top: calc(50% - 0.35rem);
}
#Other_Slide .moretxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    #Other_Slide .linkItem:hover .morebox{
        border-color: var(--textColor);
    }
    #Other_Slide .trgger_animation_line_item{
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
    }
}
@media only screen and (max-width:1215px){
    .secOtherlist{
        margin-top: 8rem;
    }
    .secOtherlist .topEngTit{
        width: 14.8rem;
    }
    .secOtherlist .topJpnTit{
        font-size: var(--spFontSize18);
        margin-top: 2.2rem;
    }
    .secOtherlist .slideArea{
        margin-top: 3rem;
        position: relative;
    }
    #Other_Slide .linkItem{
        height: auto;
        padding-bottom:0;
    }
    #Other_Slide .linkItem::after{
        display: none;
    }
    #Other_Slide .imgArea{
        border-radius: 0 3rem 3rem 3rem;
    }
    #Other_Slide .txtArea{
        margin-top: 15px;
    }
    #Other_Slide .subtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    #Other_Slide .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
    }
    #Other_Slide .subtit + .tit{
        margin-top: 0.6rem;
    }
    #Other_Slide .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        -webkit-line-clamp: 3;
        max-height: calc(var(--spFontSize12) * var(--spLineHeight12_24) * 3);
        margin-top: 0.8rem;
    }
    #Other_Slide .tagArea{
        margin-top: 1.3rem;
    }
    #Other_Slide .tags{
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    #Other_Slide .tag_box{
        min-width: 8rem;
        min-height: 3rem;
        padding: 0.4rem 1.2rem;
        border-radius: 3rem;
    }
    #Other_Slide .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    #Other_Slide .morebox{
        display: none;
    }
}

#Other_Slide .slideUnderbox{
    width: 100%;
    display: flex;
    margin-top: 5rem;
}
#Other_Slide .paginationArea{
    flex: 1;
    padding-right:6.5rem;
    position: relative;
}
#Other_Slide .swiper-pagination{
    position: relative;
    top: calc(50% - 0.4rem);
    left: 0;
    bottom: auto;
    background-color: var(--white);
    border-radius: 0.4rem;
    height: 0.8rem;
    display: flex;
}
#Other_Slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#Other_Slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: var(--white);
    border-radius: 0.4rem;
    margin: 0;
    flex: 1;
}
#Other_Slide .swiper-pagination-bullet-active{
    background-color: var(--textColor)!important;
}
#Other_Slide .btnArea{
    width: 18.6rem;
    position: relative;
    height: 6.4rem;
}
#Other_Slide .swiper-button-prev,
#Other_Slide .swiper-button-next{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    top: 0;
    margin: 0;
}
#Other_Slide .swiper-button-prev{
    left: 0;
}
#Other_Slide .swiper-button-next{
    right: 0;
    transform: scale(-1, 1);
}
#Other_Slide .swiper-button-prev::before,
#Other_Slide .swiper-button-next::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-color: var(--textColor);
    border-radius: 50%;
    left: 0;
    top: 0;
}
#Other_Slide .swiper-button-prev::after,
#Other_Slide .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: calc(50% - 1rem);
    right: calc(0% - 1.5rem);
    background-color: var(--bgGlay);
}
@media only screen and (min-width:1216px){
    #Other_Slide .swiper-button-prev::before,
    #Other_Slide .swiper-button-next::before{
        transition: 0.5s;
    }
    #Other_Slide .swiper-button-prev::after,
    #Other_Slide .swiper-button-next::after{
        transition: 0.1s;
    }
    #Other_Slide .swiper-button-prev:hover:before,
    #Other_Slide .swiper-button-next:hover:before{
        background-color: var(--textColor);
        z-index: 3;
    }
    #Other_Slide .swiper-button-prev:hover::after,
    #Other_Slide .swiper-button-next:hover::after{
        background-color: rgba(0,0,0,0);
        right: calc(0% - 2rem);
        transition: 0.5s;
    }
}
#Other_Slide .slide_Arrow{
    width:1.6rem;
    height: 0.6rem;
    position: absolute;
    left: calc(50% - 0.8rem);
    top: calc(50% - 0.5rem);
    z-index: 3;
}
#Other_Slide .slide_Arrow::before,
#Other_Slide .slide_Arrow::after{
    content: "";
    position: absolute;
    background-color: var(--textColor);
    transition: 0.5s;
}
#Other_Slide .slide_Arrow::before{
    width: 0.8rem;
    height: 1px;
    bottom: calc(0% + ((0.8rem / 2) - 0.1rem));
    left: 0;
    transform: rotate(-45deg);
}
#Other_Slide .slide_Arrow::after{
    width: 5.4rem;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--textColor);
}
@media only screen and (min-width:1216px){
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::before,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::before,
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::after,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::after{
        background-color: var(--white);
    }
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::after,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::after{
        width: 1.6rem;
    }
}
@media only screen and (max-width:1215px){
    #Other_Slide .slideUnderbox{
        justify-content: flex-end;
        margin-top: 4rem;
    }
    #Other_Slide .paginationArea{
        display: none;
    }
    #Other_Slide .btnArea{
        width: 13rem;
        height: 5rem;
    }
    #Other_Slide .swiper-button-prev,
    #Other_Slide .swiper-button-next{
        width: 5rem;
        height: 5rem;
    }
    #Other_Slide .swiper-button-prev::after,
    #Other_Slide .swiper-button-next::after{
        display: none;
    }
    #Other_Slide .slide_Arrow{
        width: 1rem;
        height: 0.5rem;
        left: calc(50% - 0.5rem);
        top: calc(50% - 0.3rem);
        z-index: 3;
    }
    #Other_Slide .slide_Arrow::before{
        width: 0.6rem;
        bottom: calc(0% + ((0.3rem / 2) + 0.1rem));
    }
    #Other_Slide .slide_Arrow::after{
        width: 3.8rem;
    }
}
.secOtherlist .secCmnBack{
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
}
.secOtherlist .secCmnBack .btnInner{
    background: var(--white);
}
.secOtherlist .secCmnBack .btnInner::after{
    left: auto;
    right: 4rem;
}
.secOtherlist .secCmnBack.lazyloaded .btnInner::after{
    background: url(../img/common/iconCmnBack02.png) center top / cover;
}
@media only screen and (max-width:1215px){
     .secOtherlist .secCmnBack{
        bottom: 0;
        right: auto;
        left: 0;
    }
    .secOtherlist .secCmnBack .btnInner{
        background: var(--white);
        justify-content: flex-start;
        padding-left: 2.5rem;
    }
    .secOtherlist .secCmnBack .btnInner::after{
        left: auto;
        right: 2rem;
    }
    .secOtherlist .secCmnBack.lazyloaded .btnInner::after{
        background: url(../img/common/iconCmnBack02_sp.png) center top / cover;
    }
}
@media only screen and (max-width:374px){
    .secOtherlist .secCmnBack{
        width: 17rem;
    }
}
@media only screen and (max-width:359px){
    .secOtherlist .secCmnBack{
        width: 14rem;
    }
}
#Other_Slide.slideBox.disabled .slideUnderbox{
    display: none;
}
@media only screen and (max-width:1215px){
    #Other_Slide.slideBox.disabled{
        padding-bottom: 8rem;
    }
    #Other_Slide.slideBox.disabled .swiper-slide{
        width: calc(100% - 5rem);
    }
}
/* secFaq */
.secFaq{
    margin-top: 20rem;
    position: relative;
}
.secFaq::after{
    position: absolute;
    content: "";
    width: calc(100% - 10rem);
    height: 75rem;
    left: 0;
    top: 0;
    background: var(--tag01Color);
    border-radius: 0 3rem 0 0;
}
.secFaq .wrapper{
    position: relative;
    z-index: 10;
    display: flex;
    padding-top: 15rem;
}
.secFaq .leftBox{
    width: 53rem;
    color: var(--white);
    padding-top: 5rem;
}
.secFaq .engTit{
    width: 16.5rem;
}
.secFaq .jpnTit{
    font-size: var(--pcFontSize28);
    font-weight: bold;
    margin-top: 3rem;
}
.secFaq .jpnTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    margin-top: 4rem;
}
.secFaq .img{
    margin-top: 6rem;
    position: relative;
    left: -4rem;
    width: 40rem;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
}
.secFaq .rightBox{
    width: calc(100% - 53rem);
    padding: 6rem 0 8rem 8rem;
    position: relative;
}
.secFaq .rightBox::after{
    position: absolute;
    content: "";
    width: 118rem;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 3rem 0 0 3rem;
    box-shadow: 0rem 0rem 0.5rem 0.05rem var(--ColorBlack_10);
    background: var(--white);
}
.secFaq .list{
    position: relative;
    z-index: 10;
}
.secFaq .mainTitBox{
    padding: 2rem 6rem 2.1rem 0;
    position: relative;
}
.secFaq .mainTitBox::after{
    position: absolute;
    content: "";
    width: calc(100% - 6rem);
    height: 1px;
    bottom: 0;
    left: 0;
    background: var(--linkborderColor);
}
.secFaq .mainTitBox::before{
    position: absolute;
    content: "";
    width: 5rem;
    height: 1px;
    right: 0;
    bottom: 0;
    background: var(--textColor);
}
.secFaq .mainTitFlexBox,
.secFaq .txtFlex{
    display: flex;
}
.secFaq .txtEng{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pnkzColor);
    font-size: var(--pcFontSize20);
    font-weight: bold;
}
.secFaq .mainTit{
    width: calc(100% - 5rem);
    padding: 1.2rem 0 0 1.5rem;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
}
.secFaq .faqBox{
    display: none;
    padding: 2rem 6rem 3rem 0;
}
.secFaq .txtFlex .txtEng{
    background: var(--formBtnColor);
}
.secFaq .txt{
    width: calc(100% - 5rem);
    padding: 1.2rem 0 0 1.5rem;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
}
.secFaq .txt a{
    color: var(--aTabColor);
}
.secFaq .icon{
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    right: 1.5rem;
    top: calc(50% - 0.9rem);
}
.secFaq .icon::after,
.secFaq .icon::before{
    position: absolute;
    content: "";
    width: 1.8rem;
    height: 0.2rem;
    background: var(--textColor);
    top: calc(50% - 0.1rem);
    left: calc(50% - 0.9rem);
}
.secFaq .icon::before{
    transform: rotate(-90deg);
}
.secFaq .mainTitBox.on .icon::before{
    display: none;
}
@media only screen and (max-width:1215px){
    .secFaq{
        margin-top: 8rem;
        position: relative;
    }
    .secFaq::after{
        width: 100%;
        height: 30.4rem;
        left: 0;
        top: 0;
        border-radius: 0;
    }
    .secFaq .wrapper{
        display: block;
        padding-top: 8rem;
    }
    .secFaq .leftBox{
        width: 100%;
        padding-top: 0;
    }
    .secFaq .engTit{
        width: 6.7rem;
    }
    .secFaq .jpnTit{
        font-size: var(--spFontSize18);
        margin-top: 1rem;
    }
    .secFaq .jpnTxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 1.5rem;
    }
    .secFaq .img{
        display: none;
    }
    .secFaq .rightBox{
        width: 100%;
        padding: 2rem 0 5rem 2rem;
        margin-top: 2.2rem;
    }
    .secFaq .rightBox::after{
        width: calc(100% + 4rem);
    }
    .secFaq .list{
        position: relative;
        z-index: 10;
    }
    .secFaq .mainTitBox{
        padding: 1rem 2.3rem 1.1rem 0;
    }
    .secFaq .mainTitBox::after{
        width: calc(100% - 2.3rem);
    }
    .secFaq .mainTitBox::before{
        width: 1.3rem;
    }
    .secFaq .txtEng{
        width: 3.5rem;
        height: 3.5rem;
        font-size: var(--spFontSize14);
    }
    .secFaq .mainTit{
        width: calc(100% - 3.5rem);
        padding: 1rem 0 0 1rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secFaq .faqBox{
        display: none;
        padding: 1rem 2.3rem 1rem 0;
    }
    .secFaq .txt{
        width: calc(100% - 2.3rem);
        padding: 1rem 0 0 1rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secFaq .icon{
        width: 1.3rem;
        height: 1.3rem;
        right: -0.2rem;
        top: calc(50% - 0.65rem);
    }
    .secFaq .icon::after,
    .secFaq .icon::before{
        width: 1.3rem;
        height: 0.1rem;
        top: calc(50% - 0.05rem);
        left: calc(50% - 0.0.65rem);
    }
}
.secTicker{
    overflow: hidden;
    position: absolute;
    z-index: 10;
}
.secTicker .boxTicker{
    display: flex;
}
.secTicker .imgTicker{
    width: 218rem;
}
.secTicker .itemTicker:nth-child(odd) {
    animation: loop 80s -40s linear infinite;
    backface-visibility: hidden;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}
.secTicker .itemTicker:nth-child(even) {
    animation: loop2 80s linear infinite;
}
@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
    }
}
@media only screen and (max-width:1215px){
    .secTicker .imgTicker{
        width: 82rem;
    }
}
/* secVision */
.secVisionBox{
    padding-top: 11rem;
}
.secVision{
    position: relative;
    height: calc((80rem * 3) + (8rem * 2));
    overflow: hidden;
}
#fade-container{
    height: 80rem;
}
#fade-container .fade-item{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80rem;
    opacity: 0;
    transition: opacity 1s ease;
    font-size: 2rem;
}
#fade-container .fade-item + .fade-item{
    margin-top: 8rem;
}
#fade-container .fade-item.active{
    opacity: 1;
    z-index: 1;
}
.secVision.lazyloaded .fade-item .bgBox{
    background: url(../img/common/tp.gif) center center no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 5rem;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: block;
}
.secVision.lazyloaded .fade-item01 .bgBox{
    background-image:url(../img/index/imgBackfade-item01.jpg);
}
.secVision.lazyloaded .fade-item02 .bgBox{
    background-image:url(../img/index/imgBackfade-item02.jpg);
}
.secVision.lazyloaded .fade-item03 .bgBox{
    background-image:url(../img/index/imgBackfade-item03.jpg);
}
.secVision .mainBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150rem;
    max-width: calc(100% - 10rem);
    margin: 0 auto;
    height: 100%;
}
.secVision .leftBox{
    color: var(--white);
    position: relative;
}
.secVision .tit{
    font-size: var(--pcFontSize40);
    font-weight: bold;
}
.secVision .txt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_70);
    font-weight: bold;
}
.secVision .tit + .txt{
    margin-top: 4rem;
}
.secVision .itemEng{
    width: 63.7rem;
    mix-blend-mode: exclusion;
}
.secVision .inner{
    display: block;
    width: 100%;
    height: 100%;
}
.secVision .iconBtn{
    position: relative;
    padding: 9rem 13.5rem 0 0;
    font-size: var(--pcFontSize22);
    font-weight: bold;
    text-align: right;
    top: -2rem;
}
.secVision .btnBox{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    bottom: -2rem;
    right: 2rem;
    z-index: 10;
    transition: 0.5s;
}
.secVision .btnBox::after{
    position: absolute;
    content: "";
    width: 6.4rem;
    height: 6.4rem;
    top: 0;
    right: 0;
    border-radius: 50%;
    transition: 0.5s;
}
.secVision.lazyloaded .inner .btnBox::after{
    background: url(../img/interview/iconInterviewBtn02.png) center top / cover;
}
.secVision .btnIcon{
    position: relative;
    width: 100%;
    height: 100%;
}
.secVision .btnIcon::before,
.secVision .btnIcon::after{
    background: var(--white);
    transition: 0.5s;
}
.secVision .btnIcon::before{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1px;
    bottom: calc(50% + 1.5px);
    right: 2.6rem;
    transform: rotate(45deg);
}
.secVision .btnIcon::after{
    content: "";
    position: absolute;
    width: 5.8rem;
    height: 1px;
    right: 2.7rem;
    bottom: calc(50% - 0.5px);
}
.secVision .inner:hover .btnBox::after{
    background: var(--white);
    transition: 0.5s;
}
.secVision .inner:hover .btnIcon::before,
.secVision .inner:hover .btnIcon::after{
    background: var(--textColor);
    z-index: 15;
}
.secVision .inner:hover .btnIcon::after{
    width: 1.6rem;
}
@media only screen and (max-width:1680px){
    .secVision .itemEng{
        width: 53.7rem;
    }
}
@media only screen and (max-width:1215px){
    .secVisionBox{
        display: none;
    }
}
/* secSpVision */
.secSpVision{
    display: none;
}
@media only screen and (max-width:1215px){
    .secSpVision{
        display: block;
        padding-top: 8rem;
    }
    .secSpVision .engTit{
        width: 19.3rem;
    }
    .secSpVision .tit{
        font-size: var(--spFontSize18);
        font-weight: bold;
        margin-top: 2rem;
    }
    .secSpVision .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_32);
        margin-top: 3rem;
    }
    .secSpVision .img{
        margin-top: 3rem;
    }
}