.bg_yellow_text {
    background-color: #FFF770;
    font-weight: bold;
}
.bg_blue_text {
    background-color: #ADE5F3;
}
.bg_gray_text {
    background-color: #D9DBE1;
}

.underline_black {
    text-decoration: underline;
}

.underline_yellow {
    background: linear-gradient(transparent 68%, #FFF770 0%);
}

.underline_blue {
    background: linear-gradient(transparent 68%, #ADE5F3 0%);
}

.underline_gray {
    background: linear-gradient(transparent 68%, #D9DBE1 0%);
}

.borderbox {
    border: 1px solid #AEB7C3;
    margin-top: calc(25 / 15 * 1em);
    margin-right: calc(25 / 15 * 1em);
    margin-left: calc(25 / 15 * 1em);
    padding: calc(25 / 15 * 1em) calc(30 / 15 * 1em);
}
.borderbox > :first-child {
    margin-top: 0;
}
.borderbox > :last-child {
    margin-bottom: 0;
}
.red {
    color: red;
}
.bold {
    font-weight: bold;
}
@media (max-width:740px) {
    .borderbox {
        margin-right: 0;
        margin-left: 0;
        padding: calc(100vw * 15 / 390) calc(100vw * 20 / 390);
    }
}