@charset "UTF-8";

/**
    リンク一覧.
 */
.links {
    margin: 0 auto;
}
.links .c-link-1 {
    float: left;
    position: relative;
    width: calc((100% - 20px) / 2);
    height: 128px;
    margin-top: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-right: 20px;
}
.links .c-link-1:nth-child(2n) {
    margin-right: 0;
}
.links .c-link-1::before {
    display: block;
    width: 96px;
    height: 96px;
    content: '';
    margin-right: 28px;
}
.links .c-link-1.safety-1::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-1-blue.png") center center no-repeat;
}
.links .c-link-1.safety-1:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-1-white.png") center center no-repeat;
}
.links .c-link-1.safety-2::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-2-blue.png") center center no-repeat;
}
.links .c-link-1.safety-2:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-2-white.png") center center no-repeat;
}
.links .c-link-1.safety-3::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-3-blue.png") center center no-repeat;
}
.links .c-link-1.safety-3:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-3-white.png") center center no-repeat;
}
.links .c-link-1.safety-4::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-4-blue.png") center center no-repeat;
}
.links .c-link-1.safety-4:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-4-white.png") center center no-repeat;
}
.links .c-link-1.safety-5::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-5-blue.png") center center no-repeat;
}
.links .c-link-1.safety-5:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-5-white.png") center center no-repeat;
}
.links .c-link-1.safety-6::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-6-blue.png") center center no-repeat;
}
.links .c-link-1.safety-6:hover::before {
    background: url("/iryouiyaku/resource/image/safety/icon-safety-6-white.png") center center no-repeat;
}

/**
    SP対応.
 */
@media (max-width: 600px) {
    .links .c-link-1 {
        width: 100%;
        height: 88px;
        padding-left: 15px;
        margin-top: 10px;
        margin-right: 0;
    }
    .links .c-link-1::before {
        display: block;
        width: 64px;
        height: 64px;
        margin-right: 15px;
    }
    .links .c-link-1.safety-1::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-1-blue.png") center center no-repeat;
        background-size: 48px 43.5px;
    }
    .links .c-link-1.safety-1:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-1-white.png") center center no-repeat;
        background-size: 48px 43.5px;
    }
    .links .c-link-1.safety-2::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-2-blue.png") center center no-repeat;
        background-size: 46.5px 48px;
    }
    .links .c-link-1.safety-2:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-2-white.png") center center no-repeat;
        background-size: 46.5px 48px;
    }
    .links .c-link-1.safety-3::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-3-blue.png") center center no-repeat;
        background-size: 42px 48px;
    }
    .links .c-link-1.safety-3:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-3-white.png") center center no-repeat;
        background-size: 42px 48px;
    }
    .links .c-link-1.safety-4::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-4-blue.png") center center no-repeat;
        background-size: 48px 42px;
    }
    .links .c-link-1.safety-4:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-4-white.png") center center no-repeat;
        background-size: 48px 42px;
    }
    .links .c-link-1.safety-5::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-5-blue.png") center center no-repeat;
        background-size: 48px 46.5px;
    }
    .links .c-link-1.safety-5:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-5-white.png") center center no-repeat;
        background-size: 48px 46.5px;
    }
    .links .c-link-1.safety-6::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-6-blue.png") center center no-repeat;
        background-size: 39px 48px;
    }
    .links .c-link-1.safety-6:hover::before {
        background: url("/iryouiyaku/resource/image/safety/icon-safety-6-white.png") center center no-repeat;
        background-size: 39px 48px;
    }
}