@charset "utf-8";
.more{
	position : relative;
	display : block;
	width : fit-content !important;
	height : auto;
	margin : 0 auto;
}
.more a{
	display : block;
	width : 100%;
	height : auto;
	line-height : 1;
	text-align : center;
	border-radius : 5px;
	border : 1px solid #0A5774;
	background-color : #0A5774;
	color : #FFF;
	font-size : var(--18px);
	padding : 20px 60px;
}
.more a:hover{
	background-color : #FFF;
	color : #0A5774;
}
.more a::after{
	content : "";
	position : absolute;
	display : block;
	width : 14px;
	height : 14px;
	background : url(../../images/common/arrow_w.png)center / cover no-repeat;
	top : 2px;
	right : 25px;
	bottom : 0;
	left : auto;
	margin : auto auto;
}
.more a:hover::after{
	background : url(../../images/common/arrow_b.png)center / cover no-repeat;
}
.page_common.lower_common.recruit{
	padding : 50px 0 100px;
}
.recruit-section{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.recruit h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 22px;
	border : 2px solid #00769D;
	padding : 15px;
	margin-bottom : 30px;
}
.recruit-content{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.recruit-content:last-child{
	margin-bottom : 0;
}
.recruit-content h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 20px;
	padding-left : 1em;
	margin-bottom : 30px;
}
.content01.recruit-content h4::before{
	content : "1.";
	position : absolute;
	display : block;
	left :0;
}
.content02.recruit-content h4::before{
	content : "2.";
	position : absolute;
	display : block;
	left :0;
}
.content03.recruit-content h4::before{
	content : "3.";
	position : absolute;
	display : block;
	left :0;
}
.recruit-content .headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 20px;
}
.recruit-content h5{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
}
.recruit-content .headline p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 10px;
}
.recruit-content .headline ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.recruit-content .headline ul li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	text-align : justify;
	padding-left : 1em;
	margin-bottom : 10px;
}
.recruit-content .headline ul li:last-child{
	margin-bottom : 0;
}
.recruit-content .headline ul li::before{
	content : "・";
	position : absolute;
	display : block;
	left :0;
}
.recruit-content dl{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
	border-bottom : 1px solid #00769D;
}
.recruit-content dt{
	position : relative;
	display : block;
	width : 10em;
	height : auto;
	border-top : 1px solid #00769D;
	border-left : 1px solid #00769D;
	border-right : 1px solid #00769D;
	padding : 15px;
}
.recruit-content dd{
	position : relative;
	display : block;
	width : calc(100% - 10em);
	height : auto;
	border-top : 1px solid #00769D;
	border-right : 1px solid #00769D;
	padding : 15px;
}
.image-section{

}
.image-section .wrap{
	position : relative;
	display : grid;
	grid-template-columns : repeat(2, 1fr);
	gap : 20px;
}
.image-section .wrap figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.image-section .wrap figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	aspect-ratio : 4 / 3;
	object-fit : cover;
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){

}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.recruit-content dl{
	border : none;
}
.recruit-content dt{
	width : 100%;
	border : none;
	background-color : #efefef;
}
.recruit-content dd{
	width : 100%;
	border : none;
}
}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/