/* initialize */
ul, li {
    margin: 0;
    padding: 0;
}

/* #planIframe1 */
body {
    background: #fff;
    color: #222;
}
#planIframe1 .plan-wrap {
    width: 100%;
    max-width: 1920px;
}
#planIframe1 .swiper-container {
    width: 100%;
    padding: 10px 0;
}
#planIframe1 .plan-thumb {
    width: 280px;
    height: 280px;
}
#planIframe1 .info-wrap {
    width: 280px;
    padding: 20px 5px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
}
#planIframe1 .info-wrap .info-wrap-price {
    font-size: 22px;
    margin: 0;
    margin-bottom: 10px;
}
#planIframe1 .info-wrap .info-wrap-name {
    font-size: 14px;
    margin: 0;
}
.swiper-button-next, .swiper-button-prev {
    top: calc(300px / 2);
    width: 50px;
    height: 50px;
    margin-top: 0;
    background-size: 50px 50px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../../img/original-iframe/prev_circle_arrow.png);
    left: 15%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../../img/original-iframe/next_circle_arrow.png);
    right: 15%;
}

@media screen and (min-width: 769px) {
    body {
        margin: 0 auto;
    }
    .swiper-wrapper {
        transform: translate3d(0,0,0) !important;
    }
    .swiper-button-prev,.swiper-container-rtl .swiper-button-next,
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
}

@media screen and (max-width:768px) {
    body {
        background: #F2F2F3;
    }
    #planIframe1 .plan-thumb {
        width: 250px;
        height: 250px;
    }
    #planIframe1 .info-wrap {
        width: 250px;
    }
    #planIframe1 .info-wrap .info-wrap-price {
        font-size: 20px;
    }
    #planIframe1 .info-wrap .info-wrap-name {
        font-size: 13px;
    }
    .swiper-button-next, .swiper-button-prev {
        top: calc(250px / 2);
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 15%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 15%;
    }
}

/* pc, sp hide */
@media print, screen and (max-width: 768px) {
    .pc {
        display: none !important;
    }
}
@media print, screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }
}