@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Noto+Sans+JP&display=swap');
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input {vertical-align:middle;}
select {vertical-align:middle;}
*,*::before,*::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
ul {list-style:none;}
body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #333;
    font-family: 'Noto Sans JP','メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',-apple-system,BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    line-height: 1.5;
    overflow-x: hidden;
}
@media all and (max-width: 399px) {
body {
    font-size: 4vw;
}
}

a {
    text-decoration:none;
    border:none;
    color: inherit;
}
a:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: 2s;
}

img {
    width: 100%;
}

input[type="text"] ,
input[type="password"] {
    border:1px solid #4682b4;
    font-size: inherit;
    padding: 5px;
    width: 100%;
}
@media all and (max-width: 399px) {
input[type="text"] ,
input[type="password"] {
    padding: 1.25vw;
}
}

input[type="text"]:focus ,
input[type="password"]:focus {
    border: 1px solid #daa520;
    outline: 1px solid #daa520;
    color: #8b0000;
}

select {
    border:1px solid #4682b4;
    background: #fff;
    font-size: inherit;
    padding: 5px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
    width: 100%;
}
@media all and (max-width: 399px) {
select {
    padding: 1.25vw;
}
}

select:focus {
    border: 1px solid #daa520;
    outline: 1px solid #daa520;
    color: #8b0000;
}

input[type="radio"] ,
input[type="checkbox"] {
    accent-color: #4682b4;
    margin: auto;
}

input[type="radio"]+label ,
input[type="checkbox"]+label {
    padding-left: 5px;
    padding-right: 5px;
}
@media all and (max-width: 399px) {
input[type="radio"]+label ,
input[type="checkbox"]+label {
    padding-left: 1.25vw;
    padding-right: 1.25vw;
}
}

textarea {
    border: 1px solid #4682b4;
    font-size: inherit;
    padding: 5px;
    resize: none;
    width: 100%;
    height: 80px;
}
@media all and (max-width: 399px) {
textarea {
    padding: 1.25vw;
    height: 20vw;
}
}

textarea:focus {
    border: 1px solid #daa520;
    outline: 1px solid #daa520;
    color: #8b0000;
}

textarea:read-only {
    background: #fff0f5;
    border: none;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

textarea:read-only:focus {
    border: none;
    outline: none;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

::placeholder{
    color: #0000cd;
}

.errMsg {
    margin: 5px auto;
}
@media all and (max-width: 399px) {
.errMsg {
    margin: 1.25vw auto;
}
}

.errMsg div {
    display: block;
    color: #ff4500;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
}
@media all and (max-width: 399px) {
.errMsg div {
    font-size: 4vw;
    line-height: 4vw;
    margin-bottom: 1.25vw;
}
}

.container {
    width: 100%;
}

.table__base {
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}

.table__base table {
    border-spacing: 0;
    border-collapse:separate;
    margin: 0 auto 10px;
    width: 100%;
}
@media all and (max-width: 399px) {
.table__base table {
    margin: 0 auto 2.5vw;
}
}

.table__base thead.thfix ,
.table__base .trowfix ,
.table__base .trowfix2 {
    position:-webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}

.table__base .trowfix2 {
    left: 120px;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    border-left: none !important;
}
@media all and (max-width: 399px) {
.table__base .trowfix2 {
    left: 30vw;
    width: 20vw;
    min-width: 20vw;
    max-width: 20vw;
}
}

.table__base .trowfix ,
.table__base .trowfix2 {
    z-index: 3;
}

.table__base td.trowfix ,
.table__base td.trowfix2 {
    background: #fff;
}

.table__base tbody {
    z-index: 1;
    position: relative;
}

.table__base td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table__base td:first-child {
    border-left: 1px solid #ccc;
}

.table__base tr.trgen td:first-child {
    border-left: 0 !important;
}

.table__base td.tdbln:first-child {
    border-left: none;
}

.table__base th {
    background: #191970;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
}

.table__base th:first-child {
    border-left: 1px solid #ccc;
}

.table__base th:last-child {
    border-right: 1px solid #fff;
}

.table__base td {
    padding: 4px 2px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
@media all and (max-width: 399px) {
.table__base td {
    padding: 1vw 0.5vw;
}
}

.table__base td.tdbtn {
    padding: 0;
}

.xtable__base td a {
    border-bottom: 1px solid #0066cc;
    padding: 1px;
}

.xtable__base td a:hover {
    border-bottom: 1px solid #fff;
    color: #0066cc;
    opacity: 1;
    transition: .5s;
}

.table__base .txtnum {
    text-align: right;
}

.table__base tr.trsat td:first-child {
    background: #add8e6;
}

.table__base tr.trsun td:first-child  {
    background: #ffe4e1;
}

.table__base td.tdconf  {
    color: #ff4500;
}

.btnbase {
    display: block;
    background: #191970;
    border: 1px solid #4682b4;
    color: #fff;
    font-size: inherit;
    padding: 2px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}
@media all and (max-width: 399px) {
.btnbase {
    padding: 0.5vw;
}
}
.btnbase:hover {
    background: #e6e6fa;
    border: 1px solid #4682b4;
    color: #191970;
    transition: 2s;
}

.btnbase-back {
    background: #a9a9a9;
    border: 1px solid #c0c0c0;
    color: #333;
}
.btnbase-back:hover {
    background: #e6e6fa;
    border: 1px solid #333;
    color: #191970;
    transition: 2s;
}

.head__logo__top {
}

.header__logo__inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.header__logo__img {
    width: 60%;
    max-width: 500px;
}
@media all and (max-width: 399px) {
.header__logo__img {
    max-width: 125vw;
}
}

.login__box {
    margin: 10px auto;
    width: 60%;
}
@media all and (max-width: 399px) {
.login__box {
    margin: 2.5vw auto;
}
}

.login__col {
    margin: 10px auto;
    width: 100%;
}
@media all and (max-width: 399px) {
.login__col {
    margin: 2.5vw auto;
}
}

.login__btn a {
    font-size: 20px;
    padding: 10px 0;
}
@media all and (max-width: 399px) {
.login__btn a {
    font-size: 5vw;
    padding: 2.5vw 0;
}
}

.cont__inner {
    margin: 0 auto;
    width: 100%;
}

.head__top {
}

.header__inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.header__txt {
    color: #191970;
    font-size: 120%;
    font-weight: bold;
    padding-left: 5px;
}
@media all and (max-width: 399px) {
.header__txt {
    padding-left: 1.25vw;
}
}

.header__btn {
    margin-left: auto;
    margin-right: 0;
}

.header__btn a {
}

.us__kimmu__box {
}

.us__kimmu__info {
    font-size: 120%;
    font-weight: bold;
    padding-left: 5px;
}
@media all and (max-width: 399px) {
.us__kimmu__info {
    padding-left: 1.25vw;
}
}

.us__kimmu__head {
}

.us__kimmu__head span {
    color: #8b0000;
    font-size: 120%;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}
@media all and (max-width: 399px) {
.us__kimmu__head span {
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
}

.us__kimmu__rows {
    border: 1px solid #a9a9a9;
    margin: 10px auto;
    padding: 10px 5px;
    width: 98%;
}
@media all and (max-width: 399px) {
.us__kimmu__rows {
    margin: 2.5vw auto;
    padding: 2.5vw 1.25vw;
}
}

.us__kimmu__rows.us__kimmu__rows-btm {
    border: none;
}

.us__kimmu__row {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.us__kimmu__row__txt {
}

.us__kimmu__row__txt span {
    font-weight: bold;
    padding-left: 10px;
}
@media all and (max-width: 399px) {
.us__kimmu__row__txt span {
    padding-left: 2.5vw;
}
}

.us__kimmu__row__chk {
    margin-left: auto;
    margin-right: 5px;
}
@media all and (max-width: 399px) {
.us__kimmu__row__chk {
    margin-right: 1.25vw;
}
}

.us__kimmu__row.us__kimmu__row-inp {
    margin: 10px auto;
    width: 90%;
}
@media all and (max-width: 399px) {
.us__kimmu__row.us__kimmu__row-inp {
    margin: 2.5vw auto;
}
}

.us__kimmu__row.us__kimmu__row-inp div {
    text-align: center;
    width: 10%;
}

.us__kimmu__row.us__kimmu__row-inp div.us__kimmu__row__inp {
    width: 20%;
}

.us__kimmu__row.us__kimmu__row-inp div.us__kimmu__row__btn {
    width: 30%;
}

.us__kimmu__row.us__kimmu__row-inp div.us__kimmu__row__btn a {
}

.us__shinsei__box {
}

.us__shinsei__rows {
    margin: 10px auto;
    padding: 10px 5px;
    width: 98%;
}
@media all and (max-width: 399px) {
.us__shinsei__rows {
    margin: 2.5vw auto;
    padding: 2.5vw 1.25vw;
}
}

.us__shinsei__row {
    margin: 10px auto;
}
@media all and (max-width: 399px) {
.us__shinsei__row {
    margin: 2.5vw auto;
}
}

.us__shinsei__row__txt {
}

.us__shinsei__row__txt span {
    font-weight: bold;
    padding-left: 10px;
}
@media all and (max-width: 399px) {
.us__shinsei__row__txt span {
    padding-left: 2.5vw;
}
}

.us__shinsei__row__nen {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.us__shinsei__row__nen div {
    text-align: center;
    width: 10%;
}

.us__shinsei__row__nen div.us__shinsei__row__nen__inp-nen {
    width: 30%;
}

.us__shinsei__row__nen div.us__shinsei__row__nen__inp {
    width: 20%;
}

.us__shinsei__img__btn {
    display: inline-block;
    margin: 10px auto;
}
@media all and (max-width: 399px) {
.us__shinsei__img__btn {
    margin: 2.5vw auto;
}
}

.us__shinsei__btm {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin:10px auto;
    width: 100%;
}
@media all and (max-width: 399px) {
.us__shinsei__btm {
    margin:2.5vw auto;
}
}

.us__shinsei__btm div {
    margin-left: 5%;
    margin-right: 5%;
    width: 40%;
}

.us__worki__head {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.us__worki__head__lnk a {
    color: #191970;
    padding-left: 10px;
    padding-right: 10px;
}
@media all and (max-width: 399px) {
.us__worki__head__lnk a {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}
}

.popimg__cont {
    display: block;
    margin: 1% auto;
    width: 100%;
}

.popimg__btm {
    margin: 1% auto;
    text-align: center;
    width: 100%;
}

/* footer */
.foot {
    margin: 2px auto;
    width: 100%;
}
@media all and (max-width: 399px) {
.foot {
    margin: 0.5vw auto;
}
}

.foot__txt {
    color: #c0c0c0;
    font-size: 14px;
    padding-right: 5px;
    text-align: right;
}
@media all and (max-width: 399px) {
.foot__txt {
    font-size: 3.5vw;
    padding-right: 1.25vw;
}
}

/* common */
.c__alarm {
    color: #ff4500;
}