.unq-bg-solution {
    height: auto;
    margin: 0 auto;
    max-width: 920px;
    position: relative;
    text-align: right;
    width: 100%;

}

.unq-bg-solution:before {
    content: "";
    display: block;
}

.unq-bg-solution {
    background-image: url(/-/media/Project/Canon/CanonJP/Website/business/solution/ht-mobile/manu-dx/images/solutionmap-bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.unq-bg-solution:before {
    padding-top: 55%;
}

.unq-map-solution {
    position: relative;
}

.unq-map-solution__ul {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.unq-map-solution__li {
    background: none;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.unq-map-solution__li>a:hover {
    opacity: .8;
}

.unq-map-solution__li>a>img {
    height: 100%;
    max-width: 100%;
}

.dxsol-01, .dxsol-02, .dxsol-04-05, .dxsol-06, .dxsol-03 {
    width: 25%;
}

.dxsol-01 {
    left: 0%;
    padding-top: 0%;
}

.dxsol-02 {
    left: 0%;
    bottom: 1%;
}

.dxsol-04-05 {
    right: 0%;
    padding-top: 0%;
}

.dxsol-06 {
    right: 0%;
    bottom: 1%;
}

.dxsol-03 {
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}