/*-------------------------------------------------
|-  pageTtlWrap
-------------------------------------------------*/
.pageTtlWrap {
	background-image: url(../img/bg_pagettl.jpg);
}
.pageTtlWrap::before {
	background-color: transparent;
}
@media screen and (max-width: 767px){
	.pageTtlWrap {
		background-image: url(../img/bg_pagettl_sp.jpg);
	}
}
/*-------------------------------------------------
|-  wrap
-------------------------------------------------*/
.wrap {
	width: 95%;
	margin: 60px auto 80px;
	background-image: url(../img/bg_message.svg);
	background-size: 75px;
	background-repeat: no-repeat;
	background-position: top right;
}
.mesgBox {
	max-width: 810px;
	margin: 0 auto 115px;
	padding-top: 30px;
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mesgTtl {
	margin-bottom: 40px;
	font-size: 1.78rem;
	font-weight: bold;
}
.mesgPhoto {
	margin-bottom: 40px;
}
.mesgTxt li {
	font-size: 1.14rem;
	line-height: 2;
}
.mesgTxt_sign {
	width: 286px;
}
.mesgPhoto {
	margin-bottom: 35px;
}
@media screen and (max-width: 767px){
	.wrap {
		width: 100%;
		margin: 40px auto 75px;
		background-size: 60px;
	}
	.mesgBox {
		width: 91%;
		margin: 0 auto 65px;
		padding: 0;
	}
	.mesgTtl {
		margin-bottom: 20px;
		font-size: 1.57rem;
	}
	.mesgTxt {
		width: 91%;
		margin: 0 auto;
	}
	.mesgTxt_sign {
		width: 77%;
	}
}
/*-------------------------------------------------
|-  link
-------------------------------------------------*/
.link {
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.link::after {
	content: '';
	width: 32%;
	height: 0;
	display: block;
}
.link_item {
	position: relative;
	width: 32%;
	margin-bottom: 20px;
	border: 2px solid #c81528;
	box-sizing: border-box;
}
.link_item::after {
	content: '';
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	border: 0px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-radius: 1px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.link_item-target::after {
	display: none;
}
.link_item-target::before {
	content: '';
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 17px;
	height: 17px;
	margin: auto;
	background-image: url(/recruit2023/assets/img/icon_external_link.svg);
}
.link_item a {
	padding: 15px 20px;
	box-sizing: border-box;
	font-size: 1.28rem;
	display: block;
	transition: .2s;
}
.link_item a:hover {
	color: #fff;
	background-color: #c81528;
}
.link_item:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}
.link_item:hover::before {
	background-image: url(/recruit2023/assets/img/icon_external_link_active.svg);
}
@media screen and (max-width: 767px){
	.link {
		width: 84%;
		display: block;
	}
	.link_item {
		width: 100%;
		margin-bottom: 10px;
	}
}

.mb30 {
	margin-bottom: 30px;
}