@charset "UTF-8";

@font-face {
  font-family:'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NotoSans_regular.woff2') format('woff2'),
       url('/fonts/NotoSans_regular.woff') format('woff'),
       url('/fonts/NotoSans_regular.otf') format('opentype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/NotoSans_medium.woff2') format('woff2'),
       url('/fonts/NotoSans_medium.woff') format('woff'),
       url('/fonts/NotoSans_medium.otf') format('opentype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/NotoSans_bold.woff2') format('woff2'),
       url('/fonts/NotoSans_bold.woff') format('woff'),
       url('/fonts/NotoSans_bold.otf') format('opentype');
}

.sp_br{display:none!important;}
.pc_hd{display:none!important;}
@media screen and (max-width: 767px) {
.pc_hd{display:block!important;}
.sp_hd{display:none!important;}
.pc_br{display:none!important;}
.sp_br{display:inline!important;}
}

html{height:100%;}
body{font-family:'Noto Sans Japanese',sans-serif;background-color:#F8F8F8;height:100%;
-moz-osx-font-smoothing:auto | grayscale // Firefox
-webkit-font-smoothing:antialiased;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
body{font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;/*IE*/;}
}
@media screen and (min-width: 768px) {
#wrap{min-height:740px;position:relative;}
}
#content{position:absolute;left:0;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#content .login_box{background-color:#FFF;width:420px;margin:-30px auto 30px;padding:20px 20px 30px;box-sizing:border-box;box-shadow:0 1px 6px rgba(0,0,0,0.15);border:1px solid #E2E2E2;border-radius:12px;}
#content .login_box #logo{width:108px;margin:0 auto;padding-bottom:10px;}
#content .login_box #logo img{height:auto;width:100%;}
#content .login_box h1{font-size:1.8em;line-height:1.4;font-weight:700;color:#303030;padding-bottom:20px;}
#content .login_box .form_box .txt{font-size:1.4em;line-height:1.4;font-weight:700;color:#303030;text-align:left;}
#content .login_box .form_box input[type="text"],
#content .login_box .form_box input[type="password"]{font-size:14px;width:100%;margin-bottom:8px;padding:8px 6px;box-sizing:border-box;border:1px solid #DDD;outline:none;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#content .submit_btn{font-size:15px;line-height:38px;color:#FFF;text-decoration:none;display:block;background-color:#06C;height:40px;width:100%;margin:15px auto;padding:0;box-sizing:border-box;box-shadow:1px 1px 2px rgba(0,0,0,0.3);border:1px solid #0C5EAF;border-radius:4px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance: none;-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;}
@media screen and (min-width: 961px) {
#content .submit_btn:hover{background-color:#999;border:1px solid #888;}
}
#content .submit_btn.disabled{color:#EEE!important;background-color:#CCC!important;box-shadow:1px 1px 2px rgba(0,0,0,0.1)!important;border-color:#BBB!important;cursor:not-allowed;}

#content .reminder a{font-size:1.3em;line-height:1.4;color:#06C;text-decoration:none;}
@media screen and (min-width: 961px) {
#content .reminder a:hover{text-decoration:underline;}
}
#content .note,
#content .note02{font-size:1.2em;line-height:1.4;}
#content .note02{padding-top:1em;}
#content .note span{text-indent:-1em;display:block;padding-left:1em;}
#content .note02 span{text-indent:-0.5em;display:block;padding-left:0.5em;}
#copyright{font-size:1.3em;line-height:1.3;color:#303030;position:absolute;left:0;right:0;bottom:20px;}

@media screen and (max-width: 767px) {
#content{position:relative;padding:20px;left:auto;right:auto;top:auto;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}
#content .login_box{width:auto;margin:0 0 20px;padding:15px 15px 20px;}
#content .login_box #logo{width:82px;}
#content .note,
#content .note02{text-align:left;}
#copyright{text-align:right;margin:0 20px;padding-bottom:20px;position:relative;right:auto;bottom:auto;}
}