/* RESET----------------------------------------------------------------------------------------------------*/
*,*::before,*::after {box-sizing: border-box;}
html{font-size: 62.5%; height: 100%;}
body{font-size: 1.6rem; margin: 0; padding: 0; height: 100%;
font-family: "IBM Plex Sans JP","Oswald",'inxray-font',"Open Sans", "Fira Sans", sans-serif;
font-weight: 400;
background:#FFFFFF;
color:#373737;
}
img {max-width: 100%; height:auto; border-style:none;}
a {text-decoration: none; color:#373737;}
a:hover {text-decoration: none; color:#373737;}
.clear{clear:both;}
.error {color: red; font-weight: bold;}
form{margin: 0; padding: 0;}
.error-red{width: fit-content; color: #9a0000;}
/* HEAD----------------------------------------------------------------------------------------------------*/
header{position:fixed; top:0; left:0; width: 100%; height: 60px; background: #000000; z-index: 100;}
.ul_head{display: flex; flex-wrap: wrap; width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; overflow: hidden; font-size: 0.95em; color: #ffffff;}
.ul_head li{margin: 0; border-collapse: collapse; padding: 0.2em; display: flex; align-items: center;}
.ul_head li a{color: #ffffff;}
.ul_head li:nth-child(1){width: calc(100% - 300px);}
.ul_head li:nth-child(2){width: 150px;}
.ul_head li:nth-child(3){width: 150px;}
.head_user{display: block; background: #717171; padding: 0.25em 1.0em; border-radius: 10px;}
.head_user:before{font-family: "inxray-font", serif; content: '\e967'; font-weight: 500; margin-right: 0.25em;}
.head_login{display: block; padding: 0.25em 1.0em;}
.head_login:before{font-family: "inxray-font", serif; content: '\e90c'; font-weight: 600; margin-right: 0.25em;}

.div_login{position: absolute; width: 480px; top: 50%; left: 50%; padding: 1.0em 1.0em 0; transform: translate(-50%, -50%); background: #ffffff; border-radius: 6px;}
.grid_ul{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0; overflow: hidden;}
.grid_ul li{margin: 0; border-collapse: collapse; padding: 0.2em; display: inline-block; vertical-align: middle; line-height: 1.6;}
.li-al-ce{text-align: center;}
.li-ac-ce{align-content: center;}
.li30{width: 30%;}
.li70{width: 70%;}
.li100{width: 100%;}
.grid_ul li.pos_rev{position: relative;}
.pass-view{position: absolute; font-size: 1.45em; top: 0.25em; right: 0.25em; cursor: pointer;}
.li_span{width: 100%; display: block; text-align: center; border: 1px solid #9fa0a0; color: #036eb8; padding: 0.25em 0; font-size: 0.9em;}
input.ocr-input{position:relative; width: 100%; margin: 1px 0; background: #ffffff; border: 1px solid #9fa0a0; border-radius: 2px; padding: 0.5em 0.3em; letter-spacing: .1em; overflow:hidden;}
input.ocr-input::after{font-family:'inxray-font',sans-serif; content:'\e918'; color: #68a4e0;}
input.ocr-input::-ms-clear {color:#ff0000; visibility:hidden;}
input.ocr-input:focus{background: #FEFDE5;}

.ul-ck input[type=checkbox] {display:none;}
.ul-ck input[type=checkbox] + label{cursor:pointer;}
.ul-ck input[type=checkbox] + label:before {font-family: 'inxray-font', serif; display: inline-block; font-size: 1.1em; position: relative; top: 0.1em; right:0.5em; cursor: pointer;}
.ul-ck input[type=checkbox] + label:before {content: "\e962"; color: #9fa0a0;}
.ul-ck input[type=checkbox]:checked + label:before {content: "\e921"; color: #8E0D23;}
.ul-ck input[type=checkbox]:checked + label{color: #8E0D23;}

.bt_but-xl{width:99%; border-radius: 3px; font-size: 0.95em; margin: 0 auto; padding: 0.5em 0.3em; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.butt-sp .ul-but li .bt_but-xl{width:99%; height: 80px; border-radius: 40px; font-size: 0.95em; margin: 0 auto; padding: 1.5em 0.3em; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}

.bt_but{border-radius: 3px; font-size: 0.95em; margin: 0; padding: 0.25em 0.3em; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but_l{border-radius: 3px; font-size: 1.05em; margin: 0; padding: 0.5em 2.5em; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_remove{border:1px solid rgba(255, 0, 0, 0.68); color: rgba(255, 0, 0, 0.68); background:#fff; transition:background-color 0.2s,color .2s;}
.bt_remove:hover{display:inline-block; border:1px solid rgba(255, 0, 0, 0.68); color:#FFF; background: rgba(255, 0, 0, 0.68);}
.bt_photo{border:1px solid rgb(0, 142, 49); color: rgb(0, 142, 49); background:#fff; transition:background-color 0.2s,color .2s;}
.bt_photo:hover{display:inline-block; border:1px solid rgb(0, 142, 49); color:#FFF; background: rgb(0, 142, 49);}
.bt_photo::before{font-family:'inxray-font',sans-serif; content:'\e91b'; margin-right: 0.5em;}
.bt-line{border:1px solid rgb(231, 95, 28); color: rgb(231, 95, 28); background:#fff; transition: background-color 0.2s,color .2s;}
.bt-line:disabled{border:1px solid rgb(124, 124, 124); color: rgb(124, 124, 124); background: #ededed; transition: background-color 0.2s,color .2s;}
.bt-line:active{border:1px solid rgb(231, 95, 28); color: rgb(231, 95, 28); background:#fff; transition: background-color 0.2s,color .2s;}
.bt-line::before{font-family:'inxray-font',sans-serif; content:'\e97a'; margin-right: 0.5em;}
.bt-line:hover{display:inline-block; border:1px solid  rgb(231, 95, 28); color:#FFF; background:  rgb(231, 95, 28);}
.bt_reset{border:1px solid rgb(211, 47, 181); color: rgb(211, 47, 181); background:#fff; transition: background-color 0.2s,color .2s;}

.bt-reset::before{font-family:'inxray-font',sans-serif; content:'\e90e'; margin-right: 0.5em;}
.bt-reset:hover{display:inline-block; border:1px solid rgb(211, 47, 181); color:#FFF; background: rgb(211, 47, 181);}
.bt-submt{border:1px solid #0a53be; color: #ffffff; background: #0a53be; transition: background-color 0.2s,color .2s;}
.bt-submt::before{font-family:'inxray-font',sans-serif; content:'\ea0e'; margin-right: 0.5em;}
.bt-submt:hover{display:inline-block; border:1px solid #0a53be; color: #0a53be; background: #ffffff;}

.bt_camera{border:1px solid rgba(149, 0, 0, 1.0); color: rgba(255, 255,255, 1.0); background:#ff0000; transition:background-color 0.2s,color .2s;}
.bt_camera:hover{display:inline-block; border:1px solid rgba(149, 0, 0, 1.0); color:#ff0000; background: #fff;}
.bt_camera::before{font-family:'inxray-font',sans-serif; content:'\e91b'; margin-right: 0.5em;}

.bt_entry{border:1px solid rgb(213, 87, 27); color: rgba(255, 255,255, 1.0); background: #e75f1c; transition:background-color 0.2s,color .2s;}
.bt_entry:hover{display:inline-block; border:1px solid rgba(213, 87, 27, 1.0); color: #e75f1c; background: #fff;}
.bt_entry:disabled{border:1px solid rgb(124, 124, 124); color: rgb(124, 124, 124); background: #ededed; transition: background-color 0.2s,color .2s;}
.bt_entry:active{border:1px solid rgb(213, 87, 27); color: rgba(255, 255,255, 1.0); background: #e75f1c; transition:background-color 0.2s,color .2s;}
.bt_entry::before{font-family:'inxray-font',sans-serif; content:'\ea2b'; margin-right: 0.5em;}