.login_wrapper{
    max-width: 1200px;
    display:  block;
    margin: 0px auto 1px;
}

.login_wrapper .frame_globles {
    margin-top: 30px;
}
.login_wrapper .form_registration p {
    margin-top:  0px;
}
.login_title h2 {
    position:  relative;
    font-size: 24px;
    font-family: 'NOTOSANSCJKJP-MEDIUM';
    color: #000;
    padding-left: 70px;
    margin: 50px 22px 50px 0px;
}
.login_title h2:before {
    content:  "";
    position:  absolute;
    background: url("../../img/login/login_title.svg") no-repeat;
    top: -10px;
    left: 22px;
    width: 64px;
    height: 45px;
}
.login_logo_hocoroco {
    width:  320px;
    margin: 0px auto 40px;
}

.goto_contact_us {
    display:  block;
    margin:  0px auto;
    text-align:  center;
}

.goto_contact_us ul li {
    display:  inline-block;
    margin: 15px 6px;
}

.goto_contact_us ul li a,.goto_qa a {
     */
     line-height:;
     display:  block;
     background: #e9f4d9;
     position:  relative;
     width: 220px;
     height:  40px;
     line-height: 40px;
     font-size:  18px;
     text-align:  left;
     padding-left: 8px;
     box-sizing:  border-box;
     font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.goto_contact_us ul li a:after,.goto_qa a:after {
    content: "";
    position: absolute;
    background: url(../../img/login/narrow_right.svg) no-repeat center right;
    width: 11px;
    height: 16px;
    right: 13px;
    top: 12px;
}

.goto_contact_us ul li a:hover,.goto_qa a:hover{
    background-color: #ff891f;
    color: #fff;
}
.goto_contact_us ul li a:hover:after,.goto_qa a:hover:after {
    content: "";
    background: url(../../img/top/narrow_left.svg) no-repeat center right; 
    }
.goto_qa {
    margin: 0px auto;
    display:  block;
    text-align:  center;
    width: 220px;
}

@media (max-width: 1199px) and (min-width: 992px){}
@media (max-width: 991px) and (min-width: 768px){}
@media (max-width: 767px){
    .login_logo_hocoroco,.service_popup_wrapper{display: none;}
    .login_title h2 {font-size: 12px;padding-left: 36px;m;max-width: 490px;display:  block;margin: 30px auto;}
    .login_title h2:before {
        content:  "";
        position:  absolute;
        background: url("../../img/login/login_title.svg") no-repeat;
        top: -10px;
        left: 0;
        width: 30px;
        height: 30px;
    }

.login_wrapper {
    margin: 0px 15px;
}
.goto_contact_us ul li{
    margin:0px;
    padding: 0px;
}
.goto_contact_us {
    margin: 10px auto;
}
.goto_contact_us ul li a{
    font-size: 9px;
    width: 120px;
    height:  auto;
    line-height:  1;
    padding: 10px 20px 10px 10px;
    box-sizing:  border-box;
    margin-right: 10px;
}

.goto_qa a {
    font-size: 9px;
    width: 120px;
    height:  auto;
    line-height:  1;
    padding: 10px 20px 10px 10px;
    box-sizing:  border-box;
    margin:  0px auto;
}

.goto_contact_us ul li a:after,.goto_qa a:after {
    content: "";
    position: absolute;
    background: url(../../img/login/narrow_right.svg) no-repeat center right;
    width: 11px;
    height: 11px;
    right: 6px;
    top: 10px;
}

}