@media (min-width: 801px) {

    header {
        .hamburger-menu {
            position: fixed;
            z-index: 11;
            width: 80%;
            height: 100%;
            top: 0;
            right: -100%;
            padding: 70px 55% 0 0;
            background-color: rgba(0, 0, 0, .85);
            text-align: right;
            transition: all .3s;

            &.active {
                right: 0;
            }

            .open {
                transform: translateX(0);
            }

            h2 {
                color: #fff;
                font-size: 2.5rem;
                margin-bottom: 60px;
                letter-spacing: 2px;
            }

            ul {
                li {
                    color: white;
                    font-size: 22.4px;
                    margin-bottom: 30px;
                }
            }

            &.active {
                right: 0;
            }

            .site-content-left-nav {
                ul {
                    position: relative;
                    width: 200px;
                    height: 250px;
                    margin: 100px auto 0 auto;
                    text-align: center;

                    li {
                        width: 200px;
                        height: 50px;

                        a {
                            display: inline-block;
                            font-size: 16px;
                            opacity: 1;
                            color: red;
                            padding-top: 10px;
                        }
                    }
                }
            }
        }
    }

     /*///////////////////////// ファーストビュー /////////////////////*/

     #site-content {
        .site-content-right {
            main {
                section#first-view {
                    .first-view-text-1 {
                        font-size: 28.8px;
                        bottom: auto;
                        top: 12%;


                        .special-span-6 {
                            margin-right: 10px;
                            margin-left: 0px;
                        }

                        .special-span-9 {
                            margin-left: 40px;
                        }

                        .special-span-10 {
                            margin-left: 80px;
                        }

                    }

                    .first-view-text-2 {
                        /* height: 340px; */
                        right: 20%;
                        font-size: 28.8px;

                        /* &:before {
                            height: 484px;
                        } */

                        .special-span-8 {
                            font-size: 28.8px;
                        }
                    }

                    .special-div-1 {
                        writing-mode: horizontal-tb;
                        font-size: 28.8px;
                        top: 58%;
                    }
                }
            }
        }
    }
}