/* define a styles design for the operation slider. */

.swiper-wrapper img {
    height: 400px;
}

.swiper--wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    height: 600px;
}

.swiper-slide {
    width: 100%;
    height: 500px;
    text-align: center;
    padding-top: 20px;
    //line-height: 0px;
}

.swiper-slide p {
    color: #4169e1;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
}

.swiper-slide:nth-child(n) {
    background-color: #e6e6fa;
}

.swiper-button-next, .swiper-button-prev {
    color: #778899;
    font-weight: bold;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    color: #1e90ff;
    font-weight: bold;
}