:root {
    --toastify-toast-width: 300px;
}

.Toastify__toast-body>div:nth-child(2) {
    font-size: 1.2rem;
}

@media screen and (max-width:480px) {
    .Toastify__toast-body>div:nth-child(2) {
        font-size: .8rem;
    }
}

main {
    display: block;
    /* IE対策に追加 */
}

.simulation-wrap {
    margin-top: 4rem;
    margin-bottom: 1rem;
}

.top-text-content-grid {
    display: grid;
    grid-template-columns: 4fr 5fr .5fr;
    grid-gap: 2rem;
    margin: 2rem .5rem;
    padding: 1rem 2rem;
    background-color: #0e2f92;
    border-radius: .5rem;
}

.form-frame {
    margin: 1px 0;
    padding: 1em;
    background-color: #f8f9fa;
}

.link-img-content {
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
    border-radius: .5rem;
}
.tax-account-corporation {
    background-image: url("./img/tax-account-corporation.webp");
}
.question {
    background-image: url(./img/question.webp);
}
.tax-advoicer {
    background-image: url(./img/tax-advoicer.webp);
}
.loan-service{
    background-image: url(./img/loan-service.webp);
}
.financing-method{
    background-image: url(./img/financing-method.webp);
}
.free-bill{
    background-image: url(./img/free-bill.png);
}
.desc2>p, .simulation-wrap {
    margin-bottom: 1rem;
}

.content-title {
    font-size: 1.4rem;
}

.no-pointer {
    pointer-events: none;
}

.list-style-disc {
    list-style-type: disc;
    padding-left: 1rem;
}

.required-box {
    margin-left: 20px;
    background: #ff0000;
    color: #ffffff;
}

.top-text-content-grid>div:nth-child(2) {
    color: white;
    font-size: 1.65rem;
    display: flex;
    align-items: center;
}

.top-text-content-grid>div:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-text-content-grid-2 {
    background-color: #d49b2d;
}

.top-text-content-grid-2>div>img {
    max-width: 160px;
}

.top-text-content-grid-3{
    background-color: #5bb1ff;
}

/*TOAST*/

.Toastify__toast-container--top-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*INPUT*/

.table-top-notification-mark-area {
    position: relative;
    margin: 0.5rem 5rem;
    font-size: 0.8rem;
}

.table-top-notification-mark {
    margin-right: .5rem;
}

.input-require::after {
    content: " *";
    color: red;
    position: absolute;
}

.simulation-form-upper {
    position: relative;
}

.simulation-form-upper, .simulation-form-lower {
    padding: 1rem 3rem;
    padding-bottom: 1px;
    background-color: #f8f9fa;
}

.total {
    font-weight: bold;
    pointer-events: none;
}

.number-error-label {
    float: right;
}

.number-error-label>p {
    font-size: 1.2rem;
    margin-top: -10px;
}

.number-error-label>p>span {
    margin: 0 1rem;
}

.under {
    border-bottom: solid 1px;
}

.input-box {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 1rem 0;
}

.input-bottom {
    margin-bottom: 0;
}

.simulation-lower {
    border-top: 1px solid #fff;
    padding-top: 0px;
}

.input-box-c-1>div:first-child {
    position: relative;
}

.input-box-3-helpicon {
    position: relative;
}

input::placeholder, textarea::placeholder, .date-placeholder {
    font-size: 0.8rem;
    color: lightgray;
    text-align: right;
    padding: .3rem 0
}

.input-box>div:nth-child(1) {
    display: flex;
    align-items: center;
}

.input-box>div>label {
    font-size: 1.2rem;
}

.inputFrame {
    position: relative;
}

input, textarea {
    font-size: 1.2rem;
    height: 2.5rem;
    border-radius: .3rem;
    border: 1px solid rgba(0, 0, 255, .4196078431372549);
    padding: .3rem 2rem .3rem .5rem;
}

input[type="text"], input[type="number"], textarea {
    width: 100%;
}

input[type="text"]::placeholder, input[type="number"]::placeholder, textarea::placeholder {
    text-align: left;
}

textarea {
    resize: none;
    height: auto;
}

.input-date {
    font-size: 1.2rem;
    height: 2.5rem;
    border-radius: .3rem;
    border: 1px solid rgba(0, 0, 255, .4196078431372549);
    padding: .3rem 2rem .3rem .5rem;
    background-color: white;
}

.clearButton {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 4px !important;
    top: 18px !important;
    cursor: pointer;
}

.text-center {
    text-align: center;
}

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

.red {
    color: red !important;
}

.blue {
    color: blue;
}

.white {
    color: white !important;
}

.black {
    color: black;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.simulation-input-area {
    width: min(95%, 95vw);
    /*overflow-x: scroll;*/
    margin: 0 auto;
}/*

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, .input-number::-webkit-outer-spin-button, .input-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"], .input-number {
    -moz-appearance: textfield;
    font-size: 16px;
} */

.add-content-first-box {
    text-align: center;
}

#add-content-first {
    font-size: 1rem;
    font-weight: bold;
    border: 0px;
    padding: 0.5rem 2rem;
    border-radius: .3rem;
    color: white;
    background-color: darkgray;
    width: 280px;
    cursor: pointer;
}

.simulation-form-title {
    display: flex;
    justify-content: space-between;
}

.moveup_button, .movedown_button {
    border: 0px;
    border-radius: .3rem;
    background-color: darkgray;
    cursor: pointer;
}

.up-down-arrow {
    width: 1.0rem;
    height: 1.0rem;
}

.trash-icon {
    width: 1.5rem;
    position: relative;
    cursor: pointer;
}

/* PDF Preview */
.pdf-preview {
    padding: 2rem 1rem;
    background-color: #E8E8E8;
    padding-bottom: 1rem;
    margin-top: 1rem !important;
}

.pdf-preview-title {
    font-size: 2.6rem;
    display: inline;
    padding-bottom: .0rem;
    padding-left: .1rem;
}

.pdf-preview-title-print {
    box-shadow: initial !important;
    display: inline-block;
    padding-bottom: 2px;
    padding-left: .8rem;
}

.pdf-preview-title-parent {
    text-align: center;
    margin-bottom: 2rem;
}

.pdf-preview-date>p {
    margin: 0.5rem;
}

.pdf-preview-date {
    margin-bottom: 0.5rem;
}

.pdf-preview-company>p {
    margin: 0.5rem;
}

.tg {
    width: 100%;
    border-collapse: collapse;
    /* border: solid 1px black; */
    margin: 0 auto;
    table-layout: auto;
}

.detail-area {
    min-height: 300px;
    height: 725px;
    vertical-align: top;
    padding-top: 20px;
    white-space: pre-wrap;
}

.tg td, .tg th {
    border: solid 1px black;
    /* overflow: hidden; */
    padding: 12px 12px;
    text-align: center;
}

.tg th {
    background-color: lightgray;
}

.tg .no-border {
    border: 0;
}

.tg>thead>tr>th:nth-child(1), .tg>thead>tr>th:nth-child(3), .tg>thead>tr>th:nth-child(4), .tg>thead>tr>th:nth-child(6), .tg>thead>tr>th:nth-child(7) {
    width: 80px;
}

.tg>thead>tr>th:nth-child(5) {
    width: 110px;
}

.tg>thead>tr>th:nth-child(2), .tg>thead>tr>th:nth-child(8) {
    width: 150px;
}

.row-wrap {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.row-nowrap {
    white-space: nowrap;
}

.letter-space {
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
}

.row-tatal-space {
    padding: 0 16px !important;
    white-space: nowrap;
}

.row-space-bu {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.row-space-kamoku {
    letter-spacing: 1rem;
}

/*プレビュー枠線*/

.tableRowhidden {
    /*visibility: collapse;*/
    display: none;
}

.tableRowhiddenReverse {
    visibility: initial;
}

.border-top {
    border-top: 1px solid black !important;
}

.border-top-none {
    border-top: 0px solid black !important;
}

.border-bottom-none {
    border-bottom: 0px solid black !important;
}

.unavailable {
    pointer-events: none;
    opacity: 0.5;
}

/*PDF*/

.pdf-area {
    height: .001px;
    width: 90vw;
    overflow-x: scroll;
}

.pdfArea {
    padding: .5rem 2rem;
}

.pdfAreaTitile {
    font-size: 1.5rem;
    margin-left: 0px;
}

.input-label {
    display: block;
}

.pdf-button-area {
    margin-bottom: 3rem;
    margin-top: 0rem;
    text-align: center;
}

.pdf-save-button-area {
    margin: 2rem;
}

.createPreviewButton {
    padding: .9rem 2rem;
}

#select_unit {
    width: 150px;
    font-size: 1rem;
}

#clientName {
    width: 100%;
    padding: 0 1rem;
}

/* .calenderArea {
   position: relative;
} */

.react-datepicker__header>div {
    text-align: center;
}

.react-datepicker__header>div>select {
    font-size: 1rem;
    margin: 0 .5rem;
    padding: 0 .5rem;
}

.react-datepicker__header>div>select:nth-child(2) {
    margin-right: 0px;
}

.calenderArea>div>div>button {
    width: 170px;
    font-size: 1rem;
}

#select_unit, #clientName, .calenderArea>div>div>button {
    border: 1px solid black;
    border-radius: .3rem;
    background-color: white;
}

#exportPdf, .createPreviewButton {
    font-size: 1.5rem;
    padding: .5rem 2rem;
    border-radius: .5rem;
    border: 0px;
    background-color: #0d82df;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

#exportPdf:hover {
    opacity: 0.7;
}

.a4 {
    width: 210mm;
    min-height: 297mm;
    padding: 1cm;
}

.pdf-content {
    width: 170mm;
    height: 277mm;
    position: relative;
    font-size: 13px !important;
}

.pdf-title {
    font-size: 32px;
    text-align: center;
    margin: 1rem 0;
    margin-bottom: 3rem;
}

.pdf-area-flex {
    margin: .3rem .5rem;
    display: flex;
}

.pdf-area-flex-right {
    margin-left: auto;
}

.pdf-table-area {
    width: 100%;
    font-size: 13px;
}

/*PDF Footer*/

.bottom-label {
    margin-top: 2rem;
    text-align: center;
}

.bottom-label>img {
    width: 50px;
    margin-right: 1rem;
}

.top-mobile-about-box {
    position: relative;
    /*padding: 0 1.7rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

/* MOBILE */

@media(max-width:480px) {
    .simulation-wrap {
        margin: 2rem 0;
        margin-bottom: 0px;
    }
    .top-text-content-grid {
        grid-template-columns: 1fr;
        grid-gap: .5rem;
        padding: 1rem 1rem;
    }
    .top-text-content-grid>div:nth-child(2) {
        font-size: 5.4vw;
        display: initial;
    }
    .top-text-content-grid>div:nth-child(3) {
        display: none;
    }
    .linkArrowAbsolute {
        position: absolute;
        right: 0px;
        bottom: .3rem;
    }
    .react-datepicker__header>div>select {
        margin: 0 .2rem;
        padding: 0 .3rem;
    }
    .pdf-preview {
        overflow-x: scroll;
    }

    .pdfArea>.pdf-button-area {
        margin-top: 1rem;
    }
    .simulation-form-upper, .simulation-form-lower {
        margin: 0px;
        padding: 1rem 1rem;
    }
    .input-box>div>label {
        font-size: 1rem;
    }
    .number-error-label>p {
        font-size: 1rem;
    }
    .select-span-grid-area, #simulation-Table {
        margin-left: 3px;
    }
    .date-picker-button:after {
        margin-left: .5rem;
    }

    .tg {
        width: max-content;
    }
}

.columB ul {
    margin-left: 12px;
}