.flickity-enabled{position:relative;}
.flickity-enabled:focus{outline:none;}
.flickity-viewport{overflow:hidden;position:relative;height:100%;}
.flickity-slider{position:absolute;width:100%;height:100%;}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab;border:4px #333333 solid;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing;}
.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:100px;border:none;border-radius:5px;background:white;background-color:#333;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.flickity-prev-next-button:hover{opacity:0.7;}
.flickity-prev-next-button:focus{outline:none;box-shadow:0 0 0 5px #09F;}
.flickity-prev-next-button:active{opacity:1;background-color:#333;}
.flickity-prev-next-button.previous{left:10px;}
.flickity-prev-next-button.next{right:10px;}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px;}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px;}
.flickity-prev-next-button:disabled{opacity:0.5;cursor:auto;background-color:#333;}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%;}
.flickity-prev-next-button .arrow{fill:#fff;}
.flickity-page-dots{position:absolute;width:100%;top:-70px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;}
.flickity-rtl .flickity-page-dots{direction:rtl;}
.flickity-page-dots .dot{display:inline-block;width:15%;height:60px;margin:0 8px;background:#333;opacity:0.5;cursor:pointer;position:relative;}
.flickity-page-dots .dot:before{content:"";background-color:#fba100;padding:2px 5px;font-size:12px;top:10px;left:10px;position:absolute;}
.flickity-page-dots .dot:after{content:"";color:#ffffff;font-size:12px;top:35px;left:10px;position:absolute;}
.flickity-page-dots .dot:nth-child(1):before{content:"STEP1";}
.flickity-page-dots .dot:nth-child(1):after{content:"商品の配送日調整";}
.flickity-page-dots .dot:nth-child(2):before{content:"STEP2";}
.flickity-page-dots .dot:nth-child(2):after{content:"貨物配送";}
.flickity-page-dots .dot:nth-child(3):before{content:"STEP3";}
.flickity-page-dots .dot:nth-child(3):after{content:"開梱";}
.flickity-page-dots .dot:nth-child(4):before{content:"STEP4";}
.flickity-page-dots .dot:nth-child(4):after{content:"設置";}
.flickity-page-dots .dot:nth-child(5):before{content:"STEP5-1";}
.flickity-page-dots .dot:nth-child(5):after{content:"フレキシコネクト";}
.flickity-page-dots .dot:nth-child(6):before{content:"STEP5-2";}
.flickity-page-dots .dot:nth-child(6):after{content:"テープコネクト";}
.flickity-page-dots .dot.is-selected{opacity:1;}
.flickity-page-dots .dot{}
#step ul{text-align:center;margin-top:100px;width:100%;}
#step ul li.slide{width:100%;text-align:center;padding:20px 60px;margin:0 0;border:10px　solid #fff;color:#fff;}
#step ul li.slide span{text-align:center;font-size:30px;font-size:3.0rem;min-height:200px;line-height:200px;font-weight:bold;}