@charset "UTF-8";

/* layout
**************************************************************************************************************************/
body { background: #fff; }
body.has-bg .bg { background:url(/sp/img/login/crm/8001/bg.jpg) no-repeat 50% 0; background-size: cover; }

/* common
**************************************************************************************************************************/
.header { text-align: center; padding: 0px 0 15px 0; }
.header .logo { padding: 10px 0 10px 0; margin-bottom: 0;}
.has-headerbg .header .logo { background: #fff; }
.header .logo img { height: 56px; width: auto;}
.contents { }
.contents > .inner { padding: 0 15px 15px 15px; }
.footer { background: #fff; padding: 10px; overflow: hidden; position: relative; z-index: 2;}
.footer .inner { }
.footer .cells { display: table; width: 100%;}
.footer .cells .cell { display: table-cell; vertical-align: bottom; }
.footer .copyright p { font-size: 12px; }
.footer .security { text-align: right; }
.footer .security ul { }
.footer .security ul li { display: inline-block;}
.footer .security ul li:nth-of-type(1) img { width: 35px; }
.footer .security ul li:nth-of-type(2) img { width: 55px; }

/* module
**************************************************************************************************************************/
.msg { background: #FEF2FB; padding: 10px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20); margin-bottom: 10px; }
.msg p { font-weight: bold; font-size: 12px; color: #E4007F; line-height: 1.5; }
.news { background: #fff; padding: 10px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20); margin-bottom: 2px; margin-bottom: 15px; }
.news .panels { }
.news .panel { padding: 0px 20px; }
.news p { font-size: 12px; line-height: 1.5; }
.news p small { color: #999; font-size: 10px; display: block; }
.guide { text-align:center; margin: 15px 0; }
.guide ul { }
.guide ul li { }
.guide a { }
.login { }
.login form { }
.login table { width: 100%; }
.login th,
.login td { padding: 5px 0; font-weight: bold; position: relative; }
.login th {text-align: left;color: #005BAB;font-size: 13px;width: 70px;}
.login .icn.icn-id {background: url(/sp/img/login/crm/shared/common/icn_human01-b.png) 0 50% no-repeat;background-size: 12px 14px;padding-left: 17px;display:block;}
.login .icn.icn-mail { background: url(/sp/img/login/crm/shared/common/icn-mail01-b.png) 0 50% no-repeat; background-size: 13px 14px; padding-left: 17px; display:block; text-align: center;}
.login td { text-align: left; }
.login tr.row-id td,
.login tr.row-mail td { text-align: left; padding-left: 10px; font-size: 16px; }
.login tr.row-id th,
.login tr.row-id td { vertical-align: bottom; }
.login tr.row-id th { padding-bottom: 8px;}
.login tr.row-id th.single { padding-bottom: 16px;}
.login td input { width: 100%; padding: 8px; background: rgba(255,255,255,1); border: 1px solid #999; color: #333; font-weight: bold; border-radius: 2px; font-size: 16px; }
.login tr.is-disable td input { cursor: auto; }
.login tr.is-disable { opacity: 0.3; }
.login td :placeholder-shown { color: #BFBFBF; }
.login td ::-webkit-input-placeholder { color: #BFBFBF; }
.login tr.row-id.has-error th { padding-bottom: 39px;}
.login tr.row-mail.has-error th { padding-bottom: 25px;}
.login tr.row-mail.inputed th { width: 90px;}
.login td p.error { font-size: 12px; color: #E4007F; margin-top: 5px; }
.login tr.row-mail td input {}
.login tr.row-password td input { padding-left: 30px;}
.login tr.row-password td::after { content: ''; display: block; width: 12px; height: 14px; background: url(../img/common/icn-pswd01-b.png) 0 0 no-repeat; background-size: contain; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; }
/*.login tr.inputed th { padding-left: 10px;}*/ /*3/20修正*/
.login .cells { display: table; width: 100%;}
.login .cells .cell { display: table-cell; vertical-align: bottom; }
.login .cells .cell h3 { font-size: 10px; margin-bottom: 5px;  }
.login .cells .cell .inputed { padding: 8px 0; display: inline-block;}
.login .cells .cell.number01 { width: 55px; text-align: center;}
.login .cells .cell.text { text-align: center; padding: 0 5px 10px 5px;}
.login .lv01 { padding: 0 5%; }
.login .login-submit { padding: 10px 0 0 0; color: #333; margin-bottom: 15px; }
.login .login-submit a { color: #333; }
.login .login-submit p { }
.login .login-submit .save-cookie { font-size: 11px; font-weight: bold; text-align: center; margin-bottom: 15px; }
.login .login-submit #use-cookie-ok { display: none; }
.login .next { margin-bottom: 10px;}
.login .back { margin-bottom: 20px;}
.login .list-login-help { text-align: center; margin-top: 15px; margin-bottom: 20px; }
.login .list-login-help ul {}
.login .list-login-help li { /* text-shadow: 0 4px 8px rgba(0,0,0,0.25); */ font-size: 12px; margin-bottom: 15px; }
.login .list-login-help li:last-of-type { margin-bottom: 0; }
.login .list-login-help a { color: #0088FF; text-decoration: underline;}
.login .login-with-sns { margin-bottom: 15px; }
.login .login-with-sns ul { }
.login .login-with-sns ul li { margin-bottom: 6px; }
.login .login-with-sns ul li:last-of-type { margin-bottom: 0;}
.login .login-with-sns ul li a { }
.login .login-with-sns ul li img { width: 100%; }
.login h2 { }
.login span { }
.login .siteinfo { margin-bottom: 15px; text-align: center; border-top: 1px solid #DEDEDE; padding-top: 15px;}
.login .siteinfo.last { border: 0;  border-top: 1px solid #DEDEDE; padding-top: 20px; margin-bottom: 0; padding-bottom: 0;}
.login .siteinfo ul { }
.login .siteinfo ul li { display: inline-block; font-size: 12px; margin: 0 5px 0 0; padding-right: 8px; border-right: 1px solid #DEDEDE;}
.login .siteinfo ul li:last-of-type { margin-right: 0; padding-right: 0; border: 0;}
.login .siteinfo ul li a { color: #0088FF; text-decoration: underline; }
.login .bnr { border-top: 1px solid #DEDEDE; padding-top: 15px; }
.login .bnr ul { }
.login .bnr ul li { }
.login .bnr ul li a { }
.login .bnr ul li img { width: 100%; }

/* slider */
.news .bx-wrapper .bx-viewport { border: 0; box-shadow: none; left: 0;}
.news .bx-wrapper .bx-controls-direction a { z-index: 8000; }
.news .bx-wrapper .bx-controls-direction .bx-prev,
.news .bx-wrapper .bx-controls-direction .bx-next { width: 23px; height: 28px; margin-top: 0;}
.news .bx-wrapper .bx-controls-direction .bx-prev { background: url(/sp/img/login/crm/shared/common/arw-prev.png) 0 0 no-repeat; background-size: contain; position:absolute; top:50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }
.news .bx-wrapper .bx-controls-direction .bx-next { background: url(/sp/img/login/crm/shared/common/arw-next.png) 0 0 no-repeat; background-size: contain; position:absolute; top:50%; right: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }

/* modal */
.fancybox-skin { border-radius: 0;}
.modal h1 { text-align: center; font-size: 14px; font-weight: bold; color: #E4007F; padding: 15px; background: #FEF2FB; }
.modal .contents { padding: 15px; }
.modal .modal-body { font-size: 12px; }
.modal .modal-body p { margin-bottom: 15px; line-height: 1.5;}
.modal .modal-body .alert { color: #E4007F; }
.modal .modal-body .btns { text-align: center; font-weight: bold; }
.modal .modal-body .btns li { margin-bottom: 10px;}

/* block */
.block { background:rgba(255,255,255,1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20); padding: 20px; }
.is-transparent .block { background:rgba(255,255,255,0.8); }

/* headline */
.hl01 { text-align: center; color: #222222; font-size: 12px; font-weight: bold; position: relative; margin-bottom: 15px; }
.hl01::before { content: ''; display: block; width: 75px; height: 1px; background: #DEDEDE; position: absolute; position:absolute; top:50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;  }
.hl01::after { content: ''; display: block; width: 75px; height: 1px; background: #DEDEDE; position: absolute; position:absolute; top:50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;  }
.hl01 span { background: #fff; display: inline-block; padding: 3px; position: relative; z-index: 2;}
.is-transparent .hl01 span { background: none; }

/* button */
.btn { font-size: 14px; font-weight: bold; text-align: center; display: block; width: 100%; max-width: 250px; margin: 0 auto; padding: 13px; border-radius: 2px; border: 0 ;}
.btn01 { background: #F59B00; color: #fff; }
.btn02 { background: #005BAB; color: #fff; }
.btn03 { background: #737373; color: #fff!important; }

/* checkbox */
input[type="checkbox"] + i.checkbox { display:inline-block; vertical-align:middle; background:#fff; border: 1px solid #333; width:16px; height:16px; border-radius: 2px; margin-right: 5px; }
input[type="checkbox"]:checked + i.checkbox { box-shadow : none; background: #005BAB url(/img/login/crm/shared/common/icn-check01-b.png) 50% 50% no-repeat; background-size: 12px 8px; outline:none; }
input[type="checkbox"]:checked:focus { outline:none; }
input[type="checkbox"]:focus { outline:none; }

/* varie */
body.nobg .header .logo { border-bottom: 1px solid #dfdfdf; }
body.nobg .footer { border-top: 1px solid #dfdfdf; }
body.nobg .msg { box-shadow: none; }
body.nobg .block { border: 2px solid #005BAB; box-shadow: none;  }
body.nobg .news {  border: 2px solid #005BAB; box-shadow: none; }

/*footer recaptcha */
.recaptcha p{width: 100%;margin-top: 10px;padding: 10px;background-color: #f3f3f3;text-align: center;font-size: 12px;}