@charset "shift_jis";
    
.slick_bg {
    padding-bottom: 6%;
    background-size: 100%;
    margin-top: 0px;
    background-repeat: no-repeat;
    z-index: index -1;
}

.slider-area {
    height: 61vw;    
}

/*-------------ここからPCモニターの記述-----------*/
@media screen and (min-width:768px) and (max-width:1280px) {
    .slick_bg {
        padding-bottom: 13%;
        background-size: 100%;
        margin-top: 0px;
        background-repeat: no-repeat;
        z-index: -1;

    }
}

@media screen and (min-width:1280px) {
    .slick_bg {
        padding-bottom: 14%;
        background-size: 100%;
        margin-top: -5rem;
        background-repeat: no-repeat;
        z-index: -1;

    }
}

.slick_bg-text {
     background-color:white;
     color: Black;
     font-weight: bold; 
 }


 /*-------------ここからslic02の記述-----------*/
 .slick02_container {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .slick02 {
     width: 100%;
     max-width: 1200px;
     margin: 30px auto;
 }

 @media screen and (max-width: 800px) {
     .slick02 {
         margin: 5% auto;
     }
 }

 .slick02_item {
     margin-right: 5px;
     margin-left: 5px;
 }

 .slick02_item img {
     height: auto;
     width: 100%;
     transform: scale(.7);
     transition: transform .5s;
 }

 .slick02_item.slick-center img {
     transform: scale(1);
 }