@charset "UTF-8";
/* ログインページ */
* { 
    box-sizing: border-box; 
}
html { 
    width:100%; 
    height:100%; 
}
a { 
    color: #0a84ff; 
}

body { 
    margin:0; 
    background-color:#fff; 
    height:100%; 
    width:100%;
}
#container { 
    display:flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    margin: 0 auto 0 auto; 
    height: 100%; 
    font: 14px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka; 
    color: #212123;
}
#win{ 
    width: 100%; 
    position: relative;
}
div.form{ 
    text-align: center; 
    line-height: 150%; 
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20750.8%20187%22%20style%3D%22enable-background%3Anew%200%200%20750.8%20187%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2389EF59%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20d%3D%22M0%2C186.4v-13h150.2c21.1%2C0%2C34.7-10.8%2C34.7-28.8c0-16.1-8.3-25.6-29.5-33.9c-27.5-9.6-40.4-23.4-40.4-43.6%20c0-23.4%2C19.3-40.3%2C46-40.3l406-0.3L535.4%2C0L619%2C39.4H480.8l0%2C147.6h-14.4l0-147.6h-306c-14%2C0-31.1%2C5.5-31.1%2C25.9%20c0%2C15.1%2C8%2C23.5%2C30.4%2C32.3c32.7%2C13.3%2C39.5%2C27.9%2C39.5%2C45.8c0%2C11.9-4.4%2C22.7-12.5%2C30.4c-8.9%2C8.5-21.9%2C12.6-37.5%2C12.6H0z%22%2F%3E%20%3Cpath%20d%3D%22M279.3%2C187c-31.3%2C0-52.3-22.5-52.3-56.1c0-17.8%2C4.9-33.1%2C14.3-44c9.1-10.6%2C21.9-16.4%2C36.2-16.4c15.9%2C0%2C28.3%2C6.7%2C35.9%2C19.5%20c7.5%2C12.6%2C8.1%2C27.1%2C8.1%2C31.2c0%2C3%2C0%2C5-0.5%2C7l-0.3%2C1.4h-79.3c0.6%2C28.4%2C14.9%2C44.6%2C39.4%2C44.6c14.9%2C0%2C22.8-2.8%2C29.2-5.9l1.9-0.9l3.8%2C12%20l-1.3%2C0.7C311.3%2C181.6%2C300.1%2C187%2C279.3%2C187z%20M306.6%2C117.3c-0.1-5.7-1.4-18.3-9.6-26.6c-5.1-5.2-12.1-7.9-20.8-7.9%20c-13.6%2C0-30.5%2C9.1-34%2C34.5H306.6z%22%2F%3E%20%3Cpath%20d%3D%22M424.6%2C187v-65.8c0-13.3-3.7-35.6-28.2-35.6c-13.8%2C0-26.5%2C9.7-30.7%2C23.5c-0.9%2C2.8-1.5%2C6.2-1.5%2C9.2V187h-14.2v-84.1%20c0-8.9-0.4-16-0.8-23.4l-0.2-4.3h13.6l0.7%2C15.9c6.5-9.6%2C18.5-18.4%2C36.1-18.4c6.6%2C0%2C39.4%2C2.3%2C39.4%2C47.6V187H424.6z%22%2F%3E%20%3Cpath%20d%3D%22M559.3%2C187c-30.3%2C0-51.4-23.6-51.4-57.5c0-40.7%2C27.5-59.3%2C53-59.3c31.1%2C0%2C52.1%2C23%2C52.1%2C57.2%20C612.9%2C168.3%2C585.1%2C187%2C559.3%2C187z%20M560.6%2C82.6c-26.3%2C0-38.3%2C23.9-38.3%2C46.2c0%2C25.9%2C16.2%2C45.5%2C37.6%2C45.5c22%2C0%2C38.5-19.9%2C38.5-46.2%20c0-10.7-3.3-21.9-8.9-30.1C584.8%2C91%2C575.9%2C82.6%2C560.6%2C82.6z%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22737.9%2C187%20654.2%2C54%20654.2%2C187%20640.2%2C187%20640.2%2C31.5%20653.1%2C31.5%20737.9%2C164.4%20737.9%2C31.5%20750.8%2C31.5%20750.8%2C187%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: 50% 0%;
    padding-top: 80px;
}
#win h1 { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    display: block; 
    height: 45px;  
    margin: 0; 
    background-color: #1b2b34; 
    color: #fff; 
    font-size: 13px; 
    line-height: 45px; 
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20750.8%20187%22%20style%3D%22enablebackground%3Anew%200%200%20750.8%20187%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3A%2389EF59%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C186.4v-13h150.2c21.1%2C0%2C34.7-10.8%2C34.7-28.8c0-16.1-8.3-25.6-29.5-33.9c-27.5-9.6-40.4-23.4-40.4-43.6%20c0-23.4%2C19.3-40.3%2C46-40.3l406-0.3L535.4%2C0L619%2C39.4H480.8l0%2C147.6h-14.4l0-147.6h-306c-14%2C0-31.1%2C5.5-31.1%2C25.9%20c0%2C15.1%2C8%2C23.5%2C30.4%2C32.3c32.7%2C13.3%2C39.5%2C27.9%2C39.5%2C45.8c0%2C11.9-4.4%2C22.7-12.5%2C30.4c-8.9%2C8.5-21.9%2C12.6-37.5%2C12.6H0z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M279.3%2C187c-31.3%2C0-52.3-22.5-52.3-56.1c0-17.8%2C4.9-33.1%2C14.3-44c9.1-10.6%2C21.9-16.4%2C36.2-16.4%20c15.9%2C0%2C28.3%2C6.7%2C35.9%2C19.5c7.5%2C12.6%2C8.1%2C27.1%2C8.1%2C31.2c0%2C3%2C0%2C5-0.5%2C7l-0.3%2C1.4h-79.3c0.6%2C28.4%2C14.9%2C44.6%2C39.4%2C44.6%20c14.9%2C0%2C22.8-2.8%2C29.2-5.9l1.9-0.9l3.8%2C12l-1.3%2C0.7C311.3%2C181.6%2C300.1%2C187%2C279.3%2C187z%20M306.6%2C117.3c-0.1-5.7-1.4-18.3-9.6-26.6%20c-5.1-5.2-12.1-7.9-20.8-7.9c-13.6%2C0-30.5%2C9.1-34%2C34.5H306.6z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M424.6%2C187v-65.8c0-13.3-3.7-35.6-28.2-35.6c-13.8%2C0-26.5%2C9.7-30.7%2C23.5c-0.9%2C2.8-1.5%2C6.2-1.5%2C9.2V187h-14.2%20v-84.1c0-8.9-0.4-16-0.8-23.4l-0.2-4.3h13.6l0.7%2C15.9c6.5-9.6%2C18.5-18.4%2C36.1-18.4c6.6%2C0%2C39.4%2C2.3%2C39.4%2C47.6V187H424.6z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M559.3%2C187c-30.3%2C0-51.4-23.6-51.4-57.5c0-40.7%2C27.5-59.3%2C53-59.3c31.1%2C0%2C52.1%2C23%2C52.1%2C57.2%20C612.9%2C168.3%2C585.1%2C187%2C559.3%2C187z%20M560.6%2C82.6c-26.3%2C0-38.3%2C23.9-38.3%2C46.2c0%2C25.9%2C16.2%2C45.5%2C37.6%2C45.5c22%2C0%2C38.5-19.9%2C38.5-46.2%20c0-10.7-3.3-21.9-8.9-30.1C584.8%2C91%2C575.9%2C82.6%2C560.6%2C82.6z%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%22737.9%2C187%20654.2%2C54%20654.2%2C187%20640.2%2C187%20640.2%2C31.5%20653.1%2C31.5%20737.9%2C164.4%20737.9%2C31.5%20750.8%2C31.5%20750.8%2C187%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 2%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
table { 
    margin: auto; 
    padding: 2px; 
    padding: 40px 60px; 
}

tr {
    display: flex;
    flex-direction: column;
}

th { 
    text-align: left; 
    color: #6d7680; 
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 13px;
}

td { 
    text-align: center; 
    padding: 2px; 
}
td > span {
    position: absolute;
    bottom: 120;
    display: block;
}
input.ipass { 
    width: 250px; 
    height: 34px;
    margin-bottom: 24px;
    padding: 4px 5px;
    border: 0.99px solid #c2c3ca;
    color: #212123;
}
input[type="password"] {
    height: 34px;
    margin-bottom:1 0px;
    padding: 4px 5px;
    border: 0.99px solid #c2c3ca;
    color: #212123;
}

.bt_input { 
    width: 100%; 
    height: 38px;
    border: none; 
    background-color: #54b028; 
    border-radius: 3px; 
    color: #fff; 
    font-size: 14px;
}

.bt_input:hover { 
    background-color: #458f22; 
    color: #fff;
    cursor: pointer;
    -webkit-transition: ease-out .3s;
    transition: ease-out .3s;
}

#footer { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 100%; 
    margin: auto auto 0 auto; 
    text-align: center; 
    font-size: 10px; 
    color: #222121; 
    height: 40px; 
    background-color: #fff; 
    padding: 0; 
    position: absolute; 
    bottom: 0%; 
    line-height: 150%; 
    border-top: 1px solid #c2c3ca; 
}
#footer address { 
    font-style: normal;
}
#footer a { 
    color: #222121; 
    text-decoration: underline; 
}
#footer a:link { 
    color: #222121; 
    text-decoration: underline;
 }
#footer a:hover { 
    color: #222121; 
    text-decoration: underline; 
}