@charset "utf-8";

/* ==========================================================================
   About styles
   ========================================================================== */

body {
    background: url(../img/stringer/bg_stringer.png) no-repeat fixed center 13px;
}

/* main
   -------------------------------------------------------------------------- */
main {
    padding: 99px 0 175px;
    text-align: center;
}

main > p {
    width: 870px;
    margin: 0 auto;
    color: #005bac;
    font-weight: bold;
    text-align: left;
}

main > h1 + p {
    margin-top: 21px;
    font-size: 24px;
}

/* member
   -------------------------------------------------------------------------- */
.member {
    overflow: hidden;
    margin: 50px 0 0 0;
    text-align: left;
}

.member > li {
    position: relative;
    float: left;
    width: 282px;
    height: 282px;
    margin: 24px 24px 0 0;
}

.member .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 282px;
    height: 282px;
    background: rgba(0, 91, 172, 0.5);
}

.member .overlay-inner {
    position: relative;
}

.member .icon {
    position: absolute;
    top: 15px;
    left: 15px;
}

.member .icon li {
    margin: 0 0 5px 0;
}

.member .button {
    position: absolute;
    top: 115px;
    left: 0;
    width: 100%;
    text-align: center;
}

.member .button li {
    margin: 0 0 16px 0;
}

.member li p {
    position: absolute;
    top: 244px;
    left: 15px;
}