@charset "UTF-8";
/* CSS Document */
/*--wapper--*/
.content_wapper{
}
.content_wapper .mainV{
    width:100%;
	max-width:1400px;
	height:80vh;
	max-height:800px;
    margin:auto;
	background:url("https://www.kinoshita-koumuten.co.jp/img/home/lineup/legato3/legato3_main_bg.webp")no-repeat center / cover;
	position:relative;
}


.content_wapper .ep{
    width:100%;
    max-width:1400px;
	margin:auto;
	padding:100px 0;
}
.content_wapper .ep dl{
    width:100%;
    box-sizing:border-box;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.content_wapper .ep dl dd{
	width:48%;
	padding:0 50px;
}
.content_wapper .ep dl dd:nth-child(1){
	padding:0 0 0 50px;
}
.content_wapper .ep dl dd:nth-child(1) img{
	width:80%;
	max-width:350px;
	margin-bottom:20px;
}
.content_wapper .ep dl dd:nth-child(2){
	padding:0 50px;
}
.content_wapper .ep dl dd h2{
	font-size:120%;
}
.content_wapper .ep dl dd h4{
    font-size:1.1rem;
    line-height:1.5em;
	margin-bottom:0.5em;
}
.content_wapper .ep dl p{
}


.content_wapper .detail{
	width:90%;
	max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .detail h2{
	font-size:150%;
	line-height:1.7em;
	margin-bottom:30px;
}
.content_wapper .detail ul{
}
.content_wapper .detail ul li{
	list-style:none;
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
}
.content_wapper .detail ul li dt{
	width:47%;
}
.content_wapper .detail ul li dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content_wapper .detail ul li dd{
	width:50%;
}
.content_wapper .detail ul li dd h3{
	font-size:130%;
	margin:20px 0;
	border-bottom:1px dotted #ccc;
	padding:0 0 20px 0;
}



.content_wapper .offer{
    width:90%;
    max-width:1400px;
    margin:auto;
	padding:50px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.content_wapper .offer dl{
    display:flex;
    justify-content:space-between;
}
.content_wapper .offer dd{
    width:calc(100% - 420px);
	align-items:center;
	display:flex;
}
.content_wapper .offer dd .inner{
	width:100%;
	height:fit-content;
	padding:30px 0;
}
.content_wapper .offer dd h4{
    font-size:120%;
    margin-bottom:20px;
	color:#4a3b2f;
	line-height:1.8em;
}
.content_wapper .offer dd h4 img{
    width:100px;
    vertical-align:sub;
    margin-right:5px;
}
.content_wapper .offer dt{
    width:400px;
	align-items:center;
	display:flex;
}
.content_wapper .offer dt img{
    width:100%;
}
.content_wapper .offer .btn{
}
.content_wapper .offer .btn a{
	min-width:200px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	text-align:center;
	line-height:1.2em;
	padding:1em 4em;
    margin-top:30px;
	background:#004098;
}
.arrowbtn::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
.arrowbtn:hover::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

/* ----------1199px–---------- */
@media screen and (max-width: 1199px) {

}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.content_wapper .mainV{
		width:100%;
		height:70vh;
	    margin:auto;
		position:relative;
	}
}

/* ----------895px–---------- */
@media screen and (max-width: 895px) {
	.content_wapper .ep{
		padding:30px 0 100px;
	}
	.content_wapper .ep dl dd{
	    width:90%;
	    box-sizing:border-box;
		margin:auto;
	}
	.content_wapper .ep dl dd:nth-child(1) img{
		width:90%;
		max-width:400px;
	}
	.content_wapper .ep dl dd:nth-child(1){
		padding:0 0 50px 0;
	}
	.content_wapper .ep dl dd h2{
	}
	.content_wapper .ep dl dd:nth-child(2){
		padding:0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:50px 0;
	}
	.content_wapper .ep dl dd h4{

	}
	.content_wapper .ep dl{
	    display:block;
	    justify-content:unset;
	}
	.content_wapper .ep dl dt{
	    width:100%;
		height:400px;
	}
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.content_wapper .detail ul li{
		display:block;
		justify-content:unset;
		margin-bottom:50px;
	}
	.content_wapper .detail ul li dt{
		width:100%;
	}
	.content_wapper .detail ul li dd{
		width:100%;
	}
	.content_wapper .detail ul li dd h3{
		font-size:130%;
		margin:0px 0;
		border-bottom:none;
		padding:0 0 10px 0;
	}
	.content_wapper .detail h2{
		font-size:130%;
	}
	.content_wapper .offer dl{
	    display:block;
	    justify-content:unset;
	}
	.content_wapper .offer dd{
    width:100%;
	}
	.content_wapper .offer .btn{
		text-align:center;
	}
	.content_wapper .offer dt{
		width:100%;
	    max-width:400px;
		margin:auto;
	}
}

/* ----------599px–---------- */
@media screen and (max-width: 599px) {
	.content_wapper .mainV{
		height:50vh;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
}

/* ----------389px–---------- */
@media screen and (max-width: 389px) {
}