.mission_wrap {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 42px 24px;
	align-items: center;
	padding: 48px 16px 48px 16px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 8px;
	font-size: 16px;
}
.mission_wrap p {
	margin: 0;
}
@media (min-width: 768px){
	.mission_wrap {
		display: grid;
		grid-template-columns: 1fr 3fr;
		gap: 24px 24px;
		align-items: center;
		padding: 64px 56px 64px 16px;
		background-color: rgba(255,255,255,0.8);
		font-size: 18px;
	}
}

.top_grid_wrap {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(120px, 1fr));
	gap: 48px calc(4%);
	font-size: 20px;
}
.top_grid_wrap dl {
	margin: 0;

}


.top_grid_wrap_sub {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(120px, 1fr));
	gap: 48px calc(4%);
}
@media (min-width: 768px){
	.top_grid_wrap_sub {
		grid-template-columns: repeat( auto-fill, minmax(240px, 1fr));
	}
}



.top_grid_wrap a, .top_grid_wrap_sub a,
.top_grid_wrap a dt, .top_grid_wrap_sub a dt,
.top_grid_wrap a:visited dt, .top_grid_wrap_sub a:visited dt{
	text-decoration: none;
	color: black;
	font-weight: 500;
	margin-top: 16px;
}
.top_grid_wrap dt {
	font-size: 22px;
}
.conmapy_toologo {
	min-width: 180px;
	display: inline-block;
}

.main_link_img {
	aspect-ratio: 1 / 1.25;
	object-fit: cover;
	overflow: hidden;
	display: inline-block;
}
.top_grid_wrap dt,
.top_grid_wrap_sub dt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.2;
}
.top_grid_wrap dt::after,
.top_grid_wrap_sub dt::after{
	font-family: 'Material Symbols Outlined';
	content: "\eaaa";
	font-size: 150%;
	font-weight: 300;
	color: var(--color_brown);
}

.top_grid_wrap_all {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(240px, 1fr));
	gap: 48px calc(6%);
	font-size: 20px;
}
.top_grid_wrap_sub dt {
	font-size: 18px;
}
.top_grid_wrap_sub img {
	aspect-ratio: 2 / 1;
	object-fit: cover;
	overflow: hidden;
	display: inline-block;
}





/* ニュースリリース */
.company_news_wrap{
	background-color: white;
	border-radius: 16px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 15px;
	overflow: hidden;
}
.company_news_wrap > li {
	border-bottom: solid 1px #DDD;
}
.company_news_wrap > li:last-child {
	border-bottom: none;
}

.company_news_wrap a{
	text-decoration: none;
	color: black;
	padding: 24px 24px;
	display: block;
	transition: 0.5s;
}
.company_news_wrap a:hover{
	background-color: rgba(53,170,158,0.20);
}

.company_news_wrap .news_release_info {
	width: fit-content;
}
.company_news_wrap .text {
	flex-shrink: unset;
	line-height: 1.3;
}
.company_news_wrap .text p {
	margin-bottom: 0;
}
@media (min-width: 768px){
	.company_news_wrap .small_news_con {
		display: flex;
		column-gap: 0;
		flex-wrap: nowrap;
		align-items: center;
	}
}
.company_news_wrap .small_news_con .row  span,
.company_news_wrap .small_news_con .row  p {
	width: fit-content;
	display: block;
	margin-bottom: 0;
}
.company_news_wrap .cate_seminar span,
.company_news_wrap .cate_company span,
.company_news_wrap .cate_product span,
.company_news_wrap .cate_others span,
.company_news_wrap .cate_casestudies span{
	display: inline-block;
	line-height: 1;
	padding: 6px;
	border: solid  1px #CCC;
	background-color: white;
	font-size: 13px;
}



/*採用*/
.top_recruit_wrap {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 18px;
}

@media (min-width: 768px){
	.top_recruit_wrap {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 48px;
	}
	.div1 { grid-area: 1 / 1 / 3 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 2 / 2 / 3 / 3; }
}


.top_recruit_wrap dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 24px;
}
.top_recruit_wrap dl {
	width: 100%;
}

.top_recruit_wrap dd,
.top_recruit_wrap dl {
	margin: 0;
}
.top_recruit_wrap .recruit dl dd {
	width: 40%;
}
.top_recruit_wrap .recruit dl dt {
	width: calc( 60% - 24px );
}
.top_recruit_wrap .new_graduate dl dd,
.top_recruit_wrap .career dl dd{
	width: 30%;
}
.top_recruit_wrap .new_graduate dl dt,
.top_recruit_wrap .career dl dt{
	width: calc( 70% - 24px );
}
.top_recruit_wrap dl dt{
	font-weight: 300;
	font-size: 20px;
	display: flex;
	align-items: center;
	columun-gap: 12px;
	justify-content: space-between;
}


.top_recruit_wrap dl dt::after{
	font-family: 'Material Symbols Outlined';
	content: "\eaaa";
	font-size: 150%;
	font-weight: 300;
	color: var(--color_brown);
}
.top_recruit_wrap dl dd img {
	border-radius: 4px;
	display: inline-block;
	line-height: 1;
	object-fit: cover;
	aspect-ratio: 3 / 5;

}
.top_recruit_wrap .recruit dl dd img {
	aspect-ratio: 3 / 3.5;
}
.top_recruit_wrap .new_graduate dl dd img,
.top_recruit_wrap .career dl dd img {
	aspect-ratio: 3 / 2;

}

.top_recruit_wrap a {
	display: flex;
	align-items: center;
	padding: 8px;
	line-height: 1;
	text-decoration: none;
	color: #222;
	background-color: white;
}