@charset "UTF-8";
body {
    background-color: #F2F1EF;
    color: #4A4949;
    font-family: sans-serif, 'ＭＳ Ｐゴシック','游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', "Hiragino Kaku Gothic Pro", 'メイリオ', "Meiryo", Osaka, 'MS PGothic';
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    min-width: inherit;
    min-height: inherit;
    max-height: 100%;
    box-sizing: border-box;
    position: relative;
}
.fnt-mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
main {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.wrap {
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .wrap {
        max-width: 960px;
    }
}
@media screen and (max-width: 991px) {
    .wrap {
        max-width: 720px;
    }
}
@media screen and (max-width: 767px) {
    .wrap {
        max-width: 100%;
        padding: 0 15px;
    }
}
a {
    transition: all 0.3s;
}
a:hover {
    opacity: 0.6;
    text-decoration: none;
}
a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
}
@media screen and (max-width: 767px) {
    a[href^="tel:"] {
        pointer-events: auto;
        cursor: pointer;
    }
}
.pc {
    display: block;
}
.ipd {
    display: none;
}
.sp {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .ipd {
        display: block;
    }
    .ipd-none {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
}
.input_file {
    background: url("../img/input_file.png") no-repeat center top/cover;
    width: 200px;
    height: 49px;
    cursor: pointer;
    transition: all 0.3s;
}
.input_file:hover {
    opacity: 0.7;
}
.input_file input[type='file'] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    padding: 0 !important;
}
.input_file ::-webkit-file-upload-button {
    cursor: pointer;
}
.input_select {
    display: flex;
    flex: 1;
    position: relative;
}
.input_select:after {
    content: '';
    background: url("../img/icon-angle-down.svg") no-repeat center top/cover;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.input_select select {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-weight: bold;
    line-height: 30px;
    background: #fff;
    border-radius: 5px !important;
    border: 1px solid #707070;
    color: #707070;
    padding: 9px 50px 9px 15px;
    cursor: pointer;
}
.input_select select::-ms-expand {
    display: none;
}
.form_login {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    background-color: #fff;
    color: #4A4949;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-bottom: 70px solid #A82B20;
}
.form_login .form_login_inner {
    width: 440px;
    margin: 0 auto;
    padding: 80px 0 20px;
}
.form_login .logo {
    display: inline-block;
    width: 360px;
}
.form_login h2 {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 30px;
}
.form_login .form_input {
    padding-top: 50px;
}
.form_login .form_input p + p {
    padding-top: 20px;
}
.form_login .form_input input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #A82B20;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    line-height: 20px;
    padding: 9px 15px;
}
.form_login .form_input ::-webkit-input-placeholder {
    color: #A82B20;
}
.form_login .form_input ::-moz-placeholder {
    color: #A82B20;
}
.form_login .form_input :-ms-input-placeholder {
    color: #A82B20;
}
.form_login .form_input :-moz-placeholder {
    color: #999999;
}
.form_login .form_button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.form_login .form_button button {
    display: block;
    width: 120px;
    height: 40px;
    background-color: #A82B20;
    border: 0;
    border-radius: 4px !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_login .form_button button:hover {
    background-color: #8B2318;
}
@media screen and (max-width: 767px) {
    .form_login {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom-width: 30px;
        padding: 0 20px;
    }
    .form_login .form_login_inner {
        width: 100%;
        padding: 0 0 30px;
    }
    .form_login .logo {
        width: 60%;
    }
    .form_login h2 {
        font-size: 20px;
        line-height: 30px;
        padding-top: 15px;
    }
    .form_login .form_input {
        padding-top: 30px;
    }
}
.header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    background-color: #fff;
    padding: 9px 20px;
    position: fixed;
    top: 0;
    right: 0;
    left: 200px;
    z-index: 101;
}
.header .logo {
    flex: 1 0 0;
}
.header .logo a {
    display: block;
    width: 249px;
}
.header .account {
    font-weight: bold;
}
.header .account a {
    display: block;
    padding: 6px 0 4px 40px;
    position: relative;
}
.header .account img {
    display: block;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.hamburger {
    display: none;
    width: 30px;
    height: 24px;
    position: relative;
}
.hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #4A4949;
    position: absolute;
    left: 0;
    transition: all 0.3s;
}
.hamburger span:nth-child(1) {
    top: 0;
}
.hamburger span:nth-child(2) {
    top: 11px;
}
.hamburger span:nth-child(3) {
    top: 22px;
}
.hamburger.is-active span:nth-child(1) {
    transform: translate(0, 11px) rotate(45deg);
}
.hamburger.is-active span:nth-child(2) {
    opacity: 0;
}
.hamburger.is-active span:nth-child(3) {
    transform: translate(0, -11px) rotate(-45deg);
}
@media screen and (max-width: 991px) {
    .header {
        left: 0;
    }
    .hamburger {
        display: block;
        margin-right: 20px;
    }
    .navOpen .hamburgers {
        left: 240px;
    }
}
@media screen and (max-width: 767px) {
    .header {
        padding: 10px 20px;
    }
    .header .logo a {
        width: 152px;
    }
    .header .account {
        font-size: 12px;
    }
    .header .hamburger {
        margin-right: 10px;
    }
}
#main {
    display: flex;
    flex-wrap: wrap;
}
#sidebar {
    width: 200px;
    height: 100vh;
    box-sizing: border-box;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    box-sizing: border-box;
    /* overflow: auto; */
    padding: 60px 0;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    transition: all 0.5s ease-in-out;
}
#sidebar a {
    display: block;
    padding: 10px 10px 10px 50px;
    position: relative;
    font-size: 15px;
}
#sidebar a .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
#sidebar a .icon img {
    display: block;
    transition: all 0.3s;
    width: 20px;
    height: 20px;
}
#sidebar a .icon img + img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
#sidebar a .notification {
    display: inline-block;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
    background-color: #D92B00;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}
#sidebar a.active, #sidebar a:hover {
    background-color: #F2F1EF;
    opacity: 1;
}
#sidebar a.active .icon img, #sidebar a:hover .icon img {
    opacity: 0;
}
#sidebar a.active .icon img + img, #sidebar a:hover .icon img + img {
    opacity: 1;
}
/* 全部署統一カラー: 赤 #A82B20, グレー #F5F5F5 */
.finance #sidebar,
.personnel #sidebar,
.legal_home #sidebar,
.general #sidebar,
.corporate_planning #sidebar,
.recruitment #sidebar,
.doctor_career #sidebar,
.insurance_medical #sidebar,
.corporation #sidebar,
.clinic #sidebar,
.ms #sidebar,
.education #sidebar {
    background-color: #A82B20;
}
.finance #sidebar a:hover, .finance #sidebar a.active,
.personnel #sidebar a:hover, .personnel #sidebar a.active,
.legal_home #sidebar a:hover, .legal_home #sidebar a.active,
.general #sidebar a:hover, .general #sidebar a.active,
.corporate_planning #sidebar a:hover, .corporate_planning #sidebar a.active,
.recruitment #sidebar a:hover, .recruitment #sidebar a.active,
.doctor_career #sidebar a:hover, .doctor_career #sidebar a.active,
.insurance_medical #sidebar a:hover, .insurance_medical #sidebar a.active,
.corporation #sidebar a:hover, .corporation #sidebar a.active,
.clinic #sidebar a:hover, .clinic #sidebar a.active,
.ms #sidebar a:hover, .ms #sidebar a.active,
.education #sidebar a:hover, .education #sidebar a.active {
    color: #A82B20;
    background-color: #F5F5F5;
}
@media screen and (max-width: 991px) {
    #sidebar {
        position: fixed;
        top: 0;
        left: -100%;
    }
    .navOpen #sidebar {
        left: 0;
    }
}
@media screen and (max-width: 767px) {
    #sidebar {
        padding-bottom: 120px;
    }
}
#contents {
    width: calc(100% - 200px);
    box-sizing: border-box;
    padding: 80px 20px 40px;
}
#contents h2 {
    color: #4A4949;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 27px;
}
@media screen and (max-width: 991px) {
    #contents {
        width: 100%;
    }
}
.recent_progress {
    position: relative;
}
.recent_progress_box {
    width: 635px;
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    margin-top: 50px;
}
.recent_progress_box .date {
    color: #707070;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 10px;
}
.recent_progress_item {
    border-top: 1px solid #707070;
    position: relative;
}
.recent_progress_item .tag {
    display: inline-block;
    background-color: #333;
    color: #fff;
    min-width: 100px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    padding: 5px 10px;
}
.recent_progress_item .user {
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 10px 5px;
    padding: 5px 0 5px 40px;
    position: relative;
}
.recent_progress_item .user img {
    display: block;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.recent_progress_item .txt {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 55px 20px 10px;
}
.recent_progress_item .time {
    color: #707070;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 10px;
}
@media screen and (max-width: 991px) {
    .recent_progress_box {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .recent_progress_item .user {
        margin-bottom: 0;
    }
    .recent_progress_item .txt {
        font-size: 16px;
        padding: 20px 10px 5px;
    }
    .recent_progress_item .time {
        position: static;
        text-align: right;
        padding: 5px 10px 20px;
    }
}
#invoice_list .tag-shotodoke {
    width: 100px;
    height: 20px;
    /* border-radius: 4px; */
    background-color: #9475CC;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
    padding: 10px 0;
}
#invoice_list input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
#invoice_list textarea {
    padding: 9px 15px;
    line-height: 20px;
    resize: none; /* 手動リサイズを禁止 */
    min-height: 80px; /* 高さの最小値を指定（任意） */
    width: 100%;
}
#invoice_list h3 {
    color: #047180;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    display: flex;
}
#invoice_list h3 .small {
    font-size: 16px;
    margin-left: 3px;
}
#invoice_list .invoice_comment .blue {
    color: #1a76d2;
}
#invoice_list .invoice_comment .small {
    font-size: 16px;
}
#invoice_list #two_btn {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}
#invoice_list .tag {
    width: 130px;
    height: 20px;
    border-radius: 2px;
    background-color: #DE7068;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
    padding: 10px 0;
}
#invoice_list .tag-new {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 2px #E97A2D;
    background-color: #fff;
    color: #E97A2D;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list .tag-history {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 2px #4B5DC6;
    background-color: #fff;
    color: #4B5DC6;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list .tag-approval {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 3px #9475CC;
    background-color: #fff;
    color: #9475CC;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list .invoice_row {
    display: flex;
    flex-wrap: wrap;
}
#invoice_list .invoice_row .col {
    width: 35%;
}
#invoice_list .invoice_row .col + .col {
    width: 60%;
    margin-left: 5%;
}
#invoice_list .input_row {
    padding-left: 90px;
    position: relative;
    margin-bottom: 10px;
}
#invoice_list .input_row .caption {
    display: block;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#invoice_list .input_row .text {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
#invoice_list .input_row .check {
    display: block;
    width: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#invoice_list .input_row.subject input {
    background-color: #FCFADE;
}
#invoice_list .input_row.route {
    padding: 30px 0 5px;
}
#invoice_list .input_row.route span {
    position: static;
    transform: translateY(0);
}
#invoice_list .arrow {
    text-align: center;
    padding: 8px 0 8px 80px;
}
#invoice_list .affiliation {
    width: 100%;
    background-color: #fff;
    line-height: 25px;
    border: 1px solid #707070;
    margin-bottom: 5px;
}
#invoice_list .affiliation dt {
    color: #047180;
    font-weight: bold;
    text-align: center;
    /* padding: 5px 0; */
}
#invoice_list .affiliation dd {
    text-align: center;
    border-top: 1px solid #707070;
    font-weight: bold;
}
#invoice_list .affiliation dd input {
    line-height: 25px;
    border-color: transparent;
    text-align: center;
    padding: 4px 5px;
}
#invoice_list .invoice_table {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-top: 45px;
}
#invoice_list .invoice_table > * {
    display: table-cell;
    vertical-align: middle;
}
#invoice_list .invoice_table dl {
    background-color: #fff;
    line-height: 25px;
    border: 1px solid #707070;
    font-weight: bold;
    text-align: center;
}
#invoice_list .invoice_table dl + dl {
    border-left: 0;
}
#invoice_list .invoice_table dl dt {
    color: #047180;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
#invoice_list .invoice_table dl dd {
    border-top: 1px solid #707070;
}
#invoice_list .invoice_table dl dd input {
    line-height: 25px;
    border-color: transparent;
    text-align: center;
    padding: 4px 5px;
}
#invoice_list .invoice_file {
    padding-top: 70px;
}
#invoice_list .invoice_file h3 {
    padding-bottom: 5px;
}
#invoice_list .invoice_comment {
    padding-top: 20px;
}
#invoice_list .invoice_comment h3 {
    padding-bottom: 5px;
}
#invoice_list .invoice_button {
    width: 100%;
    padding-top: 65px;
    text-align: right;
}
#invoice_list .invoice_button button {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    background-color: #E77358;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_button button:hover {
    background-color: #4A4949;
}
#invoice_list .invoice_button_check {
    width: 100%;
    text-align: right;
    padding-top: 65px;
}
#invoice_list .invoice_button_check button {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_button_check button:hover {
    background-color: #4A4949;
}
#invoice_list .invoice_button #cancel button {
    background-color: #1A76D2;
    margin-right: 5px;
}
#invoice_list .invoice_button #cancel button:hover {
    background-color: #4A4949;
}
#invoice_list .invoice_button_approval {
    width: 100%;
    text-align: right;
    padding-top: 30px;
}
#invoice_list .invoice_button_approval button {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    background-color: #E77358;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 20px;
    /* margin-right: 60px; */
}
#invoice_list .invoice_button_approval button:hover {
    background-color: #4A4949;
}
/* #invoice_list.invoice_confirm input, #invoice_list.invoice_confirm textarea {
    pointer-events: none;
} */
.invoice_completed {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 80vh;
}
.invoice_completed p {
    width: 610px;
    background-color: #148BA8;
    border: 3px solid #148BA8;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    border-radius: 6px;
    padding: 37px 0;
}
.invoice_completed .pca {
    width: 400px;
    background-color: #fff;
    color: #148BA8;
    margin-top: 155px;
    padding: 0;
    position: relative;
    transition: all 0.3s;
}
.invoice_completed .pca:before {
    content: '';
    width: 26px;
    height: 26px;
    background: url("../img/icon-arrow-down-green.svg") no-repeat center top/cover;
    position: absolute;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
}
.invoice_completed .pca a {
    display: block;
    padding: 37px 0;
    transition: 0s;
}
.invoice_completed .pca a:hover {
    opacity: 1;
}
.invoice_completed .pca:hover {
    background-color: #148BA8;
    color: #fff;
}
.invoice_completed .pca1 {
    background-color: #fff;
    color: #148BA8;
}
#invoice_list.approval .input_row {
    padding-right: 40px;
}
#invoice_list.approval .invoice_button button {
    background-color: #9475CC;
}
#invoice_list.approval .invoice_button button:hover {
    background-color: #4A4949;
}
@media screen and (max-width: 1451px) {
    #invoice_list .invoice_table dl dt {
        font-size: 10px;
    }
}
@media screen and (max-width: 1200px) {
    #invoice_list .invoice_row .col {
        width: 100%;
    }
    #invoice_list .invoice_row .col + .col {
        width: 100%;
        margin-left: 0;
        padding-top: 50px;
        margin-top: 500px;
    }
    #invoice_list .invoice_table dl dt {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    #invoice_list h3 {
        font-size: 16px;
    }
    #invoice_list .tag {
        margin-bottom: 30px;
    }
    #invoice_list .invoice_row .col + .col {
        padding-top: 30px;
    }
    #invoice_list .affiliation {
        width: 100%;
    }
    #invoice_list .invoice_table {
        display: block;
        padding-top: 30px;
    }
    #invoice_list .invoice_table dl {
        display: flex;
        flex-wrap: wrap;
    }
    #invoice_list .invoice_table dl + dl {
        border-top: 0;
        border-left: 1px solid #707070;
    }
    #invoice_list .invoice_table dl dt {
        width: 140px;
    }
    #invoice_list .invoice_table dl dd {
        width: calc(100% - 140px);
        border-top: 0;
        border-left: 1px solid #707070;
        box-sizing: border-box;
    }
    #invoice_list .invoice_file {
        padding-top: 30px;
    }
    #invoice_list .invoice_comment {
        padding-top: 30px;
    }
    #invoice_list .invoice_button {
        text-align: center;
        padding-top: 30px;
    }
    .invoice_completed p {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
        padding: 30px 0;
    }
    .invoice_completed .pca {
        width: 90%;
        margin-top: 100px;
    }
    .invoice_completed .pca:before {
        top: -65px;
    }
}
.bill {
    width: 1021px;
    margin: 50px auto 0;
    position: relative;
}
.bill_print {
    display: block;
    width: 120px;
    height: 40px;
    background-color: #9475CC;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-left: auto;
    cursor: pointer;
    transition: all 0.3s;
}
.bill_print:hover {
    background-color: #4A4949;
}
.bill_details {
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    background-size: 30px 30px;
    box-sizing: border-box;
    /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
    font-family: "ＭＳ ゴシック",sans-serif;
    padding: 30px 30px;
    position: relative;
}
.bill_details .bill_title {
    background-color: #fff;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 15px 10px 14px;
}
.bill_details .billing_amount {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid transparent;
    padding: 9px 0;
}
.bill_details .billing_amount span {
    display: inline-block;
    width: 450px;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    border-bottom: 2px solid #000;
    text-align: center;
    /* margin: 0 15px; */
    padding-bottom: 10px;
    margin-left: 70px;
}
.bill_details .bill_name {
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 29px;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 0 10px;
}
.bill_details .bill_stamp {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
}
.bill_details .bill_stamp .item {
    float: left;
}
.bill_details .bill_stamp .item + .item {
    margin-left: 30px;
}
.bill_details .bill_stamp dl {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    text-align: center;
    float: left;
}
.bill_details .bill_stamp dl + dl {
    border-left: 0;
}
.bill_details .bill_stamp dl dt {
    background-color: #fff;
    border-bottom: 1px solid #000;
}
.bill_details .bill_stamp dl dd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    background-color: #fff;
    color: #ccc;
}
.bill_details .bill_table01 table {
    width: 95%;
    margin: auto;
    margin-top: 10px;
}
.bill_details .bill_table01 table caption {
    text-align: left;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 10px;
}
.bill_details .bill_table01 table th, .bill_details .bill_table01 table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    /* padding: 5px; */
    padding-left: 2px;
    /* font-weight: 600; */
}
.bill_details .bill_table01 table th {
    background-color: #D9D9D8;
    font-weight: 600;
}
.bill_details .bill_table01 table td {
    background-color: #fff;
    height: 22px;
}
.bill_details .bill_table01 table .transparent {
    background-color: transparent;
    border: 0;
    font-size: 13px;
}
.bill_details .bill_table01 table .price {
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    padding-right: 5px;
}
.bill_details .bill_table01 table .rowspan {
    border-top: 0;
    border-bottom: 0;
}
.bill_details .bill_table01 table .rowspan_first {
    border-bottom: 0;
}
.bill_details .bill_table01 table thead th, .bill_details .bill_table01 table thead td {
    border-width: 2px;
    padding: 0px;
}
.bill_details .bill_table01 table thead th strong, .bill_details .bill_table01 table thead td strong {
    font-weight: bold;
    font-size: 14px;
    padding: 0;
}
.bill_details .bill_table01 table thead td:first-child {
    width: 58%;
}
.bill_details .bill_table01 table thead td:last-child {
    width: 18%;
}
.bill_details .bill_table01 table thead .ttl {
    border: 0;
    background-color: transparent;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.bill_details .bill_table01 table tbody tr:not(.bd_double) td:nth-child(1), .bill_details .bill_table01 table tbody tr:not(.bd_double) td:nth-child(2) {
    text-align: left;
}
.bill_details .bill_table01 table tbody tr:not(.bd_double) td:nth-child(3), .bill_details .bill_table01 table tbody tr:not(.bd_double) td:nth-child(5), .bill_details .bill_table01 table tbody tr:not(.bd_double) td:nth-child(6) {
    text-align: right;
    padding-right: 5px;
}
.bill_details .bill_table01 table tbody tr.bd_double th, .bill_details .bill_table01 table tbody tr.bd_double td {
    border-top: 4px double #000;
}
.bill_details .bill_table01 table tbody tr.bd_double td:nth-child(2), .bill_details .bill_table01 table tbody tr.bd_double td:nth-child(3) {
    text-align: right;
    padding-right: 5px;
    font-weight: 600;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(1), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(1) {
    width: 8%;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(2), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(2) {
    width: 25%;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(3), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(3) {
    width: 15%;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(4), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(4) {
    width: 8%;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(5), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(5) {
    width: 16%;
}
.bill_details .bill_table01 table tbody .item_ttl th:nth-child(6), .bill_details .bill_table01 table tbody tr:not(.bd_double) th:nth-child(6) {
    width: 28%;
}
.bill_details .bill_table02 table {
    width: 100%;
    margin-top: 33px;
    font-size: 17px;
}
.bill_details .bill_table02 table th, .bill_details .bill_table02 table td {
    text-align: center;
    vertical-align: middle;
    border: 2px solid #000;
    padding: 5px;
}
.bill_details .bill_table02 table th {
    background-color: #F2F2F1;
    font-weight: 500;
}
.bill_details .bill_table02 table td {
    background-color: #fff;
}
.bill_details .bill_table02 table thead th:first-child {
    width: 50%;
}
.bill_details .bill_table02 table thead td {
    text-align: right;
}
.bill_details .bill_table02 table tbody td {
    height: 20px;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    text-align: left;
}
.bill_details .bill_table02 table tbody td + td {
    text-align: right;
}
.bill_details .bill_table02 table tbody tr:last-child td {
    border-bottom: 1px solid #000;
}
@media screen and (max-width: 1350px) {
    .bill {
        width: 100%;
        overflow: auto;
    }
    .bill_details {
        width: 1021px;
        margin: 0 auto;
    }
}
.bill_template01 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template01 .box .bill_title {
    text-align: left;
    line-height: 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-left: 10px;
}
.bill_template01 .box .txt-info {
    width: 260px;
    font-family: sans-serif;
}
.bill_template01 .box .txt-info .big {
    font-weight: bold;
    font-size: 16px;
}
.bill_template01 .date_issue {
    width: 260px;
    margin-left: auto;
    padding-top: 10px;
}
.bill_template01 .span1 {
    margin-left: 20px;
}
.bill_template01 .span2 {
    margin-left: 5px;
}
.bill_template01 .claim_no .span1 {
    margin-left: 12px;
}
.bill_template01 .claim_no {
    width: 260px;
    margin-left: auto;
    margin-top: -5px;
}
/* .bill_template01 .bill_name {
    width: 481px;
    margin-top: 29px;
} */
.bill_template01 .bill_name {
    margin-top: -80px;
    padding: 15px 10px 14px;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 10px;
}
/* .bill_template01 .billing_amount {
    width: 479px;
    margin-top: 29px;
} */
.bill_template01 #billing_amount {
    margin-top: 10px;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom: solid 2px;
    padding-bottom: 9px;
    padding-left: 20px;
    font-size: 22px;
    width: 600px;
    text-align: left;
    margin-left: 10px;
}
.bill_template01 #billing_amount span {
    margin-left: 120px;
    font-size: 25px;
}
.bill_template01 #billing_amount span .en {
    margin-left: 10px;
    margin-right: 100px;
}
.bill_template01 #billing_amount span small {
    font-size: 18px;
}
.bill_template01 .bill-yoko {
    display: flex;
    justify-content: space-between;
    margin-left: 280px;
    margin-right: 40px;
}
.bill_template01 .bill-yoko table{
    table-layout: fixed;
    width: 400px;
    border: solid 2px black;
    border-top: none;
    border-left: none;
    margin-top: 40px;
    font-size: 13px;
}
table, caption, th, td {
    font-style: normal;
    font-weight: normal;
}
.bill_template01 .bill-yoko table th{
    border: solid 1px black;
    border-left: solid 2px black;
    border-right: solid 2px black;
    width: 195px;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: 600;
    background-color: #D9D9D8;
}
.bill_template01 .bill-yoko table td{
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    height: 20px;
}
.bill_template01 .bill-yoko table #none{
    border-top: #fff;
    border-left: none !important;
    border-bottom: solid 2px black;
    border-right: solid 2px black;
    background-color: transparent;
}
.bill_template01 .bill-yoko table .moji{
    background-color: #D9D9D8;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.bill_template01 .bill-yoko .txt-info .bank {
    margin-left: 18px;
}
/* .bill_template01 .bill_stamp {
    position: absolute;
    top: 91px;
    right: 30px;
} */
.bill_template01 .bill_stamp {
    width: 380px;
    margin-left: auto;
}
.bill_template01 .bill_table01 {
    padding-top: 20px;
}
/* .bill_template02 .bill_title {
    margin-top: 30px;
} */
.bill_template02 .box .bill_title {
    text-align: left;
    line-height: 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-top: -20px;
    margin-left: 10px;
}
.bill_template02 .date_issue {
    width: 260px;
    margin-left: auto;
    margin-top: -10px;
}
.bill_template02 .claim_no {
    width: 260px;
    margin-left: auto;
    margin-top: -5px;
}
.bill_template02 .claim_no .span1 {
    margin-left: 12px;
}
.bill_template02 .span1 {
    margin-left: 20px;
}
.bill_template02 .span2 {
    margin-left: 5px;
}
.bill_template02 .span3 {
    margin-left: 45px;
}
.bill_template02 .bill_name {
    margin-top: -80px;
    padding: 15px 10px 14px;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 10px;
}
.bill_template02 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template02 .box .txt-info .big {
    font-weight: bold;
    font-size: 16px;
}
.bill_template02 .box .txt-info {
    width: 260px;
    font-family: sans-serif;
}
/* .bill_template02 .billing_amount {
    margin-top: -60px;
} */
.bill_template02 #billing_amount {
    margin-top: 10px;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom: solid 2px;
    padding-bottom: 9px;
    padding-left: 20px;
    font-size: 22px;
    width: 600px;
    text-align: left;
    margin-left: 10px;
}
.bill_template02 #billing_amount span {
    margin-left: 120px;
    font-size: 25px;
}
.bill_template02 #billing_amount span .en {
    margin-left: 10px;
    margin-right: 100px;
}
.bill_template02 #billing_amount span small {
    font-size: 18px;
}
.bill_template02 .bill-yoko {
    display: flex;
    justify-content: space-between;
    margin-left: 280px;
    margin-right: 40px;
}
.bill_template02 .bill-yoko table {
    table-layout: fixed;
    width: 400px;
    border: solid 2px black;
    border-top: none;
    border-left: none;
    margin-top: 40px;
    font-size: 13px;
}
.bill_template02 .bill-yoko table th{
    border: solid 1px black;
    border-left: solid 2px black;
    border-right: solid 2px black;
    width: 195px;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: 600;
    background-color: #D9D9D8;
}
.bill_template02 .bill-yoko table td{
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    height: 20px;
}
.bill_template02 .bill-yoko table #none{
    border-top: #fff;
    border-left: none !important;
    border-bottom: solid 2px black;
    border-right: solid 2px black;
    background-color: transparent;
}
.bill_template02 .bill-yoko table .moji{
    background-color: #D9D9D8;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.bill_template02 .bill-yoko .txt-info .bank {
    margin-left: 18px;
}
.bill_template02 .bill_table01 {
    padding-top: 20px;
}
.bill_template02 .bill_stamp {
    width: 380px;
    margin-left: auto;
}
.bill_details #midashi {
    text-align: center;
    text-decoration : underline 1px;
    font-family: sans-serif;
    font-size: 35px;
    font-weight: bold;
    /* margin-bottom: -20px; */
    margin-right: 80px;
    vertical-align: middle;
}
.bill_template03 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template03 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template03 .bill_title {
    width: 571px;
    font-size: 30px;
}
.bill_template03 .txt-info {
    width: 300px;
    margin-right: -25px;
}
.bill_template03 .txt-info p {
    font-size: 14px;
}
.bill_template03 .txt-info .big {
    /* font-size: 18px; */
    font-weight: bold;
    font-size: 16px;
}
.bill_template03 .date_issue {
    width: 275px;
    margin-left: auto;
    padding-top: 30px;
    font-size: 16px;
}
.bill_template03 .claim_no {
    width: 275px;
    margin-left: auto;
    padding-top: 10px;
    font-size: 16px;
}
.bill_template03 .bill_name {
    font-weight: bold;
    font-size: 37px;
    text-align: center;
    margin-top: 40px;
    padding: 15px 10px;
}
.bill_template03 .bill_stamp {
    width: 210px;
    margin-left: auto;
}
.bill_template03 .billing_amount {
    margin-top: 29px;
    justify-content: space-between;
    font-size: 17px;

}
.bill_template03 .billing_amount small {
    font-size: 17px;
    margin-right: 80px;
    /* border: solid 1px black; */
}
.bill_template03 .billable {
    display: table;
    padding-top: 36px;
}
.bill_template03 .billable > * {
    display: table-cell;
    vertical-align: top;
}
.bill_template03 .billable dt {
    width: 125px;
    font-size: 17px;
}
.bill_template03 .billable dd {
    font-size: 17px;
    padding-left: 125px;
}
.bill_template03 .txt_last {
    padding-top: 25px;
}
.bill_template03 .txt_last dl {
    display: table;
    padding-top: 40px;
}
.bill_template03 .txt_last dl > * {
    display: table-cell;
    vertical-align: top;
}
.bill_template03 .txt_last dl dt {
    width: 125px;
}
.bill_template03 .txt_last dl.udl > * {
    border-bottom: 2px solid #000;
}
.bill_template04 .date_issue {
    width: 260px;
    margin-left: auto;
    margin-top: -10px;
    font-family: sans-serif;
}
.bill_template04 .span1 {
    margin-left: 20px;
}
.bill_template04 .span2 {
    margin-left: 5px;
}
.bill_template04 .span3 {
    margin-left: 45px;
}
.bill_template04 .claim_no {
    width: 260px;
    margin-left: auto;
    margin-top: -5px;
    font-family: sans-serif;
}
.bill_template04 .claim_no .span1 {
    margin-left: 12px;
}
.bill_template04 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template04 .box .bill_title {
    text-align: left;
    line-height: 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-top: -20px;
    margin-left: 10px;
}
.bill_template04 .box .txt-info {
    width: 260px;
    font-family: sans-serif;
}
.bill_template04 .box .txt-info .big {
    font-weight: bold;
    font-size: 16px;
}
.bill_template04 .bill-yoko .txt-info .bank {
    margin-left: 18px;
}
.bill_template04 .bill_name {
    margin-top: -80px;
    padding: 15px 10px 14px;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 10px;
}
.bill_template04 #billing_amount {
    margin-top: 10px;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom: solid 2px;
    padding-bottom: 9px;
    padding-left: 20px;
    font-size: 22px;
    width: 600px;
    text-align: left;
    margin-left: 10px;
}
.bill_template04 #billing_amount span {
    margin-left: 120px;
    font-size: 25px;
}
.bill_template04 #billing_amount span .en {
    margin-left: 10px;
    margin-right: 100px;
}
.bill_template04 #billing_amount span small{
    font-size: 18px;
    /* padding-left:20px;
    padding-right:20px; */
}
.bill_template04 .bill_stamp {
    width: 380px;
    margin-left: auto;
}
.bill_template04 .bill-yoko {
    display: flex;
    justify-content: space-between;
    /* margin-top: 0px; */
    margin-left: 280px;
    margin-right: 40px;
}
.bill_template04 .bill-yoko table{
    table-layout: fixed;
    width: 400px;
    border: solid 2px black;
    border-top: none;
    border-left: none;
    margin-top: 40px;
    font-size: 13px;
}
.bill_template04 .bill-yoko table th{
    border: solid 1px black;
    border-left: solid 2px black;
    border-right: solid 2px black;
    width: 199px;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: 600;
    background-color: #D9D9D8;
}
.bill_template04 .bill-yoko table td{
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    height: 20px;
}
.bill_template04 .bill-yoko table #none{
    border-top: #fff;
    border-left: none !important;
    border-bottom: solid 2px black;
    border-right: solid 2px black;
    background-color: transparent;
}
.bill_template04 .bill-yoko table .moji{
    background-color: #D9D9D8;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.bill_template05 .bill_title {
    width: 481px;
}
.bill_template05 .date_issue {
    width: 260px;
    margin-left: auto;
    margin-top: -10px;
}
.bill_template05 .span1 {
    margin-left: 20px;
}
.bill_template05 .span2 {
    margin-left: 5px;
}
.bill_template05 .span3 {
    margin-left: 40px;
}
.bill_template05 .claim_no {
    width: 260px;
    margin-left: auto;
    margin-top: -5px;
}
.bill_template05 .claim_no .span1 {
    margin-left: 12px;
}
.bill_template04 .bill_table01 {
    padding-top: 20px;
}
.bill_template05 .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 34px;
}
.bill_template05 .box .bill_title {
    text-align: left;
    line-height: 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-left: 10px;
}
.bill_template05 .box .txt-info {
    width: 260px;
    font-family: sans-serif;
}
.bill_template05 .box .txt-info .big {
    font-weight: bold;
    font-size: 16px;
}
.bill_template05 .bill_name {
    margin-top: -80px;
    padding: 15px 10px 14px;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 10px;
}
.bill_template05 #billing_amount {
    margin-top: 10px;
    font-family: sans-serif;
    font-weight: bold;
    border-bottom: solid 2px;
    padding-bottom: 9px;
    padding-left: 20px;
    font-size: 22px;
    width: 600px;
    text-align: left;
    margin-left: 10px;
}
.bill_template05 #billing_amount span {
    margin-left: 120px;
    font-size: 25px;
}
.bill_template05 #billing_amount span small{
    font-size: 18px;
    /* padding-left:20px;
    padding-right:20px; */
}
.bill_template05 #billing_amount span .en {
    margin-left: 10px;
    margin-right: 100px;
}
.bill_template05 .bill_stamp {
    width: 380px;
    margin-left: auto;
}
.bill_template05 .bill-yoko {
    display: flex;
    justify-content: space-between;
    margin-left: 280px;
    margin-right: 40px;
}
.bill_template05 .bill-yoko table{
    table-layout: fixed;
    width: 400px;
    border: solid 2px black;
    border-top: none;
    border-left: none;
    margin-top: 40px;
    font-size: 13px;
}
.bill_template05 .bill-yoko table th{
    border: solid 1px black;
    border-left: solid 2px black;
    border-right: solid 2px black;
    width: 195px;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: 600;
    background-color: #D9D9D8;
}
.bill_template05 .bill-yoko table td{
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    height: 20px;
}
.bill_template05 .bill-yoko table #none{
    border-top: #fff;
    border-left: none !important;
    border-bottom: solid 2px black;
    border-right: solid 2px black;
    background-color: transparent;
}
.bill_template05 .bill-yoko table .moji{
    background-color: #D9D9D8;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.bill_template05 .bill-yoko .txt-info .bank {
    margin-left: 18px;
}
.bill_template05 .bill_table01 {
    padding-top: 20px;
}
.referral_fee_select a {
    display: block;
    width: 164px;
    border: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    padding: 10px 0;
    margin-top: 40px;
}
.referral_fee_select a:hover {
    opacity: 1;
}
.referral_fee_select .btn_doctor {
    background-color: #3C8CE4;
}
.referral_fee_select .btn_doctor:hover {
    background-color: #4A4949;
}
.referral_fee_select .btn_comedy {
    background-color: #E07860;
}
.referral_fee_select .btn_comedy:hover {
    background-color: #4A4949;
}
.referral_fee_title {
    padding-bottom: 50px;
}
.referral_fee_title h3 {
    display: block;
    width: 164px;
    border: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    padding: 10px 0;
}
.referral_fee_title h3:hover {
    opacity: 1;
}
.referral_fee_title .doctor {
    background-color: #3C8CE4;
}
.referral_fee_title .doctor:hover {
    background-color: #4A4949;
}
.referral_fee_title .comedy {
    background-color: #E07860;
}
.referral_fee_title .comedy:hover {
    background-color: #4A4949;
}
.referral_fee_completed {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 80vh;
}
.referral_fee_completed p {
    width: 610px;
    background-color: #fff;
    border: 3px solid;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    border-radius: 6px;
    padding: 37px 0;
}
.referral_fee_completed .blue {
    color: #3C8CE4;
}
.referral_fee_completed .orange {
    color: #E07860;
}
@media screen and (max-width: 767px) {
    .referral_fee_completed p {
        width: 100%;
        font-size: 18px;
        line-height: 30px;
        padding: 30px 0;
    }
}
.change_registration_form {
    margin: -16px -20px 0 0;
    position: relative;
}
.change_registration_form h2 {
    width: 240px;
    position: absolute;
    top: 15px;
    left: 0;
}
.change_registration_form .tabs-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.change_registration_form .tab-link {
    width: 211px;
    font-weight: bold;
    margin-right: -1px;
    padding-top: 120px;
    padding-left: 40px;
    position: relative;
    z-index: 1;
}
.change_registration_form .tab-link li {
    display: block;
    border: 1px solid transparent;
    background-color: transparent;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    padding: 15px 30px;
    transition: all 0.3s;
}
.change_registration_form .tab-link li + li {
    margin-top: 20px;
}
.change_registration_form .tab-link li:hover, .change_registration_form .tab-link li.active {
    background-color: #fff;
    border-color: #707070;
}
.change_registration_form .tab-content {
    width: calc(100% - 250px);
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    padding: 80px 60px;
}
.change_registration_form h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
}
.change_registration_form .button {
    display: flex;
    flex-wrap: wrap;
    padding-top: 45px;
}
.change_registration_form .button li {
    width: 170px;
}
.change_registration_form .button li + li {
    padding-left: 20px;
}
.change_registration_form .button li a {
    display: block;
    border: 2px solid;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    padding: 9px 0;
}
.change_registration_form .button li:nth-child(1) a {
    background-color: #148BA8;
    color: #fff;
    border-color: #148BA8;
}
.change_registration_form .button li:nth-child(2) a {
    background-color: #fff;
    color: #148BA8;
    border-color: #707070;
}
.change_registration_form .list {
    width: 100%;
    max-width: 500px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #148BA8;
    padding-top: 45px;
}
.change_registration_form .list li {
    background: url("../img/icon-menu.svg") no-repeat top 12px left 15px / 27px 18px;
    border-bottom: 1px solid #707070;
    padding: 12px 0 12px 60px;
}
@media screen and (max-width: 767px) {
    .change_registration_form {
        margin: 0;
    }
    .change_registration_form h2 {
        width: 100%;
        position: static;
    }
    .change_registration_form .tab-link {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 20px 0;
    }
    .change_registration_form .tab-link li {
        width: 33.33%;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid transparent;
        text-align: center;
        padding: 15px 10px;
    }
    .change_registration_form .tab-link li + li {
        margin-top: 0;
    }
    .change_registration_form .tab-link li.active {
        border-color: #707070;
    }
    .change_registration_form .tab-content {
        width: 100%;
        padding: 20px 20px;
    }
    .change_registration_form .button {
        padding-top: 20px;
    }
    .change_registration_form .button li {
        width: 48%;
    }
    .change_registration_form .button li + li {
        padding-left: 4%;
    }
    .change_registration_form .button li a {
        font-size: 16px;
    }
    .change_registration_form .list {
        padding-top: 20px;
    }
}
.form_template01 {
    /* width: 405px; */
    width: 84%;
    margin: auto;
    font-weight: bold;
    /* font-size: 14px; */
    font-size: 18px;
    line-height: 20px;
    color: #4A4949;
    padding: 20px 0;
}
.form_template01 ul {
    margin: 20px 0px;
    font-size: 12px;
    color: #0084EB;
}
.form_template01 .box + .box {
    padding-top: 50px;
}
.form_template01 h2 {
    color: #4A4949;
    padding-bottom: 15px;
    font-size: 16px;
}
.form_template01 h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #148BA8;
    padding-bottom: 5px;
    font-size: 16px;
}
.form_template01 h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #1A76D2;
    font-size: 20px;
}
.form_template01 dl {
    padding-top: 15px;
    margin-bottom: 20px;
}
.form_template01 dl dt {
    /* padding-bottom: 5px; */
    padding-bottom: 10px;
    line-height: 30px;
}
.form_template01 h3 + dl {
    padding-top: 5px;
}
.form_template01 input:not([type="checkbox"]) {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.form_template01 .note {
    padding-top: 15px;
    line-height: 30px;
}
.form_template01 .checkbox_style {
    padding-top: 15px;
}
.form_template01 .checkbox_style label {
    display: block;
    cursor: pointer;
    padding: 4px 0 14px 40px;
    position: relative;
    font-size: 27px;
    margin-top: 40px;
}
.form_template01 .checkbox_style label .checkmark {
    display: block;
    width: 23px;
    height: 23px;
    border: 2px solid #e57373;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}
.form_template01 .checkbox_style label .checkmark:before {
    content: '';
    display: none;
    position: absolute;
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #707070;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form_template01 .checkbox_style label input {
    display: none;
}
.form_template01 .checkbox_style label input:checked ~ .checkmark {
    background-color: #e65100;
    border-color: #e57373;
}
.form_template01 .checkbox_style label input:checked ~ .checkmark:before {
    display: block;
    border-color: #fff;
}
.form_template01 .select {
    display: flex;
    flex: 1;
    position: relative;
}
.form_template01 .select:after {
    content: '';
    background: url("../img/icon-angle-down.svg") no-repeat center top/cover;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.form_template01 .select select {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    font-weight: bold;
    line-height: 30px;
    background: #fff;
    border-radius: 5px !important;
    border: 1px solid #707070;
    color: #4A4949;
    padding: 9px 50px 9px 15px;
    cursor: pointer;
}
.form_template01 .select select::-ms-expand {
    display: none;
}
.form_template01 .form_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 80px;
}
.form_template01 .form_btn button {
    display: block;
    height: 50px;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
}
.form_template01 .form_btn button + button {
    margin-left: 20px;
}
.form_template01 .form_btn button:hover {
    opacity: 0.7;
}
.form_template01 .form_btn .application {
    width: 120px;
    background-color: #E77358;
    border: 1px solid #E77358;
    color: #fff;
}
.form_template01 .form_btn .save-draft {
    width: 170px;
    border: 3px solid #707070;
    background-color: #fff;
    color: #148BA8;
}
.form_template01 .input_date {
    display: flex;
    flex-wrap: wrap;
}
.form_template01 .input_date span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 33.33%;
}
.form_template01 .input_date input {
    width: 450px;
    margin-right: 5px;
    text-align: center;
}
.form_template01 .apply-note {
    color: #e65100;
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 40px;
}
.form_template01 .draft-note {
    color: #1A76D2;
    font-size: 25px;
    line-height: 40px;
    padding-bottom: 30px;
}
.complete-apply {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65vh;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.complete-apply p {
    width: 610px;
    background-color: #148BA8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
}
.complete-apply .print {
    padding-top: 1000px;
}
.complete-apply .print > * {
    display: block;
    width: 120px;
    background-color: #9475CC;
    border: 1px solid #9475CC;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-left: auto;
    padding: 9px 0;
    cursor: pointer;
    transition: all 0.3s;
}
.complete-apply .print > *:hover {
    opacity: 0.7;
}
.complete-draf {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 85vh;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.complete-draf p {
    width: 610px;
    background-color: #fff;
    border: 3px solid #148BA8;
    color: #148BA8;
    text-align: center;
    border-radius: 6px;
    padding: 15px 0;
}
.form_template01.form_confirm input, .form_template01.form_confirm .select, .form_template01.form_confirm textarea, .form_template01.form_confirm .checkbox_style {
    pointer-events: none;
}
@media screen and (max-width: 767px) {
    .form_template01 {
        width: 100%;
    }
    .form_template01 .box + .box {
        padding-top: 40px;
    }
    .complete-apply p {
        width: 100%;
        font-size: 20px;
        line-height: 32px;
    }
    .complete-draf p {
        width: 100%;
        font-size: 20px;
        line-height: 32px;
    }
}
.consignment_management {
    width: 100%;
    padding: 20px 0;
}
.consignment_management .label {
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}
.consignment_management .label li + li {
    margin-left: 5px;
}
.consignment_management .label li span {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    padding: 10px 20px;
}
.consignment_management .label li.orange span {
    background-color: #D86860;
}
.consignment_management .label li.blue span {
    background-color: #487AB9;
}
.consignment_management .label li.blue1 span {
    background-color: #549CF8;
}
.consignment_management .label li.blue2 span {
    background-color: #E25150;
}
.consignment_management .label li.blue3 span {
    background-color: #487AB9;
}
.consignment_management .label li.blue4 span {
    background-color: #3A3776;
}
.consignment_management .label li.blue5 span {
    background-color: #8358CF;
}
.consignment_management .label li.blue6 span {
    background-color: #489EA8;
}
.consignment_management .box dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
.consignment_management .box dl dt {
    width: 120px;
    font-weight: bold;
}
.consignment_management .box dl dd {
    width: 310px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    /* font-weight: bold; */
    text-align: center;
    padding: 5px 5px;
}
.consignment_management .box dl dd input {
    width: 310px;
    background-color: #fff;
    border: 0px solid #707070;
    border-radius: 4px;
    /* font-weight: bold; */
    text-align: center;
    /* padding: 5px 5px; */
}
.consignment_management .table {
    padding-top: 50px;
}
.consignment_management .table h3 {
    width: 150px;
    border: 2px solid #047180;
    color: #047180;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 8px 0;
}
.consignment_management .table h4 {
    display: inline-block;
    min-width: 40px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px 20px;
}
.consignment_management .table h5 {
    display: inline-block;
    min-width: 150px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 6px 10px;
}
.consignment_management table {
    width: 100%;
    table-layout: fixed;
}
.consignment_management table.table_sort {
    width: 300px;
}
.consignment_management table .table_sort td:nth-child(1){
    text-align: center;
}
.consignment_management table .table_sort .pink td:nth-child(2){
    text-align: right;
    padding-right: 10px;
}
.consignment_management table + table {
    margin-top: 30px;
}
.consignment_management table th, .consignment_management table td {
    text-align: center;
    vertical-align: middle;
}
.consignment_management table th {
    background-color: #E0E0E0;
    border: 1px solid #707070;
    padding: 3px 5px;
    font-weight: bold;
}
.consignment_management table th:nth-child(1) {
    width: 150px;
}
.consignment_management table th:nth-child(2) {
    width: 180px;
}
.consignment_management table th:nth-child(4) {
    width: 150px;
}
.consignment_management table th:nth-child(6) {
    width: 150px;
}
.consignment_management table th:nth-child(7) {
    width: 100px;
}
.consignment_management table td {
    line-height: 20px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 1px 5px;
    position: relative;
    font-weight: normal;
}
.consignment_management table td:nth-child(3) {
    text-align: right;
    padding-right: 10px;
}
.consignment_management table td:nth-child(3) input {
    text-align: right;
    padding-right: 10px;
}
.consignment_management table td:nth-child(5) {
    text-align: right;
    padding-right: 10px;
}

.consignment_management table td.txt-c {
    text-align: center !important;
}
.consignment_management table td input, .consignment_management table td textarea {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    background-color: transparent;
    word-break: break-all;
    white-space: pre-wrap;
    resize: none;
    padding-left: 10px;
}
.consignment_management table td textarea {
    overflow: hidden;
    padding: 8px 5px;
}
.consignment_management table td small {
    font-size: 12px;
    line-height: 10px;
}
.consignment_management table .pink td {
    background-color: #FDE2E1;
    padding: 5px 5px;
}
.consignment_management table .pink td:nth-child(2) {
    text-align: right;
    padding-right: 10px;
}
.consignment_management table td:nth-child(5) {
    text-align: right;
    padding-right: 10px;
}
.consignment_management table td:nth-child(5) input {
    text-align: right;
    padding-right: 10px;
}
.consignment_management table .pink td span.pc {
    display: inline-block;
}
.consignment_management table tbody tr:not(.pink) td:nth-child(1){
    text-align: left;
}
.consignment_management .register {
    padding-top: 50px;
}
.consignment_management .register > * {
    display: block;
    width: 120px;
    background-color: #E77358;
    border: 1px solid #E77358;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin: auto;
    padding: 9px 0;
    cursor: pointer;
    transition: all 0.3s;
}
.consignment_management .register > *:hover {
    opacity: 0.7;
}
.consignment_management .confirm {
    padding-top: 50px;
}
.consignment_management .confirm > * {
    display: block;
    width: 120px;
    background-color: #1a76d2;
    border: 1px solid #1a76d2;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin: auto;
    padding: 9px 0;
    cursor: pointer;
    transition: all 0.3s;
}
.consignment_management .confirm > *:hover {
    opacity: 0.7;
}
.consignment_management .label li.csv span {
    background-color: #64BE4F;
    border-radius: 4px;
}
.consignment_management .label li.direct span {
    background-color: #3470E2;
    border-radius: 4px;
}
.detail_check .my-checkbox {
    display: block;
    width: 22px;
    position: relative;
    margin: 1em auto;
    padding-left: 28px;
    cursor: pointer;
    user-select: none;
}
.detail_check .my-checkbox input {
    display: none;
}
.detail_check .checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 22px;
    width: 22px;
    border: solid 2px #707070;
    border-radius: 4px;
    box-sizing: border-box;

}
.detail_check .checkmark:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.detail_check .my-checkbox input:checked + .checkmark {
    background: #E77358;
    border-color: #E77358;
}
.detail_check .my-checkbox input:checked + .checkmark:after {
    opacity: 1;
}
@media screen and (max-width: 1200px) {
    .consignment_management {
        width: 100%;
    }
    .consignment_management .table {
        overflow: auto;
    }
    .consignment_management table {
        width: 900px;
    }
    .consignment_management table.table_sort {
        width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .consignment_management .box dl dd {
        width: calc(100% - 134px);
    }
    .consignment_management table .pink td span.pc {
        display: none;
    }
}
.accounting_template .slip {
    width: 400px;
}
.accounting_template .slip dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    border: 1px solid #707070;
    font-weight: bold;
}
.accounting_template .slip dl + dl {
    border-top: 0;
}
.accounting_template .slip dl dt {
    width: 90px;
    padding: 0 10px;
}
.accounting_template .slip dl dd {
    width: calc(100% - 110px);
    box-sizing: border-box;
}
.accounting_template .slip .input_select:after {
    width: 12px;
    height: 8px;
    right: 9px;
}
.accounting_template .slip .input_select select {
    border-radius: 0 !important;
    padding: 9px 25px 9px 5px;
}
.accounting_template .slip .date dd {
    display: flex;
    align-items: center;
    border-left: 1px solid #707070;
    padding: 5px;
}
.accounting_template .slip .date .input_select {
    padding-left: 10px;
}
.accounting_template .slip .date .input_select:first-child {
    padding-left: 0;
}
.accounting_template .slip .number dd {
    border-left: 1px solid #707070;
}
.accounting_template .slip .number .input_select select {
    border: 0;
}
.accounting_template .table {
    overflow: auto;
    font-size: 12px;
}
.accounting_template table {
    width: 100%;
    table-layout: fixed;
}
.accounting_template table th, .accounting_template table td {
    font-weight: bold;
    border: 1px solid #707070;
    vertical-align: middle;
    word-wrap: break-word;
}
.accounting_template table th {
    background-color: #2296F3;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.accounting_template table th:nth-child(1) {
    width: 6%;
}
.accounting_template table th:nth-child(2) {
    width: 4%;
    text-align: center;
}
.accounting_template table th:nth-child(3) {
    width: 10%;
}
.accounting_template table th:nth-child(4) {
    width: 20%;
}
.accounting_template table th:nth-child(5) {
    width: 20%;
}
.accounting_template table th:nth-child(6) {
    width: 20%;
}
.accounting_template table th:nth-child(7) {
    width: 10%;
}
.accounting_template table td {
    background-color: #fff;
    position: relative;
}
.accounting_template table td input {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    background-color: transparent;
    border-color: transparent;
    color: #4A4949;
    padding: 5px 5px;
}
.accounting_template table td .input_select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.accounting_template table td .input_select:after {
    width: 12px;
    height: 8px;
    right: 10px;
}
.accounting_template table td .input_select select {
    color: #4A4949;
    border: 0;
    border-radius: 0 !important;
    padding: 9px 30px 9px 5px;
}
.accounting_template table td dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    line-height: 20px;
}
.accounting_template table td dl > * {
    box-sizing: border-box;
}
.accounting_template table td dl input {
    padding: 7px 5px;
}
.accounting_template table td dl dt {
    width: 70%;
}
.accounting_template table td dl dd {
    width: 30%;
    border-left: 1px solid #707070;
    text-align: right;
}
.accounting_template table td dl + dl {
    margin-top: 30px;
}
.accounting_template table td dl:first-child {
    border-top: 0;
}
.accounting_template table td dl:last-child {
    border-bottom: 0;
}
.accounting_template table td dl:last-child dt {
    width: 100%;
}
.accounting_template .button {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
.accounting_template .button  button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.accounting_template .button button:hover {
    background-color: #4A4949;
}
.accounting_template .button  #cancel button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #f75454;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 10px;
}
.accounting_template .button form #cancel button:hover {
    background-color: #4A4949;
}
.accounting_template .button #pca_direct button {
    width: 120px;
    margin-right: 10px;
}
.accounting_template .button #pca_direct button:hover {
    background-color: #4A4949;
}
.accounting_template #plus_minus_icon {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 5px;
}
.accounting_template table td dl dt select {
    color: #4A4949;
    border: none;
    border-radius: 0 !important;
    font-weight: bold;
}
.accounting_template table td dl dd input {
    text-align: right;
}
@media screen and (max-width: 1140px) {
    .accounting_template table {
        width: 1000px;
    }
}
@media screen and (max-width: 767px) {
    .accounting_template .slip {
        width: 100%;
    }
    .accounting_template .slip dl {
        display: block;
    }
    .accounting_template .slip dl dt {
        width: 100%;
        padding: 5px;
    }
    .accounting_template .slip dl dd {
        width: 100%;
        border-top: 1px solid #707070;
        border-left: 0 !important;
    }
    .accounting_template .table {
        padding-top: 50px;
    }
    .accounting_template table {
        width: 1000px;
    }
}
.form_select_bill {
    width: 450px;
    padding: 40px 0;
}
.form_select_bill h3 {
    font-weight: bold;
    color: #fff;
}
.form_select_bill h3 span {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    padding: 10px 20px;
}
.form_select_bill h3.orange span {
    background-color: #D86860;
}
.form_select_bill h3.blue span {
    background-color: #4874CE;
}
.form_select_bill h3.group-edit span {
    background-color: #9475CC;
}
.form_select_bill dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    padding-top: 30px;
}
.form_select_bill dl + dl {
    padding-top: 15px;
}
.form_select_bill dl .user_select input {
    text-align: left;
    padding-left: 15px;
}
.form_select_bill dl .user_groupe textarea {
    text-align: left;
    padding: 9px 15px;
    line-height: 20px;
    height: 250px;
    width: 100%;
    border-radius: 4px !important;
    resize: none;
}
.form_select_bill dl .mail_groupe {
    font-size: 12px;
}
.form_select_bill dl dt {
    width: 120px;
}
.form_select_bill dl dd {
    width: calc(100% - 120px);
}
.form_select_bill dl dd .input_select select {
    color: #4A4949;
}
.form_select_bill dl dd input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    height: 42px;
}
.form_select_bill dl dd p {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #707070;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    padding: 9px 15px;
}
.form_select_bill dl dd ::-webkit-input-placeholder {
    color: rgba(112, 112, 112, 0.57);
    position: relative;
}
.form_select_bill dl dd ::-moz-placeholder {
    color: rgba(112, 112, 112, 0.57);
    position: relative;
}
.form_select_bill dl dd :-ms-input-placeholder {
    color: rgba(112, 112, 112, 0.57);
    position: relative;
}
.form_select_bill dl dd :-moz-placeholder {
    color: rgba(112, 112, 112, 0.57);
    position: relative;
}
.form_select_bill dl dd select {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    height: 42px;
}
.form_select_bill .button {
    display: flex;
    justify-content: flex-end;
    padding-top: 45px;
}
.form_select_bill .button button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button button:hover {
    background-color: #4A4949;
}
.form_select_bill .delete-button {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    margin-bottom: -10px;
}
.form_select_bill .delete-button input {
    display: block;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    background-color: #f54337;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .delete-button input:hover {
    background-color: #4A4949;
}
.form_select_bill #two_btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 45px;
}
.form_select_bill .button-print button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #9475CC;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-fix button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-up {
    display: flex;
    justify-content: flex-end;
    padding-top: 45px;
}
.form_select_bill .button-up button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #f07633;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-up button:hover {
    background-color: #4A4949;
}
.form_select_bill .result_list {
    width: 550px;
    font-weight: bold;
    padding-top: 40px;
}
.form_select_bill .result_list .item {
    display: table;
    width: 100%;
    background-color: #fff;
    border: 0.8px solid #707070;
    box-sizing: border-box;
    padding: 12px 10px 8px;
    position: relative;
}
.form_select_bill .result_list .item + .item {
    border-top: 0;
}
.form_select_bill .result_list .item > * {
    display: table-cell;
    vertical-align: bottom;
}
.form_select_bill .result_list .time {
    /* width: 100px; */
    text-align: right;
    font-size: 10px;
    color: #707070;
}
@media screen and (max-width: 767px) {
    .form_select_bill {
        width: 100%;
        padding: 20px 0;
    }
    .form_select_bill dl dd ::-webkit-input-placeholder {
        position: relative;
        top: -1px;
    }
    .form_select_bill dl dd ::-moz-placeholder {
        position: relative;
        top: 1-px;
    }
    .form_select_bill dl dd :-ms-input-placeholder {
        position: relative;
        top: 1-px;
    }
    .form_select_bill dl dd :-moz-placeholder {
        position: relative;
        top: 1-px;
    }
    .form_select_bill .result_list {
        width: 100%;
    }
    .form_select_bill .result_list .item {
        display: block;
    }
    .form_select_bill .result_list .item > * {
        display: block;
    }
    .form_select_bill .result_list .time {
        width: 100%;
    }
}
#contents a .notification {
    display: inline-block;
    vertical-align: baseline;
    width: 25px;
    height: 25px;
    background-color: #D92B00;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}
#breadcrumbs {
    margin-bottom: 10px;
}
#breadcrumbs ul li {
    float: left;
    margin-right: 10px;
    font-size: 12px;
}
.bill-check {
    width: 470px;
    height: auto;
    background-color: #148BA8;
    border-radius: 6px;
    padding: 18px;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin: auto;
    margin-top: 13%;
    margin-bottom: 50px;
}
#bill-check .btn-check {
    display: block;
    width: 100px;
    background-color: #1a76d2;
    border: 1px solid #1a76d2;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    margin: auto;
    padding: 9px 0;
    cursor: pointer;
    transition: all 0.3s;
}
#bill-check .btn-print {
    display: block;
    width: 100px;
    background-color: #9475CC;
    border: 1px solid #9475CC;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    margin: auto;
    padding: 9px 0;
    cursor: pointer;
    transition: all 0.3s;
}
.start-check {
    width: 600px;
    margin: auto;
}
.start-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.start-check .start-confirm p {
    width: 610px;
    background-color: #e65100;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
    margin-top: 25vh;
}
.start-check #two_btn {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
.start-check .button-ok button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #fff;
    border: 3;
    border-color: #e65100;
    color: #e65100;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.start-check .button-cancel button {
    display: block;
    width: 120px;
    height: 45px;
    border-radius: 5px;
    background-color: #fff;
    border-color: #148ba8;
    margin-left: 10px;
    color: #148ba8;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.start-check .button-cancel button:hover {
    background-color: #148BA8;
    color: white;
}
.start-check .button-ok button:hover {
    background-color: #e65100;
    color: white;
}
.start-check label {
    display: block;
    width: 220px;
    text-align: center;
    padding: 20px 20px;
    color: #ffffff;
    background-color: #4F73C7;
    border: 3px solid #4F73C7;
    cursor: pointer;
    font-weight: bold;
    border-radius: 7px;
}
.start-check label:hover {
    color: #4F73C7;
    background-color: #fff;
    border: 3px solid #4F73C7;
}
.start-check .file {
    background-color: none;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
}
.start-check input[type='file'] {
    display: none;
}
.start-check .iryou {
    width: 610px;
    background-color: #1a76d2;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
    margin-top: 15vh;
}
.start-check .pca {
    width: 400px;
    background-color: #fff;
    color: #148BA8;
    margin-top: 155px;
    padding: 0;
    position: relative;
    transition: all 0.3s;
}
.start-check .pca:before {
    content: '';
    width: 26px;
    height: 26px;
    background: url("../img/icon-arrow-down-green.svg") no-repeat center top/cover;
    position: absolute;
    text-align: center;
    top: -95px;
    left: 75%;
    transform: translateX(-50%);
}
.start-check .select_file {
    display: flex;
}
.progress_list {
    width: 100%;
}
.progress_list .table {
    width: 100%;
    table-layout: fixed;
}
.progress_list .table tr:nth-child(even) td {
    background: #eee;
}
.progress_list .table th {
    border: 1px solid #707070;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    background-color: #fff;
    margin: auto;
}
.progress_list .table td {
    border: 1px solid #707070;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    padding: 5px;
    padding: auto;
    font-weight: bold;
    color: #E77358;
    background-color: #fff;
}
.progress_list .table .personnel {
    background-color: #3A3776;
}
.progress_list .table .finance {
    background-color: #047180;
}
.progress_list .table .recruitment {
    background-color: #DE867D;
}
.progress_list .table .legal_home {
    background-color: #5B9064;
}
.progress_list .table .insurance_medical {
    background-color: #1A76D2;
}
.progress_list .table .general {
    background-color: #B37864;
}
.progress_list .table .corporate_planning {
    background-color: #FFA25B;
}
.progress_list .table .corporation {
    background-color: #405FC1;
}
.progress_list .table .corporate_name {
    text-align: left;
    color: #707070;
}
.selection {
    width: 100%;
}
.selection .table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
    font-size: 10px;
}
.selection .table tr:nth-child(even) td {
    background: #eee;
}
.selection .table th {
    border: 1px solid #707070;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #707070;
    background-color: #fff;
    margin: auto;
}
.selection .table td {
    border: 1px solid #707070;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    padding: 5px;
    padding: auto;
    font-size: 12px;
    font-weight: bold;
    color: #4A4949;
    background-color: #fff;
}
.start-confirm-medical {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65vh;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.start-confirm-medical p {
    width: 610px;
    background-color: #1a76d2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
}
.midashi {
    margin-top: 50px;
}
.form_select_bill h3.uketori span {
    background-color: #fff;
    border: solid 4px;
    color: #e95f56;
    font-size: 15px;
    border-radius: 6px;
    line-height: 20px;
}
.form_select_bill h3.uketori span img {
    margin-left: 5px;
}
.form_select_bill h3.new span {
    width: 80px;
    background-color: #E97A2D;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill h3.history span {
    width: 80px;
    background-color: #4B5DC6;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill h3.group span {
    background-color: #589477;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill .button-uketori {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}
.form_select_bill .button-uketori button {
    display: block;
    width: 70px;
    height: 37px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-uketori button:hover {
    background-color: #4A4949;
}
.form_select_bill h3.pca span {
    width: 80px;
    background-color: #64BE4F;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill h3.direct span {
    width: 80px;
    background-color: #3470E2;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill h3.download span {
    padding: 12px 10px;
    background-color: #E36D75;
    border-width: 4px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 4px;
}
.form_select_bill .button-csv {
    justify-content: flex-end;
    padding-top: 10px;
}
.form_select_bill .button-csv button {
    display: block;
    width: 150px;
    height: 45px;
    border: solid #4FA260;
    border: solid 3px;
    border-radius: 5px;
    background-color: #fff;
    color: #4FA260;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-csv button:hover {
    background-color: #4FA260;
    color: #fff;
    border: solid 3px;
}
.form_select_bill .button-download {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}
.form_select_bill .button-download button {
    display: block;
    width: 150px;
    height: 45px;
    border: solid 3px #E36D75;
    /* border: solid 3px; */
    border-radius: 5px;
    background-color: #fff;
    color: #E36D75;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-download button:hover {
    background-color: #E36D75;
    color: #fff;
    border: solid 3px #E36D75;
}
#invoice_list .table-history table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 100px;
}
#invoice_list .table-history table th {
    background-color: #ccf;
    border: 1px solid #707070;
    padding: 3px 5px;
    font-weight: bold;
}
#invoice_list .table-history table th:nth-child(1) {
    width: 10%;
}
#invoice_list .table-history table th:nth-child(2) {
    width: 10%;
}
#invoice_list .table-history table th:nth-child(3) {
    width: 25%;
}
#invoice_list .table-history table th:nth-child(4) {
    width: 25%;
}
#invoice_list .table-history table th:nth-child(5) {
    width: 10%;
}
#invoice_list .table-history table th:nth-child(6) {
    width: 10%;
}
#invoice_list .table-history table th:nth-child(7) {
    width: 10%;
}
#invoice_list .table-history table td {
    height: 20px;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 5px 5px;
    position: relative;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
}
#invoice_list .table-history table td:nth-child(3) {
    text-align: center;
}
#invoice_list .table-history table td:nth-child(4) {
    text-align: center;
}
#invoice_list .table-history table td:nth-child(7) {
    text-align: center;
}
#invoice_list .box {
    margin-bottom: 40px;
}
#invoice_list .box dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
#invoice_list .box dl dt {
    width: 80px;
}
#invoice_list .box dl dd {
    width: 310px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: center;
    padding: 5px 5px;
}
#invoice_list .box dl dd select {
    border: none;
    color: #4A4949;
}
.pager {
    position: relative;
    bottom: 0;
    margin-top: 20px;
}
.pager .pagination {
    text-align: center;
}
.pager .pagination li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    position: relative;
    border-radius: 25px;
}
.pager .pagination li.pre, .pager .pagination li.next {
    background: #4B5DC6;
    color: #fff;
}
.pager .pagination li a {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pager .pagination li.pre a, .pager .pagination li.next a {
    color: #fff;
}
.pager .pagination li a span {
    display: table-cell;
    vertical-align: middle;
}
.pager .pagination li a:hover, .pager .pagination li a.active {
    color: #4B5DC6;
    background: #ccf;
    border-radius: 10px;
    border-radius: 50px;
    animation: animScale 0.4s ease-out;
    transform-origin: 50% 50%;
    -webkit-animation: animScale 0.4s ease-out;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animScale 0.4s ease-out;
    -moz-transform-origin: 50% 50%;
}
@keyframes animScale {
    0% {
        transform: scale(0.8, 0.8);
    }
    40% {
        transform: scale(1.2, 1.2);
    }
    60% {
        transform: scale(1, 1);
    }
    80% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes animScale {
    0% {
        -webkit-transform: scale(0.8, 0.8);
    }
    40% {
        -webkit-transform: scale(1.2, 1.2);
    }
    60% {
        -webkit-transform: scale(1, 1);
    }
    80% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}
@-moz-keyframes animScale {
    0% {
        -moz-transform: scale(0.8, 0.8);
    }
    40% {
        -moz-transform: scale(1.2, 1.2);
    }
    60% {
        -moz-transform: scale(1, 1);
    }
    80% {
        -moz-transform: scale(1.1, 1.1);
    }
    100% {
        -moz-transform: scale(1, 1);
    }
}
@media only screen and (max-width: 767px) {
    .pager .pagination li {
        display: none;
    }
    .pager .pagination li.pre, .pager .pagination li.next {
        display: inline-block;
        width: 40%;
        height: 50px;
        text-align: center;
    }
    .pager .pagination li.pre a, .pager .pagination li.next a {
        width: 100%;
        text-align: center;
    }
    .pager .pagination li.pre span::after {
        content: " 前の10件へ";
    }
    .pager .pagination li.next span::before {
        content: "次の10件へ ";
    }
}
.contact__details {
    padding: 20px 0 0;
    position: relative;
}
.contact__details .group-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}
.contact__details .button a {
    display: block;
    border-radius: 4px;
    border: 2px solid;
    background-color: #fff;
    font-weight: bold;
    padding: 2px 7px 2px 13px;
}
.contact__details .button img {
    margin-left: 4px;
}
.contact__details .button.orange a {
    border-color: #EB6500;
}
.contact__details .button.purple a {
    border-color: #8556AD;
}
.contact__details .search-group {
    width: 220px;
    position: absolute;
    top: 20px;
    right: 0;
}
.contact__details .search {
    width: 100%;
    position: relative;
}
.contact__details .search + .search {
    margin-top: 2px;
}
.contact__details .search input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #3D73BE;
    border-radius: 4px !important;
    color: #707070;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 40px 0 10px;
}
.contact__details .search img {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}
.contact__details .tab-link li {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: 0;
    padding: 5px 15px;
}
.contact__details .tab-link li.active {
    color: #3D73BE;
}
.contact__details .tab-link .orange {
    border-color: #FF8A00;
}
.contact__details .tab-link .orange.active {
    color: #FF8A00;
}
.contact__details .tab-link .green {
    border-color: #5CB1A7;
}
.contact__details .tab-link .green.active {
    color: #5CB1A7;
}
.contact__details .contact-table {
    border: 2px solid #3D73BE;
    overflow: hidden;
}
.contact__details .contact-table.orange {
    border-color: #FF8A00;
}
.contact__details .contact-table.green {
    border-color: #5CB1A7;
}
.contact__details .contact-table table {
    width: calc(100% + 2px);
    margin: -1px;
}
.contact__details .contact-table table tr:nth-child(odd) {
    background-color: #fff;
}
.contact__details .contact-table table tr:nth-child(even) {
    background-color: #EBEBEB;
}
.contact__details .contact-table table th, .contact__details .contact-table table td {
    border: 1px solid #707070;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    vertical-align: middle;
    padding: 4px 10px;
}
.contact__details .contact-table table th {
    padding-left: 10px;
    position: relative;
    font-size: 16px;
}
.contact__details .contact-table table th span {
    /* position: absolute; */
    top: 4px;
    left: 5px;
}
.contact__details .contact-table table td {
    width: 120px;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .contact__details .tab-link li {
        padding: 5px 10px;
    }
    .contact__details .group-button {
        padding-bottom: 10px;
    }
    .contact__details .search-group {
        position: static;
        padding-bottom: 10px;
    }
    .contact__details .contact-table table th, .contact__details .contact-table table td {
        padding: 4px;
    }
    .contact__details .contact-table table th {
        padding-left: 10px;
    }
    .contact__details .contact-table table td {
        width: 25%;
    }
}
.contact__details .search-button {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}
.contact__details .search-button button {
    display: block;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.contact__details .search-button button:hover {
    background-color: #4A4949;
}
.contact__create-new {
    padding: 30px 0 0;
}
.contact__create-new input, .contact__create-new textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 20px;
    padding: 9px 15px;
    font-size: 15px;
}
.contact__create-new textarea {
    resize: vertical;
}
.contact__create-new dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}
.contact__create-new dl + dl {
    padding-top: 10px;
}
.contact__create-new dl dt {
    width: 50px;
}
.contact__create-new dl dd {
    width: calc(100% - 50px);
}
.contact__create-new .dl-message {
    width: 100%;
    padding-top: 25px;
}
.contact__create-new .dl-message textarea {
    height: 300px;
    font-size: 15px;
    line-height: 1.8;
    font-weight: normal;
    border: 4px solid #009588;
    border-radius: 4px;
}
.contact__create-new .input-none {
    pointer-events: none;
}
.contact__create-new .input_file {
    width: 120px;
    height: 29.4px;
}
.contact__create-new .button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
}
.contact__create-new .button > * {
    display: block;
    width: 100px;
    height: 42px;
    background-color: #4874CE;
    border-radius: 6px !important;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
}
.contact__create-new .button > *:hover {
    background-color: #4A4949;
}
.contact__view-reply {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0 0;
}
.contact__view-reply .box-view {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: 4px solid #009588;
    border-radius: 4px;
    padding: 15px 15px;
    position: relative;
}
.contact__view-reply .box-view h3 {
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 18px;
    font-size: 22px;
}
.contact__view-reply .box-view .view1 {
    width: 50%;
}
.contact__view-reply .box-view p {
    font-size: 14px;
    margin-top: 10px;
}
.contact__view-reply .box-view .view1 span {
    display: flex;
    padding-top: 3px;
}
.contact__view-reply .box-view .view2 {
    width: 50%;
}
.contact__view-reply .box-view .view2 dl {
    /* display: flex; */
    flex-wrap: wrap;
    border-bottom: solid 1px #009588;
    padding-bottom: 12px;
}
.contact__view-reply .box-view .view2 dl + dl {
    padding-top: 10px;
}
.contact__view-reply .box-view .view2 dl dt {
    width: 30px;
    font-size: 14px;
    margin-bottom: 12px;
}
.contact__view-reply .box-view .view2 dl dd {
    width: calc(100% - 30px);
    font-weight: normal;
}
.contact__view-reply .box-view .view2 dl dd span {
    /* margin-right: 10px; */
    border: solid 1px #009588;
    padding: 5px;
    font-size: 15px;
    border-radius: 4px;
    display: inline-block;
}
.contact__view-reply .box-view .view3 {
    width: 100%;
    text-align: right;
    color: #2C9A7A;
    padding-top: 95px;
    font-size: 14px;
}
.contact__view-reply .box-view .view3 p + p {
    padding-top: 5px;
}
.contact__view-reply .box-view .view3 .read {
    color: #2C9A7A;
}
.contact__view-reply .box-view .view3 .unread {
    color: #707070;
}
.contact__view-reply .box-view .textarea {
    width: 100%;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5;
    pointer-events: none;
    margin-top: 24px;
}
.contact__view-reply .star {
    width: 18px;
    height: 17px;
    background: url("../img/icon-star.svg") no-repeat center top/cover;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 1;
}
.contact__view-reply .star.on {
    background: url("../img/icon-star-yellow.svg");
}
.contact__view-reply .box-reply {
    padding-top: 40px;
}
.selected-candidate {
    padding: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: white;
    border: 1px solid #009588;
    font-weight: normal;
    font-size: 15px;
}
.contact__view-reply .reply-button button {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #0084EB;
    color: #0084EB;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    padding: 7px 15px;
    cursor: pointer;
    transition: all 0.3s;
}
.contact__view-reply .reply-button button:hover {
    background-color: #0084EB;
    color: #fff;
}
.contact__view-reply .reply-form > div {
    margin-top: 10px;
}
.contact__view-reply .reply-form input, .contact__view-reply .reply-form textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: bold;
    line-height: 20px;
    padding: 9px 15px;
}
.contact__view-reply .reply-form textarea {
    height: 300px;
    resize: vertical;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.6;
    border: solid 1.5px #009588;
}
.contact__view-reply .reply-form .input_file {
    width: 120px;
    height: 29.4px;
}
.contact__view-reply .button-submit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 45px;
}
.contact__view-reply .button-submit > * {
    display: block;
    width: 100px;
    height: 42px;
    background-color: #4874CE;
    border-radius: 6px !important;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
}
.contact__view-reply .button-submit > *:hover {
    background-color: #4A4949;
}
.contact__view-reply .reply-list {
    background-color: #fff;
    border: 1px solid #707070;
    margin-top: 20px;
}
.contact__view-reply .reply-list .item {
    padding: 15px 15px;
    position: relative;
}
.contact__view-reply .reply-list .item + .item {
    border-top: 1px solid #707070;
}
.contact__view-reply .reply-list .item .name {
    border-bottom: solid 1px #009588;
    padding-bottom: 8px;
}
.contact__view-reply .reply-list .item .name span {
    display: flex;
    padding-top: 3px;
    font-size: 14px;
}
.contact__view-reply .reply-list .txt {
    font-weight: normal;
    padding-top: 10px;
    line-height: 1.5;
    font-size: 15px;
}
.contact__view-reply .reply-list .txt-r {
    text-align: right;
    color: #2C9A7A;
    padding-top: 10px;
    font-size: 14px;
}
.contact__view-reply .reply-list .txt-r p + p {
    padding-top: 1px;
}
.contact__view-reply .reply-list .txt-r .read {
    color: #2C9A7A;
    padding-top: 5px;
}
.contact__view-reply .reply-list .txt-r .unread {
    color: #707070;
    padding-top: 5px;
}
@media only screen and (max-width: 767px) {
    .contact__view-reply .box-view .view1 {
        width: 100%;
    }
    .contact__view-reply .box-view .view2 {
        width: 100%;
        padding-top: 40px;
    }
    .contact__view-reply .box-view .view3 {
        padding-top: 40px;
    }
}
/* 伝票日付 */
.accounting_template table th:nth-child(1) {
    width: 5%;
}
/* 伝票番号 */
.accounting_template table th:nth-child(2) {
    width: 9%;
}
/* 借方部門コード */
.accounting_template table th:nth-child(3) {
    width: 5%;
}
/* 借方部門名 */
.accounting_template table th:nth-child(4) {
    width: 11%;
}
.accounting_template table th:nth-child(5) {
    width: 5%;
}
.accounting_template table th:nth-child(6) {
    width: 8%;
}
/* 貸方部門コード */
.accounting_template table th:nth-child(7) {
    width: 5%;
}
/* 貸方科目コード */
.accounting_template table th:nth-child(8) {
    width: 5%;
}
/* 貸方税区分コード	 */
.accounting_template table th:nth-child(9) {
    width: 11%;
}
/* 貸方金額 */
.accounting_template table th:nth-child(10) {
    width: 5%;
}
/* 摘要 */
.accounting_template table th:nth-child(11) {
    width: 10%;
}
.accounting_template table th:nth-child(12) {
    width: 5%;
}
.accounting_template table th:nth-child(13) {
    width: 8%;
}
.accounting_template table th:nth-child(14) {
    width: 5%;
}
.accounting_template table th:nth-child(15) {
    width: 12%;
}
.accounting_template table th:nth-child(16) {
    width: 5%;
}
/* .accounting_template table th:nth-child(17) {
    width: 8%;
} */
/* .accounting_template table th:nth-child(18) {
    width: 7%;
}
.accounting_template table th:nth-child(19) {
    width: 5%;
} */
.accounting_template table  th {
    font-size: 12px;
    line-height: 25px;
}
.accounting_template table td {
    text-align: center;
    padding: 5px 5px;
    font-size: 10px;
}
.accounting_template table td ::placeholder {
    text-align: center;
}
/* .accounting_template table td:nth-child(3) {
    text-align: right;
    padding-right: 2px;
}
.accounting_template table td:nth-child(19) {
    text-align: right;
    padding-right: 2px;
} */
.accounting_template table tr:nth-child(odd) td {
    background: #eee;
}
/* .accounting_template table td:nth-child(3) ::placeholder {
    text-align: right;
}
.accounting_template table td:nth-child(19) ::placeholder {
    text-align: right;
} */
.accounting_template table td input {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #4A4949;
    word-break: break-all;
    padding: 5px 5px;
}
.accounting_template table td textarea {
    display: block;
    resize: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #4A4949;
    word-break: break-all;
    padding: 5px 5px;
}
/* .accounting_template table td:nth-child(3) input {
    text-align: right;
}
.accounting_template table td:nth-child(19) input {
    text-align: right;
} */
.accounting_template table td select {
    border: none;
    font-weight: bold;
}
.group_list {
    width: 100%;
}
.group_list .table {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
}
.group_list .table tr:nth-child(even) td {
    background: #eaf4fa;
}
.group_list .table th {
    border: 1px solid #707070;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    font-size: 10px;
    background-color: #0084EB;
    margin: auto;
}
.group_list .table td {
    border: 1px solid #707070;
    vertical-align: middle;
    width: 200px;
    padding: 5px;
    padding: auto;
    font-weight: bold;
    color: #4A4949;
    background-color: #fff;
}
.group_list .table td span {
    display: block;
}
.group_list .table .time {
    text-align: right;
}
.form_select_bill .group_create {
    display: flex;
    padding-top: 30px;
}
.form_select_bill .group_create button {
    display: block;
    width: 120px;
    height: 40px;
    border: 3px solid #FF872F;
    border-radius: 5px;
    background-color: #fff;
    color: #FF872F;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .group_create button:hover {
    background-color: #eee;
}
.form_select_bill .button-ok {
    justify-content: flex-end;
    padding-top: 30px;
}
.form_select_bill .button-ok button {
    display: block;
    width: 70px;
    height: 37px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-ok button:hover {
    background-color: #444BFA;
}
.form_select_bill dl p {
    font-size: 13px;
    font-weight: normal;
}
.read {
    color: #2C9A7A;
}
.unread {
    color: #707070;
}
.master__details {
    padding: 20px 0 0;
    position: relative;
    width: 50%;
}
.master_details .group-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    padding-bottom: 60px;
}
.master__details .button a {
    display: block;
    border-radius: 4px;
    border: 2px solid;
    background-color: #fff;
    font-weight: bold;
    padding: 2px 7px 2px 13px;
}
.master__details .button img {
    margin-left: 4px;
}
.master__details .button.orange a {
    border-color: #EB6500;
}
.master__details .button.purple a {
    border-color: #8556AD;
}
.master__details .search {
    width: 100%;
    position: relative;
}
.master__details .search + .search {
    margin-top: 2px;
}
.master__details .search input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #3D73BE;
    border-radius: 4px !important;
    color: #4A4949;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 40px 0 10px;
}
.master__details .search img {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}
.master__details .tab-link li {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: 0;
    padding: 5px 15px;
}
.master__details .tab-link li.active {
    color: #3D73BE;
}
.master__details .tab-link .orange {
    border-color: #FF8A00;
}
.master__details .tab-link .orange.active {
    color: #FF8A00;
}
.master__details .tab-link .green {
    border-color: #5CB1A7;
}
.master__details .tab-link .green.active {
    color: #5CB1A7;
}
.master__details .contact-table {
    border: 2px solid #3D73BE;
    overflow: hidden;
}
.master__details .contact-table.orange {
    border-color: #FF8A00;
}
.master__details .contact-table.green {
    border-color: #5CB1A7;
}
.master__details .contact-table table {
    width: calc(100% + 2px);
    margin: -1px;
}
.master__details .contact-table table tr:nth-child(odd) {
    background-color: #EBEBEB;
}
.master__details .contact-table table tr:nth-child(even) {
    background-color: #fff;
}
.master__details .contact-table table th, .master__details .contact-table table td {
    border: 1px solid #707070;
    font-weight: bold;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    vertical-align: middle;
    padding: 4px 10px;
}
.master__details .contact-table table th {
    padding-left: 20px;
    position: relative;
}
.master__details .contact-table table th span {
    position: absolute;
    top: 4px;
    left: 5px;
}
.master__details .contact-table table .time {
    width: 120px;
    text-align: right;
}
.master__details .search-group-master {
    width: 220px;
    top: 20px;
    margin-bottom: 20px;
    right: 0;
}
.master__details .tab-content {
    width: 100%;
}
.master__details contact-table th {
    width: 100px;
}
.master__details .contact-table table th {
    padding-left: 20px;
}
.master__details .contact-table table td {
    width: 70%;
}
.master__details .contact-table #caption {
    background-color: #3D73BE;
    color: #fff;
    font-size: 10px;
}
.master__details .contact-table #caption th {
    text-align: center;
    font-size: 10px;
    padding: 0px;
}
.master__details .contact-table #caption td {
    text-align: center;
    font-size: 10px;
    padding: 0px;
    background-color: #3D73BE;
    color: #fff;
}
.master__details .item {
    display: table;
    width: 220px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px 10px 8px;
    margin-bottom: 20px;
    position: relative;
    font-size: 12px;
}
.master__details .item #user {
    font-weight: bold;
    padding-left: 10px;
}
.master__details .search-button {
    width: 220px;
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}
.master__details .search-button button {
    display: block;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.master__details .search-button button:hover {
    background-color: #4A4949;
}
@media only screen and (max-width: 767px) {
    .master__details {
        padding: 20px 0 0;
        position: relative;
        width: 100%;
    }
}
.pca_kamoku .table {
    overflow: auto;
    font-size: 12px;
    margin-top: 30px;
}
.pca_kamoku table {
    width: 100%;
    table-layout: fixed;
}
.pca_kamoku table th, .pca_kamoku table td {
    font-weight: bold;
    border: 1px solid #707070;
    vertical-align: middle;
    background-color: #fff;
    text-align: center;
}
.pca_kamoku table th {
    background-color: #2296F3;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.pca_kamoku table th:nth-child(1) {
    width: 4%;
    background-color: #F2F1EF;
    border: none;
}
.pca_kamoku table td:nth-child(1) {
    width: 4%;
    background-color: #F2F1EF;
    border: none;
}
.pca_kamoku table th:nth-child(2) {
    width: 10%;
}
.pca_kamoku table th:nth-child(3) {
    width: 12%;
}
.pca_kamoku table th:nth-child(4) {
    width: 22%;
}
.pca_kamoku table th:nth-child(5) {
    width: 30%;
}
.pca_kamoku table th:nth-child(6) {
    width: 10%;
}
.pca_kamoku table th:nth-child(7) {
    width: 12%;
}
.pca_kamoku .table tr:nth-child(odd) td {
    background: #eaf4fa;
}
.pca_kamoku #input-table td input {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    background-color: #fff;
    border-color: transparent;
    color: #4A4949;
    padding: 5px 5px;
    border: none;
    text-align: center;
}
.pca_kamoku #input-table tr:nth-child(odd) td input {
    background: #eaf4fa;
}
.form_select_bill .result_list .item .txt {
    /* padding-left: 10px; */
    font-size: 12px;
}
.form_select_bill .result_list .item .txt .update {
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    /* color: #4874CE; */
}
.form_select_bill .result_list .item .txt .name {
    padding-left: 10px;
    font-size: 16px;
    color: #4874CE;
}
.form_select_bill .result_list .item .txt .red {
    padding-left: 10px;
    font-size: 8px;
    color: #fff;
    background-color: #E05451;
    padding: 4px 6px;
    border-radius: 4px;
    border: solid 1px #E05451;
    margin-left: 30px;
}
.form_select_bill .result_list .item .txt .ok {
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #E05451;
    padding: 4px 17px;
    border-radius: 4px;
    border: solid 1px #E05451;
    margin-right: 5px;
}
.form_select_bill .result_list .item .txt .no {
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #4874CE;
    padding: 4px 6px;
    border-radius: 4px;
    border: solid 1px #4874CE;
    margin-right: 5px;
}
.form_select_bill .result_list .item .txt .now {
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #9475CC;
    padding: 4px 12px;
    border-radius: 4px;
    border: solid 1px #9475CC;
    margin-right: 5px;
}
.form_select_bill h3.rough_copy span {
    background-color: #fff;
    color: #4874CE;
    border: 3px solid #4874CE;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 18px;
}
#invoice_list .input_row .caption {
    top: 30%;
}
#invoice_list .input_row .button {
    display: block;
    width: 100%;
    text-align: right;
}
#invoice_list .input_row .button button {
    background-color: #2296F3;
    color: #fff;
    border-radius: 4px;
    border: 0;
    width: 60px;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_template01 dd textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.form_template01 .none {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.form_template01 .none-gray {
    display: block;
    width: 100%;
    background-color: #eee;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.form_template01 dd p {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.form_template01 dl dt button {
    margin-top: 10px;
    display: block;
    width: 110px;
    height: 44px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_template01 dl dt button:hover {
    background-color: #4A4949;
}
.form_template01 .travel {
    display: flex;
}
.form_template01 .station {
    width: 30%;
    margin-right: 5px;
}
.form_template01 table {
    width: 100%;
}
.form_template01 table th {
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}
.form_template01 table td {
 border: none;
 background-color: #F2F1EF;
}
.form_template01 table td .none{
    background-color: #fff;
    width: 90%;
   }
.form_template01 table .station input {
    width: 90%;
}
.form_template01 .add {
    margin-top: 30px;
    font-size: 22px;
    margin-bottom: 10px;
    color: #1a76d2;
}
.form_template01 .add img {
    margin-right: 5px;
    height: 35px;
    width: 35px;
    margin-bottom: 5px;
}
/* 諸届　交通費　マイナスボタン */
.form_template01 .minus {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 22px;
    color: #1a76d2;
}
.form_template01 .minus img {
    margin-right: 5px;
    height: 35px;
    width: 35px;
    margin-bottom: 5px;
}
.invoice_comment span {
    display: block;
    margin-bottom: 3px;
}
.input_row .caption span {
    color: #DE7068;
    font-size: 16px;
}
/* 03/10  受取り請求書　承認後次へボタン画面*/
.invoice_completed .next button {
    margin-top: 50px;
    margin-bottom: 30px;
    background-color: #fff;
    color: #148BA8;
    border: solid 3px #148BA8;
    border-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    padding: 18px 22px;
    position: relative;
}
.invoice_completed .next button:hover {
    background-color: #148BA8;
    color: #fff;
    border-color: #148BA8;
}
.invoice_completed .other button {
    margin-bottom: 30px;
    background-color: #fff;
    color:  #1A76D2;
    border: solid 3px  #1A76D2;
    border-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    padding: 18px 22px;
    position: relative;
}
.invoice_completed .other button:hover {
    background-color: #1A76D2;
    color: #fff;
    border-color: #1A76D2;
}
.invoice_completed select {
    padding: 10px 18px;
    border: solid 1px #1A76D2;
    border-radius: 6px;
}
/* 受取り請求書　作成入力時の ファイル選択ボタン */
.invoice_file label {
    display: block;
    width: 180px;
    text-align: center;
    padding: 10px 10px;
    color: #2C9A7A;
    background-color: #fff;
    border: 3px solid #2C9A7A;
    cursor: pointer;
    font-weight: bold;
    border-radius: 7px;
    margin-top: 20px;
}
.invoice_file label:hover {
    color: #fff;
    background-color: #2C9A7A;
    border: 3px solid #2C9A7A;
}
#invoice_list .invoice_file .file {
    background-color: none;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-left: 5px;
}
#invoice_list  input[type="file"] {
    display: none;
}
#invoice_list .invoice_button_check2 {
    width: 100%;
    padding-top: 20px;
}
#invoice_list .invoice_button_check2 button {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_button_check2 button:hover {
    background-color: #4A4949;
}
/* ----受取り請求所　承認通知画面--- */
#invoice_list .tag-news {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 2px #4874CE;
    background-color: #fff;
    color: #4874CE;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list .table-news table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 100px;
    margin-top: 60px;
}
#invoice_list .table-news table th {
    background-color: #4874CE;
    color: #fff;
    border: 1px solid #707070;
    padding: 3px 5px;
    font-weight: bold;
}
#invoice_list .table-news table td {
    height: 20px;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 5px 5px;
    position: relative;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
}
#invoice_list .table-news table tr:nth-child(odd) td {
    background-color: #eaf4fa;
}
#invoice_list .table-news table th:nth-child(1) {
    width: 10%;
}
#invoice_list .table-news table th:nth-child(2) {
    width: 10%;
}
#invoice_list .table-news table th:nth-child(3) {
    width: 25%;
}
#invoice_list .table-news table th:nth-child(4) {
    width: 25%;
}
#invoice_list .table-news table th:nth-child(5) {
    width: 10%;
}
#invoice_list .table-news table th:nth-child(6) {
    width: 10%;
}
#invoice_list .table-news table th:nth-child(7) {
    width: 10%;
}
#invoice_list .table-news table td:nth-child(2) {
    text-align: center;
}
#invoice_list .table-news table td:nth-child(3) {
    text-align: center;
}
#invoice_list .table-news table td:nth-child(4) {
    text-align: center;
}
#invoice_list .table-news table td:nth-child(7) {
    text-align: center;
}
/* 諸届03/11 */
/* 03/10 諸届承認画面 */
.form_template01 .box .date {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
}
.attachment {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0754a0;
}
.attachment .label {
    padding: 3px 5px;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    background-color: #0754a0;
    border-radius: 4px;
}
.form_template01 dl .small {
    font-size: 18px;
    margin-top: 20px;
    /* color: red; */
}
.form_template01 table {
    margin-top: 20px;
    table-layout: fixed;
    margin-bottom: 20px;
}
/* .form_template01 table th,td {
    width: 80%;
} */
.form_template01 table caption {
    text-align: left;
    font-weight: bold;
    color: #9475CC;
    margin-bottom: 10px;
}
.form_template01 .route th,td {
 border: solid 1px #707070;
 /* background-color: #fff; */
 text-align: center;
 vertical-align: middle;
 height: 30px;
}
.form_template01 .route th {
    background-color: #9475CC;
    border: solid 1px #707070;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.form_template01 .route td {
    background-color: #fff;
    border: solid 1px #707070;
    color: #4A4949;
    font-weight: normal;
}
.form_template01 .route td span {
    display: inline-flex;
    margin-right: 5px;
    padding: 4px;
}
/* 承認ボタン */
.form_template01 .form_btn .approval {
    width: 120px;
    background-color: #9475CC;
    border: 1px solid #9475CC;
    color: #fff;
    margin-right: 10px;
}
/* ------- */
/* ------------- */
/* 03/13 諸届　経路設定画面 */
#invoice_list .invoice_row .route-contents {
    width: 50%;
}
#invoice_list .invoice_input #route {
    table-layout: fixed;
    width: 100%;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}
#invoice_list .invoice_input #route th:nth-child(1){
    width: 15%;
    font-weight: bold;
    /* border:  solid 1px #707070; */
}
#invoice_list .invoice_input #route th:nth-child(2){
    width: 40%;
    border:  solid 1px #707070;
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-weight: bold;
    
}
#invoice_list .invoice_input #route th:nth-child(3){
    width: 45%;
    text-align: right;
    /* border:  solid 1px #707070; */
}
#invoice_list .invoice_input #route #none {
    background-color: #F2F1EF;
    border: none;
}
/* 追加ボタン */
#invoice_list .invoice_input #route .plus {
    padding-top: 10px;
}
#invoice_list .invoice_input #route .plus button {
    background-color: #FF8A00;
    color: #fff;
    border-radius: 8px;
    border: 0;
    width: 60px;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    margin-left: 10px;
}
#invoice_list .invoice_input #route .plus button:hover {
    background-color: #4A4949;
}
/*変更ボタン　削除　横並び */
#invoice_list .invoice_input #route .select {
    display: flex;
    width: 100%;
}
/* 変更ボタン */
#invoice_list .invoice_input #route .select button {
    background-color: #1A76D2;
    color: #fff;
    border-radius: 4px;
    border: 0;
    width: 60px;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    margin-left: 10px;
}
#invoice_list .invoice_input #route #select button:hover {
    background-color: #4A4949;
}
/* 削除ボタン */
#invoice_list .invoice_input #route .delete button {
    background-color: #F0502A;
    color: #fff;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    margin-left: 10px;
}
#invoice_list .invoice_input #route .delete button:hover {
    background-color: #4A4949;
}
/* 検索BOX */
#invoice_list .search-group-master {
    display: flex;
    margin-bottom: 50px;
    margin-left: 15%;
}
#invoice_list .search input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #3D73BE;
    border-radius: 4px !important;
    color: #4A4949;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 3px 40px 3px 10px;
}
#invoice_list .search-group-master button {
    display: block;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 10px;
    transition: all 0.3s;
}
#invoice_list .search-group-master button:hover {
    background-color: #4A4949;
}
/* 承認ボタン */
#invoice_list .invoice_button-route {
    width: 100%;
    padding-top: 65px;
    text-align: center;
}
#invoice_list .invoice_button-route button {
    display: inline-block;
    width: 120px;
    height: 40px;
    border: 0;
    background-color: #E77358;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_button-route button:hover {
 background-color: #4A4949;
}
@media only screen and (max-width: 767px) {
    #invoice_list .invoice_row .route-contents {
        width: 100%;
    }

    #invoice_list .invoice_input #route th:nth-child(1){
        width: 25%;
        font-weight: bold;
    }
    #invoice_list .invoice_input #route th:nth-child(2){
        width: 45%;
        border:  solid 1px #707070;
        background-color: #fff;
        text-align: center;
        margin-bottom: 20px;
        padding: 10px 20px;
        font-weight: bold;
        
    }
    #invoice_list .invoice_input #route th:nth-child(3){
        width: 30%;
        text-align: right;
    
    }
    #invoice_list .invoice_button {
        width: 100%;
        padding-top: 65px;
        text-align: right;
    }
    
}
/* 諸届　承認者設定ボタン */
.form_template01 .jyoutyou {
    text-align: right;
    margin-bottom: -30px;
    display: block;
}
.form_template01 .jyoutyou button {
    background-color: #405FC1;
    color: #fff;
    border: solid 1px #405FC1;
    font-weight: bold;
    font-size: 20px;
    padding: 12px 16px;
    border-radius: 4px;
}
.form_template01 .jyoutyou button:hover {
    background-color: #4A4949;
    border: solid 1px #4A4949;
}
/* 人事　諸届　上長承認済みラベル */
.form_select_bill h3.rough_ok span {
    background-color: #fff;
    color: #F07341;
    border: 3px solid #F07341;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 18px;
 }
 /* 人事　諸届　上長差し戻し一覧ラベル */
 .form_select_bill h3.rough_no span {
    background-color: #fff;
    color: #274381;
    border: 3px solid #274381;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 18px;
 }
 /* 人事　上長承認済み(完了済み)_詳細画面 */
 .form_template01 .apply-ok-note {
    color: #522F8C;
    font-size:  25px;
    line-height: 40px;
    padding-bottom: 30px;
}
/* 差し戻しコメント欄 */
.form_template01 .box .reason {
    color: #24609A;
    font-size: 22px;
}
.form_template01 .box .reason-none {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #24609A;
    color: #4A4949;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 30px;
    padding: 9px 15px;
    margin-bottom: 40px;
}
/* 再申請ボタン */
.form_template01 .form_btn .again {
    width: 170px;
    border: 3px solid #405FC1;
    background-color: #405FC1;
    color: #fff;
}
/* 諸届　承認設定画面　所属表示box */
#invoice_list .route-contents #item {
    padding: 8px 15px;
    width: 310px;
    margin-bottom: 30px;
    text-align: center;
    display: table;
    font-weight: bold;
    border-radius: 4px;
    border: solid 1px #707070;
    background-color: #FCFADE;
    color: #4A4949;
    font-size: 14px;
    line-height: 20px;
    margin-left: 15%;
    display: table;
    position: relative;
}
/* message  画面左上に表示されるもの*/
.messages {
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.messages .success {
    margin-bottom: 40px;
    border: solid 1px #4874CE;
    border-bottom: solid 4px #4874CE;
    background-color: #fff;
    padding: 12px 8px;
    font-size: 18px;
    color: #4A4949;
}
.messages .error {
    margin-bottom: 40px;
    border: dashed 2px #4874CE;
    background-color: #fff;
    padding: 12px 8px;
    color: #4874CE;
    font-size: 18px;
    border-radius: 4px;
}
.messages .ok {
    margin-bottom: 40px;
    border: dashed 2px #E86560;
    background-color: #fff;
    padding: 6px 10px;
    color: #E86560;
    border-radius: 4px;
    font-weight: bold;
    /* text-align: center; */
}
/* 確認済ボタン 諸届　申請内容確認後 */
.form_template01 .form_btn .confirmed {
    width: 170px;
    color: #405FC1;
    border: 3px solid #405FC1;
    background-color: #fff;
}
/* 諸届　承認完了画面 */
.notifications-ok {
    width: 600px;
    margin: auto;
}
.complete-apply-notifications {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.complete-apply-notifications p {
    width: 610px;
    background-color: #148BA8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
    margin-top: 25vh;
}
/* 差し戻し・確認完了画面 */
.complete-draf-ok {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
}
.complete-draf-ok p {
    width: 610px;
    background-color: #B2E5E6;
    color: #4A4949;
    border: 3px solid #148BA8;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
    margin-top: 25vh;
}
/* top戻る　承認確認続けるボタン　横並び */
.notifications-button {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
/* 承認・確認一覧へ戻るボタン */
.top button {
    margin-bottom: 30px;
    background-color: #fff;
    color: #148BA8;
    border: solid 3px #148BA8;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 22px;
    position: relative;
}
.top button:hover {
    background-color: #148BA8;
    color: #fff;
    border-color: #148BA8;
}
/* top画面へ戻るボタン */
.next-approval button {
    margin-left: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    color:  #1A76D2;
    border: solid 3px  #1A76D2;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 22px;
    position: relative;
}
.next-approval button:hover {
    background-color: #1A76D2;
    color: #fff;
    border-color: #1A76D2;
}
/* pca会計メニュー top画面ボタン　03/20 */
.form_select_bill h3.pca {
    margin-top: 30px;
    margin-bottom: 30px;
}
.form_select_bill h3.pca button {
    display: block;
    width: 120px;
    height: 37px;
    border-radius: 4px;
    background-color: #64BE4F;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill h3.pca button:hover {
    background-color: #4A4949;
}
.form_select_bill h3.direct button {
    display: block;
    width: 120px;
    height: 37px;
    border-radius: 4px;
    background-color: #3470E2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill h3.direct button:hover {
    background-color: #4A4949;
}
.form_select_bill .select_file {
    margin-top: 50px;
}
.form_select_bill .select_file label {
    display: block;
    width: 220px;
    text-align: center;
    padding: 10px 20px;
    color: #4FA260;;
    background-color: #fff;
    border: 3px solid #4FA260;;
    cursor: pointer;
    font-weight: bold;
    border-radius: 7px;
}
.form_select_bill .select_file label:hover {
    color: #fff;
    background-color: #4FA260;;
    border: 3px solid #4FA260;;
}
.form_select_bill .select_file input[type='file'] {
    display: none;
}
.form_select_bill .select_file .file {
    margin-top: 10px;
    font-weight: bold;
    padding-left: 10px;
    font-size: 10px;
}
.form_select_bill .button-ok-csv {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}
.form_select_bill .button-ok-csv button {
    display: block;
    width: 70px;
    height: 37px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_select_bill .button-ok-csv button:hover {
    background-color: #4A4949;
}
/* PCA会計　直接入力　科目名表示させないテーブル */
.direct-accounting_template table {
    width: 100%;
    table-layout: fixed;   
    font-size: 12px;
}
.direct-accounting_template table th, .accounting_template table td {
    font-weight: bold;
    border: 1px solid #707070;
    vertical-align: middle;
    word-wrap: break-word;
}
.direct-accounting_template table th {
    background-color: #2296F3;
    color: #fff;
    text-align: center;
    line-height: 15px;
    /* font-size: 12px; */
}
.direct-accounting_template table tr:nth-child(odd) td {
    background: #eee;
}
.direct-accounting_template table th:nth-child(1) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(2) {
    width: 8%;
    text-align: center;
}
.direct-accounting_template table th:nth-child(3) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(4) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(5) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(6) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(7) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(8) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(9) {
    width: 32%;
}
/* .direct-accounting_template table th:nth-child(10) {
    width: 8%;
}
.direct-accounting_template table th:nth-child(11) {
    width: 20%;
} */
.direct-accounting_template table td {
    background-color: #fff;
    position: relative;
}
.direct-accounting_template table td input {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    background-color: transparent;
    border-color: transparent;
    color: #4A4949;
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
}
.direct-accounting_template table td textarea {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    line-height: 20px;
    background-color: transparent;
    border-color: transparent;
    color: #4A4949;
    padding: 5px 5px;
    font-size: 12px;
}
.direct-accounting_template .button {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
.direct-accounting_template .button  button {
    display: block;
    width: 90px;
    height: 45px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}
.direct-accounting_template .button button:hover {
    background-color: #4A4949;
}
/* 03/26 計上用CSVダウンロード　一覧スタイル */
.nozomi-csv {
    width: 100%;
    display: block;
    margin-right: 20px;
}
.nozomiitaku {
    display: flex;
    width: 100%;
    margin-top: 40px;
}
.csv-download {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
    background-color:#fff;
    
}
.csv-download tr {
    background-color: #fff;
}
.csv-download tr:hover {
    background-color: #fcfade;
}
.csv-download td {
    height: 20px;
    font-size: 16px;
}
.csv-download td:nth-child(1){
    width: 60px;
    text-align: center;
}
.csv-download td:nth-child(2){
    text-align: left;
}
.csv-download td span {
    padding-left: 10px;
}
.nozomiitaku-button-download {
    display: flex;
    /* text-align: center; */
    justify-content: flex-end;
    margin-top: 20px;
}
.nozomiitaku-button-download button {
    display: block;
    width: 100%;
    margin-right: 20px;
    height: 45px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #E97A2D;
    color: #fff;
    border: solid 3px #E97A2D;
}
.nozomiitaku-button-download button:hover {
    background-color: #4A4949;
    border: solid 3px #4A4949;
}
.nozomi-csv .csv-download caption {
    /* display: inline-block; */
    border-radius: 4px;
    text-align: center;
    padding: 7px 10px;
    font-weight: bold;
    font-size: 15px;
}
.nozomi-csv .csv-download caption {
    background-color: #4a85b9;
    opacity: 0.98;
    color: #fff;
}
.nozomi-csv .csv-download .nz-uriage-csv {
    background-color: #047180;
    opacity: 0.8;
    color: #fff;
}
.nozomi-csv .csv-download .iryou {
    background-color: #4874CE;
    color: #fff;
}
/* 03/27 のぞみ委託履歴メニュースタイル */
.nozomi-csv .csv-download td .iryou {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #4874CE;
    padding: 6px 8px;
    border-radius: 4px;
    border: solid 1px #4874CE;
    margin-right: 5px;
}
.nozomi-csv .csv-download td .kanri {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #D86860;
    padding: 6px 8px;
    border-radius: 4px;
    border: solid 1px #D86860;
    margin-right: 5px;
}
.nozomi-csv .csv-download td .iryou-nz {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #4874CE;
    background-color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    border: solid 2px #4874CE;
    margin-right: 5px;
}
.nozomi-csv .csv-download td .kanri-nz {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #D86860;
    background-color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    border: solid 2px #D86860;
    margin-right: 5px;
}
/* のぞみCSV 検索BOX */
.pca_history {
    width: 450px;
    padding: 40px 0px;
    border-radius: 8px;
}
.pca_history h3.direct span {
    display: block;
    width: 100px;
    padding: 7px 10px;
    border-radius: 4px;
    color: #4B5DC6;
    border: solid 3px #4B5DC6;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
/* .pca_history .button-uketori {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
} */
.nozomiitaku-hx-search {
    display: flex;
    width: 360px;
    justify-content: flex-end;
    margin-top: 20px;
    margin-left: 90px;
}
/* .nozomiitaku-hx-search .button-return button{
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
} */
.nozomiitaku-hx-search .button-uketori button {
    display: block;
    width: 175px;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s;
}
.nozomiitaku-hx-search .button-uketori button:hover {
    background-color: #4A4949;
}
.nozomiitaku-hx-search .button-return button {
    display: block;
    width: 175px;
    padding: 10px 20px;
    border-radius: 4px;
    border: solid 1px #4B5DC6;
    background-color: #fff;
    color: #4B5DC6;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
}
.nozomiitaku-hx-search .button-return button:hover {
    background-color: #4A4949;
    color: #fff;
}
.pca_history dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    padding-top: 30px;
}
.pca_history dl dt {
    width: 90px;
    font-size: 14px;
    font-weight: 800;
}
.pca_history dl dd {
    width: calc(100% - 90px);
}
.pca_history dl dd select {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    text-align: center;
    height: 32px;
}
.pca_history dl + dl {
    padding-top: 10px;
}
.pca_history dl dd input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    height: 32px;
}
.nozomi-csv h3 {
    padding-bottom: 10px;
    font-size: 16px;
    /* font-weight: bold; */
}
.nozomi-csv h3 input{
    width: 22px;
    height: 22px;
    border-radius: 4px;
    margin-left: 15px;
    margin-right: 8px;
}
/* のぞみ履歴　csvの作成時間　スタイル */
.nozomiitaku .csv-download td .time {
    float: right;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
}
/* 進捗一覧　クリニック一覧ボタン */
.clinic_list {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.clinic_list button {
    display: block;
    padding:  8px 12px;
    border-radius: 5px;
    border: 1px solid #1A76D2;
    background-color: #fff;
    color: #1A76D2;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
.clinic_list button:hover {
    border: 1px solid #1A76D2;
    background-color: #1A76D2;
    color: #fff;
}
/* 財務上長編集可能法人担当進捗一覧 */
.label-blue {
    display: inline-block;
    border-radius: 8px;
    text-align: center;
    padding: 5px 20px;
    border: 3px solid #405FC1;
    background-color: #fff;
    color: #405FC1;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}
/* 04/04 諸届　承認確認者一覧 */
.authorizer-list {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #4A4949;
}
.authorizer-list th {
    border: solid 1px #4A4949;
    background-color: #9475CC;
    color: #fff;
    font-weight: bold;
}
.authorizer-list tr:nth-child(odd) td {
    background-color: #F2F1EF;
}
.authorizer-list caption {
    text-align: left;
    font-weight: bold;
    color: #9475CC;
    margin-bottom: 10px;
}
.authorizer-list td:nth-child(1) {
    text-align: left;
    padding-left: 5px;
}
/* 04/10 受け取り請求書　承認経路設定 */
#approve .wariate {
    background-color: #0084EB;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 8px;
    font-weight: bold;
    font-size: 12px;
    float: right;
}
.invoice_row form .houjin {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 10px;
    background-color: #FCFADE;
}
.invoice_row form .shain {
    display: block;
    width: 100%;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 5px;
}
.ID_keyword {
    margin-top: 40px;
    margin-bottom: 10px;
    color: #047180;
    font-weight: bold;
}
#invoice_list .ID_keyword input {
    background-color: #FCFADE;
}
/* 受け取り請求書　登録画面 　04/11*/
.pca_uketori {
table-layout: fixed;
width: 100%;
border: 1px solid #707070;
}
.pca_uketori table th {
    background-color: #2296F3;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
/* 受け取り請求書　連携画面 04/13*/
.pca-button {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}
.pca-ok {
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    background-color: #E97A2D;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.pca-ok:hover {
    background-color: #4A4949;
}
.csv-dl {
    background-color: #64BE4F;
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;
}
.csv-dl:hover {
    background-color: #4A4949;
}
#uketori {
    width: 100%;
    border: 5px solid #4c69a3;
    margin-bottom: 30px;
    background-color: #eaf4fa;
}
#uketori .api {
    font-weight: bold;
    color: #dd4042;
    font-size: 14px;
}
#uketori .csv {
    font-weight: bold;
    color: #348A36;
    font-size: 14px;
}
#uketori .yet {
    font-weight: bold;
    color: #4B5DC6;
    font-size: 14px;
}
/* #uketori .seikyusho-shosai {
    text-align: right;
} */
#uketori .seikyusho-shosai button {
    display: inline-block;
    padding: 8px 12px;
    border: 0;
    background-color: #E77358;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
#uketori .seikyusho-shosai button:hover {
    background-color: #4A4949;
}
#uketori .seikyusho {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
    font-size: 14px;
}
#uketori .seikyusho th {
    background-color: #4c69a3;
    border: 1px solid #707070;
    color: #fff;
    /* padding: 3px 5px; */
    font-weight: bold;
    font-size: 12px;
}
#uketori .seikyusho td {
    background-color: #fff;
    border: 1px solid #707070;
    position: relative;
    font-weight: 500;
    vertical-align: middle;
}
#uketori .seikyusho th:nth-child(1) {
    width: 4%;
}
#uketori .seikyusho th:nth-child(2) {
    width: 8%;
}
#uketori .seikyusho th:nth-child(3) {
    width: 8%;
}
#uketori .seikyusho td:nth-child(3) {
    font-size: 13px;
}
#uketori .seikyusho th:nth-child(4) {
    width: 8%;
}
#uketori .seikyusho td:nth-child(4) {
    font-size: 13px;
}
#uketori .seikyusho th:nth-child(5) {
    width: 8%;
}
#uketori .seikyusho td:nth-child(5) {
    font-size: 13px;
}
#uketori .seikyusho th:nth-child(6) {
    width: 15%;
}
#uketori .seikyusho th:nth-child(7) {
    width: 18%;
}
#uketori .seikyusho th:nth-child(8) {
    width: 20%;
}
#uketori .seikyusho th:nth-child(9) {
    width: 8%;
}
#uketori .seikyusho td:nth-child(9) {
    width: 10%;
    text-align: right;
    padding-right: 10px;
}
#uketori .kanjyokamoku {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
}
#uketori .kanjyokamoku th {
    background-color: #4a85b9;
    border: 1px solid #707070;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
#uketori .kanjyokamoku td {
    background-color: #fff;
    border: 1px solid #707070;
    position: relative;
    font-weight: bold;
    vertical-align: middle;
}
#uketori .kanjyokamoku tr:nth-child(odd) td {
    background-color: #f6f6f6;
}
#uketori .kanjyokamoku th:nth-child(1) {
    width: 3%;
}
#uketori .kanjyokamoku th:nth-child(2) {
    width: 4%;
}
#uketori .kanjyokamoku th:nth-child(3) {
    width: 10%;
}
#uketori .kanjyokamoku th:nth-child(4) {
    width: 10%;
}
#uketori .kanjyokamoku th:nth-child(5) {
    width: 12%;
}
#uketori .kanjyokamoku th:nth-child(6) {
    width: 7%;
}
#uketori .kanjyokamoku td:nth-child(6) {
    text-align: right;
    padding-right: 5px;
}
#uketori .kanjyokamoku th:nth-child(7) {
    width: 7%;
}
#uketori .kanjyokamoku th:nth-child(8) {
    width:15%;
}
#uketori .kanjyokamoku th:nth-child(9) {
    width: 5%;
}
#uketori .kanjyokamoku td:nth-child(8) {
    text-align: left;
    padding-left: 5px;
}
/* #uketori .kanjyokamoku th:nth-child(12) {
    width: 5%;
}
#uketori .kanjyokamoku th:nth-child(13) {
    width: 5%;
}
#uketori .kanjyokamoku th:nth-child(14) {
    width: 5%;
} */
/* 04/14 */
/* 受取り請求書　作成入力時の ファイル選択ボタン */
.invoice_file label {
    display: block;
    width: 180px;
    text-align: center;
    padding: 10px 10px;
    color: #2C9A7A;
    background-color: #fff;
    border: 3px solid #2C9A7A;
    cursor: pointer;
    font-weight: bold;
    border-radius: 7px;
    margin-top: 20px;
}
.invoice_file label:hover {
    color: #fff;
    background-color: #2C9A7A;
    border: 3px solid #2C9A7A;
}
.change_registration_form .file {
    background-color: none;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-left: 5px;
    display: flex;
}
.change_registration_form  input[type="file"] {
    display: none;
}
/* 受取り請求書 　ファイル一覧画面　223.html*/

.form_select_bill .box {
    margin-top: 20px;
}
.form_select_bill .box dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
.form_select_bill .box dl dt {
    width: 90px;
    font-weight: bold;
}
.form_select_bill .box dl dd {
    width: 280px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    /* font-weight: bold; */
    text-align: center;
    padding: 5px 5px;
}
.form_select_bill .result_list .delete {
    text-align: right;
}
.form_select_bill .result_list .delete button {
    background-color: #F0502A;
    color: #fff;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    margin-left: 10px;
}
.form_select_bill .result_list .delete button:hover {
    background-color: #4A4949;
}
/* 仕訳未入力一覧テーブル */
#invoice_list .siwake {
    padding: 10px 20px;
    border-radius: 6px;
    border: solid 2px #E86560;
    background-color: #fff;
    color: #E86560;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
#invoice_list .pdf-list table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 100px;
    margin-top: 60px;
}
#invoice_list .pdf-list table th {
    background-color: #F28B86;
    color: #fff;
    border: 1px solid #707070;
    padding: 3px 5px;
    font-weight: bold;
}
#invoice_list .pdf-list table td {
    height: 20px;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 5px 5px;
    position: relative;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
/* #invoice_list .pdf-list table tr:nth-child(odd) td {
    background-color: #F7E3DA;
} */
/* #invoice_list .pdf-list table td:nth-child(1) {
    text-align: right;
} */
/* #invoice_list .pdf-list table th:nth-child(2) {
    width: 10%;
}
#invoice_list .pdf-list table th:nth-child(3) {
    width: 25%;
}
#invoice_list .pdf-list table th:nth-child(4) {
    width: 25%;
} */

/* 受け取り請求書　連携画面 04/20*/
.search-box {
    margin-top: 10px;
    width: 350px;
    margin: 20px;
    /* margin-left: 5px; */
    margin-bottom: 0px;
}
.search-box dl {
    /* display: flex; */
    flex-wrap: wrap;
    /* align-items: center; */
    font-weight: normal;
    padding-top: 10px;
}
.search-box dl dt {
    /* width: 80px; */
    margin-bottom: 3px;
    font-weight: bold;
}
.search-box dl dd {
    width: 320px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: center;
    /* height: 28px; */
    padding: 5px 5px;
}
.search-box dl dd input {
    width: 320px;
    background-color: #fff;
    border: 0px solid #707070;
    border-radius: 4px;
    text-align: center;
}
.search-box dl dd select {
    width: 320px;
    background-color: #fff;
    border: 0px solid #707070;
    border-radius: 4px;
    /* font-weight: bold; */
    text-align: center;
}
.all-check {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: -3px;
    margin-left: 5px;
}
.all-check  span {
    color: #4B5DC6;
    font-size: 18px;
    margin-left: 3px;
    margin-right: 3px;
}
.all-check  .span2 {
    color: #4B5DC6;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}
.all-check input {
    width: 23px;
    height: 23px;
    border-radius: 4px;
    margin-right: 5px;
}
.search-box .button-search-all {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    padding-top: 15px;
}
.search-box .button-search-all button {
    display: block;
    padding: 8px 25px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
.search-box .button-search-all button:hover {
    background-color: #4A4949;
}
/* ページネーション　仕訳一覧 */
nav {
    display: flex;
    justify-content: center;
    border-top: 1px solid #eee;
    margin-top: 1em;
    padding-top: .5em;
}
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.pagination li {
    margin: 0 1px;
}
.pagination a {
    display: block;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: .2em;
    text-decoration: none;
    background-color: #fff;
}
.pagination a[aria-current="page"] {
    background-color: #4B5DC6;
    color: #fff;
}
/* 4/20 PCA  */
.pca-check {
    background-color: #fff;
    width: 590px;
    padding: 10px 5px;
    line-height: 25px;
    padding-left: 15px;
    border: dashed 3px #D92B00;
    font-weight: bold;
    font-size: 18px;
    color: #D92B00;
    margin-bottom: 20px;
}
/* 4/21受取り請求書　登録画面new */
#invoice_list .row {
    display: flex;
    flex-wrap: wrap;
}
#invoice_list .left {
    width: 45%;
}
#invoice_list .left + .left {
    width: 50%;
    margin-left: 5%;
}
#invoice_list #input-table .delete {
   text-align: center;
}
#invoice_list #input-table .delete button {
    background-color: #F0502A;
    color: #fff;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    margin-left: 10px;
}
#invoice_list #input-table  .delete button:hover {
    background-color: #4A4949;
} 
/* 06/12  パスワード再設定画面*/
.form_login .password-set {
    text-align: right;
    color: #344B77;
    padding: 20px 10px;
}
.form_login .password-set p {
    margin-bottom: 3px;
}
/* パスワード再発行申請画面 */
.form_login .form_button .pw {
    background-color: #344B77;
    display: block;
    width: 120px;
    height: 40px;
    border: 0;
    border-radius: 4px !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_login .form_input .pw-box input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #344B77;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    line-height: 20px;
    padding: 9px 15px;
}
.form_login .form_input .pw-box ::-webkit-input-placeholder {
    color: #344B77;
}
.form_login .form_input .pw-box ::-moz-placeholder {
    color: #344B77;
}
.form_login .form_input .pw-box :-ms-input-placeholder {
    color: #344B77;
}
.form_login .form_input .pw-box :-moz-placeholder {
    color: #999999;
}
.form_login h2 {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 30px;
    color: #344B77;
}
.form_login .error {
    margin-top: 10px;
    border: solid 2px red;
    background-color: #F8EFED;
    padding: 6px 8px;
}
/* ログイン画面へ戻るボタン */
.form_login .form_button .return {
    background-color: #fff;
    display: block;
    padding: 8px 10px;
    border: solid  2px #344B77;
    border-radius: 4px !important;
    color: #344B77;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 10px;
}
.form_login .form_button .return:hover {
    background-color: #344B77;
    color: #fff;
}

/* 情報管理メニュー200-01.html */
/* CSV出力ボタン　(個人) */
.master__details .personal-csv {
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #E97A2D;
    color: #fff;
    border: solid 3px #E97A2D;
    margin: 0 0 0 auto;
    /* margin-bottom: 10px; */
}
.master__details .personal-csv:hover {
    background-color: #4A4949;
    border: solid 3px #4A4949;
}
/* 報管理メニュー199-01.html */
/* CSV出力ボタン　(全職員社員) */
.master__details .csv-all {
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #E97A2D;
    color: #fff;
    border: solid 3px #E97A2D;
    margin-top: 20px;
}
.master__details .csv-all:hover {
    background-color: #4A4949;
    border: solid 3px #4A4949;
}
.master__details p {
    font-size: 15px;
}
.master__details ul {
    margin-top: 20px;
    font-size: 15px;
}
/* 情報管理メニュー　検索box */
.master__details .search-group-shain {
    width: 220px;
    margin-top: 20px;
    margin-bottom: 120px;
}
.master__details .search-group-shain .search {
    width: 100%;
    position: relative;
}
.master__details .search-group-shain .search input {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 2px solid #3D73BE;
    border-radius: 4px !important;
    color: #4A4949;
    font-size: 16px;
    line-height: 36px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 40px 0 10px;
}
/* 06/29 PCA連携メニュー　検索BOX調整 */
.search-box dl .search-date {
    width: 140px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: center;
    padding: 5px 5px;
}
.search-box dl .search-date input {
    width: 120px;
    background-color: #fff;
    border: 0px solid #707070;
    border-radius: 4px;
    text-align: center;
}
.search-box dl .date-flex {
    display: flex;
    justify-content: space-between;
    width: 330px;
}
.search-box dl .date-flex p {
    margin: auto;
}
/* 金額範囲検索BOX */
.search-box dl .search-money {
    width: 120px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: right;
    padding: 5px 5px;
}
.search-box dl .search-money input {
    width: 120px;
    background-color: #fff;
    border: 0px solid #707070;
    border-radius: 4px;
    text-align: right;
}
.search-box dl .money-flex {
    display: flex;
    justify-content: space-between;
    width: 330px;
}
.search-box dl .money-flex p {
    margin: auto;
}
/* 履歴複写画面　225.html */
.rirekifukusha {
   display: block;
    width: 100px;
    padding: 7px 10px;
    border-radius: 4px;
    color: #4B5DC6;
    border: solid 3px #4B5DC6;
    background-color: #fff;
    font-weight: bold;
    /* font-size: 12px; */
    text-align: center;
}
/* 履歴複写テーブル */
.rireki-uketori {
    width: 100%;
    table-layout: fixed;
    margin-top: 50px;
    font-size: 14px;
}
.rireki-uketori th {
    background-color:  #1a76d2;
    border: 1px solid #707070;
    color: #fff;
    font-weight: bold;

    font-size: 12px;
}
.rireki-uketori td {
    background-color: #fff;
    border: 1px solid #707070;
    position: relative;
    font-weight: 500;
    vertical-align: middle;
}
/* .rireki-uketori th:nth-child(1) {
    width: 3%;
} */
.rireki-uketori th:nth-child(2) {
    width: 15%;
}
.rireki-uketori th:nth-child(3) {
    width: 15%;
}
.rireki-uketori th:nth-child(4) {
    width: 10%;
}
.rireki-uketori td:nth-child(6) {
    text-align: right;
    padding-right: 5px;
}
.rireki-uketori th:nth-child(7) {
    width: 9%;
}
.rireki-uketori tr:nth-child(odd) td {
    background-color: #eee;
}
.hukusha-btn button {
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    background-color: #1a76d2;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.hukusha-btn {
    text-align: right;
    margin-top: 20px;
}
/* 07/01 PCA連携メニュー122a 検索BOX横並び */
.search-box-pca {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    border: solid 1px #c2c2c2;
    border-bottom: none;
    background-color: #fff;
    /* border: dashed 2px #707070; */
    padding: 0px 5px;
    margin-top: 10px;
}
#pca-renkei p {
    border-radius: 4px;
    border: solid 3px #4B5DC6;
    background-color: #fff;
    color: #4B5DC6;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 100px;
    padding: 7px 10px;
    margin-top: 20px;                                                     
}
#uketori .kanri-number{
    padding-left: 10px;
}
#uketori .kanri-number span{
    margin-right: 5px;                                                                                                                  
}
/* 受取り請求書　履歴複写画面225a */
.search-box-uketori-rireki {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border: solid 1px #c2c2c2;
    border-bottom: none;
    background-color: #fff;
    /* border: dashed 2px #707070; */
    padding: 0px 5px;
    margin-top: 10px;
    width: 100%;
}     
.search-box-uketori-rireki .search-box .button-rireki {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    padding-top: 15px;
}         
.search-box-uketori-rireki .search-box .button-rireki button {     
    display: block;
    padding: 8px 25px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}
/* 受取り請求書　請求書アップロード後　選択画面 222b 07/05 */
.uketori-tag {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    padding: 10px 20px;
    background-color: #D86860;
    color: #fff;
    font-weight: bold;
}
.shozoku-box {
    margin-top: 20px;
}

.shozoku-box dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
.shozoku-box dl dt {
    width: 80px;
    font-weight: bold;
}
.shozoku-box dl dd {
    width: 280px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: center;
    padding: 5px 5px;
}
.upload-pdf {
    table-layout: fixed;
    width: 100%;
    margin-top: 10px;
}
.upload-pdf th {
    border: solid 1px #707070;
    background-color: #4c69a3;
    color: #fff;
    font-weight: bold;
    padding: 6px 3px;
}
.upload-pdf td {
    border: solid 1px #707070;
    /* background-color: #fff; */
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 500;
}
.upload-pdf tr {
    background-color: #fff;
}
.upload-pdf tr:nth-child(odd){
    background-color: #f6f6f6;
}
.upload-pdf tr:nth-child(odd):hover {
    background-color: #fcfade;
}
.upload-pdf tr:nth-child(even):hover {
    background-color: #fcfade;
}
.upload-pdf td .next {
    padding: 8px 16px;
    font-size: 16px;
    background-color: #1a76d2;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 4px;
}
.upload-pdf td .next:hover {
    background-color: #4A4949;
}
.upload-pdf td .delete {
    
    background-color: #fff;
    border: solid 2px  #f54337;
    color:  #f54337;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 5%;
    font-size: 20px;
}
.upload-pdf td .delete:hover {
    background-color: #f54337;
    color: #fff;
}
.upload-pdf .error-img img {
    height: 18px;
    width: 18px;
}
.upload-pdf .error {
    color: #f54337;
    font-weight: 600;
    padding-left: 5px;
    font-size: 14px;
}
.upload-pdf th:nth-child(3) {
    width: 120px;
}
.upload-pdf td:nth-child(3) {
    font-size: 14px;
    /* text-align: right; */
}
.upload-pdf th:nth-child(4) {
    width: 120px;  
}
.upload-pdf td:nth-child(4) {
    font-size: 14px;
    /* text-align: right; */
}
.upload-pdf th:nth-child(5) {
    width: 80px;
}
.upload-pdf th:nth-child(6) {
    width: 60px;
}
.upload-pdf td:nth-child(1) {
    text-align: left;
    padding-left: 5px;
}
/* 受取り請求書　登録履歴231.html  07/05*/
.uketori-touroku-rireki {
    position: relative;
    width: 100%;
}
.uketori-touroku-rireki .tab-link {
    width: 100%;
    font-weight: bold;
    margin-right: -1px;
    position: relative;
    z-index: 1;
}
.uketori-touroku-rireki .tab-link li {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: 0;
    padding: 7px 8px;
}
.uketori-touroku-rireki .tab-link li.active {
    color: #3D73BE;
}
.uketori-touroku-rireki .tab-link .orange {
    border-color: #FF8A00;
}
.uketori-touroku-rireki .tab-link .orange.active {
    color: #FF8A00;
}
.uketori-touroku-rireki .touroku-rireki {
    border: 2px solid #E97A2D;
    overflow: hidden;
    /* margin-top: 10px; */
}
.uketori-touroku-rireki .touroku-rireki.orange {
    border-color: #FF8A00;
}
.uketori-touroku-rireki .touroku-rireki.green {
    border-color: #5CB1A7;
}
.uketori-touroku-rireki .touroku-rireki table {
    width: calc(100% + 2px);
    margin: -1px;
    table-layout: fixed;
}
.uketori-touroku-rireki .touroku-rireki tr {
    background-color:  #fff;
 }
.uketori-touroku-rireki .touroku-rireki tr:hover {
   background-color:  #fcfade;
}
.uketori-touroku-rireki .touroku-rireki tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.uketori-touroku-rireki .touroku-rireki tr:nth-child(odd):hover {
    background-color:  #fcfade;
}
.uketori-touroku-rireki .touroku-rireki table tr:nth-child(even) {
    background-color: #fff;
}
.uketori-touroku-rireki .touroku-rireki tr:nth-child(even):hover {
    background-color:  #fcfade;
}
.uketori-touroku-rireki .touroku-rireki table th {
    border: 1px solid #707070;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
    font-size: 12px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(1) {
    width: 180px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(1) {
    text-align: left;
    padding-left: 5px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(2) {
    width: 80px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(3) span {
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(3) .small {
    text-align: right;
    padding-right: 5px;
    padding-top: 0;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(4) {
   text-align: left;
   padding-left: 5px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(5) {
    width: 80px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(5) {
    text-align: right;
    padding-right: 5px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(6) {
    width: 165px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(7) {
    width: 130px;
}
.uketori-touroku-rireki .touroku-rireki table th:nth-child(8) {
    width: 70px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(8) {
    text-align: left;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(8) img {
    width: 18px;
    height: 18px;
    margin-left: 7px;
    margin-right: 5px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(7) .time {
    font-size: 12px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(7) span {
    font-size: 15px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(6) span {
    padding-top: 2px;
}
.uketori-touroku-rireki .touroku-rireki td .time {
    font-size: 12px;
}
.uketori-touroku-rireki .touroku-rireki table td span {
    text-align: right;
    padding-right: 5px;
    display: block;
}
.uketori-touroku-rireki .touroku-rireki table td .small {
    font-size: 12px;
    display: block;
    padding-top: 3px;
}
.uketori-touroku-rireki .tab-content {
    width: 100%;
}
.uketori-touroku-rireki .touroku-rireki th {
    background-color: #E97A2D;
    color: #fff;
    text-align: center;
}
.uketori-touroku-rireki .touroku-rireki td span {
    display: block;
    text-align: right;
}
.uketori-touroku-rireki .touroku-rireki table td {
    font-size: 14px;
    font-weight: normal;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(2) {
    font-size: 13px;
}
.uketori-touroku-rireki .flex {
    text-align: right;
}
.uketori-touroku-rireki .approved {
    text-align: right;
}
.uketori-touroku-rireki .approved button {
    border: solid 2px #707070;
    background-color: #fff;
    color: #3D73BE;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-left:5px;
}
.uketori-touroku-rireki .approved button:hover {
    background-color: #4A4949;
    color: #fff;
}
.uketori-touroku-rireki .approved .back {
    background-color: #707070;
    border: solid 2px #707070;
    color: #fff;
    width: 80px;
} 
.uketori-touroku-rireki .approved button img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.uketori-touroku-rireki  .approved .back-2 {
    background-color: #707070;
    color: #fff;
    width: 80px;
    margin-bottom: 5px;
}
.flex-tag {
    display: flex;
}
.flex-tag .touroku-rireki-uketori {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 2px #E97A2D;
    background-color: #fff;
    color: #E97A2D;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
    margin-left: 10px;
}
/* 07/07 222b.html 受取請求書アップロード後選択画面 */
.pdf {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.pdf .pdf-add {
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    background-color: #E97A2D;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}
.pdf .pdf-hx {
    background-color: #fff;
    display: inline-block;
    padding: 12px 16px;
    border: solid 2px #4c69a3;
    border-radius: 4px;
    color: #4c69a3;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;
}
.pdf .pdf-add:hover {
    background-color: #4A4949;
}
/* 0708 227.html 受取請求書　請求書内容登録画面 */
#invoice_list2 .invoice_row2 {
    display: flex;
    flex-wrap: wrap;
}
#invoice_list2 #two_btn {
    display: flex;
    margin-bottom: 30px;
}
#invoice_list2 .tag {
    width: 130px;
    height: 20px;
    border-radius: 2px;
    background-color: #DE7068;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
    padding: 10px 0;
}
#invoice_list2 .tag-new {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 2px #E97A2D;
    background-color: #fff;
    color: #E97A2D;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list2 .invoice_row2 .col {
    width: 50%;
}
#invoice_list2 .invoice_row2 .col + .col {
    width: 48%;
    margin-left: 2%;
}
#invoice_list2 .invoice_row2 .col iframe {
    width: 100%;
    height:100%;
}
#invoice_list2 .invoice_row2 .col .shozoku {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
#invoice_list2 .invoice_row2 .col .shozoku dt {
    width: 110px;
    font-weight: bold;
    color: #047180;
}
#invoice_list2 .invoice_row2 .col .shozoku dd {
    width: 450px;
    background-color: #fff;
    border: 2px solid #047180;
    border-radius: 4px;
    text-align: center;
    padding: 5px 5px;
}
#invoice_list2 .invoice_row2 .col .search-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    width: 100%;
    margin-left: 0px;
}
#invoice_list2 .invoice_row2 .col .search-box dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
#invoice_list2 .invoice_row2 .col .search-box dl dd {
    width: 450px;
    border: 1px solid #3D73BE;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
#invoice_list2 .invoice_row2 .col .search-box dl dd input {
    width: 420px;
    text-align: left;
}
#invoice_list2 .invoice_row2 .col .search-box dt {
    width: 110px;
}
#invoice_list2 .invoice_row2 .col .search-box button {
    padding: 6px 8px;
    background-color: #1A76D2;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    margin-left: -2px;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .search-box button:hover {
    background-color: #4A4949;
}
#invoice_list2 .invoice_row2 .col .sky-blue {
    background-color: #1a76d2;
    color: #fff;
    padding: 8px 10px;
    width: 100px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: -10px;
    margin-top: 20px;
}
#invoice_list2 .invoice_row2 .col .blue {
    background-color: #344B77;
    color: #fff;
    padding: 8px 10px;
    width: 100px;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}
#invoice_list2 .invoice_row2 .col .search-result {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    /* padding-top: 10px; */
    width: 100%;
}
#invoice_list2 .invoice_row2 .col .search-result dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
#invoice_list2 .invoice_row2 .col .search-result dt {
    width: 110px;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .search-result dd {
    border: 1px solid #707070;
    width: 450px;
    background-color: #fff;
    border-radius: 4px;
    /* text-align: center; */
    padding: 5px 5px;
}
#invoice_list2 .invoice_row2 .col .add-input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: normal;
    width: 100%;
}
#invoice_list2 .invoice_row2 .col .add-input dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
}
#invoice_list2 .invoice_row2 .col .add-input dt {
    width: 110px;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .add-input dd {
    border: 1px solid #707070;
    width: 450px;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 5px;
}
#invoice_list2 .invoice_row2 .col .add-input dd input {
    width: 450px;
    background-color: #fff;
    border: 0px solid #707070;
} 
#invoice_list2 .invoice_row2 .col .money-check {
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
    background-color: #fff;
}
#invoice_list2 .invoice_row2 .col .money-check input {
    border: none;
    text-align: right;
    width: 100%;
}
#invoice_list2 .invoice_row2 .col .money-check th {
    border: solid 1px #707070;
    vertical-align: middle;
}
#invoice_list2 .invoice_row2 .col .money-check td {
    border: solid 1px #707070;
    text-align: right;
    padding-right: 5px;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(1) {
    background-color: #C1DBDA;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(1) td {
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(1) input {
    font-weight: bold;
    width: 100%;
    background-color: #C1DBDA;
}
#invoice_list2 .invoice_row2 .col .money-check th:nth-child(1) {
    color: #047180;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .money-check th:last-of-type {
    color: #344B77;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .col .money-check tr .none {
    background-color: #eee;
}
#invoice_list2 .invoice_row2 .flex .next {
    display: inline-block;
    width: 100px;
    height: 50px;
    border: 0;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0 0 auto;
    margin-top: 30px;
}
#invoice_list2 .invoice_row2 .flex .next:hover {
    background-color: #4A4949;
}
/* 0709 228.html 仕訳登録画面 */
#invoice_list2 .invoice_row2 .shiwake {
    table-layout: fixed;
    width: 100%;
    margin-top: 30px;
    background-color: #fff;
}
#invoice_list2 .invoice_row2 .shiwake th {
    border: solid 1px #707070;
    vertical-align: middle;
    background-color: #344B77;
    color: #fff;
    font-weight: bold;
    padding: 3px 0px;
}
#invoice_list2 .invoice_row2 .shiwake th:last-of-type {
    background-color: #bbbbbb;
    color: #4A4949;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(4) {
    width: 12%;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(5) {
    width: 8%;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(6) {
    width: 10%;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(7) {
    width: 20%;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(8) {
    width: 8%;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(9) {
    width: 8%;
}
#invoice_list2 .invoice_row2 .shiwake td {
    border: solid 1px #707070;
    text-align: center;
    padding-right: 5px;
}
#invoice_list2 .invoice_row2 .shiwake td select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#invoice_list2 .invoice_row2 .shiwake tr .money {
    text-align: right;
    padding-right: 5px;
}
#invoice_list2 .invoice_row2 .shiwake th:nth-child(1) {
    background-color: #F2F1EF;
    border: none;
    width: 32px;
}
#invoice_list2 .invoice_row2 .shiwake td:nth-child(1) {
    background-color: #F2F1EF;
    border: none;
    width: 32px;
}
#invoice_list2 .invoice_row2 .shiwake td:nth-child(7) {
    width: 16%;
    text-align: left;
}
#invoice_list2 .invoice_row2 .shiwake td button {
    position:relative;
    border: none;
    width: 32px;
    overflow: hidden;
	cursor: pointer;
}
#invoice_list2 .invoice_row2 .shiwake td button img {
    display: block;
    width: 24px;
    height: 24px;
}
.img-after {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
}
#invoice_list2 .invoice_row2 .shiwake td button:hover .img-before{
    visibility:hidden;
}
#invoice_list2 .invoice_row2 .shiwake td button:hover .img-after{
    visibility:visible;
}
#invoice_list2 .invoice_row2 .shiwake td input {
    border: 0;
    width: 100%;
    text-align: center;
}
#invoice_list2 .invoice_row2 .shiwake tr .money input {
    border: 0;
    width: 100%;
    text-align: right;
}
#invoice_list2 .invoice_row2 .shiwake tr td .tekiyo {
    display: block;
    border: 0;
    resize: none;
    width: 100%;
    height: 60px;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}
#invoice_list2 .invoice_row2 .shiwake .sum {
    background-color: #C1DBDA;
}
#invoice_list2 .invoice_row2 .shiwake .sum td {
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .shiwake .sum td:nth-child(4){
    color: #047180;
}
#invoice_list2 .invoice_row2 .shiwake .sum td:nth-child(7){
    color: #344B77;
    text-align: center;
}
/* #invoice_list2 .invoice_row2 .shiwake .sum td:nth-child(2){
    background-color: #F2F1EF;
    border: 0;
}
#invoice_list2 .invoice_row2 .shiwake .sum td:nth-child(3){
    background-color: #F2F1EF;
    border: 0;
} */
#invoice_list2 .invoice_row2 .shiwake .sum td:last-of-type {
    background-color: #bbbbbb;
    color: #4A4949;
}
#invoice_list2 .invoice_row2 .shiwake .pink {
    background-color: #FDE2E1;
}
#invoice_list2 .invoice_row2 .shiwake .pink td {
    font-weight: bold;
    text-align: center;
}
#invoice_list2 .invoice_row2 .shiwake .pink .money {
    text-align: right;
}
#invoice_list2 .invoice_row2 .shiwake .pink td button {
    font-weight: bold;
    color: #fff;
    background-color: #D92B00;
    border: 0;
    margin-right:5px;
}
#invoice_list2 .invoice_row2 .shiwake .pink td button:hover {
    background-color: #4A4949;
}
#invoice_list2 .invoice_row2 .shiwake .pink .red {
    color: #D92B00;
    font-weight: bold;
}
#invoice_list2 .invoice_row2 .hosoku {
    margin-top: 20px;
    font-weight: bold;
    color: #047180;
    display: block;
    font-size: 20px;
    line-height: 30px;
}
#invoice_list2 .invoice_row2 textarea {
    display: block;
    margin-top: 10px;
    width: 100%;
    /* height: 100px; */
    background-color: #fff;
    border: 1px solid #707070;
    color: #4A4949;
    box-sizing: border-box;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    line-height: 20px;
    padding: 9px 15px;
}
#invoice_list2 .invoice_row2 .col .touroku {
    table-layout: fixed;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}
#invoice_list2 .invoice_row2 .col .touroku th {
    border: solid 1px #707070;
    vertical-align: middle;
    color: #fff;
    background-color: #047180;
    font-weight: bold;
    padding: 3px 0px;
}
#invoice_list2 .invoice_row2 .col .touroku th:nth-child(1){
    width: 40%;
}
#invoice_list2 .invoice_row2 .shiwake-rireki {
    margin-left: 32px;
    margin-top: 20px;
    margin-bottom: -28px;
    background-color: #1A76D2;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    border: 0;
    padding: 6px 12px;
    font-size: 14px;
}
#invoice_list2 .invoice_row2 .shiwake-rireki:hover {
    background-color: #4A4949;
}
#invoice_list2 .invoice_row2 .col .yobidashi {
    margin-top: 20px;
    margin-bottom: 2px;
    background-color: #D92B00;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    border: 0;
    padding: 6px 12px;
    font-size: 14px;
}
#invoice_list2 .invoice_row2 .col .yobidashi:hover {
    background-color: #4A4949;
}
#invoice_list2 .invoice_row2 .shiwake .pink td:nth-child(2) {
    background-color: #F2F1EF;
    border: 0;
}
#invoice_list2 .invoice_row2 .shiwake .pink td:nth-child(3) {
    background-color: #F2F1EF;
    border: 0;
}
#invoice_list2 .invoice_row2 .shiwake .pink td:nth-child(9) {
    background-color: #F2F1EF;
    border: 0;
}
#invoice_list2 .invoice_row2 .flex {
    display: flex;
    margin: 0 0 0 auto;
}
#invoice_list2 .invoice_row2 .flex .cancel {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: solid 2px #1A76D2;
    color: #1A76D2;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .cancel:hover {
    background-color: #1A76D2;
    color: #fff;
}
#invoice_list2 .invoice_row2 .flex .orange {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    color: #fff;
    border-radius: 5px;
    background-color: #E77358;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .orange:hover {
    background-color: #4A4949;
}
/* 07/11 */
.shozoku-box dd select{
    border: 0;
    width: 100%;
    text-align: left;
}
.flex-btn {
    text-align: right;
}
.flex-btn .cancel {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: solid 2px #1A76D2;
    color: #1A76D2;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
.flex-btn .cancel:hover {
    background-color: #1A76D2;
    color: #fff;
}
.flex-btn .next {
    display: inline-block;
    width: 100px;
    height: 50px;
    border: 0;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0 0 auto;
    margin-top: 30px;
}
.flex-btn .next:hover {
    background-color: #4A4949;
}
/* 請求書ファイルアップロード画面　223.html */
.file-up {
    width: 100%;
    height: 100%;
    border: dashed 3px #707070;
    background-color: #fff;
}
.file-up img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    padding-top: 140px;
}
.file-up p {
    text-align: center;
    margin-top: 50px;
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    color: #707070;
}
.file-up .invoice_file {
    display: block;
    text-align: center;
}
.file-up .invoice_file label {
    margin: 0 auto;
    margin-top: 40px;
}
.file-up .file {
    background-color: none;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-left: 5px;
}
.file-up  input[type="file"] {
    display: none;
}
#invoice_list2 .invoice_row2 .flex .skip {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: solid 2px #344B77;
    color: #344B77;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .skip:hover {
    background-color: #344B77;
    color: #fff;
}
.pdf .pdf-hx:hover {
    background-color: #4c69a3;
    color: #fff;
}
.pdf .invoice-hx:hover {
    background-color: #E97A2D;
    color: #fff;
}
.pdf .invoice-hx {
    background-color: #fff;
    display: inline-block;
    padding: 12px 16px;
    border: solid 2px #E97A2D;
    border-radius: 4px;
    color: #E97A2D;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;

}
/* 通知一覧 225,html 受取請求書　07/12 */
.notification {
    position: relative;
    width: 100%;
}
.notification .tab-link {
    width: 100%;
    font-weight: bold;
    margin-right: -1px;
    position: relative;
    z-index: 1;
}
.notification .tab-link li {
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: 0;
    padding: 7px 19px;
}
.notification .tab-link .red {
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #f54337;
    /* color: #f54337; */
    border-bottom: 0;
    padding: 7px 19px;
}
.notification .tab-link li.active {
    color: #3D73BE;
}
.notification .tab-link .red.active {
    color: #f54337;
}
.notification .tab-link .green {
    border-color: #009588;
}
.notification .tab-link .green.active {
    color: #009588;
}
.notification .notification-table {
    border: 2px solid #3D73BE;
    overflow: hidden;
}
.notification .notification-table.orange {
    border-color: #FF8A00;
}
.notification .notification-table.green {
    border-color: #5CB1A7;
}
.notification .notification-table table {
    width: calc(100% + 2px);
    margin: -1px;
    table-layout: fixed;
}
.notification .notification-table tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.notification .notification-table tr:nth-child(odd):hover {
    background-color: #fcfade;
}
.notification .notification-table table tr:nth-child(even) {
    background-color: #fff;
}
.notification .notification-table tr:nth-child(even):hover {
    background-color: #fcfade;
}
.notification .notification-table table th {
    border: 1px solid #707070;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
}
.notification .notification-table table th {
    position: relative;
}
.notification .notification-table table th span {
    position: absolute;
    top: 4px;
    left: 5px;
}
/* .notification .notification-table table .time {
    width: 120px;
    text-align: right;
} */
.notification .tab-content {
    width: 100%;
}

.notification .notification-table th {
    background-color: #3D73BE;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.notification .notification-table td span {
    display: block;
    text-align: right;
    padding-right: 5px;
}
.notification .notification-table td .new {
    display: inline-block;
    text-align: left;
    padding-right: 2px;
    margin-top: -8px;
    font-size: 10px;
    margin: 0;
    color: #1a76d2;
}
.notification .notification-table table td {
    font-size: 14px;
    font-weight: normal;
}
.notification .flex {
    text-align: right;
}
.notification .notification-table th:nth-child(1) {
    width: 140px;
}
.notification .notification-table td:nth-child(1) {
    font-size: 12px;
}
.notification .notification-table th:nth-child(2) {
    width: 70px;
}
.notification .notification-table td:nth-child(2) {
    text-align: left;
}
.notification .notification-table th:nth-child(3) {
    width: 150px;
}
.notification .notification-table td:nth-child(3) {
    text-align: left;
    padding-left: 5px;
}
.notification .notification-table td:nth-child(4) {
    text-align: left;
    padding-left: 5px;
}
.notification .notification-table td:nth-child(5) {
    text-align: left;
    padding-left: 5px;
}
.notification .notification-table th:nth-child(6) {
    width: 70px;
}
.notification .notification-table td:nth-child(6) {
    text-align: right;
    padding-right: 5px;
}
.notification .notification-table th:nth-child(7) {
    width: 80px;
}
.notification .notification-table td:nth-child(7) {
    font-size: 12px;
}
.notification .notification-table th:nth-child(8) {
    width: 120px;
}
.notification .notification-table td:nth-child(8) {
    font-size: 12px;
}
.notification .notification-table th:nth-child(9) {
    width: 30px;
}
.notification .notification-table td img {
    width: 16px;
    height: 16px;
    /* margin-right: 5px; */
    margin-left: 7px;
}
.notification .approved {
    text-align: right;
    /* margin-top: 20px; */
    /* margin-bottom: -10px; */
}
.notification .approved button {
    border: solid 2px #4A4949;
    background-color: #fff;
    color: rgba(0, 149, 136);
    font-size: 16px;
    vertical-align: middle;
    font-weight: bold;
    padding: 8px 12px;
    border-radius: 4px;
}
.notification .approved button:hover {
    background-color: #4A4949;
    color: #fff;
}
.notification .approved button img {
    width: 18px;
    height: 18px;
    margin-right: 2px;
    vertical-align: middle;
}
/* 13u.html 受取り請求書　承認画面　07/13 */
#invoice_list .invoice_row .col iframe {
    width: 100%;
    height: 100%;
}
/* #invoice_list .pink {
    background-color: #009588;
} */
/* 13u.html 07/14 承認経路スタイル */
#invoice_list .invoice_row .col table caption {
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}
#invoice_list .invoice_row .col table caption img {
    padding-left: 4px;
    width: 25px;
    height: 25px;
}
#invoice_list .invoice_row .col table {
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
}
#invoice_list .invoice_row .col table  th {
    /* border: solid 1px #707070; */
    text-align: left;
    vertical-align: middle;
    width: 60px;
    font-weight: bold;
    font-size: 12px;
}
#invoice_list .invoice_row .col table td:nth-child(2) {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
    width: 20px;
    border: none;
}
#invoice_list .invoice_row .col table  td:nth-child(3) {
    background-color: #fff;
    font-weight: bold;
    border-top-left-radius: 4px;
    height: 30px;
    text-align: center;
}
#invoice_list .invoice_row .col table  td:nth-child(4) {
    /* background-color: #fff; */
    /* font-weight: bold; */
    /* font-weight: 500; */
    border-top-left-radius: 4px;
    width: 90px;
    font-size: 12px;
    border: 0;
    vertical-align: bottom;
    text-align: right;
    /* color: #009588; */
    /* color: #047180; */
    color: black;
}
#invoice_list .invoice_row .col table tr:nth-child(even) td {
    background-color: #F2F1EF;
    border: none;
    height: 30px;
}
#invoice_list .invoice_row .col table td:nth-child(3) img {
    height: 16px;
    width:  16px;
}
#invoice_list .invoice_row .col table td span {
    margin-right: 10px;
    display: inline-block;
}
#invoice_list .invoice_row .col table td .red {
    color: #D92B00;
    font-size: 10px;
    padding-left: 2px;
}
#invoice_list .invoice_row .col table td .time {
    margin-right: 5px;
    display: block;
    text-align: right;
    font-size: 10px;
    color: #009588;
}
#invoice_list .invoice_row .col table td .msg {
    color: #047180;
    padding: 5px 0px;
    display: block;
}
#invoice_list .col .invoice-content {
    width: 100%;
    table-layout: fixed;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 0 !important;
}
#invoice_list .col .invoice-content th{
    border: solid 1px #707070;
    font-weight: bold;
    text-align: center !important;
    color: #047180;
}
#invoice_list .col .invoice-content td{
    border: solid 1px #707070 !important;
    background-color: #fff !important;
    font-weight: bold;
}
#invoice_list .col .invoice-content th:nth-child(1){
    width: 220px;
}
#invoice_list .col .invoice-content th:nth-child(2){
    width: 220px;
}
#invoice_list .col .invoice-content th:nth-child(3){
    width: 140px;
}
#invoice_list .col .invoice-content th:nth-child(4){
    width: 140px;
}
#invoice_list .col .invoice-content td:nth-child(2){
    text-align: center !important;
    font-size: 12px;
}
#invoice_list .col .invoice-content td:nth-child(4){
    text-align: center !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    color: #4A4949 !important;
}
#invoice_list .col .invoice-point {
    margin-bottom: 20px;
}
#invoice_list .col .invoice-point dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: normal;
    padding-top: 10px;
    width: 100%;
}
#invoice_list .col .invoice-point dl dt {
    width: 80px;
    font-weight: bold;
}
#invoice_list .col .invoice-point dl dd {
    border: 1px solid #707070;
    background-color: #FCFADE;
    text-align: center;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 25px;
    padding: 6px 10px;
    width: 100%;
}
#invoice_list .invoice_row .col3 .flex .send-back{
    background-color: #1a76d2;
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    /* background-color: #E77358; */
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_row .col3 .flex {
    text-align: right;
    margin: 20px 0px;
}
#invoice_list .invoice_row .col3 .flex button {
    background-color: #9475CC;
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    /* background-color: #E77358; */
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_row .col3 .flex button:hover {
    background-color: #4A4949;
}
#invoice_list .invoice_row .col3 .flex .send-back:hover {
    background-color: #4A4949;
}
/* 1000.html 承認経路設定画面　07/15 受取請求書 */
#invoice_list .invoice_row .col #keiro {
    table-layout: fixed;
    width: 100%;
    margin-top: -40px;
}
#invoice_list .invoice_row .col #keiro caption {
    margin-bottom: -20px;
}
#invoice_list .invoice_row .col #keiro tr:nth-child(even) td:nth-child(3){
    background-color: #fff;
}
#invoice_list .invoice_row .col #keiro tr:nth-child(odd) td {
    background-color: #F2F1EF;
    border: none;
    height: 30px;
}
#invoice_list .invoice_row .col #keiro th:nth-child(1){
    width: 100px;
}
#invoice_list .invoice_row .col #keiro td:nth-child(2){
    vertical-align: middle;
    width: 75px;
    background-color: #F2F1EF;
    margin: 0 auto;
}
#invoice_list .invoice_row .col #keiro td:nth-child(3){
   border: solid 1px #707070;
}
/* #invoice_list .invoice_row .col #keiro td:nth-child(4){
   vertical-align: middle;
   margin: auto 0;
   text-align: center;
   line-height: 14px;
   width: 60px;
   font-weight: bold;
   color: #047180;
} */
#invoice_list .invoice_row .col #keiro td span {
    display: inline-block;
    margin-right: 10px;
}
#invoice_list .invoice_row .col #keiro td .wariate {
    background-color: #0084EB;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 11px;
    font-weight: bold;
    font-size: 12px;
    float: left;
}
#invoice_list .invoice_row .col #keiro td .wariate:hover {
    background-color: #4A4949;
}
#invoice_list .invoice_row .col #keiro td .detail_check input {
    border: 0;
    display: none;
}
#invoice_list .invoice_row .col #keiro tr:nth-child(12) td:nth-child(3){
    background-color: #FDE2E1;
}
#invoice_list .invoice_row .col #keiro tr:last-child td:nth-child(3){
    background-color: #FDE2E1;
}
/*受取　差戻しされ後　修正画面 */
#invoice_list .tag-fix {
    width: 100px;
    height: 20px;
    border-radius: 6px;
    border: solid 3px #1a76d2;
    background-color: #fff;
    color: #1a76d2;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
/* 修正箇所水色に */
#invoice_list .col .invoice-point dl .pink {
    background-color: #eaf4fa;
}
/* 取り消しボタン */
#invoice_list .invoice_row .col3 .flex .delete {
    background-color: #fff;
    display: inline-block;
    width: 120px;
    height: 50px;
    border: solid 3px #1a76d2;
    border-radius: 5px;
    color: #1a76d2;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_row .col3 .flex .delete:hover {
    background-color: #1a76d2;
    color: #fff;
}
#invoice_list .invoice_row .col3 .flex .blue {
    color: #fff;
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    border-radius: 5px;
    background-color: #1a76d2;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
/* 修正画面　13s2.html */
#invoice_list .col .invoice-point dl .pink input {
    /* border: 1px solid #707070; */
    border: 0;
    background-color: #eaf4fa;
    text-align: center;
    border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 25px;
    /* padding: 6px 10px; */
    width: 100%;
}
/* 07/16 承認履歴一覧 230.html*/
.uketori-approve {
    position: relative;
    width: 100%;
}
.uketori-approve .tab-link {
    width: 100%;
    font-weight: bold;
    margin-right: -1px;
    position: relative;
    z-index: 1;
}
.uketori-approve .tab-link li {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: 0;
    padding: 5px 8px;
}
.uketori-approve .tab-link .red {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #f54337;
    /* color: #f54337; */
    border-bottom: 0;
    padding: 5px 8px;
}
.uketori-approve .tab-link .orange {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #FF8A00;
    border-bottom: 0;
    padding: 5px 8px;
}
.uketori-approve .tab-link li.active {
    color: #3D73BE;
}
.uketori-approve .tab-link .red.active {
    color: #f54337;
}
.uketori-approve .tab-link .orange.active {
    color: #FF8A00;
}
.uketori-approve .tab-link .green {
    border-color: #009588;
}
.uketori-approve .tab-link .green.active {
    color: #009588;
}
.uketori-approve .approved-list {
    border: 2px solid #009588;
    overflow: hidden;
}
.uketori-approve .approved-list.orange {
    border-color: #FF8A00;
}
.uketori-approve .approved-list.green {
    border-color: #5CB1A7;
}
.uketori-approve .approved-list table {
    width: calc(100% + 2px);
    margin: -1px;
    table-layout: fixed;
}
.uketori-approve .approved-list tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.uketori-approve .approved-list tr:nth-child(odd):hover {
    background-color: #fcfade;
}
.uketori-approve .approved-list table tr:nth-child(even) {
    background-color: #fff;
}
.uketori-approve .approved-list tr:nth-child(even):hover {
    background-color: #fcfade;
}
.uketori-approve .approved-list table th {
    border: 1px solid #707070;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
}
.uketori-approve .approved-list table th {
    position: relative;
}
.uketori-approve .approved-list table th span {
    position: absolute;
    top: 4px;
    left: 5px;
}
.uketori-approve .tab-content {
    width: 100%;
}
.uketori-approve .approved-list th {
    background-color: #009588;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.uketori-approve .approved-list td span {
    display: block;
    text-align: right;
    padding-right: 5px;
}
.uketori-approve .approved-list table td {
    font-size: 14px;
    font-weight: normal;
}
.uketori-approve .flex {
    text-align: right;
}
.uketori-approve .approved-list th:nth-child(1) {
    width: 190px;
}
.uketori-approve .approved-list td:nth-child(1) {
    font-size: 12px;
    text-align: right;
    padding-bottom: 3px;
}
.uketori-approve .approved-list td:nth-child(2) {
    text-align: left;
    padding-left: 5px;
}
.uketori-approve .approved-list td:nth-child(3) {
    text-align: left;
    padding-left: 5px;
}
.uketori-approve .approved-list td:nth-child(4) {
    text-align: left;
    padding-left: 5px;
}
.uketori-approve .approved-list th:nth-child(2) {
    width: 150px;
}
.uketori-approve .approved-list th:nth-child(5) {
    width: 85px;
}
.uketori-approve .approved-list td:nth-child(5) {
    text-align: right;
    padding-right: 5px;
}
.uketori-approve .approved-list th:nth-child(6) {
    width: 165px;
}
.uketori-approve .approved-list th:nth-child(7) {
    width: 140px;
}
.uketori-approve .approved-list td img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.uketori-approve .approved {
    text-align: right;
}
.uketori-approve .approved button {
    border: solid 2px #707070;
    background-color: #fff;
    color: #3D73BE;
    vertical-align: middle;
    font-weight: bold;
    padding: 8px 12px;
    border-radius: 4px;
}
.uketori-approve .approved button:hover {
    background-color: #4A4949;
    color: #fff;
}
.uketori-approve .approved button img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.uketori-approve .approved .back {
    background-color: #707070;
    color: #fff;
    width: 80px;
} 
.uketori-approve .approved .back-2 {
    background-color: #707070;
    color: #fff;
    width: 80px;
    margin-bottom: 5px;
} 
/* 07/16 */
.uketori-approve .approved-list td:nth-child(1) span {
    margin-top: -6px;
    font-size: 14px;
}
.uketori-approve .approved-list td .other {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.uketori-approve .approved-list td .other .tag{
    display: block;
    border: solid 2px #009588;
    background-color: #fff;
    color: #009588;
    padding: 1px 4px;
    border-radius: 4px;
    margin-left: 2px;
    margin-top: 8px;
    font-size: 12px;
}
.uketori-approve .approved-list td .other .time {
    font-size: 12px;
    display: block;
    margin: auto 0;
}
/* 請求書管理番号 */
.uketori-approve .approved-list td .small {
    font-size: 12px;
    display: block;
}
.uketori-approve .approved-list td .time {
    font-size: 12px;
}
.uketori-approve .approved-list td:nth-child(1) .time-me {
    font-size: 12px;
    display: block;
    padding: 5px 5px;
}
.uketori-approve-hx {
    display: block;
    width: 100px;
    padding: 7px 10px;
    border-radius: 4px;
    color: #9475CC;
    border: solid 3px #9475CC;
    background-color: #fff;
    font-weight: bold;
    /* font-size: 12px; */
    text-align: center;
}


/* 登録履歴から見る承認画面 13u2.html 
  仕訳詳細ボタン----*/
#invoice_list .invoice_row .col3 .flex .shiwake {
    background-color: #fff;
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 3px solid #707070;
    border-radius: 5px;
    color: #047180;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
}
#invoice_list .invoice_row .col3 .flex .shiwake:hover {
    background-color: #eee;
}
/* 登録履歴検索画面 　07/17*/
.touroku-rireki-kensaku-midasi {
width: 750px;
margin: 0 auto;
}
.touroku-rireki-kensaku-midasi .touroku-rireki-kensaku {
    display: block;
    width: 100px;
    padding: 7px 10px;
    border-radius: 4px;
    color: #E97A2D;
    border: solid 3px #E97A2D;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
}
/* 登録履歴　タイムスタンプ検証結果表示画面　232.html 07/18 */
/* .uketori-touroku-rireki .result-list {
    margin-bottom: -30px;
    background-color: #fff;
}
.uketori-touroku-rireki .result-list p .success {
    color: #1A76D2;
    font-size: 16px;
    margin-right: 10px;
}
.uketori-touroku-rireki .result-list p .failure {
    color: #D92B00;
    font-size: 16px;
} */
/* 0721 承認画面　計上担当者　支払い担当者 pinkに */
#invoice_list .invoice_row .col table tr:nth-child(13) td:nth-child(3) {
    background: #FDE2E1;
}
#invoice_list .invoice_row .col table tr:nth-child(21) td:nth-child(3) {
    background: #FDE2E1;
}
/* 0725 回覧前請求書　13u3.html */
#invoice_list .tag-before {
    width: 120px;
    height: 20px;
    border-radius: 6px;
    border: solid 3px #009588;
    background-color: #fff;
    color: #009588;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
/* 重複時エラー　222b.html */
.upload-pdf .dup {
    color: #1a76d2;
    font-weight: 600;
    font-size: 14px;
}
.upload-pdf .dup-img img {
    height: 18px;
    width: 18px;
}
/* 0725 対象外・非課税　227.html */
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(4) th:nth-child(3) {
    background-color: #eee;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(4) td:nth-child(4) {
    background-color: #eee;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(5) th:nth-child(3) {
    background-color: #eee;
}
#invoice_list2 .invoice_row2 .col .money-check tr:nth-child(5) td:nth-child(4) {
    background-color: #eee;
}
/* 13u系統のもの　サイドバー固定にするため */
#invoice_list .invoice_row .col3 {
    width: 100%;
    margin-left: 40%;
    margin-top: 100px;
}
/* 0727 登録履歴　タイムスタンプ認証画面 */
.touroku-rireki td img {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}
/* 修正画面　取引先検索画面 */
#invoice_list2 .invoice_row2 .col .fix-cmt {
    display: block;
    align-items: center;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
}
#invoice_list2 .invoice_row2 .col .fix-cmt dt {
    font-weight: bold;
    color: #fff;
    background-color: #344B77;
    text-align: center;
    padding: 4px 10px;
    width: 100px;
}
#invoice_list2 .invoice_row2 .col .fix-cmt dd {
    background-color: #fff;
    border: 1px solid #4A4949;
    border-radius: 4px;
    text-align: left;
    padding: 5px;
    padding-bottom: 10px;
}
#invoice_list2 .invoice_row2 .col .fix-cmt dd p {
    background-color: #eaf4fa;
    padding: 2px;
    margin-bottom: 5px;
}
#invoice_list2 {
    height: 100%;
}
#invoice_list2 .delete button {
    background-color: #fff;
    color: #f54337;
    font-weight: bold;
    border: solid 2px #f54337;
    border-radius: 4px;
    padding: 8px 10px;
    float: right;
    margin-bottom: 2px;
    /* font-size: 16px; */
}
#invoice_list2 .delete button:hover {
    background-color: #f54337;
    color: #fff;
}
#invoice_list2 .delete {
    width: 100%;
    height: 100%;
}
#invoice_list2 .delete iframe {
    width: 100%;
    height: 100%;
}
#invoice_list .tag-set {
    width: 140px;
    height: 20px;
    border-radius: 6px;
    border: solid 3px #1a76d2;
    background-color: #fff;
    color: #1a76d2;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 0;
}
#invoice_list .set button {
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 0;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 20px;
    float: right;
    margin-top: 30px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(1) img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
.uketori-touroku-rireki .touroku-rireki table td:nth-child(1) span {
    text-align: left;
    display: inline-block;
}
.uketori-touroku-rireki .result-list {
    background-color: #fff;
    width: 40%;
    padding: 8px 10px;
    border: dashed 2px #E97A2D;
}
.uketori-touroku-rireki .result-list p {
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-top: 5px;
}
.uketori-touroku-rireki .result-list p .success {
    color: #009588;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
}
.uketori-touroku-rireki .result-list p .failure {
    color: #D86860;
    font-weight: bold;
}
.uketori-touroku-rireki .result-list p .all {
   font-weight: bold;
}
/* 231.html アップロード履歴 */
.uketori-touroku-rireki .upload {
    border: 2px solid #4c69a3;
    overflow: hidden;
    /* margin-top: 10px; */
}
.uketori-touroku-rireki .upload table {
    width: calc(100% + 2px);
    margin: -1px;
}
.uketori-touroku-rireki .upload th {
    background-color: #4c69a3;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding: 4px 10px;
}
.uketori-touroku-rireki .upload td {
    text-align: left;
    padding-left: 5px;
}
.uketori-touroku-rireki .upload tr {
    background-color: #fff;
}
.uketori-touroku-rireki .upload tr:hover {
    background-color: #fcfade;
}
.uketori-touroku-rireki .upload tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.uketori-touroku-rireki .upload tr:nth-child(odd):hover {
    background-color: #fcfade;
}
.uketori-touroku-rireki .upload th:nth-child(1) {
    width: 180px;
}
.uketori-touroku-rireki .upload th:nth-child(3) {
    width: 200px;
}
.uketori-touroku-rireki .upload td:nth-child(3) {
    text-align: center;
}
.uketori-touroku-rireki .upload th:nth-child(4) {
    width: 120px;
}
.uketori-touroku-rireki .upload td:nth-child(4) {
    text-align: right;
    padding-right: 5px;
}
.uketori-touroku-rireki .tab-link .navy {
    border-color: #4c69a3;
}
.uketori-touroku-rireki .approved .orange {
    border: solid 2px #707070;
    color: #4A4949;
}
/* 226.html 削除画面 */
#invoice_list2 .delete .cancel {
    background-color: #fff;
    color: #1a76d2;
    font-weight: bold;
    border: solid 2px #1a76d2;
    border-radius: 4px;
    padding: 8px 10px;
    float: right;
    margin-bottom: 2px;
    margin-right: 3px;
}
#invoice_list2 .delete .cancel:hover {
    background-color: #1a76d2;
    color: #fff;
}
/* 回覧フロー切り替えボタン */
.route-type {
    text-align: left;
    padding-bottom: 20px;
}
.route-type button.active {
    background-color: #E77358;
    color: white;
}
.route-type button {
    padding: 5px 10px;
    background-color: white;
    margin-right: -5px;
}
/* タイムスタンプ検証中画面 */
.uketori-touroku-rireki .inspection {
    background-color: #fff;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
    border: solid 1px #c2c2c2;
    margin: 0 auto;
    margin-bottom: 40px;
    
}
.uketori-touroku-rireki .inspection .flex {
    display: flex;
    justify-content: center;
}
.uketori-touroku-rireki .inspection p {
    text-align: center;
    font-size: 25px;
    
}
.uketori-touroku-rireki .inspection  img {
    margin-right: 5px;
    position: absolute;
    top: 0px;
    width: 10%;
    height: 10%;
}

.uketori-touroku-rireki .inspection .small {
    font-size: 14px;
    margin-top: 20px;
}
.uketori-touroku-rireki .loading-list .loading{
    width:20px;
    height:20px;
    border-radius:19px;
    border:3px solid #1A76D2;
    border-top-color:rgba(0,0,0,0.3);
    box-sizing:border-box;
    margin-left: 7px;
    margin-right: 5px;
    animation:loading 1.2s linear infinite;
    -webkit-animation:loading 1.2s linear infinite;
}
@keyframes loading{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
#invoice_list .col p{
    text-align: right;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}
/* PCA連携メニュー08/07 */
#uketori .p-flex {
    display: flex;
    justify-content: space-between;
    padding: 6px 4px;
}
#uketori .p-flex p .no0 {
    color: #dd4042;
    background-color: #fff;
    border: solid 2px #dd4042;
    padding: 4px 10px;
    border-radius: 2px;
    margin-left: 5px;
    font-weight: bold;
}
#uketori .p-flex p .no2 {
    color: #009588;
    background-color: #fff;
    border: solid 2px #009588;
    padding: 4px 10px;
    border-radius: 2px;
    margin-left: 5px;
    font-weight: bold;
}
#uketori .p-flex p .no1 {
    color: #4c69a3;
    border: solid 2px #4c69a3;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    margin-left: 5px;
    font-weight: bold;
}
#uketori .p-warning p .no3 {
    color: #4A4949;
    border: solid 2px #4c69a3;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    margin-left: 5px;
    font-weight: bold;
}
#uketori .p-warning p img {
    height: 18px;
    width: 18px;
    padding: 2px 3px;
   vertical-align: middle;
   margin-bottom: 2px;
}
#uketori .p-warning p .no4 {
    color: #4A4949;
    border: solid 2px #4c69a3;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    margin-left: 5px;
    font-weight: bold;
}
.pca-button .seikyusho-kensaku {
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    color: #4c69a3;
    border-radius: 4px;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;
    border: solid 2px #707070;
}
.pca-button .seikyusho-kensaku:hover {
    background-color: #4A4949;
    color: #fff;
}
.pca-button .seikyusho-kensaku img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.p-warning {
    background-color: #DB6B71;
    display: flex;
    color: #fff;
    font-weight: bold;
    justify-content: space-between;
    padding: 6px 4px;
}
.pca-seikyusho {
    display: block;
    padding: 8px 25px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
    width: 1200px;
    margin-top: 10px;
}
#uketori:hover {
    background-color: #fcfade;
}
/* PCA連携メニュー　法人選択122f.html */
.pca-keijyo {
    width: 500px;
    padding: 10px 20px;
    border: dashed 3px #047180;
    background-color: #fff;
    margin: auto;
    margin-top: 80px;
}
.pca-keijyo p{
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pca-keijyo .radio {
   font-size: 20px;
   margin-left: 20px;
   text-align: center;
}
.pca-keijyo .radio div {
    margin-bottom: 10px;
    text-align: left;
}
.pca-keijyo .radio input {
    width: 25px;
    height: 25px;
    margin-right: 7px;
    accent-color: #047180;
}
.pca-keijyo .radio button{
    display: inline-block;
    padding: 12px 16px;
    border: 0;
    background-color: #E97A2D;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 50px;
    margin-bottom: 10px;
}
.pca-keijyo button:hover {
    background-color: #4A4949;
    color: #fff;
}
.pca-tag {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    padding: 10px 20px;
    background-color: #E77358;
    color: #fff;
    font-weight: bold;
    justify-content: space-between;
}
.between {
    justify-content: space-between;
    display: flex;
}
.between .flex {
    display: flex;
    margin-top: 35px;
}
.between .flex p {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
}
.between .flex p input {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    margin-bottom: 2px;
}
/* 登録履歴　タイムスタンプ検証中の間の画面232b.html */
.uketori-touroku-rireki .loading-list {
    border: 2px solid #E97A2D;
    overflow: hidden;
}
.uketori-touroku-rireki .loading-list table {
    width: calc(100% + 2px);
    margin: -1px;
    table-layout: fixed;
}
.uketori-touroku-rireki .loading-list tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.uketori-touroku-rireki .loading-list tr:nth-child(odd):hover {
    background-color:  #fcfade;
}
.uketori-touroku-rireki .loading-list table tr:nth-child(even) {
    background-color: #fff;
}
.uketori-touroku-rireki .loading-list tr:nth-child(even):hover {
    background-color:  #fcfade;
}
.uketori-touroku-rireki .loading-list th {
    background-color: #E97A2D;
    color: #fff;
    text-align: center;
}
.uketori-touroku-rireki .loading-list table td:nth-child(1) {
    text-align: left;
}
.uketori-touroku-rireki .loading-list table td:nth-child(2) {
    text-align: left;
    padding-left: 5px;
}
.uketori-touroku-rireki .loading-list table td:nth-child(8) {
    font-size: 14px;
    padding: 0px 3px;
}

/* .uketori-touroku-rireki .loading-list table td:nth-child(9) {
    text-align: right;
    padding-right: 5px;
} */
.uketori-touroku-rireki .loading-list table td .flex {
    display: flex;
}
.uketori-touroku-rireki .loading-list table td img {
    width: 18px;
    height: 18px;
    margin-left: 7px;
    margin-right: 5px;
}
.uketori-touroku-rireki .loading-list table td span {
    display: block;
    font-size: 13px;
    padding: 3px;
}
.uketori-touroku-rireki .loading-list table td .small {
    font-size: 12px;
    padding: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(1) {
    width: 85px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(2) {
    width: 280px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(3) {
    width: 90px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(4) {
    width: 90px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(5) {
    width: 100px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(6) {
    width: 130px;
}
.uketori-touroku-rireki .loading-list table th:nth-child(9) {
    width: 100px;
}
/* 08/10 PCA連携検索部分 */
.button-search-all {
    display: flex;
    justify-content: center;
    /* padding-top: 10px; */
    margin-bottom: 50px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-top: none;
    padding-bottom: 20px;
}
.button-search-all button {
    display: block;
    padding: 12px 25px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 5px;
}
.button-search-all .clear {
    background-color: #fff;
    color:#4B5DC6;
    border: solid 2px #4B5DC6;
}
.button-search-all button:hover {
    background-color: #4A4949;
    color: #fff;
}
.search-box dl .border-none {
    border: solid 1px #707070;
    /* display: flex; */
    text-align: left;
    padding: 10px 5px;
}
.search-box dl .border-none .checkbox-style {
    border: none;
    font-size: 16px;
    padding-bottom:  3px;
    display: flex;
}
.search-box dl .border-none .checkbox-style input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.search-box dl .border-none .checkbox-style span {
    font-size: 14px;
    /* display: block; */
    margin-left: 5px;
    padding: 2px 0px; 
}
.search-box dl .border-none .checkbox-style .span2 {
    font-size: 14px;
    color: #dd4042;
    margin-left: 5px;
    padding: 2px 0px; 
}
#invoice_list .col .ID_keyword {
    text-align: left;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #047180;
    font-weight: bold;
}
.pca-keijyo .radio div span {
    color: #dd4042;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}
.notification .notification-table table #pink {
    background-color: rgba(253, 226, 225,0.2);
    border: solid 1.5px #dd4042;
}
.notification .notification-table table #pink:hover {
    background-color: #fcfade;
}
.notification .notification-table table #pink .red {
    color: #dd4042;
    font-weight: bold;
}
.notification .notification-table table #pink .red {
    /* margin-left: 18px; */
    display: block;
    margin-left: 30px;
    margin-top: -20px;
}
.pca-keijyo .radio div span img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
/* PCA連携確認画面 */
#uketori .seikyusho-check {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
    font-size: 14px;
}
#uketori .seikyusho-check th {
    background-color: #4c69a3;
    border: 1px solid #707070;
    color: #fff;
    /* padding: 3px 5px; */
    font-weight: bold;
    font-size: 12px;
}
#uketori .seikyusho-check td {
    background-color: #fff;
    border: 1px solid #707070;
    position: relative;
    font-weight: 500;
    vertical-align: middle;
    padding: 3px;
}
#uketori .seikyusho-check th:nth-child(1) {
    width: 8%;
}
#uketori .seikyusho-check th:nth-child(2) {
    width: 8%;
}
#uketori .seikyusho-check td:nth-child(2) {
    font-size: 13px;
}
#uketori .seikyusho-check th:nth-child(3) {
    width: 8%;
}
#uketori .seikyusho-check td:nth-child(3) {
    font-size: 13px;
}
#uketori .seikyusho-check th:nth-child(4) {
    width: 8%;
}
#uketori .seikyusho-check td:nth-child(4) {
    font-size: 13px;
}
#uketori .seikyusho-check th:nth-child(5) {
    width: 15%;
}
#uketori .seikyusho-check th:nth-child(6) {
    width: 18%;
}
#uketori .seikyusho-check th:nth-child(7) {
    width: 20%;
}
#uketori .seikyusho-check th:nth-child(8) {
    width: 8%;
}
#uketori .seikyusho-check td:nth-child(8) {
    width: 10%;
    text-align: right;
    padding-right: 10px;
}
/* 仕訳テーブル */
#uketori .kanjyokamoku-check {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
}
#uketori .kanjyokamoku-check th {
    background-color: #4a85b9;
    border: 1px solid #707070;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
#uketori .kanjyokamoku-check td {
    background-color: #fff;
    border: 1px solid #707070;
    position: relative;
    font-weight: bold;
    vertical-align: middle;
}
#uketori .kanjyokamoku-check tr:nth-child(odd) td {
    background-color: #f6f6f6;
}
/* #uketori .kanjyokamoku-check th:nth-child(1) {
    width: 3%;
} */
#uketori .kanjyokamoku-check th:nth-child(1) {
    width: 4%;
}
#uketori .kanjyokamoku-check th:nth-child(2) {
    width: 10%;
}
#uketori .kanjyokamoku-check th:nth-child(3) {
    width: 10%;
}
#uketori .kanjyokamoku-check th:nth-child(4) {
    width: 12%;
}
#uketori .kanjyokamoku-check th:nth-child(5) {
    width: 7%;
}
#uketori .kanjyokamoku-check td:nth-child(5) {
    text-align: right;
    padding-right: 5px;
}
#uketori .kanjyokamoku-check th:nth-child(6) {
    width: 7%;
}
#uketori .kanjyokamoku-check th:nth-child(7) {
    width:15%;
}
#uketori .kanjyokamoku-check th:nth-child(8) {
    width: 5%;
}
#uketori .kanjyokamoku-check td:nth-child(7) {
    text-align: left;
    padding-left: 5px;
}
/* 取引先番号スタイル　PCA連携メニュー */
#uketori .seikyusho td span {
    display: block;
    text-align: right;
    padding-right: 3px;
}
#uketori .seikyusho-check td span {
    display: block;
    text-align: right;
    padding-right: 3px;
}
.pca-button .back {
    display: inline-block;
    padding: 12px 26px;
    border: 0;
    background-color: #707070;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;
}
.pca-button .back:hover {
    background-color: #4A4949;
}
/* .uketori-touroku-rireki .inspection p {
    display: flex;
} */
.uketori-touroku-rireki .inspection .flex .loading{
    width:35px;
    height:35px;
    border-radius:19px;
    border:5px solid #1a76d2;
    border-top-color:rgba(0,0,0,0.3);
    box-sizing:border-box;
    margin-left: -10px;
    margin-right: 5px;
    margin-top: -5px;
    animation:loading 1.2s linear infinite;
    -webkit-animation:loading 1.2s linear infinite;
}
@keyframes loading{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
/* 登録履歴検索画面 */
.search-box-touroku {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    /* padding-left: 15%;
    padding-right: 15%; */
    border: solid 1px #c2c2c2;
    border-bottom: none;
    background-color: #fff;
    padding: 0px 5px;
    margin-top: 10px;
    /* width: 750px; */
}
.button-search-all-touroku {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    padding-top: 30px;
    margin-bottom: 50px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-top: none;
    padding-bottom: 20px;
    padding-right: 10px;
    /* width: 750px; */
}
.button-search-all-touroku button {
    display: block;
    padding: 12px 25px;
    border-radius: 4px;
    background-color: #E97A2D;
    border: solid 1px #E97A2D;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 5px;
}
.button-search-all-touroku button:hover{
    background-color: #4A4949;
    color: #fff;
}
.button-search-all-touroku .clear {
    background-color: #fff;
    color: #E97A2D;
    border: solid 2px #E97A2D;
}
.button-search-all-touroku .clear:hover {
    background-color: #4A4949;
    color: #fff;
    border: solid 2px #4A4949;
}
/*  パスワード再発行申請*/
.form_login .error img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.form_login_inner h2 img {
    margin-right: 7px;
}
.form_login_inner .form_input .pw-box {
    text-align: left;
}
/* 通知履歴検索 */
.search-box-shounin {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    border: solid 1px #c2c2c2;
    border-bottom: none;
    background-color: #fff;
    padding: 0px 5px;
    margin-top: 10px;
}
.button-search-all-shounin {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    margin-bottom: 50px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-top: none;
    padding-bottom: 20px;
    padding-right: 10px;
}
.button-search-all-shounin button {
    display: block;
    padding: 12px 25px;
    border-radius: 4px;
    background-color: #009588;
    border: solid 1px #009588;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 5px;
}
.button-search-all-shounin .clear {
    background-color: #fff;
    color: #009588;;
    border: solid 2px #009588;
}
.button-search-all-shounin button:hover {
    background-color: #4A4949;
}
.button-search-all-shounin .clear:hover {
    background-color: #4A4949;
    color: #fff;
}
/*  */
.button-search-all-shiwake {
    display: flex;
    /* margin: 0 auto; */
    justify-content: center;
    padding-top: 30px;
    margin-bottom: 50px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-top: none;
    padding-bottom: 20px;
    padding-right: 10px;
    width: 100%;
}
.button-search-all-shiwake button {
    display: block;
    padding: 12px 25px;
    border-radius: 4px;
    background-color: #4B5DC6;
    border: solid 1px #4B5DC6;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 5px;
}
.button-search-all-shiwake .clear {
    background-color: #fff;
    color: #4B5DC6;
    border: solid 2px #4B5DC6;
}
.button-search-all-shiwake button:hover {
    background-color: #4A4949;
}
.button-search-all-shiwake .clear:hover {
    background-color: #4A4949;
    color: #fff;
}
.uketori-touroku-rireki .caption {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
} 
.pca-button .cancel {
    display: inline-block;
    padding: 12px 26px;
    border: solid 2px #4A4949;
    background-color: #707070;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 5px;
}
.pca-button .cancel:hover {
    background-color: #4A4949;
}
#uketori .kanjyokamoku td .loading {
    width: 24px;
    height: 24px;
    border-radius: 23px;
    border: 3px solid #1A76D2;
    border-top-color: rgba(0,0,0,0.3);
    box-sizing: border-box;
    animation: loading 1.2s linear infinite;
    -webkit-animation: loading 1.2s linear infinite;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    /* margin-left: 9px; */
    /* margin-right: 2px; */
}
#uketori .now {
    font-weight: bold;
    font-size: 13px;
}
#uketori .kanjyokamoku td img {
    height: 14px;
    width: 14px;
    margin-right: 2px;
    margin-top: -3px;
}
#uketori .kanjyokamoku td .error {
    font-weight: bold;
    color: #dd4042;
    font-size: 14px;
}
#uketori .kanjyokamoku-check td img {
    height: 14px;
    width: 14px;
    margin-right: 2px;
    margin-top: -3px;
}
#uketori .kanjyokamoku-check td .error {
    font-weight: bold;
    color: #dd4042;
    font-size: 14px;
}
#uketori .kanjyokamoku-check td .loading {
    width: 24px;
    height: 24px;
    border-radius: 23px;
    border: 3px solid #1A76D2;
    border-top-color: rgba(0,0,0,0.3);
    box-sizing: border-box;
    animation: loading 1.2s linear infinite;
    -webkit-animation: loading 1.2s linear infinite;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    /* margin-left: 9px; */
    /* margin-right: 2px; */
}
.consignment_management table.table_sort .pink .small {
    font-size: 11px;
}
.renkei-cancel {
    border: solid 1px #dd4042;
    margin-bottom: 80px;
    padding: 10px 5px;
    width: 605px;
    background-color: #fff;
    border-radius: 2px;

}
.renkei-cancel p {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    padding: 10px;
    color: black;
}
.renkei-cancel input {
    height: 40px;
    width: 350px;
    padding-left: 10px;
    font-size: 18px;
    margin-left: 10px
}
.renkei-cancel .flex {
    display: flex;
    justify-content: end;
    margin-right: 45px;
    margin-top: -40px;
    margin-bottom: 20px;
    width: 580px;
}
.renkei-cancel button {
    background-color: #dd4042;
    color: #fff;
    border-radius: 3px;
    padding: 10px 0px;
    width: 90px;
    border: 0;
    display: block;
    margin-right: 5px;
    font-weight: bold;
}
.renkei-cancel .cancel {
    background-color: #fff;
    color: #707070;
    border: solid 1px #707070;
    font-size: 16px;
}
.renkei-cancel button:hover {
    background-color: #4A4949;
    color: #fff;
}
.search-box-pca .search-box .yohaku {
    margin-top: 20px;
    font-size: 18px;
}
.search-box-pca .search-box .yohaku a {
    height: 30px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    text-decoration: underline 1px;
    color: #dd4042;

}
.search-box-pca .search-box a img {
    height: 14px;
    width: 14px;
    margin-right: 2px;
    margin-top: -3px;
}
#uketori .jikko-bi {
    margin-bottom: 5px;
    margin-left: 4px;
}
#uketori .update-bi {
    margin-bottom: 5px;
    margin-left: 4px;
}
#invoice_list2 .invoice_row2 .flex .approve-back {
    display: inline-block;
    width: 200px;
    height: 50px;
    border: solid 2px #1A76D2;
    color: #1A76D2;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .approve-back:hover {
    background-color: #1A76D2;
    color: #fff;
}
#invoice_list2 .invoice_row2 .flex .torihikisaki-money-back {
    display: inline-block;
    width: 280px;
    height: 50px;
    border: solid 2px #1A76D2;
    color: #1A76D2;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .torihikisaki-money-back:hover {
    background-color: #1A76D2;
    color: #fff;
}
#invoice_list2 .invoice_row2 .flex .shiwake-touroku-he {
    display: inline-block;
    width: 140px;
    height: 50px;
    border: none;
    background-color: #1A76D2;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 30px;
    margin-right: 10px;
}
#invoice_list2 .invoice_row2 .flex .shiwake-touroku-he:hover {
    background-color: #4A4949;
    color: #fff;
}
/* 金額未入力アラート　受取請求書227.html */
#invoice_list2 .invoice_row2 .col .money-none {
    width: 250px;
    padding: 4px 8px;
    background-color: red;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.consignment_management table td:nth-child(2) {
    text-align: left;
}
.consignment_management table.table_sort.houjin_total {
    width: 450px;
}
.consignment_management table.table_sort.houjin_total th:nth-child(3){
    width: 100px;
}
.consignment_management table.table_sort.houjin_total td:nth-child(1){
    text-align: center;
}
.consignment_management table.table_sort.houjin_total td:nth-child(2){
    text-align: right;
    padding-right: 10px;
}
.consignment_management table.table_sort.houjin_total td:nth-child(3){
    padding-right: 0px;
}
.checkall input {
    width:22px;
    height: 22px;
}
/* .selection table td span {
    display: block;
    text-align: left;
}
.selection table th span {
    display: block;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    margin-top: 5px;
    color: blue;
}
.selection .table tr:nth-child(even) td {
    background: #eee;
    text-align: left;
}
.selection .table th input {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.selection .table th {
    font-size: 14px;
    width: 120px;
    text-align: left;
    color: #4A4949;
}
.selection .table td {
    font-weight: normal;
    color: black;
} */
.invoice_completed h4 {
    color: red;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 24px;
}
/* .pca-all-check{
    padding: 5px;
    margin-bottom: 20px;
} */
.zero-minus {
    color: red;
    margin-top: 10px;
    font-size: 16px;
    /* font-weight: bold; */
}
.zero-minus input {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    color: red;
}
/* ここから進捗一覧テーブル */
.uketori-progress-status table{
	width: 100%;
    table-layout: fixed;
    background-color: #fff;
    margin-top: 20px;
    color: #595959;
    border-collapse: separate
}
.uketori-progress-status thead {
    position: sticky;
    top: 62px;
    left: 0;
    z-index: 1;
    background-color: #fff;
  }
.uketori-progress-status  th {
	border: 2px solid #009588;
	border-collapse: collapse;
    font-weight: bold;
    color: #4A4949;
    background-color: #fff;
    padding: 3px;
    height: 25px;
    vertical-align: middle;
}
.uketori-progress-status .none {
    background-color: #F2F1EF;
    border-top: 2px solid #F2F1EF;
    border-right: 1px solid #F2F1EF;
    border-left:  2px solid #F2F1EF;
}
.uketori-progress-status .bumon {
    background-color: #3D73BE;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    border: solid 2px #3D73BE;
    vertical-align: middle;
}
.uketori-progress-status .houjin {
    background-color: #4B5DC6;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    border: solid 2px #3D73BE;
    text-align: center;
    vertical-align: middle;
}
.uketori-progress-status .kairanmae {
    background-color: #009588;
    opacity: 0.9;
    color: #fff;
    font-weight: bold;
    border: solid 2px #009588;
    vertical-align: middle;
}
.uketori-progress-status .all {
    background-color: #E97A2D;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    border: solid 2px #E97A2D;
    vertical-align: middle;
}
.uketori-progress-status .yet {
    background-color: #4B5DC6;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
}
.uketori-progress-status .csv {
    background-color: #348A36;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
}
.uketori-progress-status .ok {
    background-color: #009588;
    opacity: 0.9;
    color: #fff;
    order: solid 1px #009588;
    font-weight: bold;
    vertical-align: middle;
}
.uketori-progress-status .api {
    background-color: #dd4042;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
}
.uketori-progress-status .num {
    background-color: rgba(0, 149, 136,0.62);
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #009588;
}
.uketori-progress-status .blue {
    background-color: rgb(61, 115, 190);
    writing-mode: ver;
    opacity: 0.9;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: solid 2px rgb(61, 115, 190);
}
.uketori-progress-status .red {
    background-color: rgb(216, 104, 96);
    writing-mode: ver;
    opacity: 0.9;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: solid 2px rgb(216, 104, 96);
}
.uketori-progress-status td:nth-child(15) {
    background-color: rgb(61, 115, 190,0.1);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status td:nth-child(16) {
    background-color: rgb(216, 104, 96,0.2);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .num span {
    display: block;
    color: #4A4949;
    font-weight: 600;
    font-size: 12px;
}
.uketori-progress-status  td {
	border: 0.5px solid #009588;
	border-collapse: collapse;
    padding: 3px;
    height: 25px;
    /* font-weight: bold; */
}
.uketori-progress-status tr:nth-child(even) {
	background: #f6f6f6;
}
.uketori-progress-status th:nth-child(1) {
    width: 160px;
}
.uketori-progress-status th:nth-child(2) {
    width: 160px;
}
.uketori-progress-status td:nth-child(n+1):nth-child(-n+2) {
    text-align: left;
}
.uketori-progress-status td:nth-child(n+4):nth-child(-n+13) {
    border: solid 0.5px #009588;
}
.uketori-progress-status td:nth-child(n+14):nth-child(-n+16) {
    border: solid 0.5px #009588;
}
.uketori-progress-status tr:hover {
    background-color: #fcfade;
}
.uketori-progress-status tr td[rowspan] {
    background-color: #fff;
  }
.uketori-progress-status tr td[rowspan]:hover {
    background-color: #fff;
  }
.uketori-progress-status .th {
    pointer-events: none;
}
.uketori-progress-status td:nth-child(17) {
    background-color: rgba(233, 122, 45,0.08);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(1){
    background-color: #E97A2D;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(n+2):nth-child(-n+13){
    background-color: rgba(233, 122, 45,0.08);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(n+16):nth-child(-n+20){
    background-color: rgba(233, 122, 45,0.08);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(14) {
    background-color: rgb(61, 115, 190,0.1);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(15) {
    background-color: rgb(216, 104, 96,0.2);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum td:nth-child(2){
    text-align: center;
}
.uketori-progress-status dl {
    flex-wrap: wrap;
    font-weight: normal;
    padding-top: 10px;
}
.uketori-progress-status dl dt {
    margin-top: 20px;
    margin-bottom: 3px;
    font-weight: bold;
}
.uketori-progress-status dl .date-flex {
    display: flex;
    justify-content: space-between;
    width: 330px;
}
.uketori-progress-status dl .search-date {
    width: 140px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    text-align: center;
    padding: 5px 5px;
}
.uketori-progress-status dl .date-flex p {
    margin: auto;
}
.uketori-progress-status input {
    border: none;
    text-align: center;
}
/* 補足説明のコメント欄 */
.before-authorizer-comment {
    width: 100%;
}
.before-authorizer-comment p {
    margin-bottom: 10px;
    border: solid 1px black;
    background-color: #fff;
}
.before-authorizer-comment .time {
    background-color: rgba(4, 113, 128,0.1);
    padding: 2px;
    margin-bottom: 5px;
}
.before-authorizer-comment span {
    padding-left: 10px;
    padding-bottom: 3px;
}
.pdf .shinchoku {
    background-color: #fff;
    display: inline-block;
    padding: 12px 16px;
    border: solid 2px #4c69a3;
    border-radius: 4px;
    color: #4c69a3;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    margin-right : 5px; 
}
.pdf .shinchoku:hover {
    background-color: #4c69a3;
    color: #fff;
}
/* 補足コメントのスクロール部分 */
#invoice_list textarea::-webkit-scrollbar {
    background: #4A4949;
    width:8px;
    border-radius: 20px;
    direction: rtl;
  }

#invoice_list textarea::-webkit-scrollbar-thumb {
    background-color: rgba(4, 113, 128,0.1);
    border-radius: 20px;
  } 
  /* 進捗一覧の合計テーブルを上theadに持ってくる */
.uketori-progress-status .sum th {
    border: solid 0.5px #009588;
  }
.uketori-progress-status .sum th:nth-child(1) {
    background-color: #E97A2D;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum th:nth-child(n+2):nth-child(-n+13) {
    background-color: rgba(233, 122, 45,0.08);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum th:nth-child(14) {
    background-color: rgb(61, 115, 190,0.1);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum th:nth-child(15) {
    background-color: rgb(216, 104, 96,0.2);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}
.uketori-progress-status .sum th:nth-child(n+16):nth-child(-n+20) {
    background-color: rgba(233, 122, 45,0.08);
    color: #4A4949;
    font-weight: bold;
    text-align: center;
}

/* 通知一覧チェックボックス */
.notification .yet-notification-table .checkbox {
    width: 10px;
    border-right: none;
}
.notification .yet-notification-table th:nth-child(2) {
    width: 140px;
    border-left: none;
}
.notification .yet-notification-table td:nth-child(1) {
    border-right: none;
}
.notification .yet-notification-table td:nth-child(2) {
    font-size: 12px;
    border-left: none;
    text-align: right;
    padding-right: 10px;
}
.notification .yet-notification-table th:nth-child(3) {
    width: 70px;
}
.notification .yet-notification-table td:nth-child(3) {
    text-align: left;
}
.notification .yet-notification-table th:nth-child(4) {
    width: 150px;
}
.notification .yet-notification-table td:nth-child(4) {
    text-align: left;
    padding-left: 5px;
}
.notification .yet-notification-table td:nth-child(5) {
    text-align: left;
    padding-left: 5px;
}
.notification .yet-notification-table td:nth-child(6) {
    text-align: left;
    padding-left: 5px;
}
.notification .yet-notification-table th:nth-child(7) {
    width: 70px;
}
.notification .yet-notification-table td:nth-child(7) {
    text-align: right;
    padding-right: 5px;
}
.notification .yet-notification-table th:nth-child(8) {
    width: 80px;
}
.notification .yet-notification-table td:nth-child(8) {
    font-size: 12px;
}
.notification .yet-notification-table th:nth-child(9)  {
    width: 120px;
}
.notification .yet-notification-table td:nth-child(9) {
    font-size: 12px;
}
.notification .yet-notification-table th:nth-child(10) {
    width: 30px;
}
.notification .yet-notification-table td input {
    width: 20px;
    height: 20px;
}
.mekuraban {
    margin-left: 5px;
    font-size: 16px;
    margin-bottom: 20px;
}
.mekuraban input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.mekuraban button {
    margin-left: 10px;
    color: #fff;
    background-color: #b7478b;
    border: none;
    border-radius: 2px;
    padding: 4px 10px;
}
.mekuraban button:hover {
    background-color: #4A4949;
}
/* ここから未承認一覧のチェックボックスありテーブル */
.notification .yet-notification-table {
    border: 2px solid #3D73BE;
    overflow: hidden;
    display: block;
}
.notification .yet-notification-table.orange {
    border-color: #FF8A00;
}
.notification .yet-notification-table.green {
    border-color: #5CB1A7;
}
.notification .yet-notification-table table {
    width: calc(100% + 2px);
    margin: -1px;
    table-layout: fixed;
}
.notification .yet-notification-table tr:nth-child(odd) {
    background-color: #f6f6f6;
}
.notification .yet-notification-table tr:nth-child(odd):hover {
    background-color: #fcfade;
}
.notification .yet-notification-table table tr:nth-child(even) {
    background-color: #fff;
}
.notification .yet-notification-table tr:nth-child(even):hover {
    background-color: #fcfade;
}
.notification .yet-notification-table table th {
    border: 1px solid #707070;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
}
.notification .yet-notification-table table th {
    position: relative;
}
.notification .yet-notification-table table th span {
    position: absolute;
    top: 4px;
    left: 5px;
}
.notification .yet-notification-table th {
    background-color: #3D73BE;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.notification .yet-notification-table td span {
    display: block;
    text-align: right;
    padding-right: 5px;
}
.notification .yet-notification-table td .new {
    display: inline-block;
    text-align: left;
    padding-right: 2px;
    margin-top: -8px;
    font-size: 10px;
    margin: 0;
    color: #1a76d2;
}
.notification .yet-notification-table table td {
    font-size: 14px;
    font-weight: normal;
}
.notification .yet-notification-table td img {
    width: 16px;
    height: 16px;
    margin-left: 7px;
}
.notification .yet-notification-table table #pink {
    background-color: rgba(253, 226, 225,0.2);
    border: solid 1.5px #dd4042;
}
.notification .yet-notification-table table #pink .red {
    /* margin-left: 18px; */
    display: block;
    margin-left: 30px;
    margin-top: -20px;
    color: #dd4042;
    font-weight: bold;
}
.form_template01 .guide {
    background-color: #FCFADE;
    font-weight: normal;
    padding: 12px 7px;
    margin: 20px 0px;
    line-height: 30px;
}
.form_template01 .guide .red {
    color: #dd4042;
    font-weight: bold;
    padding-bottom: 5px;
    /* margin: 10px 5px; */
}
.form_template01 .blue {
    background-color: rgba(176, 211, 247,0.3);
    color: #274381;
    font-weight: normal;
    padding: 12px 7px;
    margin: 20px 0px;
    line-height: 30px;
}
.form_template01 .douisho {
    background-color: #fff;
    border: #274381 solid 2px;
    color: #274381;
    font-weight: bold;
    font-size: 20px;
    padding: 12px 7px;
    margin: 30px 0px;
    margin-top: 60px;
    line-height: 30px;
}
.form_template01 .shotodoke {
    margin-bottom: 20px;
    padding: 7px 5px;
    line-height: 30px;
    border: 1px solid #c2c2c2;
    background-color: #fff;
}
.form_template01 h2 {
    font-size: 24px;
}
.form_template01 .annai {
    background-color: rgba(0,149,136,0.3);
    /* margin-bottom: 20px; */
    padding: 7px 5px;
}
.form_template01 dd input::placeholder {
    color: #707070;
    opacity: 0.5;
}
.form_template01 td input::placeholder {
    color: #707070;
    opacity: 0.5;
}
.form_template01 dd textarea::placeholder {
    color: #707070;
    opacity: 0.5;
}
.form_template01 dt .red {
    color: red;
    font-weight: normal;
    margin: 6px 0px;
}
.form_template01 .big {
    font-size: 18px;
    margin: 20px 0px 7px 0px;
}
.form_template01 .flex{
    display: flex;
}
.form_template01 .flex input {
    width: 300px;
}
.form_template01 .flex button {
    margin-left: 10px;
    display: block;
    width: 80px;
    border-radius: 5px;
    background-color: #1A76D2;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}
.form_template01 .flex button:hover {
    background-color: #4A4949;
}
.form_template01 dl .jyusho {
    line-height: 30px;
    color: #274381;
    background-color: rgba(176, 211, 247,0.3);
    font-weight: normal;
    padding: 12px 7px;
    margin: 20px 0px;
    border-radius: 4px;
}
.form_template01 .station .gray {
    background-color:  #eee;
}
.form_template01 .gakunen {
    display: flex;
    font-size: 18px;
    flex-wrap: wrap;
    align-items: center;
}
.form_template01 .gakunen input {
    width: 100px;
    margin-right: 5px;
    text-align: center;
}
.form_template01 .checkbox_style label .checkmark-blue {
    display: block;
    width: 23px;
    height: 23px;
    border: 2px solid rgba(0,149,136,0.8);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}
.form_template01 .checkbox_style label .checkmark-blue:before {
    content: '';
    display: none;
    position: absolute;
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid 1px rgba(0,149,136,0.8);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form_template01 .checkbox_style label input:checked ~ .checkmark-blue {
    border-color: rgba(0,149,136,0.8);
    background-color: rgba(0,149,136,0.8);
}
.form_template01 .checkbox_style label input:checked ~ .checkmark-blue:before {
    display: block;
    border-color: #fff;
}
#shotodoke-h1 {
    color: #4A4949;
    font-weight: bold;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 27px;
    margin-top: 60px;
    margin-bottom: 40px;
}
.form_template01 .checkbox_style .small {
    font-size: 18px;
    line-height: 25px;
    padding: 0px 0px 14px 35px;
}
/* 諸届　タブのスタイル　人事対応済み・未対応 */
.form_select_bill .tab-link {
    width: 100%;
    font-weight: bold;
    margin-right: -1px;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}
.form_select_bill .tab-link li {
    /* background-color: #fff; */
    background-color: #3D73BE;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #3D73BE;
    border-bottom: solid 0px #fff;
    padding: 7px 40px;
}
.form_select_bill .tab-link .red {
    /* background-color: #fff; */
    background-color: #f75454;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px 4px 0 0;
    border: 2px solid #f75454;
    /* color: #f54337; */
    border-bottom: 0;
    padding: 7px 40px;
}
.form_select_bill .tab-content {
    width: 550px;
    font-weight: bold;
}
.form_select_bill .tab-content .result_list-yet {
    width: 550px;
    border: solid 2px #f54337;
}
.form_select_bill .tab-content .result_list-done {
    border: solid 2px #3D73BE;
}
.form_select_bill .tab-content .result_list-yet .item{
    display: table;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
    box-sizing: border-box;
    padding: 12px 10px 8px;
    position: relative;
}
.form_select_bill .tab-content .result_list-done .item{
    display: table;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
    box-sizing: border-box;
    padding: 12px 10px 8px;
    position: relative;
}
.form_select_bill .tab-content .result_list-yet .item + .item {
    border-top: 0;
}
.form_select_bill .tab-content .result_list-done .item + .item {
    border-top: 0;
}
.form_select_bill .tab-content .result_list-yet .item > * {
    display: table-cell;
    vertical-align: bottom;
}
.form_select_bill .tab-content .result_list-done .item > * {
    display: table-cell;
    vertical-align: bottom;
}
.form_select_bill .tab-content .result_list-yet .time {
    /* width: 100px; */
    text-align: right;
    font-size: 10px;
    color: #707070;
}
.form_select_bill .tab-content .result_list-done .time {
    /* width: 100px; */
    text-align: right;
    font-size: 12px;
    color: #707070;
}
.form_select_bill .tab-content .result_list-yet .item .txt .name {
    padding-left: 10px;
    font-size: 18px;
    color: #f07633;
}
.form_select_bill .result_list-yet .item .txt .update {
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
}
.form_select_bill .result_list-yet .item .txt {
    padding-left: 10px;
    font-size: 12px;
}
.form_select_bill .tab-content .result_list-done .item .txt .name {
    padding-left: 10px;
    font-size: 18px;
    color: #4874CE;
}
.form_select_bill .result_list-done .item .txt .update {
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
}
.form_select_bill .result_list-done .item .txt {
    padding-left: 10px;
    font-size: 12px;
}
.form_select_bill .jyotyo-ok {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}