@charset "utf-8";

/*  =========================================================================

    Individual styles
    -Model

    ========================================================================= */
.container.hero {
    background-image: url("../images/model/pgtitle.jpg");
}

/* 個別勧奨・再勧奨（コール・リコール）実施のために */
#model #applyings dl {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5em;
}

#model #applyings dl > dt > h5 {
    font-weight: bold;
    font-size: 1.15em;
}

#model #applyings dl > dt > h5 > span.index {
    display: inline-block;
    background-color: #f19c9d;
    color: #fff;
    padding: .125em .25em .125em .5em;
    margin-right: 1em;
    font-size: .8em;
    vertical-align: baseline;
    font-weight: normal;
}
#model #applyings dl > dt > h5 > span.index > em {
    font-size: 1.25em;
    font-weight: bold;
    margin-left: .125em;
}

#model #applyings dl > dd > ul {
    margin-bottom: 1em;
}

@media screen and (min-width: 781px) {
    #model #applyings dl > dd > ul:first-of-type > li > img {
    }
    #model #applyings dl > dd > ul:last-of-type > li > img {
    }
    #model #applyings dl > dd > ul:last-of-type {
        margin-left: 70px;
        margin-right: 0;
        width: auto;
    }
    #model #applyings dl > dd > ul:last-of-type > li:last-of-type {
        max-width: 60%;
    }
}

@media screen and (max-width: 780px) {

    #model #applyings dl {
        padding-bottom: 0;
    }
    #model #applyings dl > dt > h5 > span.index {
        display: inline-block;
        margin-bottom: .5em;
    }
    #model #applyings dl > dd > ul > li > img {
        width: 100%;
    }
    #model #applyings dl > dd > ul:first-of-type > li:not(:first-of-type) {
        margin-top: -2px;
    }
    #model #applyings dl > dd > ul:last-of-type > li > img {
        max-width: 60%;
    }
    #model #applyings dl > dd > ul:last-of-type > li:last-of-type > img {
        margin-left: auto;
        margin-right: 0;
        max-width: 36%;
    }
    #model #applyings dl > dd > ul:last-of-type > li:nth-of-type(2) > img {
        margin-left: auto;
        margin-right: auto;
    }
}