@charset "UTF-8";

/* layout
**************************************************************************************************************************/
body { background: #fff; }
body.has-bg .bg { /*background:url(/img/login/crm/8001/bg.jpg) no-repeat 50% 0;*/ background-size: cover; min-height: calc(100vh - 128px); }/*3/13　白バージョンのため修正*/
body.nobg { }


/* common
**************************************************************************************************************************/
.tosp { text-align: center; background: #fff; margin:-15px 0 0 0; padding: 20px 0; }/*3/9　 margin追加*/
.header { text-align: center; /*padding: 0px 0 60px 0;*/ }/*3/9　 padding調整*/
.header .logo { padding: 0px 0 20px 0; margin-bottom: 0;}/*3/8　paddingを11pxから25pxに調整*/
.has-headerbg .header .logo { background: #fff; border-bottom: 1px solid #dfdfdf; }/*3/13 白バージョンのため修正*/
.header .logo img { height: 65px; width: auto;}/*3/12　paddingを55pxから65pxに調整*/
.contents { padding: 5px 11px 20px ;}/*3/14　 padding変更*/
.contents > .inner { /*padding: 0 0 60px 0;*/ max-width: 800px; margin: 0 auto; }/*3/12　paddingを削除に変更追加*/
.dflt-sns { display: table; width: 100%; margin-bottom: 20px; }
.dflt-sns .block,
.dflt-sns .sep{ display: table-cell; vertical-align: top; }
.dflt-sns .sep { width: 10px;}
.dflt-sns .block:nth-of-type(1) { width: 460px; padding-left: 30px; padding-right: 30px; }
.dflt-sns .block:nth-of-type(2) { width: 330px; }
.block { margin-bottom: 20px;}
.block:last-of-type { margin-bottom: 0;}
.block > .inner { max-width: 380px; margin: 0 auto; }
.block > .inner.wide { max-width: none; }
.footer { background: #fff; padding: 10px 0; overflow: hidden; position: relative; z-index: 2; border-top: 1px solid #dfdfdf;}
.footer .inner { max-width: 800px; margin: 0 auto; }
.footer .cells { display: table; width: 100%;}
.footer .cells .cell { display: table-cell; vertical-align: middle; }
.footer .copyright p { font-size: 9px; }
.footer .security { text-align: right; }
.footer .security ul { }
.footer .security ul li { display: inline-block; font-size: 12px; margin-left: 10px; position: relative; }
.footer .security ul li a { text-decoration: underline; color: #0088FF; }
.footer .security ul li:nth-of-type(1)::after { content: '|'; display: inline-block; color: #ccc; margin-left: 10px;}
.footer .security ul li:nth-of-type(3) { margin-left: 20px;}
.footer .security ul li:nth-of-type(3) img { width: 61px; }
.footer .security ul li:nth-of-type(4) { margin-left: 0;}
.footer .security ul li:nth-of-type(4) img { width: 94px; }



/* module
**************************************************************************************************************************/
.msg { background: #FEF2FB; padding: 20px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20); margin-bottom: 20px; }
.msg p { font-weight: bold; font-size: 14px; color: #E4007F; line-height: 1.5; }

.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: 14px; width: 80px; }
.login .icn.icn-id { background: url(/img/login/crm/shared/common/icn_human01-b.png) 0 50% no-repeat; background-size: 12px 14px; padding-left: 20px; display:block; padding-top: 2px; margin-bottom: -2px;}
.login .icn.icn-mail { background: url(/img/login/crm/shared/common/icn-mail01-b.png) 0 50% no-repeat; background-size: 13px 14px; padding-left: 20px; display:block; text-align: center;}
.login td { text-align: left; font-size: 14px; }
.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/login/crm/shared/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; }
.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: 12px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.login .login-submit #use-cookie-ok { display: none; }
.login .next { margin-bottom: 10px;}
.login .back { margin-bottom: 20px;}
.list-login-help { text-align: center; margin-top: 15px; margin-bottom: 20px; }
.list-login-help ul {}
.list-login-help li { /* text-shadow: 0 4px 8px rgba(0,0,0,0.25); */ font-size: 12px; margin-bottom: 15px; }
.list-login-help li:last-of-type { margin-bottom: 0; }
.login .list-login-help a,
.list-login-help a { color: #0088FF; text-decoration: underline;}
.list-login-help.in-right { margin-top: -5px; margin-bottom: 20px; text-align: left; }
.list-login-help.in-right li { margin-bottom: 8px;}
.login-with-sns { margin-bottom: 15px; }
.login-with-sns ul { }
.login-with-sns ul li { margin-bottom: 6px; }
.login-with-sns ul li:last-of-type { margin-bottom: 0;}
.login-with-sns ul li a { }
.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%; }

/* news */
.news { }
.news ul { }
.news li { font-size: 12px; padding: 15px; line-height: 1.5; border-bottom: 1px solid #ccc; }
.news li:last-of-type { border-bottom: 0; margin-bottom: -15px;}
.news small { color: #999; font-size: 10px; display: block; float: left; margin-right: 43px; margin-top: 3px;}
.news li span { overflow: hidden; display: block;; }

/* banner */
.bnr .bx-wrapper .bx-viewport { padding: 0; border: 0; box-shadow:none; left: 0; }
.bnr .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0px;
	outline: 0;
	width: 16px;
	height: 100%;
	text-indent: -9999px;
	z-index: 9999;
	background: #e6ecf5;
}
.bnr .bx-wrapper .bx-controls-direction .bx-prev { left: -22px; background:#e6ecf5 url(/img/crm/shared/common/arw-prev.png) 50% 50% no-repeat; background-size: 12px auto;  }
.bnr .bx-wrapper .bx-controls-direction .bx-next { right: -22px; background:#e6ecf5 url(/img/crm/shared/common//arw-next.png) 50% 50% no-repeat; background-size: 12px auto; }

/* modal */
.fancybox-skin { border-radius: 0;}
.modal h1 { text-align: center; font-size: 18px; font-weight: bold; color: #E4007F; padding: 13px; background: #FEF2FB; }
.modal .contents { padding: 24px 42px 0 42px; }
.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; padding: 0 84px; }

/* block */
.block { background:rgba(255,255,255,1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20); border: 2px solid #005BAB; padding: 20px; /*padding: 30px 40px;*/ }/*3/27　白バージョンに伴い修正*/
.is-transparent .block { background:rgba(255,255,255,0.8); }

/* headline */
.hl01 { text-align: center; color: #222222; font-size: 14px; 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: 0 5px; position: relative; z-index: 2;}
.is-transparent .hl01 span { background: none; }
.hl02 { font-size: 16px; font-weight: bold; border-bottom: 2px solid #005BAB; padding-bottom: 7px; line-height: 1; }
.hl02 span { display: inline-block; background:url(/img/login/crm/shared/common/blt01.png) 0 50% no-repeat; padding-left: 18px; }

/* button */
.btn { font-size: 14px; font-weight: bold; text-align: center; display: block; width: 100%; 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 .block.nobd { border: 0; padding: 0; margin-bottom: 40px; margin-top: 40px; }
body.nobg .block.has-bg { background: #F5F6FA; padding: 13px; }

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