@charset "UTF-8";
/* CSS Document */

.newModelhouse_info{
	background: linear-gradient(180deg, #4c0e0e 0%, #900 72%, #fff 72%, #fff 100%);
	padding:2vh 0 13vh;
	display:flex;
	justify-content:space-between;
}
.newModelhouse_info ol{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	position:relative;
}
.newModelhouse_info ol:after{
	font-family: 'Jost', sans-serif;
	color:#d8525233;
	font-size:1800%;
	content:"2023";
	line-height:1em;
	bottom:-0.3em;
	left:0;
	position:absolute;
}
.newModelhouse_info .title{
	width:40%;
	margin:0 auto 30px;
}
.newModelhouse_info .title dt{
	color:#fff;
	font-family: 'Jost', sans-serif;
	font-size:350%;
	line-height:1em;
	margin:0 0 0.5em 0;
}
.newModelhouse_info .title dt span{
	color:#ff3c3c;
	font-size:60%;
	display:inline-block;
	line-height:1em;
	margin-right:1em;
}
.newModelhouse_info .title dt span em{
	font-size:130%;
	font-style:italic;
	line-height:0.6em;
}
.newModelhouse_info .title dd{
	color:#fff;
}


.newModelhouse_info ul{
	width:50%;
	margin:
	auto;
	display:
	flex;
	justify-content:
	space-between;
}
.newModelhouse_info ul li{
	width:100%;
	height:400px;
	background:#fff;
	position:relative;
	transition:2s;
	background:url("https://www.muku.co.jp/company/img/modelhouse/kumagaya/section02_box01_main_v.webp") center/cover;
	box-shadow:10px 10px 10px #0005;
	border:3px solid #fff;
	box-sizing:border-box;
	transition: all 0.3s;
	margin:40px 0 0 0;
}
.newModelhouse_info ul li a{
	display:block;
	height:100%;
	width:100%;
	transition:0.5s;
}
.newModelhouse_info ul li:hover{
	 transform: translate3d(3px, 3px, 0);
	box-shadow:0px 0px 0px;
}
.newModelhouse_info ul li a .btn{
	font-family: 'Jost', sans-serif;
	color:#fff;
	position:absolute;
	bottom:0.5em;
	right:1em;
}
.newModelhouse_info ul li dt{
	color:#fff;
	margin:5px 0 0 5px;
}
.newModelhouse_info ul li dt time{
	font-size:110%;
	font-family: 'Jost', sans-serif;
	line-height:1em;
}
.newModelhouse_info ul li dt .model{
	font-size:150%;
	font-family: 'Jost', sans-serif;
	line-height:1.2em;
}
.newModelhouse_info ul li dt .local{
	font-size:90%;
	line-height:1.3em;
}
.newModelhouse_info ul li:last-child dt time{
	font-size:100%;
	line-height:1.1em;
}
.newModelhouse_info ul li:last-child dt .model{
	font-size:130%;
	font-family: unset;
	line-height:1.2em;
}
.newModelhouse_info ul li:last-child dt .local{
	line-height:1.5em;
}


@media screen and (max-width:1199px) {
	.newModelhouse_info .title{
	}
	.newModelhouse_info .title dt{
	}
	.newModelhouse_info .title dt span{
		display:block;
	}
	.newModelhouse_info .title dd{
	}
}

@media screen and (max-width:959px) {
	.newModelhouse_info .title{
	}
	.newModelhouse_info ul{
	}
}

@media screen and (max-width:768px) {
	.newModelhouse_info ol{
		width:96%;
		margin:0 auto;
		display:block;
		justify-content:unset;
	}
	.newModelhouse_info .title{
		width:100%;
		margin:0 auto 10px;
	}
	.newModelhouse_info .title dt{
		font-size:300%;
	}
	.newModelhouse_info .title dt span{
		display:inline-block;
	}
	.newModelhouse_info ul{
		width:100%;
		margin:auto;
		display:flex;
		justify-content:space-between;
	}
	.newModelhouse_info ul li{
		width:65%;
		height:270px;
		margin:0 0 0 auto;
	}
	.newModelhouse_info ol:after{
		font-size:30vw;
		bottom:-0.1em;
	}
}

@media screen and (max-width:599px) {
	.newModelhouse_info{
		background: linear-gradient(180deg, #4c0e0e 0%, #900 70%, #fff 70%, #fff 100%);
		padding:3vh 0 13vh;
		display:flex;
		justify-content:space-between;
	}
	.newModelhouse_info .title dt span{

	}
	.newModelhouse_info ul li{
		width:70%;
		height:230px;
		margin:0 auto;
	}
}
@media screen and (max-width:519px) {
	.newModelhouse_info ul li{
		width:80%;
		height:210px;
		margin:0 auto 0;
	}
	.newModelhouse_info ol:after{
		bottom:-0.5em;
	}

}