body {
    font-size: 12px;
    color: #323232;
    font-family: "Hiragino Sans", sans-serif;
    font-weight: 300
}

h2 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    padding: 8px 0;
}

/* font-size */
.text-2xl {
    font-size: 32px;
}

.text-xl {
    font-size: 24px;
}

.text-lg {
    font-size: 16px;
}

.text-md {
    font-size: 12px;
}

.text-sm {
    font-size: 10px;
}

.container {
    padding: 40px 17px 32px 17px;
}

/* font-weight */
.font-bold {
    font-weight:  500;
}

/* color */
.font-gray {
    color: #888;
}

.font-lightgray {
    color: #939393;
}

/* margin */
.mt-8 {
    margin-top: 8px;
}

.mt-24 {
    margin-top: 24px;
}