.topic { margin: 32px auto 0; text-align: center; position: relative; }
.topic .bg-white { background: url(../images/bg-topic.png) no-repeat center; background-size: contain; font-size: 12px; padding: 35px; }
.topic .bg-white p { padding: 18px 0; }
.topic .img-topic { position: absolute; bottom: 0; right: 0; }
.topic .img-topic img { width:250px; }

.address-shop { display: table; width: 50%; margin: 18px auto 0; }
.address-shop li { display: table-row; }
.address-shop li div { display: table-cell; padding: 4px; text-align: left; }
.address-shop li div strong { font-size: 16px; }
.address-shop li div strong sup { top: -12px; right: 41px; letter-spacing: 2px; }
.address-shop li div small { margin-left: -35px; }

.map-shop{ width: 100%; margin: 22px auto 0; }

.shop{ display: flex; flex-wrap: wrap; padding: 14px;}
.shop .img-shop { width: 48%; margin: 8px 1%; border-radius: 8px; overflow: hidden; }
.shop .img-shop img { width: 100%; }

@media(max-width:860px){    
    .topic .img-topic img { width:200px; }

    .address-shop { width: 55%; }
}

@media(max-width:768px){
    .topic .bg-white { background: rgba(255, 255, 255, 0.6); margin: 14px; padding: 14px; border-radius: 50px; }
    .topic .img-topic { position: relative; }
    .topic .img-topic img { width:250px; }

    .address-shop { width: 80%; }
    .address-shop div:nth-child(1) { width: 30%; }

    .map-shop iframe { height: 350px !important; }
}

@media(max-width:480px){
    .address-shop { width: 100%; }
    .address-shop li div small { display: block; margin-left: 0; }

    .map-shop iframe { height: 250px !important; }

    .shop .img-shop { width: 100%; margin: 8px auto; }
}