@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/liberte/liberte_main_bg.webp")no-repeat center / cover;
	position:relative;
}


.content_wapper .ep{
    width:100%;
    max-width:1400px;
	margin:auto;
	padding:100px 0 50px;
}
.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;
}
.content_wapper .ep dl dd:nth-child(2){
	padding:0 50px;
}
.content_wapper .ep dl dd h2{
	font-size:130%;
	margin-bottom:20px
}
.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 li{
	list-style:none;
	margin-bottom:50px;
	background:#f9f9f9;
	padding:20px;
	box-sizing:border-box;
}
.content_wapper .detail li h3{
	font-size:200%;
}
.content_wapper .detail li h3 rt{
	font-size:30%;
}
.content_wapper .detail li p{
}
.content_wapper .detail li dl{
	display:flex;
	justify-content:space-between;
	margin:10px 0 0;
}
.content_wapper .detail li dl dt{
	width:33%;
}
.content_wapper .detail li dl dt img{
	width:100%;
}


.content_wapper .spec{
	width:90%;
	max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .spec dl{
	display:flex;
}
.content_wapper .spec dl dt{
	width:400px;
	margin-right:20px;
	overflow:hidden;
}
.content_wapper .spec dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content_wapper .spec dl dd{
}
.content_wapper .spec dl dd h2{
	margin:0.5em 0;
}
.content_wapper .spec dl dd li{
	list-style:none;
		padding-left:1em;
	text-indent:-1em;
}
.content_wapper .spec dl dd li:before{
	content:"・"
}

.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;
	}
	.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 0 0;
	}
	.content_wapper .ep dl dd h2{
		font-size:130%;
		margin-bottom:30px
	}
	.content_wapper .ep dl dd:nth-child(2){
		padding: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 .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;
	}
	.content_wapper .detail li dl{
		display:block;
		justify-content:unset;
	}
	.content_wapper .detail li dl dt{
		width:100%;
	}
	.content_wapper .detail li.scene3 dl dt{
		width:100%;
	}
	.content_wapper .detail li dl dd{
		width:100%;
	}
	.content_wapper .detail li dl dd .image{
		width:90%;
		max-width:350px;
		margin:20px auto;
	}
	.content_wapper .detail li.scene3 dl dd{
		width:100%;
	}
	.content_wapper .detail li.scene3 dl dd .image{
		width:100%;
		max-width:500px;
	}
	.content_wapper .spec li.spec1 dl.box_b{
		display:block;
	}
	.content_wapper .spec li.spec1 dl.box_b img{
		display:block;
		margin:0 auto 30px;
	}
	.content_wapper .spec li.spec2 dl{
		display:block;
		justify-content:unset;
	}
	.content_wapper .spec li.spec2 dl dd{
		width:100%;
	}
	.content_wapper .spec li.spec2 .inner{
		width:100%;
	}
	.content_wapper .spec li.spec3 dl .inner{
		display:block;
		justify-content:unset;
	}
	.content_wapper .spec li.spec3 dl .inner dd:nth-child(1){
		width:100%;
		margin-bottom:30px;
	}
	.content_wapper .spec li.spec3 dl .inner dd:nth-child(1) img{
		width:90%;
		max-width:500px;
		margin:auto;
	}
	.content_wapper .spec li.spec3 dl .inner dd:nth-child(2){
		width:90%;
		margin:auto;
	}
	.content_wapper .spec dl{
		display:block;
	}
	.content_wapper .spec dl dt{
		width:100%;
		margin-right:20px;
		overflow:hidden;
	}
}

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

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