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

.ttl_inner{
}

.ttl_inner .title{
	margin-bottom:7em;
}
.ttl_inner .title h1{
	font-size:1.1rem;
	margin-bottom:1em;
}
.ttl_inner .title h6{
	font-size:3.0rem;
	line-height:1em;
}
.ttl_inner .title h6 span{
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.ttl_inner .title{
		text-align:center;
	}
}


/* -- sec_ep -- */
.sec_ep{
	margin-bottom:100px;
}
.sec_ep .wrap{
	display:flex;
	justify-content:space-between
}
.sec_ep .wrap .inner_detail{
	width:45%;
}
.sec_ep h3{
	font-size:1.7rem;
	margin-bottom:1em;
}

.sec_ep h4{
	font-size:1.1rem;
	margin-bottom:1.5em;
	line-height:2em;
}
.sec_ep .wrap .inner_image{
	width:52%;
	overflow:hidden;
}
.sec_ep .wrap .inner_image img{
	object-fit:cover;
	width:100%;
	height:100%;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.sec_ep .wrap{
		display:block;
		justify-content:unset;
	}
	.sec_ep .wrap .inner_detail{
		width:100%;
		max-width:700px;
		margin:0 auto 50px;
	}
	.sec_ep .wrap .inner_image{
		width:100%;
		overflow:hidden;
		aspect-ratio:1 / 0.6
	}
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.sec_ep h3{
	}
	.sec_ep h6{
		text-align:center;
	}
}
/* ----------639px–---------- */
@media screen and (max-width: 639px) {
	.sec_ep h3{
		font-size:1.5rem;
	}
	.sec_ep h3 span{
		display:block;
	}
	.sec_ep h6{
		font-size:0.8rem;
	}
	.sec_ep h4{
		font-size:1.1rem;
	}
}

/* -- cont_comp -- */
.cont_cons{
	width:100vw;
	margin:0 calc(50% - 50vw);
	padding:100px 0;
	background:#f1f1ee;
}
.cont_cons .wrap{
	width:96%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.cont_cons .wrap li{
	width:48%;
	background:#fff;
	position:relative;
	margin-bottom:50px;
	box-shadow: 10px 10px 20px rgb(207 207 198);
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.cont_cons .wrap li:hover {
  transform: translateY(10px);
  box-shadow: none;
}
.cont_cons .wrap li a{
	display:block;
	width:100%;
	padding:50px 50px 80px 50px;
	box-sizing:border-box;
}
.cont_cons .wrap li .inner_ttl{
	display:flex;
	align-items:center;
}
.cont_cons .wrap li .inner_ttl dd{
	width:400px;
	height:fit-content;
}
.cont_cons .wrap li .inner_ttl dd h2{
	height:fit-content;
	font-size:1.6rem;
}
.cont_cons .wrap li .inner_ttl dd h5{
	font-size:0.7rem;
}
.cont_cons .wrap li .inner_ttl dt{
	width:200px;
	height:120px;
	overflow:hidden;
	margin-bottom:20px;
}
.cont_cons .wrap li .inner_ttl dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.cont_cons .wrap li .inner_det{
	border-bottom:1px solid #ccc;
	padding:0 0 30px 0;
}
.cont_cons .wrap li .inner_det h3{
	font-size:1.2rem;
	margin-bottom:1em;
}
.cont_cons .wrap li .inner_det .arrowbtn{
	position:absolute;
	bottom:45px;
	right:30px;
	width:fit-content;
	padding:0 40px 0 0;
	font-size:0.8rem;
}
.cont_cons .wrap li a:hover .inner_det .arrowbtn:after{
	right:10px;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.cont_cons .wrap li .inner_ttl{
		display:block;
		align-items:unset;
	}
	.cont_cons .wrap li a{
		display:block;
		width:100%;
		padding:30px 30px 60px 30px;
	}
	.cont_cons .wrap li .inner_ttl dd{
		width:100%;
		height:unset;
		margin-bottom:10px;
	}
	.cont_cons .wrap li .inner_ttl dt{
		width:100%;
		height:unset;
		aspect-ratio:1 / 0.5;
		overflow:hidden;
		margin-bottom:30px;
	}
	.cont_cons .wrap li .inner_ttl dd h2{
		font-size:1.4rem;
	}
	.cont_cons .wrap li .inner_det h3{
		font-size:1.1rem;
	}
	.cont_cons .wrap li .inner_det .arrowbtn{
		bottom:15px;
	}
}
/* ----------679px–---------- */
@media screen and (max-width: 679px) {
	.cont_cons .wrap{
		width:90%;
		max-width:500px;
		margin:auto;
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.cont_cons .wrap li{
		width:100%;
	}
}