:root {
    --table-cell-border-color: #ffb719;
}

.textContent{
    @media screen and (max-width:530px) {
        &.bgNone{
            padding: 0;
        }
    }

    h2{
        text-align: center;
    }

    table{
        width: 100%;

        font-family: "Zen Maru Gothic", serif;
        font-weight: 400;
        font-style: normal;

        @media screen and (max-width:530px) {
            padding: 2px;
        }

        thead{
            th{
                font-size: 22px;
                line-height: 1.4;
                padding: 1em 0 1.5em;
                border-left: 3px dotted var(--table-cell-border-color);
                border-bottom: 3px dotted var(--table-cell-border-color);

                @media screen and (max-width:530px) {
                    &{
                        font-size: 18px;
                        padding: 0.5em;

                        border-left: 2px dotted var(--table-cell-border-color);
                        border-bottom: 2px dotted var(--table-cell-border-color);
                    }
                }

                &:first-child{
                    width: auto;
                    border: none;
                    border-bottom: 3px dotted var(--table-cell-border-color);

                    @media screen and (max-width:530px) {
                        border-bottom: 2px dotted var(--table-cell-border-color);
                    }
                }

                &:nth-child(n+2){
                    width: 40%;

                    @media screen and (max-width:530px) {
                        &{
                            width: 37%;
                        }
                    }
                } 

                br{
                    display: none;

                    @media screen and (max-width:530px) {
                        &{
                            display: block;
                        }
                    }
                }
            }
        }

        tbody{
            th, td{
                padding: 1em;
                border-left: 3px dotted var(--table-cell-border-color);
                border-bottom: 3px dotted var(--table-cell-border-color);

                @media screen and (max-width:530px) {
                    padding: 0.5em;
                    font-size: 15px;
                    border-left: 2px dotted var(--table-cell-border-color);
                    border-bottom: 2px dotted var(--table-cell-border-color);
                }
            }

            th{
                font-size: 22px;
                padding: 0;
                border: none;
                border-bottom: 3px dotted var(--table-cell-border-color);
                text-align: left;

                @media screen and (max-width:530px) {
                    font-size: 16px;
                    padding: 0.5em;
                    border-bottom: 2px dotted var(--table-cell-border-color);
                }
            }

            tr:last-child{
                th, td{
                    border-bottom: none;
                }
            }
        }

        ul{
            li{
                list-style: outside disc;
                margin: 0 0 0 1em;
            }

            ul{
                margin: 0 0 0 1em;
            }
        }

        


        
    }

    #belongings{
        thead{
            th{
                width: 50%;
            }
        }

        tbody{
            td:first-child{
                border-left: none;
            }

            li{
                margin: 0 0 0.5em 1em;
            }
        }

    }

    .note{
        font-size: 15px;
        margin: 20px 15px 0 !important;
    }

}