/* Custom styles for the application */

/* フォームの枠線を濃くする */
.input,
.textarea {
    border-color: #b5b5b5;
}

@media screen and (min-width: 769px) {
    .mb-6-tablet {
        margin-bottom: 3rem !important;
    }
}

@media screen and (max-width: 768px) {
    /* is-size-4 (1.5rem) と is-size-5 (1.25rem) の中間のサイズ */
    .is-size-4-5-mobile {
        font-size: 1.375rem !important;
    }

    /* is-size-5 (1.25rem) と is-size-6 (1rem) の中間のサイズ */
    .is-size-5-5-mobile {
        font-size: 1.125rem !important;
    }

    /* スマホ表示時のリストの左側余白を調整 */
    .content ol {
        margin-left: 1.25em;
    }
}