.error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 161.8%;
    color: #FF4081;
}

.maintenance {
    display: flex;
    align-items: center;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    color: #FF4081;
    background-color: #ffe5e5;
    margin: 0;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 24px 20px;
}

.option {
    text-decoration: none;
}

.option > pre {
    display: flex;
    align-items: center;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    color: #527dc8;
    background-color: #deebf7;
    margin: 0;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 24px 20px;
}

.option > img {
    width: 100%;
}

.heading {
    /* headingSection */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 24px 20px;
    gap: 24px;
    height: 117px;
    /* light_Blue */
    background: #F9F9FC;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 161.8%;
}

.bodysection {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px 20px;
    gap: 24px;
    height: 144px;
    /* light_Blue */
    background: #F9F9FC;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.bodyframe {
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    /* frame_BG */
    background: #EBEBF7;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.bodytitle {
    height: 23px;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    /* identical to box height, or 23px */
    display: flex;
    align-items: center;
    /* textBlue */
    color: #0047BB;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.companyname {
    height: 26px;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 161.8%;
    /* identical to box height, or 26px */
    display: flex;
    align-items: center;
    text-align: center;
    /* textBlack */
    color: #17151F;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 8px auto;
}

.employeename {
    height: 19px;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 161.8%;
    /* or 19px */
    display: flex;
    align-items: center;
    text-align: center;
    /* textBlack */
    color: #17151F;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px auto;
}

.receipt_outer {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 24px;

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}

.receiptlabel {
    height: 23px;
    /* 14px Bold */
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    /* identical to box height, or 23px */
    display: flex;
    align-items: center;
    /* textBlue */
    color: #0047BB;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.receiptno:read-only {
    border: 0px;
}

.receiptno {
    /* inputField */
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    height: 48px;
    /* WHITE */
    background: #FFFFFF;
    /* lightGray_primary */
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;

    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;

}

.line {
    background: #F9F9FC;
    height: 8px;
}

.payer_outer {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 24px;

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}

.payerlabel {
    height: 23px;
    /* 14px Bold */
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    /* identical to box height, or 23px */
    display: flex;
    align-items: center;
    /* textBlue */
    color: #0047BB;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.payer:read-only {
    border: 0px;
}

.payer {
    /* inputField */
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    height: 48px;
    /* WHITE */
    background: #FFFFFF;
    /* lightGray_primary */
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;

    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;

}

.amount_outer {
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 24px;

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    border-bottom: solid 1px #D9D9D9;
}

.amountlabel {
    height: 23px;
    /* 14px Bold */
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 161.8%;
    /* identical to box height, or 23px */
    display: flex;
    align-items: center;
    /* textBlue */
    color: #0047BB;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.amount_inner {
    display: flex;
}

.amount:read-only {
    border: 0px;
}

.amount {
    /* inputField */
    box-sizing: border-box;
    /* Auto layout */

    flex-direction: row;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    width: 90%;
    height: 48px;
    /* WHITE */
    background: #FFFFFF;
    /* lightGray_primary */
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 1;

    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    text-align: right;
}

.en {
    min-width: 20px;
    height: 38px;

    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 190%;
    /* identical to box height, or 38px */

    align-items: center;
    text-align: right;

    /* textBlack */
    color: #17151F;

    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;

    margin-top: auto;

    padding-left: 8px;
}

.next {
    /* btn_inner */


    /* Auto layout */

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 4px;

    width: 286px;
    height: 58px;

    /* primaryColor */

    background: #0047BB;
    border-radius: 68px;
    border: 0px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;

    /* 16px Bold */

    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 161.8%;
    /* identical to box height, or 26px */

    display: flex;
    align-items: center;
    text-align: center;

    /* WHITE */

    color: #FFFFFF;

    filter: drop-shadow(0px 8px 8px rgba(33, 110, 251, 0.28));

}

.next:disabled {
    background: #7da0db;
    filter: none;
}

.button_outer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    gap: 4px;

    flex: none;
    order: 4;
    flex-grow: 0;
    background: #F9F9FC;
}