.swiper-container {
	height: auto;
	margin-bottom: 50px;
}

@media screen and (min-width: 768px){
    header nav#nav>ul#nav-ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 1em;
        box-sizing: border-box;
        max-width: 950px;
    }
    header nav#nav>ul#nav-ul>li {
        width: auto;
        margin: 0;
        padding: 0 1.6em;
        padding: 0;
    }
    header nav#nav ul li a {
        font-size: 12px;
    }
}
@media screen and (min-width: 950px){
    header nav#nav ul li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 950px){
	#h_inner img#headtel {
		width: 160px;
		height: 37px;
		top: 36px;
		right: 10px;
	}
	#en {
		left: auto;
		right: 180px;
		font-size: 14px;
	}
	#search {
		right: 220px;
		left: auto;
	}

    .main_sec {
        padding: 0 15px;
    }
    .image_box ul {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .html_index_news_area .image_box ul li {
        width: 24%;
        margin-right: 10px;
    }
    .html_index_news_area .image_box ul li .figure {
        width: 100%;
    }
    .html_index_news_area .image_box ul li .figure a img {
        width: 100%;
        height: auto;
    }
    .html_index_news_area .image_box ul li .date {
        font-size: 12px;
    }
    .html_index_news_area .image_box ul li .tit a {
        font-size: 12px;
    }

    .html_index_news_area .text_box {
        padding: 15px;
        margin-bottom: 20px;
    }
    .html_index_news_area .text_box dl {
        padding: 10px 0;
    }
    .html_index_news_area .text_box dl dt {
        margin: 0;
        padding: 5px 0;
        color: #777777;
        font-size: 12px;
    }
    .html_index_news_area .text_box dl dd {
        margin: 0;
        padding: 5px 0 5px 3em;
        line-height: 150%;
    }
    .html_index_news_area .text_box dl dd a {
        font-size: 12px;
    }

    #topics ul {
        justify-content: space-between;
    }
    #showroom ul .topics_two {
        width: 32.5%;
        box-sizing: border-box;
        height: auto !important;
    }
    #topics ul .topics_two {
        width: 49%;
        border: 1px solid #ccc;
    }
    .topics_two img {
        margin: 0;
        width: 100%;
        height: auto;
    }
    .topics_three {
        width: 24.5%;
        box-sizing: border-box;
        height: auto !important;
    }
    .topics_three img {
        margin: 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 768px){
	header nav#nav ul li .nav-slide {
		padding: 0;
	}
    .main_sec {
        margin-bottom: 45px;
    }
    .topics_two + .topics_two {
        margin: 5px 0;
    }
    .topics_three + .topics_three {
        margin: 0 !important;
    }
    #showroom ul {
        padding: 0;
    }
    #saikou ul .topics_two {
        width: 32.5%;
        margin: 5px auto
    }
    #topics {
        padding: 0 15px;    
    }
    #topics ul .topics_two {
        margin: 5px 0 !important;
    }
    #topics ul .topics_three {
        width: 24%;
        margin: 5px 0 !important;
    }
	#search {
		right: auto;
		left: 0;
	}
}

@media screen and (max-width: 600px){
    .slide_sp {
        width: 100%;
    }
}

@media screen and (max-width: 430px){
    div.news {
        padding: 0;
    }
    .image_box ul {
        flex-wrap: wrap;
    }
    .html_index_news_area .image_box ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .html_index_news_area .image_box ul li .figure {
        width: 80px;
    }
    .html_index_news_area .text_box dl {
        padding: 0;
        margin-bottom: 1.5em;
    }
    .html_index_news_area .text_box dl dt {
        padding: 0 0 4px;
    }
    .html_index_news_area .text_box dl dd {
        padding: 0;
    }
    #showroom ul .topics_two {
        width: 49%;
    }
    #saikou ul .topics_two {
        width: 50%;
        margin: 5px auto
    }
    #topics {
        padding: 0 15px;    
    }
    #topics ul .topics_two {
         width: 100%;
        margin: 5px 0 !important;
    }
    #topics ul .topics_three {
        width: 49%;
        margin: 5px 0 !important;
    }
}

.right_col {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.bnr_2 {
	width: 50%;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.bnr_2_l,
.bnr_2_r {
	clear: both;
	box-sizing: border-box;
	width: 100%;
	overflow: auto;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.bnr_2 div a {
	width: 95%;
	display: inline-block;
	margin-bottom: 5%;
    border: solid 1px #ddd;
}
.bnr_2 div a img {
	width: 100%;
	height: auto;
}
.kanren_col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: calc(4% / 3);
    row-gap: 15px;
    box-sizing: border-box;
}
.kanren_col .bnr {
    width: 24%;
    height: auto;
    display: flex;
    border: solid 1px #ddd;
    box-sizing: border-box;
}

@media screen and (max-width: 768px){
	.bnr_2 {
		width: 100%;
	}
	.sp_list_arrow {
		display: inline-block;
		width: 1em;
		height: auto;
		font-size: 1em;
		font-weight: bold;
		position: absolute;
		top: 0.3em;
		right: 0;
		padding: 1em;
		transform: rotate(0deg);
	}
	.on .sp_list_arrow {
		transform: rotate(180deg);
	}
    .kanren_col {
        column-gap: 4%;
        row-gap: 15px;
    }
    .kanren_col .bnr {
        width: 48%;
    }
}

.swiper-slide img {
	width: 100%;
	height: auto;
	height: calc( 100vw -10px );
}

@media screen and (min-width: 601px){
	.swiper-slide img {
		height: calc( (100vw -10px) * (799 / 1535) );
	}
}
@media screen and (min-width: 769px){
	.swiper-slide img {
		width: 1600px;
		max-width: none;
		height: 400px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
}