@charset "UTF-8" ;

/* ----------------------------------------------------------------------------
    Ｒｅ就活キャンパスの便利なサービス
---------------------------------------------------------------------------- */
.useful_service_title:before {
    white-space: pre;
    content: "Ｒｅ就活キャンパスの便利なサービス";
}

@media screen and (min-width: 768px) {
    .information.useful_service_title_navi_apr {
        width:169px!important;
    }
}

.userfulservice_appstore {
    width: 49%;
    float: left;
    margin-right: 2px;
    padding-top: 1px;
}

.userfulservice_googleplay {
    width:49%;
    clear:left;
}

.btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link {
    width: 82px;
    float: left;
    margin-right: 2px;
    text-indent: 1.2em;
}
.btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link:before {
    content: "公式Ｘ"
}

.useful_service_twitter_img {
    padding-left: 16px;
}

.side_m_line .useful_service_line_link {
    width: 94px;
    text-indent: 2em;
}
.side_m_line .useful_service_line_link:before {
    content: "LINE"
}

.useful_service_line_img {
    padding-left: 12px;
    top: 17px;
}


@media screen and (max-width: 767px) {
    .useful_service_title:before {
        content: "Ｒｅ就活キャンパスの便利なサービス";
    }

    .information.useful_service_title_navi_apr {
        width: 180px;
        margin-bottom: 10px;
        padding-left: 0 !important;
    }

    .information.useful_service_title_navi_acount {
        margin-bottom:6px;
    }

    .information.useful_service_title_navi_acount .title {
        margin-bottom:2px;
    }

    .userfulservice_appstore {
        width: 47%;
        margin-right: 15px;
    }
    .userfulservice_googleplay {
        width: 47%;
    }

    .btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link {
        width:37%;
        text-align:left;
        text-indent: 3.5em;
        margin-right: 15px;
        margin-left: 6px;
    }
    .btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link:before {
        content: "公式Ｘ"
    }

    .useful_service_twitter_img {
        padding-left:16px;
    }

    .side_m_line .useful_service_line_link {
        width:41%;
        text-indent: 2em;
    }
    .side_m_line .useful_service_line_link:before {
        content: "公式LINE"
    }

    .useful_service_line_img {
        padding-left:8px;
        top:21px;
    }

    .useful_service_howto_img {
        width:100%;
    }
}

@media screen and (max-width: 320px) {
    .btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link {
        width:36%;
        text-indent: 0.8em;
    }
    .btn.twitter.icon.middle.text_size_normal.useful_service_twitter_link:before {
        content: "公式Ｘ"
    }
    .side_m_line .useful_service_line_link {
        width:39%;
    }.side_m_line .useful_service_line_link:before {
        content: "公式LINE"
    }
}

    .sep_img_secure_flex{
            display:flex;
            }

/*AppleStore GoogleStore画像*/
@media screen and (min-width: 768px) {
    .sep_pnl_app_area {
        Height:36px;
        Width:115.64px;
    }
    .sep_pnl_app_area img{
        width:100%;
    height:100%;
    object-fit:contain;
    }
}

@media screen and (max-width: 767px) {
    .sep_pnl_app_area  {
        height:63.28px;
        width:50%;
    }
    .sep_pnl_app_area img{
        width:100%;
    height:100%;
    object-fit:contain;
    }
}

/*20代の働き方研究所画像*/
@media screen and (min-width: 768px) {
    .sep_pnl_work_for_20_area {
        Height:76.95px;
        Width:236px;
    }
    .sep_pnl_work_for_20_area img{
        width:100%;
    height:100%;
    object-fit:contain;
    }
}

@media screen and (max-width: 767px) {
    .sep_pnl_work_for_20_area  {
        height:136.95px;
        width:100%;
    }
    .sep_pnl_work_for_20_area img{
        width:100%;
    height:100%;
    object-fit:contain;
    }
}

@media screen and (min-width: 768px) {
    .sec_title .useful_service_title {
        font-size: 14.5px;
        line-height: 20px;
        padding: 14px 15px;
    }
}