@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
    メイン画像
--------------------------------------------------------*/
.bl_mainCont{
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100vh;
}

/* スライダー */
.bl_mainCont .bl_slider,
.bl_mainCont .bl_slider .slick-list.draggable,
.bl_mainCont .bl_slider .slick-track,
.bl_mainCont .bl_slide{
    width: 100%;
    height: 100%;
}
.bl_mainCont .bl_slider{
    overflow: hidden;
}
.bl_mainCont .bl_slide img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
@keyframes zoomUp {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.15); /* 拡大率 */
    }
}
.add-animation{
    animation: zoomUp 10s linear 0s normal both;
}

/* テキスト */
.bl_mainText{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 800;
    width: 90%;
    height: 55%;
    max-width: 670px;
    max-height: 620px;
}
.bl_mainText .el_catchcopy{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 450px;
}
.bl_mainText .el_logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.bl_mainText .el_text{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 640px;
}
@media (min-width:1200px){
    .bl_mainText{
        height: 60%;
    }
}
@media (min-width:1600px){
    .bl_mainText{
        height: 100%;
    }
}