@charset "UTF-8";
.loginContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.loginContainer #space {
    width: 1px;
    height: 50%;
    margin-bottom: -330px;
    float: left;
}
.loginContainer .loginBody {
    width: 600px;
    height: 710px;
    margin: 0 auto;
    clear: left;
}
.loginContainer .loginFrameOut {
    width: 600px;
    min-height: 627px;
    border: 3px solid #f38c00;    /* @@theme@@ */
    padding: 3px 3px;
    background: url(../../../img/default/login/login_bg.png) no-repeat;
    background-size: 600px 627px;
}
.loginContainer .loginFrameOut .loginFrameIn {
    width: 100%;
    min-height: 580px;
    border: 1px solid #f38c00;    /* @@theme@@ */
}
.loginContainer .loginFrameIn .login_logo {
    height: 36px;
    width: 258px;
    background: url(../../../img/default/login/login_logo.png) no-repeat center right;
    background-position: 0 0;
    background-size: 258px 36px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 44px;
}
.loginContainer .loginFrameIn .longinArea {
    width: 400px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}
.loginContainer .loginFrameIn .longinArea .loginAttention {
    color: #00aeef;    /* @@text_remarks@@ */
}
input + p {
    margin-top: 25px;
}
.loginContainer .loginFrameIn .login_btn {
    height: 45px;
    width: 258px;
    background: url(../../../img/default/login/login_btn.png) no-repeat center right;
    background-position: 0 0;
    background-size: 258px 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 20px;
    line-height: 45px;
    color: #ffffff;    /* @@color_button_label@@ */
    text-align: center;
    letter-spacing: 0.3em;
    cursor: pointer;
}
.loginContainer .loginFrameIn .login_btn:hover {
    background-position: 0 -45px;
}
.loginContainer .loginFrameIn .login_btn:active {
    background-position: 0 -90px;
}
.loginContainer .loginFrameIn .login_btn.touch_end:hover {
    background-position: 0 0;
}
.loginContainer .loginFrameIn .login_linkTxt {
    text-align: center;
    margin-top: 15px;
    line-height: 30px;
}
.loginContainer .loginFrameIn .login_linkTxt {
    font-size: 13px;
}
.loginContainer .loginFrameIn a {
    text-decoration: underline;
}
.loginContainer .loginFrameIn a:hover {
    color: #999fa4;    /* @@text:hover@@ */
}
.loginContainer .loginFrameIn a:active {
    color: #00a4e0;    /* @@text:active@@ */
}
.loginContainer .loginFrameIn a.touch_end:hover {
    color: #404f5b;    /* @@text@@ */
}
.loginContainer .loginFrameIn a.tos {
    color: #f39700;    /* @@text_caution@@ */
}
.loginContainer .loginFrameIn a.tos:hover {
    color: #4dbfe9;    /* @@text_caution:hover@@ */
}
.loginContainer .loginFrameIn a.tos:active {
    color: #c54b92;    /* @@text_caution:active@@ */
}
.loginContainer .loginFrameIn a.tos.touch_end:hover {
    color: #f39700;    /* @@text_caution@@ */
}
.loginContainer .loginFrameIn .login_info {
    position: relative;
    height: 61px;
    width: 359px;
    background: url(../../../img/default/login/login_info-20108.png) no-repeat center right;
    background-position: 0 0;
    background-size: 359px 44px;
    margin-top: 30px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: bottom;
    overflow: visible;
}
.loginContainer .loginFrameIn .login_info .info_tel {
    position: absolute;
    top: -6px;
    left: 148px;
    min-width: 210px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: .5px;
    color: #f38c00;    /* @@theme@@ */
}
.loginContainer .loginFrameIn .login_info .info_hours {
    position: absolute;
    top: 27px;
    left: 116px;
    font-size: 12px;
    white-space: nowrap;
}
.loginContainer .loginFrameIn .login_info .info_comment {
    position: absolute;
    top: 48px;
    font-size: 12px;
    white-space: nowrap;
}
.loginContainer .loginFrameIn .login_image {
    height: 61px;
    width: 185px;
    background: url(../../../img/common/login/login_image.png) no-repeat center right;   /* @@common_image@@ */
    background-position: 35px 5px;
    background-size: 150px 50px;
    margin-top: 30px;
    display: inline-block;
    vertical-align: bottom;
}
.loginContainer .loginFrameIn .login_image.profile-book {
    background: url(../../../img/common/login/login_image-2.png) no-repeat top right;   /* @@common_image@@ */
    background-position: 15px 0;
    background-size: 170px 40px;
}
.loginContainer .loginFrameIn .login_service {
    width: 544px;
    margin-top: 5px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: bottom;
}
/** for using inquiry --> **/
.login_info_inquiry {
    margin: 30px 30px 20px;
}
.login_info_inquiry .wps-logo {
    width: 210px;
    background-image: url(../../../img/common/login/login_image.png);   /* @@common_image@@ */
    background-repeat: no-repeat;
    background-size: 210px 70px;
}
.login_info_inquiry a {
    text-decoration: none !important;
}
.login_info_inquiry .inquiry_button_con {
    background-image: url(../../../img/default/login/inquiry_icon.png);
    background-repeat: no-repeat;
    background-size: 42px 42px;
    padding-left: 48px;
}
.login_info_inquiry .inquiry_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 42px;
    border: 1px solid #f38c00;    /* @@theme@@ */
    background-color: #f38c00;    /* @@theme@@ */
    padding-top: 2px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}
.login_info_inquiry .inquiry_button:hover {
    border-color: #f8b625;  /* @@theme_light@@ */
    background-color: #f8b625;  /* @@theme_light@@ */
}
.login_info_inquiry .inquiry_button:active {
    border-color: #00a4e0;  /* @@theme_highlight@@ */
    background-color: #00a4e0;  /* @@theme_highlight@@ */
}
.login_info_inquiry .inquiry_button.touch_end:hover {
    border-color: #f38c00;  /* @@theme@@ */
    background-color: #f38c00;  /* @@theme@@ */
}
.login_info_inquiry .info_tel {
    min-width: 210px;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: .5px;
    color: #f38c00;    /* @@theme@@ */
    background-image: url(../../../img/default/login/free-dial.png);
    background-repeat: no-repeat;
    background-size: 32px 21px;
    background-position: 0 5px;
    padding-left: 38px;
    margin: 4px 0 -4px;
}
.login_info_inquiry .info_hours {
    font-size: 12px;
    white-space: nowrap;
}
.login_info_inquiry .postscript {
    line-height: 1.5em;
}
/** <-- for using inquiry **/
.loginContainer .loginFrameIn .login_linkTxt .check {
    display: inline-block;
    height: 20px;
    background-image: url('../../../img/default/login/check_box_login.png');
    background-size: 20px 40px;
    background-position: 0 -20px;
    background-repeat: no-repeat;
    padding-left: 34px;
    cursor: pointer;
    vertical-align: middle;
}
.loginContainer .loginFrameIn .login_linkTxt .check[checked="checked"] {
    background-position: 0 0;
}
.loginContainer .loginFrameIn .login_linkTxt .check:hover {
    opacity: 1;
    font-weight: bold;
}
.loginContainer .loginFrameOut .loginFrameFoot {
    width: 100%;
    height: 35px;
    background-color: #f38c00;    /* @@theme@@ */
    border-bottom: 1px solid #f38c00;    /* @@theme@@ */
    text-align: center;
    font-size: 13px;
    line-height: 35px;
}
.loginContainer .loginFrameOut .loginFrameFoot a {
    text-decoration: underline;
    color: #ffffff;    /* @@text_on_theme@@ */
}
.loginContainer .loginFrameOut .loginFrameFoot a:nth-child(2) {
    margin: 0 5px 0 10px;
}
.loginContainer .loginFrameOut .loginFrameFoot a:nth-child(3) {
    margin: 0 10px 0 5px;
}
.loginContainer .loginFrameOut .loginFrameFoot a:hover {
    color: #999fa4;    /* @@text:hover@@ */
}
.loginContainer .loginFrameOut .loginFrameFoot a:active {
    color: #00a4e0;    /* @@text:active@@ */
}
.loginContainer .loginFrameOut .loginFrameFoot a.touch_end:hover {
    color: #ffffff;    /* @@text_on_theme@@ */
}
.loginContainer .loginCertification {
    width: 600px;
    height: 75px;
    padding: 3px 3px;
    margin-top: 5px;
}
.loginContainer .loginCertification img {
    vertical-align: top;
    margin: -5px 10px 0 0;
}
.loginContainer .loginCertification p {
    font-size: 12px;
}
.loginContainer .loginCertification p a {
    text-decoration: underline;
    color: #00aeef;    /* @@text_remarks@@ */
}
.loginContainer .loginCertification p a:hover {
    color: #4dbfe9;    /* @@text_remarks:hover@@ */
}
.loginContainer .loginCertification p a:active {
    color: #c54b92;    /* @@text_remarks:active@@ */
}
.loginContainer .loginCertification p a.touch_end:hover {
    color: #00aeef;    /* @@text_remarks@@ */
}