.hp_icon{
    width: 50px;
    height: 50px;
    max-width: 50px !important;
    max-height: 50px !important;
}

body.c-page-home[data-page="home"] .c-link__text:after, body.c-page-sub[data-page="page"] .c-link__text--left::before{
    content: "";
    width: 10px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 0.08em;
    margin: 0 0.3em;
    background: url(/cmn3/img/icon/ic_arrow_left.svg) no-repeat 50%;
    background-size: 9px 15px;
}

.c-modal__body h3 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 16px;
    margin: 50px 0 34px;
}

.c-modal__inner.hp_w900{
    width: 900px;
}

.hp__btn{

    background: no-repeat;
    border: none;
    color: #0072BC;
    cursor: pointer;
}

@media (max-width: 767px) {
.hp_sp-mb0{
        margin-bottom: 0 !important;
    }

.hp_sp-mb24{
    margin-bottom: 24px !important;
}

.hp_sp-mb30{
        margin-bottom: 30px !important;
    }

.hp_sp-mt0{
        margin-top: 0 !important;
    }

.hp_sp-mt20{
        margin-top: 20px !important;
    }

.o-alert--info > .o-alert__body.\--icon{
    background-position: 7px 15px !important;
    }

body.c-page-home[data-page="home"] .c-link__btn, body.c-page-sub[data-page="page"] .c-link__btn{
        padding: 14px 40px 13px 34px;

    }

.hp_icon{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    }

.c-modal__inner.hp_w900{
    width: 92%;
    }

.c-modal__inner.hp_w900 .c-modal__body h3{
    margin:0;
    }

.c-modal__body h3 {
    font-size: 2rem;
    }

    .c-modal__body [data-micromodal-close] {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

.hp_sp-ta-l{
    text-align: left !important;
}

}