#kouji .form-group .login-area table th {
    width: 100px!important;
    max-width: 100px;
}
#kouji .form-group .login-area table td{
    width: 420px;
}

.form-group input[type=text], .form-group input[type=password] {
    width: 296px;
    margin-right: 5px;
}

#kouji .form-group .login-area table th, .form-group .login-area table td  {
    display: table-cell;
}
#kouji .form-group .login-area table {
    width: 540px;
    margin: 0 auto;
}

.btn.btn-blue {
    border:2px solid #034098;
    transition: .2s;
}

.btn.btn-blue:hover {
    opacity: 1;
    color: #034098!important;
    background: #fff;
}

.btn.btn-blue.subBtn {
    border:2px solid #333;
    color: #333!important;
    background: #fff;
}
.btn.btn-blue.subBtn:hover {
    opacity:1;
    background: #EFEFEC;
    color: #333!important;
    border:2px solid #EFEFEC;
}
.pdf-icon1 {
    position: absolute;
    right: 16px;
    top: calc(50% - 30px);
    height: 16px;
}

.exl-icon1:before{
    content: "";
    display: block;
    width: 22px!important;
    height: 22px!important;
    background-size: contain!important;
    top: calc(50% - 12px);
    position: absolute;
    right: 16px;
    background: url(../../../common/images/icon_btn_excel_wht.png);
}

.btn.btn-blue:hover .exl-icon1:before{
    content: "";
    display: block;
    width: 22px!important;
    height: 22px!important;
    background-size: contain!important;
    top: calc(50% - 12px);
    position: absolute;
    right: 16px;
    background: url(../../../common/images/icon_btn_excel.png);
}


.dl-icon1:before{
    content: "";
    display: inline-block;
    width: 22px!important;
    height: 22px!important;
    background-size: contain!important;
    background: url(../../../common/images/icon_btn_dl_wht.png);
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.btn.btn-blue:hover .dl-icon1:before{
    content: "";
    display: inline-block;
    width: 22px!important;
    height: 22px!important;
    background-size: contain!important;
    top: calc(50% - 12px);
    background: url(../../../common/images/icon_btn_dl.png);
}
#kouji p.lh13 span{    
    position: relative;
    top: -8px;
}
.btn:hover .icon-btn-key:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -1.5em;
    width: 30px;
    height: 34px;
    background: url(../images/icon_btn_key_primary.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
}
.noBtn  {
    text-decoration: underline;
}
.noBtn .pdf-icon1{
    position: absolute;
    right: -25px;
    top: calc(50% - 18px);
    height: 16px;
}
.noBtn .pdf-icon1.left0{
    right: auto;
    left: -25px;
}
.underline {
 text-decoration: underline;   
}

.pointer-eventNone.btn.btn-blue {
    pointer-events: none!important;
}
.grayOut.btn.btn-blue{
    background: #ccc!important;
    color: #fff!important;
    border: 2px solid #ccc;
}
.bottomText{
    font-feature-settings: "palt";
    line-height: 2;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: .05rem;
}
@media screen and (max-width: 640px) {
    .btn:after {
        display: none;
    }
    .btn.btn-blue:hover .dl-icon1:before,
    .dl-icon1:before {
        content: "";
        display: inline-block;
        width: 15px!important;
        height: 15px!important;
        background-size: contain!important;
        background: url(../../../common/images/icon_btn_dl_wht.png);
        margin-right: 5px;
        position: relative;
        top: 2px;
    }
    /*
    .btn.btn-blue:hover .exl-icon1:before,
    .exl-icon1:before {
        content: "";
        display: block;
        width: 22px!important;
        height: 22px!important;
        background-size: contain!important;
        top: calc(50% - 12px);
        position: relative;
        right: auto;
        background: url(../../common/images/icon_btn_excel_wht.png);
        left: auto;
        margin: 8px auto 0;
    }
    */
    
    .btn.btn-blue:hover .exl-icon1:before,
    .exl-icon1:before {
        content: "";
        display: block;
        width: 22px!important;
        height: 22px!important;
        background-size: contain!important;
        top: calc(50% - 20px);
        position: absolute;
        right: 8px;
        background: url(../../../common/images/icon_btn_excel_wht.png);
        left: auto;
        margin: 8px auto 0;
    }
    
    .btn.btn-blue:hover .exl-icon1:before {
        background: url(../../../common/images/icon_btn_excel.png);
        
    }
    .pdf-icon1 {
        position: relative;
        right: 0;
        top: 0px;
        height: 16px;
        display: block;
        margin-bottom: 5px;
    }
    .pdf-icon1 img {
        height: 22px;
    }
    
    .pdf-icon1{
        position: absolute;
        right: 8px;
        top: 0;
        height: 100%;
        display: block;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
    
    .form-group input[type="text"], .form-group input[type="password"] {
        max-width: 60vw;
        font-size: 1.6rem;
    }
    .form-group input[type="text"] + span, .form-group input[type="password"] + span {
        display: block;
        max-width: 60vw;
        margin-top: 4px;
    }
    #kouji p.lh13 span{    
        position: relative;
        top: -4px;
    }
    #kouji .btn:hover .icon-btn-key:before {
        width: 20px!important;
        height: 23px!important;
    }
    /*
    .noBtn .pdf-icon1{
        top: calc(50% - 8px);
    }
    */
    .noBtn .pdf-icon1 {

        top: 0;
        position: relative;
        display: inline-block;
        right: -3px;

    }
}

@media screen and (max-width: 320px) {
    
}

@media all and (-ms-high-contrast:none){
    #kouji .btns .btn.btn-blue { padding-top: 28px!important;}

    #kouji .btn .icon-btn-key:before {
        top: calc(50% - 9px);
    }
}