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

.content_title > h1{
	font-size:90%;
	line-height:1.3em;
}
.content_title > h1 span{
	margin:0 0 0 1em;
		font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
}

.content_concept{
	width:90%;
	max-width:1400px;
	margin:auto;
}
.content_concept .ep{
	display:flex;
	justify-content:space-between;
	margin:0 0 100px 0;
}
.content_concept .ep dt{
	width:50%;
	height:400px;
	overflow:hidden;
}
.content_concept .ep dt img{
	height:100%;
	width:100%;
	object-fit:contain;
}
.content_concept .ep dd{
	width:45%;
	display: table;
	position:relative;
}
.content_concept .ep dd .ep_inner{
	display: table-cell;
	vertical-align: middle;
}
.content_concept .ep dd .ep_inner .number{
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	font-size:500%;
	line-height:1em;
	margin-bottom:10px;
	color:#004098;
}
.content_concept .ep dd .ep_inner h2{
	font-size:180%;
	margin:0 0 0.3em 0;
	line-height:1.5em;
}
.content_concept .ep dd .ep_inner h2 span{
	display:block;
}
.content_concept .ep dd .ep_inner h6{
	font-size:90%;
	line-height:1.5em;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
	margin:0 0 20px 0;
}

.content_concept .detail1,
.content_concept .detail2,
.content_concept .detail3,
.content_concept .detail4{
	margin:0 0 100px 0;
}

.content_concept .detail1 h2,
.content_concept .detail2 h2,
.content_concept .detail3 h2,
.content_concept .detail4 h2{
	font-size:130%;
	margin:0 0 1em 0;
	line-height:1.5em;
}
.content_concept .detail1{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:30px 0 100px;
	width:100%;
}
.content_concept .detail1 dd{
	width:50%;
}
.content_concept .detail1 dt{
	width:48%;
	overflow:hidden;
}
.content_concept .detail1 dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content_concept .detail2{
	margin:auto;
	background:#f5f5f5;
	padding:50px;
	margin:0 0 100px 0;
	box-sizing:border-box;
}
.content_concept .detail2 a {
    text-decoration: unset;
    color: #094098;
    border-bottom: 1px dotted #094098;
    padding-bottom: 0.2em;
}
.no_line {
    text-decoration: none !important;
    padding-bottom: 0 !important;
	border-bottom: none !important;
}
.content_concept .detail2 dl{
	max-width:800px;
	display:flex;
	justify-content:space-between;
	margin:20px auto 0;
}
.content_concept .detail2 dl dt{
	width:48%;
	*box-shadow:5px 5px 5px #ccc;
}
.content_concept .detail2 dl dt img{
	width:100%;
}
.content_concept .detail3{
	padding:150px 0;
	border-radius:20px;
	background:url("https://www.kinoshita-koumuten.co.jp/img/home/concept/history/concept_history_detail3_bg.webp") no-repeat center / cover;
}
.content_concept .detail3 > h2{
	font-size:1.2rem;
	margin:auto;
	line-height:2em;
	background:#fff;
	padding:50px;
	box-sizing:border-box;
	width:fit-content;
}

.f_bnr	{
	max-width: 980px;
	width: 90%;
	margin: 0 auto 0 auto;
}
.f_bnr img	{
	width: 100%;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.content_concept .ep{
		display:block;
		justify-content:unset;
		margin:0 0 100px 0;
	}
	.content_concept .ep dt{
		width:100%;
		height:400px;
		overflow:hidden;
	}
	.content_concept .ep dd{
		width:100%;
		display: unset;
		position:unset;
	}
}
@media screen and (max-width: 768px) {
	.content_concept .detail1{
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.content_concept .detail1 dd{
		width:100%;
		margin:0 0 20px 0;
	}
	.content_concept .detail1 dt{
		width:100%;
		overflow:hidden;
	}
	.content_concept .detail2{
		padding:20px;
		margin: 0 0 50px 0;
	}
	.content_concept .detail2 dl{
		display:block;
	}
	.content_concept .detail2 dl dt{
		width:100%;
	}

	.content_concept .detail3 > h2{
		font-size:130%;
	}
	.content_concept .detail3 > h2{
		padding:30px;
	}
}
@media screen and (max-width: 699px) {
}
@media screen and (max-width: 599px) {
	.content_concept .detail3 > h2{
		font-size:110%;
	}
}