.site {
    padding: 60px 5%;
    background-color: var(--background-color-lightgrey);
}

.site .content--titleBox {
    width: 100%;
    margin-top: 32px;
}

.site .content--textBox {
    width: 100%;
    background-color: var(--white);
    margin-top: 16px;
    padding: 2em;
}

.site .content--text {
    font-size: 1.6rem;
}

.site .content--codeBox {
    margin-top: 16px;
}

.site .content--code {
    font-size: 1.6rem;
    font-weight: bold;
    white-space: normal;
}

.site .content--subTitleBox {
    margin-top: 24px;
}

.site .content--subTitle {
    font-size: 1.6rem;
}

.site .content--noteBox {
    margin-top: 24px;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    
    .site .content--titleBox {
        justify-content: flex-start;
    }
    
    .site .content--text {
        font-size: 1.5rem;
    }
}