@charset "UTF-8";

/*====================================================================
slick
====================================================================*/
@media only screen and (min-width: 769px) {
    .sliderArea {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 25px;
        z-index: 1;
    }

    .slick-slide img {
        width: 100%;
        height: auto;
    }

    .slick-prev,
    .slick-next {
        z-index: 9999 !important;
        width:30px !important;
        height:30px!important;;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #1347d4!important;
        font-size: 30px!important;
    }

    .slick-prev {
        left: 50px !important;
    }

    .slick-next {
        right: 50px !important;
    }

    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: 1;
    }

    .slick-current {
        opacity: 1;
    }

    .thumb {
        margin: 20px 0 0;
    }

    .thumb .slick-slide {
        cursor: pointer;
    }

    .thumb .slick-slide:hover {
        opacity: .7;
    }

/*
    .container-pc {
        position: relative !important;
        height: auto;
    }
    .container-pc2_slick {
        position: relative !important;
        height: auto;
    }
    .logo-container_slick {
        max-width: 500px;
        display: block;
        position: relative;
        padding: 5px 10px;
    }

    .logo1_slick,
    .logo1_slick {
        display: block;
        padding: 10px 0 0 0;
    }

    .logo2_slick {
        display: block;
        margin: 0 0 0 10px;
    }

    .logo2_slick {
        display: block;
    }

    .navi_slick {
        display: block;
        clear: both;
        width: 100%;
        max-width: 962px;
        margin: 0px auto 0 auto;
        position: relative;
    }
*/
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
    .sliderArea {
        max-width: 100%;
        margin: 0 auto;
        /*padding: 0 25px;*/
        z-index: 1;
    }

    .slick-slide img {
        width: 100%;
        height: auto;
    }

    .slick-prev,
    .slick-next {
        z-index: 9999 !important;
        width:25px !important;
        height:25px!important;;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #1347d4!important;
        font-size: 25px!important;
    }

    .slick-prev {
        left: 50px !important;
        /*top:20px!important;*/
    }

    .slick-next {
        right: 50px !important;
        /*top:20px!important;*/
    }

    .container-tab {
        position: relative !important;
    }

    .logo-container_slick {
        max-width: 500px;
        display: flex;
        z-index: 1;
        position: relative;
        padding: 5px 10px;
    }

    .container-tab 2 {
        position: relative !important;
    }

    .logo1_slick {
        display: flex;
        padding: 10px 0 0 0;
    }

    .logo2_slick {
        display: block;
    }

    .sliderArea {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }
/*   .slick-prev,
    .slick-next {
        display:none !important;
    }*/
}


@media only screen and (max-width: 480px) {
    .slick-slide img {
        width: 100%;
        height: 50vw;
        object-fit: cover !important;
    }

    .container-smp {
        position: relative !important;
    }

    .logo-container_slick {
        max-width: 100%;
        display: flex;
        z-index: 1;
        position: relative;
        padding: 5px 10px;
    }

    .container-smp2 {
        position: relative !important;
    }

    .logo-container_slick .logo1_slick {
        display: flex;
        padding: 10px 0 0 0;
    }

    .logo2_slick {
        display: flex;
        /* margin: 0 0 0 20px; */
        margin: 0 0 0 0;
    }
    .logo2_slick img {
        width:200px;
    }
    .slick-prev,
    .slick-next {
        display:none !important;
    }

}