/* ==========================================
   Responsive
========================================== */

@media screen and (max-width:768px){

    /* ヘッダー */

    .header-top{

        flex-direction:column;

        align-items:center;

        gap:20px;

    }

    .header-left{

        width:100%;

    }

    .header-copy{

        text-align:center;

        font-size:14px;

        line-height:1.6;

    }

    .header-info{

        display:none;

    }
    
    .header-logo img{
    width:230px;
    max-width:80%;
    height:auto;
	}

    /* ナビ */

   .main-nav > ul{

    flex-wrap:wrap;

    justify-content:center;

    padding:0;
	}	

    .main-nav > ul > li > a{

    padding:12px 10px;

    font-size:13px;
	}
	
	.dropdown{
        position:relative;
    }
	
	.dropdown-menu{
        position:absolute;
        top:100%;
        left:50%;
        transform:translateX(-50%);
        width:170px;
        z-index:9999;
    }

    /* レイアウト */

    .container{

    flex-direction:column;

    gap:20px;

    padding:0 15px;
	}

    .left-menu{

    width:100%;
	}
    /* レフトメニュー */	
	.left-menu .contact-menu{
    display:none;
}

	.contact-menu{
        display:none;
    }

    .contact-area{
        display:block;
    }

    /* メインコンテンツ */

    .main-content{

        width:100%;

        margin:0;

    }
    
    .service-list{

		grid-template-columns:1fr;

	}
	
	.top-service-list{
        grid-template-columns:1fr;
    }
    
   /* スライドショー */
    
    .slideshow-container{
        height:140px;
    }

    .slide img{
        width:100%;
        height:100%;
        object-fit:contain;
		background:#fff;
    }
    /* 新着中古車 */
    .car-list{

        flex-direction:column;

        gap:15px;

        padding:15px;

    }

    .car-card{

        width:100%;

        flex:1 1 auto;

    }
    
    .car-card img{

    height:240px;
	}

    /* フッター */

	.footer-nav ul{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

	text-align:center;
	
	}

    /* 主要取引先 */

	.partner-list{

        grid-template-columns:1fr;

    }
    
    /* 店舗紹介 */

    .shop-card{

    flex-direction:column;

	}

	.shop-card img{

    width:100%;

    height:auto;

	}

	.shop-content{

    width:100%;

    padding:20px;

    box-sizing:border-box;

	}
	
	.map-button{

    display:block;

    width:100%;

    text-align:center;

    box-sizing:border-box;

	}

}

@media screen and (max-width:768px) and (orientation:landscape){

    .car-card img{
        object-fit:contain;
        background:#fff;
    }
}