@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/kurasuie/kurasuie_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:400px;
}
.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 .ep2{
	width:100%;
    max-width:1400px;
	margin:0 auto 100px;
	text-align:center;
}
.content_wapper .ep2 img{
	width:95%;
    max-width:800px;
}
.content_wapper .detail{
	width:90%;
    max-width:1400px;
	margin:0 auto 120px;
}
.content_wapper .detail h6{
	font-size:150%;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
}
.content_wapper .detail h6 span{
	font-size:280%;
}
.content_wapper .detail h5{
	font-size:130%;
	line-height:2em;
	display: flex;
    align-items: center;
	font-weight:normal;
}
.content_wapper .detail h5:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ccc;
}
.content_wapper .detail h5:after {
    margin-left: 1rem;
}
.content_wapper .detail h3{
	font-size:160%;
	margin:20px 0;
}

.content_wapper .detail li{
	list-style:none;
	margin-bottom:70px;
}
.content_wapper .detail li dl{
	display:flex;
	justify-content:space-between;
}
.content_wapper .detail li dl dt{
	width:68%;
	overflow:hidden;
}
.content_wapper .detail li.scene3 dl dt{
	width:50%;
	overflow:hidden;
}
.content_wapper .detail li dl dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.content_wapper .detail li dl dd{
	width:30%;
}
.content_wapper .detail li.scene3 dl dd{
	width:48%;
}
.content_wapper .detail li dl dd .image{
	width:100%;
}
.content_wapper .detail li dl dd .image img{
	width:100%;
}


.content_wapper .spec{
	width:90%;
    max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .spec h2{
	font-size:0.8rem;
	margin-bottom:30px;
	font-weight:normal;
}
.content_wapper .spec h2 span{
	font-size:1.6rem;
	display:block;
	line-height:2em;
	font-weight:bold;
}
.content_wapper .spec li{
	list-style:none;
	margin-bottom:50px;
}
.content_wapper .spec li h3{
	font-size:130%;
	border-bottom:1px solid #ccc;
	padding:0 0 0.2em 0.5em;
	margin-bottom:0.5em;
	border-left:3px solid #000;
}
.content_wapper .spec li.spec1{
	margin-bottom:50px;
}
.content_wapper .spec li.spec1 dl.box_a{
	margin-bottom:30px;
}
.content_wapper .spec li.spec1 dl.box_a dd{
	margin:0 0 30px 0;
}
.content_wapper .spec li.spec1 dl.box_a dt{
	text-align:center;
	background:#f9f9f9;
	padding:20px;
}
.content_wapper .spec li.spec1 dl.box_a dt img{
	width:90%;
	max-width:600px;
}
.content_wapper .spec li.spec1 dl.box_b{
	display:flex;
}
.content_wapper .spec li.spec1 dl.box_b img{
	width:350px;
	margin-right:20px;
	height:fit-content;
}
.content_wapper .spec li.spec1 dl.box_b p{
}
.content_wapper .spec li.spec2 dl{
	display:flex;
	justify-content:space-between;
}
.content_wapper .spec li.spec2 dl dd{
	width:48%;
}
.content_wapper .spec li.spec2 .inner{
	width:50%;
	display:flex;
	justify-content:space-between;
}
.content_wapper .spec li.spec2 .inner dd{
	width:48%;
}
.content_wapper .spec li.spec2 .inner dd img{
	width:100%;
}
.content_wapper .spec li.spec2 .inner dd h6{
	font-size:90%;
}
.content_wapper .spec li.spec3{
}
.content_wapper .spec li.spec3 dl{
}

.content_wapper .spec li.spec3 dl .inner{
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
.content_wapper .spec li.spec3 dl .inner dd:nth-child(1){
	width:48%;
	background:#f9f9f9;
	display:flex;
	align-items:center;
}
.content_wapper .spec li.spec3 dl .inner dd:nth-child(1) img{
	width:95%;
}
.content_wapper .spec li.spec3 dl .inner dd:nth-child(2){
	width:50%;
}
.content_wapper .spec li.spec3 dl .inner dd img{
	width:100%;
}


.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;
		width:100%;
	}
	.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;
	}
}

/* ----------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) {
}