@media (min-width: 680px) {
    :root {
        --commonTabletWidth: calc(50vw + 210px);
        --footerRightHeight: calc(30dvh - 130px);
        --mapHeight: calc(31dvh + 25px);
    }

    body {
        #click {
            top: var(--clickPosition);
        }

        #phone {
            display: none;
        }

        #shita {
            display: block;
        }

        .now-loading {

            .miharaSvg {
                left: 10%;
                top: 20%;
                transform: translate(-10%, -20%);
                width: calc(24vw + 200px);
            }

            .dentalSvg {
                width: calc(20vw + 170px);
            }

            .clinicSvg {
                width: calc(19vw + 155px);
                top: 80dvh;
                left: 85vw;
                transform: translate(-85%, -80%);
            }
        }

        footer {


            .footer-left {
                .footer-title-wrapper {

                    width: calc(40vw + 200px);
                    width: var(--commonTabletWidth);

                    .footer-icon {
                        width: calc(5dvh + 45px);
                        height: calc(5dvh + 45px);
                    }

                    .footer-title {
                        margin-left: 0.6vw;
                        height: calc(5dvh + 45px);

                        .title,
                        .title-a {
                            height: calc(3.5dvh + 30px);
                            line-height: calc(3.5dvh + 30px);
                            font-size: clamp(30.6px, calc(1.9vw + 0.9vh + 10px), 50px);
                        }

                        .title-a {
                            font-size: clamp(18.5px, calc(0.9vw + 0.45vh + 11px), 50px);
                            height: calc(1.5dvh + 15px);
                            line-height: calc(1.5dvh + 15px);
                        }
                    }
                }

                address {
                    width: calc(37vw + 170px);
                    width: var(--commonTabletWidth);
                    font-size: calc(1.7vw + 18px);
                    font-size: calc(0.8vw + 0.4vh + 18px);
                    height: calc(22.5dvh + 30px);



                    .phone {
                        .phoneNum {
                            font-size: calc(2.3vw + 30px);
                            font-size: calc(1.1vw + 0.55vh + 30px);
                            height: 12dvh;
                            line-height: 12dvh;
                        }

                        .phoneImage {
                            padding: 0;
                            margin-right: 1dvh;
                            height: 12dvh;
                            width: 4dvh;
                        }
                    }


                }

                .map {
                    padding: calc(1vw + 1dvh) calc(calc(1vw + 1dvh) * 2.36);
                }


            }


            .footer-right {

                height: var(--footerRightHeight);
                padding: 0.5dvh 0;

                ul {
                    width: var(--commonTabletWidth);

                    li {
                        height: calc(calc(var(--footerRightHeight) - 1dvh) / 2);
                        line-height: calc(calc(var(--footerRightHeight) - 1dvh) / 2);

                        a {
                            font-size: calc(0.8vw + 16px);
                            font-size: calc(0.4vw + 0.2vh + 16px);
                        }


                    }
                }
            }

            small {
                font-size: calc(0.2vw + 0.1dvh + 18px);
                height: 10.5dvh;
                line-height: 10.5dvh;
            }

        }
    }
}

@media (min-width: 1025px) {
    :root {
        --clicksize: clamp(60px, calc(12vw), 65px);
        --clickPosition: clamp(35px, calc(10vw - 20px), 45px);
        --bgmposition: 20px;
        --ueShitaPhone: calc(1vw + 40px);
        --uspp: calc(5% - 5px);
        --girlPosition: calc(20vw - 200px);
        --mapHeight: calc(43dvh - 2px);
        --footerRightHeight: calc(25dvh - 103px);
        --commonTabletWidth: calc(45vw + 210px);
    }

    body {

        #ue {
            bottom: calc(16vh + 10px);
        }

        #ue:hover,
        #shita:hover {
            background: rgba(0, 0, 102, 0.3);
        }



        #nav {
            .diamond {
                display: block;
            }

            ul {
                height: var(--navHeight);
                /* margin-top: 10svh; */

                li {
                    height: calc(var(--navHeight) / 8);
                    line-height: calc(var(--navHeight) / 8);
                    font-size: clamp(18px, calc(1.1vw + 2.2vh - 3px), 27px);

                    a {
                        transition: .4s;
                        height: 100%;
                        display: block;
                    }

                    a:hover {
                        color: darkred;
                    }
                }
            }

            #leftImage,
            #rightImage {
                display: block;
                opacity: 0;
            }

            #leftImage {
                background-image: url("/images/park.png");
                background-size: contain;
                position: absolute;
                bottom: 25%;
                left: var(--girlPosition);
                width: calc(2vw + 250px);
                height: calc(2vw + 250px);
            }

            #rightImage {
                background-image: url("/images/shark.png");
                background-size: contain;
                position: absolute;
                top: 25%;
                right: var(--girlPosition);
                width: calc(2vw + 220px);
                height: calc(2vw + 220px);
            }

            .opacity1 {
                animation: fadeInDelayed 3s forwards;
            }
        }

        .now-loading {

            .miharaSvg {
                left: 10%;
                top: 10%;
                transform: translate(-10%, -10%);
                width: calc(21vw + 200px);
            }

            .dentalSvg {
                width: calc(17vw + 170px);
                top: 45vh;
                transform: translate(-50%, -45%);
            }

            .clinicSvg {
                width: calc(16vw + 155px);
                top: 80dvh;
                left: 75vw;
                transform: translate(-50%, -80%);
            }
        }


        footer {
            padding-top: calc(0.5dvh + 30px);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            /* overflow-x: hidden; */

            .footer-left {
                .footer-title-wrapper {
                    .footer-title {

                        .title,
                        .title-a {
                            font-size: clamp(30.6px, calc(2vw + 1vh + 10px), 50px);
                            font-size: clamp(30.6px, calc(1.9vw + 0.9vh + 10px), 42px);
                        }

                        .title-a {
                            font-size: clamp(18.5px, calc(1.8vw + 11px), 50px);
                            font-size: clamp(18.5px, calc(0.9vw + 11px), 26px);
                        }
                    }


                }

                address {
                    font-size: calc(1.7vw + 18px);
                    font-size: calc(0.9vw + 18px);
                    font-size: calc(0.4vw + 0.2dvh + 18px);
                    height: calc(25.5dvh + 30px);
                    height: calc(22.5dvh + 30px);
                    height: calc(17.5dvh + 30px);
                    height: calc(11.5dvh + 30px);
                    position: relative;

                    .addressSpan {
                        height: 5dvh;
                        line-height: 5dvh;
                        /* 影響しない */
                        padding: 0;
                        margin: 0;
                    }


                    .phone {
                        position: absolute;
                        top: 0;
                        top: calc(0.5dvh + 30px);
                        top: calc(0.5dvh + 40px);
                        /* top: 5dvh; */
                        left: calc(30% + 160px);
                        height: 12dvh;

                        .phoneNum {
                            font-size: calc(2.3vw + 30px);
                            font-size: calc(2vw + 30px);
                            font-size: calc(1.8vw + 20px);
                            font-size: calc(0.9vw + 0.45dvh + 20px);
                            height: 12dvh;
                            line-height: 12dvh;
                        }

                        .phoneImage {
                            height: 12dvh;
                            width: 4dvh;
                            width: 5.5dvh;
                            margin-right: 0.5vw;
                        }
                    }
                }

                .map {
                    display: none;
                }

                .mapIframe {
                    display: block;
                    height: var(--mapHeight);
                    margin-top: 2dvh;
                    /* padding: calc(1vw + 1dvh) 0; */
                    width: 100%;
                }


            }

            .footer-right {
                nav {
                    ul {
                        grid-template-columns: repeat(7, 1fr);
                        width: calc(var(--commonTabletWidth) + 100px);
                        padding: 0;

                        li {
                            height: var(--footerRightHeight);
                            line-height: var(--footerRightHeight);

                            a {
                                font-size: calc(0.8vw + 16px);
                                font-size: calc(0.6vw + 16px);
                                font-size: calc(0.4vw + 0.2dvh + 15px);
                            }
                        }
                    }
                }

            }

            small {
                height: 13dvh;
                line-height: 13dvh;
                font-size: calc(0.5vw + 18px);
                font-size: calc(0.3vw + 0.1dvh + 18px);
            }
        }

        .footerSvg,
        .footerSvg2 {
            display: block;
        }

    }
}