@media screen and (max-width: 1200px) {
    .page-top {
        .page-top-area {
            width: 90vw;
            margin-top: 120px;
        }
    }
}

/* タブレット（一般的なサイズ） */
@media screen and (max-width: 1024px) {}



/* 小さめタブレット・スマホ大きめ */
@media screen and (max-width: 896px) {}



/* スマホ（iPhoneなど） */
@media screen and (max-width: 767px) {}


/* 超小型スマホ（iPhone SEなど） */
@media screen and (max-width: 440px) {

    /* ヘッダー */
    header {
        .pc-ver {
            display: none !important;
        }

        .phone-ver {
            display: block;

            .phone-ver-area {
                display: flex;
                justify-content: space-between;

                .header-logo {
                    a {
                        img {}

                        sapn {}
                    }
                }

                .hamburger {
                    width: 40px;
                    height: 32px;
                    position: relative;

                    button {
                        .hamburger-bar {
                            display: block;
                            width: 100%;
                            height: 4px;
                            right: 0;
                            position: absolute;
                            background: #000;
                        }

                        .hamburger-bar:nth-child(1) {
                            top: 0;
                        }

                        .hamburger-bar:nth-child(2) {
                            top: 10px;
                        }

                        .hamburger-bar:nth-child(3) {
                            top: 20px;
                        }
                    }
                }
            }
        }
    }


    /* コンタクトナビ */
    .contact-nav-area {
        width: 100%;
        margin-top: 120px;

        .contact-nav {
            width: 90%;
            margin: 0 auto;
            background-color: #F7DDDD;
            text-align: center;
            padding: 30px 0;

            .contact-nav-title-area {
                border-bottom: #666666 solid 1px;
                width: 85%;
                margin: 0 auto;
                text-align: center;

                .contact-nav-title {
                    h3 {
                        font-size: 15px;
                    }
                }

                .contact-nav-sub-title {
                    padding-bottom: 30px;
                    font-size: 15px;

                    p {
                        color: #666666;
                    }
                }
            }

            .contact-nav-link {
                width: 55%;
                margin: 0 auto;
                margin-top: 50px;
                padding: 10px 40px;
                background-color: #8C0404;

                a {
                    color: #fff;
                }
            }
        }
    }

    /* フッター */
    footer {
        background-color: #EFEFEF;
        width: 100%;

        .footer-content {
            padding: 30px 0;
            width: 80%;
            margin: 0 auto;

            .footer-content-area {
                .company-detail-area {
                    display: flex;
                    justify-content: space-between;

                    .company-detail-text-area {
                        width: 70%;
                        /* フォントサイズ30px→15px*/
                        .company-detail-title {
                            font-size: 15px;

                            h4 {}
                        }

                        .company-detail {
                            color: #444444;
                            margin-top: 20px;
                            font-size: 10px;

                            .company-detail-text {
                                li {
                                    p {}
                                }

                                .company-address {
                                    padding: 5px 0;

                                }
                            }
                        }
                    }

                    .company-link-area {
                        .company-link {
                            li {
                                line-height: 2.5;
                                font-size: 12px;

                                a {
                                    color: #000;
                                }
                            }
                        }
                    }
                }
            }
        }

        .copy-right {
            width: 100%;
            margin: 0 auto;

            p {}
        }
    }
}