@media (max-width: 767px) {
    /* 共通 */
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    .content-header{
        margin: 100px auto 10px auto;
    }

    /* index.html */
    .header .h1-large{
        font-size: 1.8rem;
    }

    .header .p-large{
        font-size: 1.1rem;
    }

    .offset-2,.offset-1{
        margin: 0;
    }

    .top-reason-1,.top-contact{
        background-position: center;
    }

    .top-reason-text .col-md-6{
        margin: 20px auto;
    }

    .top-reason-3 p{
        font-size: 14px;
    }

    .top-property .col-md-9,.top-event .col-md-10,.top-news .col-md-10{
        flex-direction: column;
    }

    .top-property .col-md-4{
        display: flex;
        flex-direction: row;
    }

    .top-property img{
        display: none;
    }

    .top-event .col-md-4{
        margin-bottom: 50px;
    }

    .top-event .col-md-6{
        width: 50%;
    }

    .footer img{
        width: 70%;
    }

    .lisence p{
        margin-top: 20px;
    }

    .footer .sp{
        margin: 10px 0;
    }

    .footer .sp ul{
        display: flex;
    }

    .footer .sp li{
        margin-right: 10px;
    }

    .footer .sp a{
        background-color: white;
        color: #1d2087;
        border: 1px solid white;
        padding: 5px 10px;
        border-radius: 50px;
    }

    .footer .sp a:hover{
        background-color: #1d2087;
        color: white;
    }

    /* company.html */
    .greeting-content .col-md-10{
        flex-direction: column;
    }

    .greeting-content figure{
        text-align: center;
    }

    .greeting-content img{
        width: 60%;
    }

    .greeting-content .col-md-9{
        width: 100%;
        padding: 0;
    }

    .greeting-content .col-md-9 img{
        width: 60%;
    }

    .greeting-content p{
        line-height: 1.5em;
    }

    .last td:last-child {
        border-bottom: none;
        width: 100%;
    }
    .profile-content table {
        width: 100%;
    }
    .profile-content table th,.profile-content table td {
        display: block;
        width: 100%;
    }

    /* use.html */
    .house-content{
        flex-direction: column;
        margin-bottom: 30px;
    }

    .swiper{
        height: 300px;
    }

    .swiper-slide{
        height: 300px!important;
    }

    .swiper-slide img{
        width: 100%;
        height: auto;
    }

    .house-map{
        margin: 30px 0;
    }

}