@charset "UTF-8";



.p-fv{

    position: relative;

}

.p-fv::before{

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(to right, var(--fv-color) 40%, var(--fv-color-alpha) 75%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

}

.p-fv__wrapper{

    position: relative;

    z-index: 11;

    color: #fff;

    padding: calc((90 + 56) * var(--px)) 0 calc(112 * var(--px));

    min-height: 100vh;

    min-height: 100svh;

    display: flex;

    justify-content: center;

    flex-direction: column;

}

.p-fv__title,

.p-fv__text,

.p-fv__scroll{

    opacity: 0;

    transition: var(--fv-transition);

}

.p-fv__text,

.p-fv__scroll{

    filter: drop-shadow(0 0 8px rgba(0,0,0,0.4)); 

}

.p-fv.is-loaded .p-fv__title,

.p-fv.is-loaded .p-fv__text,

.p-fv.is-loaded .p-fv__scroll{

    opacity: 1;

}

.p-fv__title{

    width: calc(800 * var(--px));

}

.p-fv__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    margin-top: calc(30 * var(--px));

    transition-delay: 0.5s;

}

.p-fv__title + .p-fv__text{

    margin-top: calc(60 * var(--px));

}

.p-fv__swiper{

    width: 70%;

    height: 100%;

    position: absolute !important;

    left: 30%;

    top: 0;

}

.p-fv .swiper-slide{

    position: relative;

}

.p-fv__image{

    min-height: 100%;

    position: relative;

}

.p-fv__image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center 25%;

    position: absolute;

    top: 0;

    left: 0;

}

.p-fv .swiper-slide-active .p-fv__image,

.p-fv .swiper-slide-duplicate-active .p-fv__image,

.p-fv .swiper-slide-prev .p-fv__image{

    animation: zoomUp 9s linear 0s normal both;

}

@keyframes zoomUp{

    0%{

        transform: scale(1);

    }

    100%{

        transform: scale(1.15);

    }

}

.p-fv__scroll{

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 20;

    transition-delay: 1.5s;

    pointer-events: none;

}

.p-fv__scroll:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 80%;

    background: linear-gradient(180deg,rgba(#fff, 0) 0, rgba(#fff, .8) 80%, rgba(#fff, .8) 100%);

}

.p-fv__scroll-text{

    display: inline-block;

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    padding: calc(10 * var(--px)) calc(10 * var(--px)) calc(85 * var(--px));

    text-align: center;

    letter-spacing: calc(2 * var(--px));

    color: #fff;

    font-size: var(--fs-base);

    font-family: var(--english-font-family);

    transition: 0.2s;

    overflow: hidden;

    margin: auto;

}

.p-fv__scroll-text:before,

.p-fv__scroll-text:after{

    height: calc(70 * var(--px));

}

.p-fv__scroll-text:before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 2px;

    background: var(--fv-color);

}

.p-fv__scroll-text:after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 2px;

    background: #fff;

    animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;

}

@keyframes sdl01{

    0%{

        transform: scale(1, 0);

        transform-origin: 0 0;

    }

    50%{

        transform: scale(1, 1);

        transform-origin: 0 0;

    }

    50.1%{

        transform: scale(1, 1);

        transform-origin: 0 100%;

    }

    100%{

        transform: scale(1, 0);

        transform-origin: 0 100%;

    }

}

@media screen and (max-width: 767px){

    .p-fv{

        display: flex;

        flex-direction: column-reverse;

        padding-top: calc(65 * var(--px));

    }

    .p-fv::before{

        display: none;

    }

    .p-fv__wrapper{

        min-height: auto;

        padding: calc(20 * var(--px)) var(--wrapper-sp-padding) calc(80 * var(--px));

        background: var(--fv-color);

    }

    .p-fv__title{

        width: 100%;

    }

    .p-fv__swiper{

        width: 100%;

        height: auto;

        position: relative !important;

        left: 0;

    }

    .p-fv__swiper::before{

        content: "";

        width: 100%;

        height: 100%;

        background: linear-gradient(to top, var(--fv-color) 0%, var(--fv-color-alpha) 30%);

        position: absolute;

        top: 0;

        left: 0;

        z-index: 10;

    }

    .p-fv__image{

        height: 66.667vw;

    }

    .p-fv__text{

        margin-top: calc(15 * var(--px));

    }

    .p-fv__title + .p-fv__text{

        margin-top: calc(25 * var(--px));

    }

    .p-fv__scroll-text{

        padding-bottom: calc(50 * var(--px));

    }

    .p-fv__scroll-text:before,

    .p-fv__scroll-text:after{

        height: calc(40 * var(--px));

    }

}





.p-philosophy{

    padding: calc(100 * var(--px)) 0;

    position: relative;

}

.p-philosophy__wrapper{

    height: calc(600 * var(--px));

    display: flex;

    justify-content: center;

    flex-direction: column;

}

.p-philosophy__image{

    width: calc(800 * var(--px));

    max-width: 40%;

    height: calc(600 * var(--px));

    position: absolute;

    right: 0;

    top: calc(50% - (300 * var(--px)));

    z-index: 1;

    border-radius: var(--radius-large) 0 0 var(--radius-large);

}

.p-philosophy__image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: right bottom;

    position: absolute;

    top: 0;

    left: 0;

}

.p-philosophy__title{

    font-size: var(--fs-title);

    line-height: var(--lh-tight);

    font-weight: bold;

}

.p-philosophy__text{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

    margin-top: calc(20 * var(--px));

}

.p-philosophy__button{

    margin-left: 0;

}

@media screen and (max-width: 767px){

    .p-philosophy{

        width: 100%;

        padding: calc(50 * var(--px)) var(--wrapper-sp-padding);

    }

    .p-philosophy__wrapper{

        display: block;

        height: auto;

    }

    .p-philosophy__image{

        position: static;

        width: 100vw;

        height: 75vw;

        max-width: none;

        border-radius: 0;

        margin: 0 calc(-1 * var(--wrapper-sp-padding));

    }

    .p-philosophy__title{

        margin-top: calc(20 * var(--px));

    }

    .p-philosophy__text{

        margin-top: calc(10 * var(--px));

    }

    .p-philosophy__button{

        margin-left: auto;

    }

}



.p-business{

    padding: calc(150 * var(--px)) 0;

    background: var(--background-accent);

    clip-path: polygon(0 calc(75 * var(--px)), 100% 0, 100% calc(100% - (75 * var(--px))), 0 100%);

}

.p-business .c-link__item{

    width: var(--col-width-2);

}

@media screen and (max-width: 767px){

    .p-business{

        padding: calc(70 * var(--px)) 0;

        clip-path: polygon(0 calc(35 * var(--px)), 100% 0, 100% calc(100% - (35 * var(--px))), 0 100%);

    }

}



.p-link{

    background: var(--background-light);

    padding: var(--section-padding);

}