/*-----------------------------------------------
『tips』画面CSS
-----------------------------------------------*/
/* タイトル */
.title {
    margin-bottom: 4rem;
}

.tips_title1 {
    font-weight: 700;
}

.tips_title2 {
    font-weight: 300;
}

/* 右側のテキスト */
.text_area li {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 2.5rem;
    line-height: 2.5rem;
}

.text_area .small {
    font-size: 1.2rem;
}

/* tipsのクマ */
.trial_complete_tips_bear {
    width: 18rem;
    height: 14rem;
    background-image: url(../../img/ico-complete_bear.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
}

@media (max-width: 1200px) {
    /* 右側のテキスト */
    .title {
        font-size: 3vh;
        margin-bottom: 3vh;
    }

    .text_area li {
        font-size: 2vh;
        margin-bottom: 3vh;
        line-height: 3.5vh;
    }

    .text_area .small {
        font-size: 1.5vh;
    }

    /* tipsのクマ */
    .trial_complete_tips_bear {
        width: 32vw;
        height: 24vw;
    }
}

@media (max-width: 767px) {
    /* 右側のテキスト */
    .text_area li {
        font-size: 2vh;
        margin-bottom: 3vh;
        line-height: 3.5vh;
    }

    .text_area .small {
        font-size: 1rem;
    }
}