@charset “utf-8”;

main{
	border-bottom:24px solid #EBEBEB;
}

#sec_overview{
	padding:100px 0;
}

.overview_inner{
	max-width:1200px;
	margin:auto;
}

#sec_overview .ttl_bloc{
	margin-bottom:100px;
}

#sec_overview .ttl_bloc h3{
	color:var(--maincolor);
	font-size:3.9rem;
	line-height:1.5;
	position: relative;
}
#sec_overview .ttl_bloc h3 span{
	display:block;
	color:#CEDEEF;
	font-family:var(--tasa);
}
#sec_overview .ttl_bloc h3::after {
	position: absolute;
	content: "";
	background-color: var(--maincolor);
	width: 114px;
	height: 2px;
	bottom: -40px;
	left: 0;
}

@media screen and (max-width: 767px) {
	#sec_overview{
		padding:50px 0;
	}
	#sec_overview .ttl_bloc{
		margin-bottom:60px;
		text-align:center;
	}
	#sec_overview .ttl_bloc h3{
		font-size:1.8rem;
	}
	#sec_overview .ttl_bloc h3 span{
		font-size:1.7rem;
		color:#CEDEEF;
	}
	#sec_overview .ttl_bloc h3::after {
		width: 80px;
		bottom: -20px;
		left: 0;
		right:0;
		margin:auto;
	}
}


.company dl {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.company dt {
	padding: 30px 16px;
	background-color: var(--bluegray);
	border-bottom: 1px solid #C1C1C1;
	font-weight:bold;
	width:340px;
	box-sizing:border-box;
}
.company dt span{
	display:block;
	font-size:1.6rem;
	color:#8A8C90;
}
.company dd {
	width: calc(100% - 360px);
	padding: 30px 16px;
	background-color: #fff;
	border-bottom: 1px solid #C1C1C1;
	box-sizing:border-box;
	margin-inline-start: 20px;
}

.company dd.spanlist span{
	white-space: nowrap;
}
.company dt:first-child,
.company dt:first-child + dd {
	border-top: 1px solid #C1C1C1;
}

@media screen and (max-width: 767px) {
	.company dl {
		flex-flow: column;
	}
	.company dt {
		padding: 16px;
		border-top: 1px solid #C1C1C1;
		border-bottom: none;
		width:100%;
		font-size:1.4rem;
	}
	.company dt span{
		display:inline-block;
		font-size:1.3rem;
		margin-left:20px;
	}
	.company dd {
		width: 100%;
		padding: 16px;
		border-bottom: none;
		margin-inline-start:0;
		font-size:1.4rem;
	}
	.company dt:first-child + dd {
		border-top:none;
	}
}


.index_bnr{
	margin-top:150px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 40px;
}

.index_bnr .bnr_unit{
	height:167px;
	display:flex;
	border:4px solid var(--maincolor);
	align-items:center;
	/*padding-left:10px;*/
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.index_bnr .bnr_unit p{
	line-height:1.2;
	font-size:2.9rem;
	font-weight:bold;
	color:var(--maincolor);
	position:relative;
	z-index:1;
}
.index_bnr .bnr_unit p span{
	font-family:var(--tasa);
	display:block;
	font-size:2.7rem;
	color:#D4DEED;
	margin-top:10px;
}
.index_bnr .bnr_unit::before{
	display:inline-block;
	content: "";
	height: 2px;
	width: 54px;
	background-color: var(--maincolor);
	margin-inline: 1rem;
	z-index:1;
}
.index_bnr .bnr_unit:hover::before{
	background-color: #fff;
}

.index_bnr .bnr_unit.bnr_partner{
	position: relative;
	overflow: hidden;
}
.index_bnr .bnr_unit.bnr_partner:after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background:url("../images/top/bg_partner.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.index_bnr .bnr_unit.bnr_partner:hover:after{
	opacity: .8;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.index_bnr .bnr_unit.bnr_recruit{
	position: relative;
	overflow: hidden;
}
.index_bnr .bnr_unit.bnr_recruit:after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background:url("../images/top/bg_recruit.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.index_bnr .bnr_unit.bnr_recruit:hover:after{
	opacity: .8;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.index_bnr .bnr_unit.bnr_partner::before,
.index_bnr .bnr_unit.bnr_recruit::before{
	background-color: #fff;
}
.index_bnr .bnr_unit.bnr_partner p,
.index_bnr .bnr_unit.bnr_recruit p{
	color:#fff;
}
.index_bnr .bnr_unit.bnr_partner p span{
	font-size:1.9rem;
}

.index_bnr .bnr_unit.bnr_philosophy::after,
.index_bnr .bnr_unit.bnr_guidelinet::after{
	position: absolute;
	width: 0;
	height: 100%;
	content: '';
	background-color: var(--maincolor);
	left: 0;
	transition-duration: .2s;
}
.index_bnr .bnr_unit.bnr_philosophy:hover::after,
.index_bnr .bnr_unit.bnr_guidelinet:hover::after{
	width: 100%;
}
.index_bnr .bnr_unit.bnr_philosophy:hover p,
.index_bnr .bnr_unit.bnr_guidelinet:hover p{
	color:#fff;
}

@media screen and (max-width: 767px) {
	.index_bnr{
		display:block;
		margin-top:50px;
	}

	.index_bnr .bnr_unit{
		border:2px solid var(--maincolor);
		height:74px;
		margin-bottom:16px;
	}
	.index_bnr .bnr_unit p{
		font-size:1.6rem;
	}
	.index_bnr .bnr_unit p span{
		font-size:1.2rem;
		margin-top:5px;
	}
	.index_bnr .bnr_unit.bnr_partner p span{
		font-size:1.2rem;
	}
}