@media(max-width: 1200px) {
        .top-page {
            height: 480px;
        }
        h1.t-white {
            display: inline-block;
            font-size: 80px !important;
            margin-top: 135px;
        }
    }
    
    @media(max-width: 992px) {
        .top-page {
            height: 420px;
        }
        h1.t-white {
            display: inline-block;
            font-size: 80px !important;
            margin-top: 110px;
        }
    }
    
    @media(max-width: 768px) {
        #head-pc {
            display: none;
        }
        #head-m {
            display: block;
        }
        .top-page {
            background-position-x: center;
        }
        h1.t-white {
            font-size: 52px !important;
            margin-top: 120px;
        }
    }
    
    @media(max-width:460px) {
        h1.t-white {
            font-size: 46px !important;
            margin-top: 120px;
        }
    }
    
    @media(max-width:400px) {
        .img {
            height: 200px;
        }
        #head-m img {
            width: 200px;
        }
        .link {
            display: inline-block;
            padding: 20px 5px 0px 5px;
            font-size: 17px;
        }
        .top-page {
            height: 400px;
        }
        h1.t-white {
            font-size: 40px !important;
            margin-top: 120px;
        }
    }