.login_content_msg {
    background: red;
    color: #fff;
    width: 300px;
    margin: auto;
    padding: 1em 2.5em;
    box-sizing: border-box;
}

#page-login .login_wrap .login_content form input[type="password"] {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: #000 solid 1px;
    padding: 0.7em 1.2em;
    margin-bottom: 2em;
}

div#tag_container {
    clear: both;
}

ul.pagination {
    list-style: none;
    background: #fff;
    text-align: right;
    padding-right: 2em;
    padding-top: 20px;
}

ul.pagination li {
    display: inline-block;
    color: #b5b5b5;
}

ul.pagination li:first-child, ul.pagination li:last-child {
    display: none;
}

ul.pagination li > * {
    font-size: 1.25em;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #fff;
    background-color: #00a65a;
    border-color: #008d4c;
}

.alert-dismissible {
    padding-right: 2rem;
}

.alert .close {
    color: #000;
    opacity: .2;
    position: relative;
    top: -2px;
    right: -21px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}


/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    height: 750px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#client-request .btn2box-popup {
    text-align: center;
}

.btn-import {
    cursor: pointer;
}

#client_staff #client_staff-list ul.listtable li ul li input[type="password"] {
    max-width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 10px;
    border: #66ccff solid 1px;
}

#client_staff #client_staff-list ul.listtable li ul li input[type="email"] {
    width: 100%;
}

#page-care #care-list ul.listtable li ul li:nth-child(11) {
    text-align: center;
}

.popup_modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    left: 0;
}

.popup_modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    transition: all ease .3s;
}

.popup_modal #upload, .popup_modal #upload_single, .popup_modal .upload_single, .popup_modal #upload_multiple {
    background: #fff;
    width: 500px;
    box-shadow: 1px 1px 5px #ccc;
}

.single_upload_file {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

#file, #document, #resume {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.list_li_checkbox {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.25em;
}

.list_li_checkbox input {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}

.list_li_checkbox span {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 1.25em;
    height: 1.25em;
    border: #66ccff solid 1px;
    z-index: 1;
}

.list_li_checkbox span.active {
    background: #66ccff url(../images/check.svg) no-repeat 50% 50%;
    background-size: 1em auto;
}

#page-request #request-list .edit-header .change_stt_form, #page-request #request-list .edit-header .change_staff_form, #page-care #care-list .edit-header .change_stt_form, #page-completed #completed-list .edit-header .change_stt_form {
    position: relative;
    display: inline-block;
    padding-left: 10px;
}

.change_stt_form_btn, .change_staff_form_btn {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    line-height: 1em;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    vertical-align: middle;
    border-radius: 0;
    background: #efefef;
    color: #66ccff;
    padding: 8px 13px 6px 13px;
    border: #66ccff solid 2px;
    font-size: 13px;
    outline: none;
    cursor: pointer;
}

.change_stt_form_btn:hover, .change_staff_form_btn:hover {
    background: #66ccff;
    color: #fff;
}

#upload_single, .upload_single, #upload_multiple {
    min-width: 500px;
}

#upload_single h1, .upload_single h1, #upload_multiple h1 {
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5em;
    background: #66ccff;
    color: #fff;
}

#upload_single #upload_single_area, .upload_single .upload_single_area, #upload_multiple #upload_multiple_area {
    padding: 10px;
}

#upload_single #upload_single_area .dragbox, .upload_single .upload_single_area .dragbox, #upload_multiple #upload_multiple_area .dragbox {
    width: 450px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 5px;
    background: #b5b5b5;
}

#upload_single #upload_single_area .dragbox .draginner, .upload_single .upload_single_area .dragbox .draginner, #upload_multiple #upload_multiple_area .dragbox .draginner {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    border: #efefef solid 4px;
    color: #efefef;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 1.2em;
    line-height: 1.5em;
}

#upload_single #upload_single_area .dragbox .draginner p, .upload_single .upload_single_area .dragbox .draginner p, #upload_multiple #upload_multiple_area .dragbox .draginner p {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#upload_single #upload_single_area .dragbox .draginner p::after, .upload_single .upload_single_area .dragbox .draginner p::after, #upload_multiple #upload_multiple_area .dragbox .draginner p::after {
    content: "";
    display: block;
    width: 63px;
    height: 54px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../images/icon_ul.svg") no-repeat 0 0;
    background-size: contain;
    margin: 0 auto;
    vertical-align: middle;
    margin-top: 1em;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#upload_single .sec, .upload_single .sec, #upload_multiple .sec {
    width: 450px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 0;
    list-style: none inside;
}

#upload_single .sec li, .upload_single .sec li, #upload_multiple .sec li {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    border-bottom: #fff solid 1px;
}

#upload_single .sec li .mainbtn, .upload_single .sec li .mainbtn, #upload_multiple .sec li .mainbtn {
    margin-right: 1em;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
}

#upload_single .sec li .filename, .upload_single .sec li .filename, #upload_multiple .sec li .filename {
    color: #575757;
}

#upload_single .sec li .filename.nofile, .upload_single .sec li .filename.nofile, #upload_multiple .sec li .filename.nofile {
    color: #b5b5b5;
}

#upload_single ul.edit-list li.sec .formctttl, .upload_single ul.edit-list li.sec .formctttl, #upload_multiple ul.edit-list li.sec .formctttl {
    width: 6em;
    text-align: center;
    background: #b5b5b5;
}

#upload_single ul.edit-list li.sec .formctbox, .upload_single ul.edit-list li.sec .formctbox, #upload_multiple ul.edit-list li.sec .formctbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#upload_single ul.edit-list li.sec .formctbox div, .upload_single ul.edit-list li.sec .formctbox div, #upload_multiple ul.edit-list li.sec .formctbox div {
    padding-top: 0.4em;
}

#upload_single p, .upload_single p, #upload_multiple p {
    padding: 30px 20px;
}

#upload_single p.or, .upload_single p.or, #upload_multiple p.or {
    padding: 0;
    text-align: center;
    font-size: 1.5em;
    color: #b5b5b5;
}

#client-request .request-multiple-upload .btn2box.btn-request-upload{
    text-align: center;
}

.pdf-link{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    line-height: 1em;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    vertical-align: middle;
    padding: 10px;
    display: inline-block;
}

.custome-ulbtn {
    border: #66ccff solid 2px;
    border-radius: 0;
    background: #66ccff;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    padding: 0.45em 2em 0.2em 2em;
    text-align: center;
}

.deletebtn-link {
    display: inline-block;
    vertical-align: middle;
}

input[type="text"].month , input[type="text"].day{
    width: 4em;
}

#download-list .dlbtn {
    display: inline-block;
}

input[type="text"].year {
    width: 8em;
}

#file_upload #file-list ul.listtable li ul li:nth-child(2) {
    word-break: break-all;
}

#agency-download #download-list ul.listtable li ul li.file-with-button {
    clear: both;
    padding-right: 20px;
}

#agency-download #download-list ul.listtable li ul li.file-with-button a{
    width: 208px;
    float: right;
    padding: 0.45em 0px 0.2em 0px;
}

#agency-download #download-list ul.listtable li ul li span{
    width: calc(100% - 230px);
    float: left;
    word-break: break-all;
    padding-right: 0px;
    text-align: left;
}

#page-nereport .addbtn_box {
    background: transparent;
}

#page-nereport .addbtn_box .mainbtn {
    text-indent: 0;
}

#page-nereport .post_file_title {
    color: #66ccff;
}

.addbtn::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 18px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/icon_plus.svg) no-repeat 0 0;
    background-size: contain;
    margin-right: 0.5em;
    vertical-align: middle;
    top: -2px;
}

.addbtn:hover {
    background: #fce37a;
    color: #66ccff;
}

.addbtn:hover::before {
    background: url(../images/icon_plus2.svg) no-repeat 0 0;
    background-size: contain;
}

#page-nereport .attention .formctbox ul li .ullist {
    width: auto;
    display: inline-block;
    padding-top: 0;
    padding-left: 2em;
}

#page-nereport .attention .formctbox ul li .ullist li {
    padding-right: 0;
}

.post_list_item {
    position: relative;
}

.post_list_item input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

#page-nereport .edit-form .edit-header .editttl {
    display: inline-block;
    padding-right: 10px;
}

input[name="email"] {
    width: 30em;
}

.modal-btn:hover {
    cursor: pointer;
}

.single-file-name {
    color: #66ccff;
}

.edit-list .ulbtn {
    display: inline-block;
}

#main #nega .guide {
    width: 53.25em;
}

#main #note ul.table li.td ul.tr li:nth-child(1) .viewbtn {
    font-size: 1em;
    line-height: 1em;
    display: inline-block;
    position: absolute;
    top: 0.5em;
    left: auto;
    right: 1em;
    bottom: auto;
    background: #5b7caa;
    color: #fff;
    border: none;
    border-radius: 0.8em;
    padding: 0.3em 1em;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

#main #note ul.table li.td ul.tr li:nth-child(1) .viewbtn::before {
    content: "";
    display: inline-block;
    position: relative;
    padding-right: 0.5em;
    width: 1.2em;
    height: 1em;
    background: url(../images/icon_view.svg) no-repeat 0 0;
    background-size: contain;
    vertical-align: bottom;
    top: -0.05em;
}

#page-care #care-list ul.listtable li ul li:nth-child(14), #page-care #care-list ul.listtable li ul li:nth-child(13) {
    width: 5.5%;
}

#page-care #care-list ul.listtable li:first-child ul li:nth-child(13) {
    width: 11%;
}

#client_staff #client_staff-list ul.listtable li ul li:nth-child(9) {
    width: 6%;
}

.subbtn1 {
    margin-top: 5px;
    display: inline-block;
}

.list__item {
    position: relative;
}

.loading_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 70px);
    height: calc(100% - 70px);
    object-fit: scale-down;
    padding: 35px;
    background: #fff;
    opacity: .7;
}

button.post_list_item_delete_btn {
    border: none;
    position: absolute;
    right: 0;
    bottom: 0;
    outline: none;
}

#main #note ul.table li.th ul.tr li, #main #note ul.table li.td ul.tr li {
    padding: 1em;
}

#main #note ul.table li.td ul.tr li .numb {
    width: 1.5em;
    height: 1.5em;
    padding: 0.15em 0;
}

#main #info #sns ul.table li.th ul.tr li, #main #info #sns ul.table li.td ul.tr li {
    padding: 1em .5em
}

#main #info #prof ul.table li.td h2.th {
    height: 3.8em;
    line-height: 3.8em;
}

#main #info #prof ul.table li.td h2.th small {
    padding-top: 2em;
}

.post_list_item_delete_btn:before, .sns_list_item_delete_btn:before{
    content: '';
    display: inline-block;
    width: 21px;
    height: 18px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/delete.svg) no-repeat 0 0;
    background-size: contain;
    vertical-align: middle;
    top: -3px;
    text-align: center;
    background-position: center;
}

button.sns_list_item_delete_btn {
    border: none;
    outline: none;
    margin-top: 5px;
}

.information {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    left: calc( 50% + 175px );
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.information .info_inner {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2em;
    min-height: 500px;
    min-width: 405px;
}

.information .info_inner p {
    line-height: 1.5em;
    padding-bottom: 1.5em;
}

.information .info_inner p a {
    text-decoration: underline;
}