body {
    /* padding-top: calc(1vh + 10px); */

    header {
        overflow-x: hidden;
        /* margin-top: calc(10vh + 20px); */
        /* background: lavenderblush; */

        /* h1 {
            padding-top: calc(15vh + 50px);
            font-size: calc(1.5vw + 25px);
            text-align: center;
            font-family: "Noto Sans JP", sans-serif;
            letter-spacing: 0.15em;
        } */



        background-image: url("/images/general/teeth2.svg");
        background-size: contain;
        background-repeat: no-repeat;

        /* background: #80aba9; */

        .headerFilter {
            width: 100vw;
            height: 100vh;
            background-color: rgba(255, 255, 255, 0.8);
            background-color: rgba(25, 25, 112, 0.07);
            background-image: url("/images/general/teeth2.svg");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            z-index: 2;
            top: 0;
        }

        h1 {
            font-size: calc(1.5vw + 24px);
            font-weight: bold;
            letter-spacing: 0.1em;
            width: calc(15vw + 180px);
            width: 100vw;
            text-align: center;
            padding: 0;
            margin: 0;
            height: 13vh;
            line-height: 13vh;
            font-family: "Zen Maru Gothic", sans-serif;
        }



        height: 100vh;

        article {
            width: calc(50vw + 200px);
            max-width: 100vw;
            /* background: rgba(255, 255, 255, 0.7); */
            position: absolute;
            top: 50vh;
            left: 50vw;
            transform: translate(-50%, -50%);
            z-index: 3;
            padding: 3vw;

            span,
            p {
                /* background: lemonchiffon; */
                line-height: 2;
                font-size: calc(0.7vw + 18px);
            }

            .f {
                margin-top: calc(18vh - 80px);
                margin-bottom: calc(5vh + 0px);
            }
        }

        .container {
            display: none;
        }




    }

    main {

        h3 {
            text-align: center;
            font-weight: bold;
            padding: calc(8vh + 20px) 0 calc(2vh + 20px);
            letter-spacing: 0.1em;
            font-size: calc(0.7vw + 18px);
            font-family: "Zen Maru Gothic", sans-serif;
        }

        h4 {
            text-align: center;
            font-weight: bold;
            padding: calc(8vh + 20px) 0 calc(2vh + 20px);
            letter-spacing: 0.05em;
            font-size: calc(0.6vw + 17px);
            font-family: "Zen Maru Gothic", sans-serif;
        }





        article {
            width: calc(50vw + 200px);
            max-width: 93vw;
            margin: 0 auto;

            h2 {
                padding: calc(10vh + 20px) 0 calc(7vh + 20px);
                font-size: calc(1.5vw + 19px);
                text-align: center;
                font-weight: bold;
                font-family: "Noto Sans JP", sans-serif;
                font-family: "Noto Serif JP", sans-serif;
                font-family: "Zen Maru Gothic", sans-serif;
            }

            p {
                line-height: 1.9;
            }

            span {
                background: linear-gradient(to top, moccasin 25%, transparent 25%);
                font-weight: bold;
            }

            img {
                width: 49%;
                display: inline;
            }
        }

        .dentureTable1 {
            width: 100%;
            margin-top: calc(5vh + 30px);

            thead,
            tbody {
                tr {

                    th,
                    td {
                        /* font-weight: bold; */
                        border: solid 1.5px black;
                        padding: 10px;
                        text-align: center;
                    }
                }
            }

            .oo {
                background: hsl(200, 100%, 98%);

            }

            .o {
                background: hsl(100, 100%, 98%);
            }

            .d {

                background: hsl(30, 100%, 98%);
            }

            .x {
                background: hsl(100, 100%, 95%);
                background: hsl(300, 100%, 98%);
            }
        }

        thead {
            /* color: white;
            background: cornflowerblue; */
            font-weight: normal;
        }

    }
}