.p-panorama *{box-sizing:border-box}.p-panorama__container{position:relative;width:calc(100% - 40px);max-width:720px;height:min(calc(220 / 375* 100vw), 420px);margin:0 auto}.p-panorama__paging{width:calc(100% + 60px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p-panorama__paging button{width:30px;height:30px;border:none;outline:none;appearance:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);&:before{content:'';display:block;width:10px;height:10px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}&.next{right:0}&.prev{left:0;transform:rotate(-180deg)}}.p-panorama__img{position:absolute;left:0;top:0;width:100%;height:100%}.p-panorama__btn-list{display:flex;justify-content:center;margin-top:min(calc(20 / 375* 100vw), 20px)}.p-panorama__btn{margin:0;padding:0;border:none;outline:none;appearance:none;cursor:pointer;display:block;width:8px;height:8px;border:1px solid #000;background-color:#fff;border-radius:50%;margin:0 4px}.p-panorama__btn.active{background-color:#000}