@charset "utf-8";


@media all and (min-width:721px){
.link{display: flex; justify-content: space-between; align-items: center; height: 100vh;}
.link div{display: flex; justify-content: center; align-items: center; width: 50%; border-right: 1px dotted #ccc; height: 100%; padding: 0 30px; cursor: pointer}
.link div:last-child{border-right: 0;}
.link div img{transition: .2s;}
.link div:hover img{transform: scale(1.2);}
}

@media all and (max-width:720px){
    .link{display: flex; justify-content: space-between; align-items: center; height: 100vh;}
    .link div{display: flex; justify-content: center; align-items: center; width: 50%; border-right: 1px dotted #ccc; height: 100%; padding: 0 30px; cursor: pointer}
    .link div:last-child{border-right: 0;}
    .link div img{transition: .2s;}
    .link div:hover img{transform: scale(1.2);}
    .link{flex-wrap: wrap !important;}
    .link div{width: 100% !important; height: 50% !important; border-right: 0 !important; border-bottom: 1px dotted #ccc !important;}
}