#contents {
    position         : relative;
}
/* top-image ------------------------ */
#top-image {
    position         : relative;
    margin-bottom    : 10%;
}

#top-image #img-top {
    width            : 100%;
    max-height       : 928px;
    min-height       : 832px;
    object-fit       : cover;
    opacity          : 0.45;
}
@media screen and (max-width: 600px) {
    #top-image #img-top {
        max-height       : 576px;
        min-height       : 512px;
        min-width        : 373px;
        object-position  : 67% 90%;
    }
}
#top-image #c-name {
    position         : absolute;
    top              : 0;
    left             : 2%;
    letter-spacing   : 3px;
    font-size        : 1.4em;
}
@media screen and (max-width: 600px) {
    #top-image #c-name {
        left             : 3%;
        letter-spacing   : 2px;
        font-size        : 1.3em;
    }
}

#img-scroll-down {
    max-width        : 30px;
    min-width        : 20px;
    position         : absolute;
    top              : 84%;
    left             : 52%;
}
@media screen and (max-width: 600px) {
    #img-scroll-down {
        position         : absolute;
        display          : flex;
        max-width        : 26px;
        top              : 78%;
        left             : 25%;
    }
}

/* profile ------------------------ */
#profile {
    position         : absolute;
    top              : 40%;
    left             : 46%;
    margin-bottom    : 10%;
    text-align       : center;
}
#profile #profile_title {
    font-size        : 2.8em;
    margin-bottom    : 0;
}
#profile #profile_title_sub {
    font-size        : 1.2em;
    margin-top       : 1px;
}
#profile #view-more-about-us {
    margin-top       : 2%;
}
@media screen and (max-width: 600px) {
    #profile {
        margin-top       : 2%;
        left             : 34%;
        margin-bottom    : 20%;
    }
    #profile #profile_title {
        font-size        : 1.8em;
    }
    #profile #profile-msg p br {
        display          : block;
    }
}

/* content ------------ */
#content {
    text-align       : center;
    width            : 100%;
    margin-bottom    : 20px;
}
#content div {
    text-align       : left;
    margin           : 0 25% 40px 25%;
    border-top       : 0.1rem solid silver;
    padding-top      : 10px;
}
#content div p {
    font-size        : large;
    font-weight      : bold;
}
#content div p span {
    font-size        : smaller;
}
@media screen and (max-width: 600px) {
    #content div {
        margin           : 0 8% 40px 8%;
        border-top       : 0.1rem solid silver;
        padding-top      : 10px;
    }
    #content div p {
        font-size        : initial;
    }
    #content div p span {
        font-size        : small;
    }
    #content div span {
        font-size        : small;
    }
}