@charset 'UTF-8';
@media screen and (max-width: 750px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: none;
    }
}

@media screen and (min-width: 751px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: inline-block;
    }
}

@media screen and (max-width: 750px)
{
    .only-pc
    {
        display: none !important;
    }
}

@media screen and (max-width: 750px)
{
    .only-pc-dib
    {
        display: none;
    }
}

@media screen and (min-width: 751px)
{
    .only-pc-dib
    {
        display: inline-block;
    }
}

@media screen and (min-width: 751px)
{
    .only-sp
    {
        display: none !important;
    }
}

@media screen and (min-width: 751px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 750px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 359px)
{
    .only-spm
    {
        display: block;
    }
}

@media screen and (max-width: 750px)
{
    .only-pc.df
    {
        display: none !important;
    }
}

.freeze
{
    /* 動き固定 */
    position: fixed;
    /* 奥行きを管理 */
    z-index: -1;
    /* 下2つで背景を元のサイズのまま表示することができる */

    width: 100%;
    height: 100%;
}

br.is-disabled
{
    display: none;
}

.fwb
{
    font-weight: bold !important;
}

.fwn
{
    font-weight: normal !important;
}

.tac
{
    text-align: center;
}

.dib
{
    display: inline-block !important;
}

.df
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.ffc
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
}

.flex1
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1 1;
}

.j-c_s-b
{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.j-c_center
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-none
{
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}

@media screen and (max-width: 750px)
{
    .sp-flow-col
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    }
}

.align-center
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.secondary
{
    display: none;
}

.secondary.is-active
{
    display: block;
}

@media screen and (max-width: 750px)
{
    .contents-fit
    {
        padding: 0;
    }
}

/* tagline */
.tagline
{
    font-size: 10px;
    line-height: 10px;

    position: absolute;
    right: 6px;
    bottom: 8px;

    width: 40%;

    text-align: left;

    color: #999;
}

/********************
    header
********************/
@media screen and (max-width: 750px)
{
    /* header */
    .sw_header
    {
        width: 100%;
        max-width: 750px;
        height: 50px;
        margin: 0 auto;

        border-bottom: 2px solid #dcdcdc;
        background-color: #fff;
    }
    /* header_inner */
    .header_inner
    {
        position: relative;

        width: 96%;
        height: 50px;
        margin: 0 auto;
    }
    /* header_btn */
    .header_inner .btn-cmn
    {
        position: absolute;
        top: 6px;
        right: 2px;

        width: 100px;
        margin-top: 0;
    }
    .header_inner .btn_txt_small
    {
        font-size: 10px;

        display: block;

        color: #ff0;
    }
    .header_inner .btn-cmn-txt
    {
        font-size: 12px;
        line-height: 14px;
    }
    .header_inner .btn-cmn-in
    {
        padding: 2px 4px;

        letter-spacing: -.5px;
    }
    /* logo SW */
    .logo
    {
        position: absolute;
        top: 50%;
        bottom: 50%;
        left: 4px;

        width: 141px;
        height: 22px;
        margin: auto;

        background-image: url('/wp-content/uploads/2019/08/mark_logo@2x.png');
        background-size: 141px 22px;
    }
    .logo a
    {
        display: block;

        width: 141px;
        height: 22px;
    }
    /* logo djob */
    .logo.logo_job
    {
        margin: auto;
        padding: 5px;

        background: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2018/08/logo_djob.png') no-repeat 4px center;
        background-size: 60px;
    }
    .logo.logo_job a
    {
        display: block;

        padding: 10px 0;
    }
    /* img_alt */
    .img_alt
    {
        font-size: 0;
        line-height: 0;

        display: inline-block;
        visibility: hidden;

        width: 0;
        height: 0;
    }
}

@media screen and (min-width: 751px)
{
    /* header */
    .sw_header
    {
        width: 100%;
        max-width: 100%;
        height: 78px;

        border-bottom: 2px solid #dcdcdc;
        background-color: #fff;
    }
    /* header_inner */
    .header_inner
    {
        position: relative;

        max-width: 1024px;
        height: 78px;
        margin: 0 auto;
    }
    /* logo SW */
    .logo
    {
        position: absolute;
        top: 50%;
        bottom: 50%;
        left: 0;

        width: 224px;
        height: 34px;
        margin: auto;

        background-image: url('/wp-content/uploads/2019/08/mark_logo@2x.png');
        background-size: 224px 34px;
    }
    .logo a
    {
        display: block;

        width: 222px;
        height: 34px;
    }
    /* logo djob */
    .logo.logo_job
    {
        margin: auto;
        padding: 15px 5px;

        background: url('https://sw.job.dmkt-sp.jp/wp-content/uploads/2018/08/logo_djob.png') no-repeat left center;
        background-size: 100px;
    }
    .logo.logo_job a
    {
        display: block;

        padding: 10px 0;
    }
    /* tagline */
    .tagline
    {
        right: 0;

        width: 28%;
    }
}

.mv
{
    text-align: center;

    background-color: #a2eae9;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #94e7e6), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #94e7e6), color-stop(.75, #94e7e6), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 20px 20px;
}

.wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body
{
    overflow: hidden;
}

.read
{
    position: relative;

    margin-top: -136px;
    margin-bottom: -136px;
    padding-top: 90px;

    text-align: center;

    background: url('/wp-content/uploads/2019/08/bg_read_pc_02.png') center top no-repeat;
}

@media screen and (max-width: 750px)
{
    .read
    {
        margin-top: -22.53%;
        padding: 0 5px;
        padding-top: 43px;

        background: url('/wp-content/uploads/2019/08/bg_read_sp_02.png') center top no-repeat;
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 750px)
{
    .read::after
    {
        content: '';

        background: #faf6e5;
    }
}

@media screen and (min-width: 751px)
{
    .read__behind
    {
        position: absolute;
        top: -101px;
        left: calc((3996px - 100%) / -2);

        width: 3996px;
        height: 600px;

        background: url('/wp-content/uploads/2019/08/base_cake.png') left top no-repeat;
    }
}

.read__wrapper
{
    background-color: #a2eae9;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #94e7e6), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #94e7e6), color-stop(.75, #94e7e6), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 14px 14px;
}

@media screen and (min-width: 751px)
{
    .read__wrapper
    {
        position: relative;
    }
}

.read__wrapper::after
{
    content: '';
}

@media screen and (min-width: 751px)
{
    .read__wrapper::after
    {
        display: block;

        width: 100%;
        height: 154px;

        content: '';

        background: #faf6e5 url(/wp-content/uploads/2019/08/bg_read_bottom_pc_01.png) left bottom;

        background-repeat-x: repeat;
        background-repeat-y: no-repeat;
    }
}

@media screen and (max-width: 750px)
{
    .read__wrapper::after
    {
        background: #faf6e5;
    }
}

@media screen and (max-width: 750px)
{
    .read__ttl
    {
        position: relative;
        top: 20px;

        max-width: 365px;
        margin: 0 auto;
    }
}

.read__txt-box
{
    padding: 20px 0 30px;
}

@media screen and (max-width: 750px)
{
    .read__txt.-big
    {
        font-size: 21px;
        font-size: 1.3125rem;
    }
}

@media screen and (min-width: 751px)
{
    .read__txt.-big
    {
        font-size: 31px;
        font-size: 1.9375rem;
    }
}

.read__txt
{
    font-weight: bold;

    margin-top: 20px;

    color: #fff;
}

@media screen and (max-width: 750px)
{
    .read__txt
    {
        font-size: 13px;
        font-size: .8125rem;
    }
}

@media screen and (min-width: 751px)
{
    .read__txt
    {
        font-size: 21px;
        font-size: 1.3125rem;
    }
}

.read__txt.-waai
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.read__txt.-waai::before
{
    display: block;

    width: 14px;
    height: 32px;
    margin-right: 11px;

    content: '';

    background: url('/wp-content/uploads/2019/08/ico_waai_read_2_year_sp_01@2x.png') left top no-repeat;
    background-size: 14px;
}

@media screen and (min-width: 751px)
{
    .read__txt.-waai::before
    {
        width: 23px;
        height: 52px;
        margin-right: 35px;

        background: url('/wp-content/uploads/2019/08/ico_waai_read_2_year_pc_01.png') left top;
        background-size: 23px;
    }
}

.read__txt.-waai::after
{
    display: block;

    width: 14px;
    height: 32px;
    margin-left: 11px;

    content: '';

    background: url('/wp-content/uploads/2019/08/ico_waai_read_2_year_sp_02@2x.png') left top no-repeat;
    background-size: 14px;
}

@media screen and (min-width: 751px)
{
    .read__txt.-waai::after
    {
        width: 23px;
        height: 52px;
        margin-left: 41px;

        background: url('/wp-content/uploads/2019/08/ico_waai_read_2_year_pc_02.png') left top;
        background-size: 23px;
    }
}

.campaign_conclusion
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 0 154px;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion
    {
        padding: 0 6px 106px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__wrapper
    {
        width: 100%;
        margin-bottom: -18px;
        padding-bottom: 18px;

        background: #ff6d7e;
    }
}

.campaign_conclusion__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 auto;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__list
    {
        width: 960px;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.campaign_conclusion__item
{
    width: 100%;
    padding: 20px 0;

    text-align: left;
    text-align: center;

    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 0 rgba(193, 71, 74, .32);
            box-shadow: 0 5px 0 rgba(193, 71, 74, .32);
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__item
    {
        width: 470px;
    }
}

.campaign_conclusion__item + .campaign_conclusion__item
{
    margin-top: 24px;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__item
    {
        padding: 16px 0 18px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion__item
    {
        width: 305px;
        padding: 5px 0 9px;
    }
}

.campaign_conclusion__link
{
    position: relative;

    padding-right: 20px;
    padding-left: 130px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__link
    {
        padding-right: 15px;
        padding-left: 90px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion__link
    {
        padding-right: 8px;
        padding-left: 74px;
    }
}

.campaign_conclusion__link:hover .campaign_conclusion__ribbon
{
    opacity: 1;
}

.campaign_conclusion__txt
{
    font-weight: 600;

    text-align: left;
    word-break: keep-all;

    color: #474747;

    -webkit-text-stroke: 0 transparent;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__txt
    {
        font-size: 15px;
        font-size: .9375rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__txt
    {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.campaign_conclusion__num
{
    font-weight: bold;
    line-height: 1;

    text-align: left;
    letter-spacing: -.1px;
    text-transform: uppercase;

    color: #ff4848;

    -webkit-text-stroke: 1px #ff4848;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__num
    {
        font-size: 30px;
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__num
    {
        font-size: 42px;
        font-size: 2.625rem;
    }
}

@media screen and (max-width: 359px) and (max-width: 750px)
{
    .campaign_conclusion__num
    {
        font-size: 27px;
        font-size: 1.6875rem;
    }
}

@media screen and (max-width: 359px) and (min-width: 751px)
{
    .campaign_conclusion__num
    {
        font-size: 42px;
        font-size: 2.625rem;
    }
}

.campaign_conclusion__point
{
    font-weight: bold;

    padding-right: 4px;

    color: #ff4848;

    -webkit-text-stroke: 1px #ff4848;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__point
    {
        font-size: 25px;
        font-size: 1.5625rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_conclusion__point
    {
        font-size: 34px;
        font-size: 2.125rem;
    }
}

.campaign_conclusion__ribbon
{
    position: absolute;
    top: -24px;
    left: 15px;

    -webkit-transition: .3s;
            transition: .3s;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__ribbon
    {
        top: -19px;
        left: 10px;

        width: 73px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion__ribbon
    {
        top: -8px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion__ribbon
    {
        left: 8px;

        width: 58px;
    }
}

.campaign_conclusion__arrow
{
    top: 0;
    bottom: 0;

    width: 24px;
    height: 14px;
    margin: auto;

    -webkit-transition: .3s;
            transition: .3s;
}

@media screen and (max-width: 750px)
{
    .campaign_conclusion__arrow
    {
        position: absolute;
        right: 15px;
    }
}

@media screen and (max-width: 359px)
{
    .campaign_conclusion__arrow
    {
        right: 8px;
    }
}

.campaign_conclusion__txt-box
{
    -webkit-transition: .3s;
            transition: .3s;
}

.campaign_conclusion__link:hover
{
    opacity: 1;
}

.campaign_conclusion__link:hover .campaign_conclusion__txt-box
{
    opacity: .6;
}

.campaign_conclusion__link:hover .campaign_conclusion__arrow
{
    opacity: .6;
}

.campaign_detail
{
    padding-top: 24px;

    text-align: center;

    background: #faf6e5;
}

@media screen and (min-width: 751px)
{
    .campaign_detail
    {
        padding-top: 57px;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail
    {
        margin-top: 136px;
    }
}

.campaign_detail__text
{
    font-weight: bold;

    letter-spacing: -1px;
}

@media screen and (max-width: 750px)
{
    .campaign_detail__text
    {
        font-size: 13px;
        font-size: .8125rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__text
    {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__text
    {
        margin-top: 10px;
    }
}

.campaign_detail__logo-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 12px;
    padding-bottom: 18px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 750px)
{
    .campaign_detail__logo
    {
        width: 132px;
        height: 44px;
    }
    .campaign_detail__logo.sw
    {
        height: 72px;
    }
}

.campaign_detail__list
{
    padding: 23px 16px 50px;
}

@media screen and (min-width: 751px)
{
    .campaign_detail__list
    {
        padding-top: 47px;
        padding-bottom: 81px;
    }
}

.campaign_detail__item
{
    max-width: 800px;
    margin: 0 auto;
    padding: 29px 27px 30px;

    border-radius: 10px;
    background: #ff6d7e;
}

@media screen and (min-width: 751px)
{
    .campaign_detail__item
    {
        position: relative;

        padding-top: 42px;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__item + .campaign_detail__item
    {
        margin-top: 54px;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__item + .campaign_detail__item
    {
        margin-top: 71px;
    }
}

.campaign_detail__ico
{
    position: relative;
    top: -54px;
}

@media screen and (min-width: 751px)
{
    .campaign_detail__ico
    {
        position: absolute;
        top: -30px;
        right: 0;
        left: 0;

        margin: auto;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__ribbon
    {
        position: absolute;
        right: 0;
        left: 0;

        zoom: .5;

        margin: auto;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__contents_wrapper
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-top: 36px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__txt-box
    {
        width: 330px;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__ttl
    {
        width: 100%;
        min-width: 181px;
        max-width: 272px;
        margin: 0 auto;
    }
    .campaign_detail__ttl.sw2
    {
        width: 181px;
    }
}

.campaign_detail__ttlImg
{
    border-radius: 5px;
}

@media screen and (min-width: 751px)
{
    .campaign_detail__ttlImg
    {
        width: 360px;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__bnr
    {
        margin-top: 19px;
    }
}

.campaign_detail__txt.-small
{
    font-weight: normal;
}

@media screen and (max-width: 750px)
{
    .campaign_detail__txt.-small
    {
        font-size: 13px;
        font-size: .8125rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__txt.-small
    {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__txt.-small
    {
        margin-top: 19px;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__txt.-small
    {
        margin-top: 0;
    }
}

.campaign_detail__txt
{
    font-weight: bold;

    text-align: left;

    color: #fff;
}

@media screen and (max-width: 750px)
{
    .campaign_detail__txt
    {
        font-size: 23px;
        font-size: 1.4375rem;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__txt
    {
        font-size: 26px;
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 750px)
{
    .campaign_detail__txt
    {
        margin-top: 8px;
    }
}

@media screen and (min-width: 751px)
{
    .campaign_detail__txt
    {
        margin-top: 15px;
    }
}

.campaign_detail__txt .yellow
{
    color: #f7ed24;
}

.btn-cmn
{
    width: 90%;
    height: 55px;
}

@media screen and (min-width: 751px)
{
    .btn-cmn
    {
        width: 360px;
        height: 60px;
    }
}

.btn_area
{
    margin-top: 26px;
}

.btn-cmn-yellow .btn-cmn-in
{
    background-color: #f7ed24;
    -webkit-box-shadow: 0 4px 0 0 #c6be1d;
            box-shadow: 0 4px 0 0 #c6be1d;
}

.btn-cmn-yellow:hover:not(:disabled) .btn-cmn-in
{
    color: #444;
    background-color: #f7e524;
}

/********************
    scroll_top
********************/
.sw_footer
{
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 32px 0;

    background-color: #333;
}

.topBtn
{
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;

    position: fixed;
    right: 20px;
    bottom: 126px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 60px;
    height: 60px;
    padding-top: 30px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, .5);
}

.topBtn::before
{
    font-size: 20px;

    position: absolute;
    top: 10px;
    left: 0;

    width: 100%;

    content: '\25B2';
    text-align: center;
}

.topBtn::hover
{
    opacity: .7;
}

/********************
    footer
********************/
/* copy */
.copy
{
    font-size: 12px;
    line-height: 12px;

    text-align: center;

    color: #fff;
}

@media screen and (max-width: 750px)
{
    /********************
    footer
********************/
    .sw_footer
    {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        padding: 8px 0;

        background-color: #333;
    }
    .counter
    {
        font-weight: bold;

        margin: 0 auto;
        padding: 2px 0;

        text-align: center;
        letter-spacing: 1px;

        background-color: #fff000;
    }
    .counter .roboto
    {
        font-size: 20px;
        font-style: italic;

        margin: 0 8px 0 2px;

        letter-spacing: 0;

        color: #ff5a5f;
    }
    /* copy */
    .copy
    {
        font-size: 12px;
        line-height: 12px;

        text-align: center;

        color: #fff;
    }
    /********************
    scroll_top
********************/
    .topBtn
    {
        font-size: 10px;
        font-weight: bold;
        line-height: 16px;

        position: fixed;
        right: 1%;
        bottom: 15%;

        display: block;

        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 40px;
        height: 40px;
        padding-top: 20px;

        text-align: center;
        text-decoration: none;

        color: #fff;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, .5);
    }
    .topBtn::before
    {
        font-size: 14px;

        position: absolute;
        top: 4px;
        left: 0;

        width: 100%;

        content: '\25B2';
        text-align: center;
    }
    .topBtn::hover
    {
        opacity: .7;
    }
    .topBtn.btn_hs
    {
        bottom: 6%;
    }
    .topBtn.btn_hl
    {
        bottom: 18%;
    }
}