@charset "utf-8";
.recruit-inner .top {
	width:min(100%,900px);
	margin:40px auto 40px;
}
@media screen and (min-width:768px){
.recruit-inner .top {
	margin:15px auto 40px;
	}
}

.recruit-inner .top ul{
	display:grid;
	grid-template-columns:1fr;
	align-items:center;
	gap:30px;
}
@media screen and (min-width:768px){
.recruit-inner .top ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px 0;
	}
}
.anc_inner{
	width:min(90%,900px);
	margin:15px auto 60px;
}
.anc_inner ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
@media screen and (min-width:768px){
.anc_inner ul{
	grid-template-columns:1fr 1fr 1fr 1fr;
	}
}

/* -------------------------------------------------------------------
innerの設定
------------------------------------------------------------------- */
.recruit-inner{
	width:min(90%,1336px);
	margin: 0 auto;
	position:relative;
}
.entry{
	position:absolute;
	right:0px;
	top:-90px;
	max-width:13%;
}
@media screen and (min-width:768px){
.entry{
	position:absolute;
	right:60px;
	top:30px;
	max-width:15%;
	}
}


.recruit-catch_text{
	margin: 0 auto;
	font-size:clamp(13px,3vw,17px);
	padding:20px 0;
	text-align:center;
	letter-spacing:1.3px;
	font-weight:700;
}
.recruit-inner .recruit-list{
	margin:20px auto 30px;
	border-bottom:3px dotted #00b7d3;
	padding:0 0 25px;
	width:min(100%,650px);
}


.recruit-inner .border-last{
	border-bottom:none;
}

.recruit-inner .recruit-list dt{
	text-align:center;
	color:#00b7d3;
	font-size:clamp(16px,5vw,28px);
	font-weight:500;
	letter-spacing:2px;
	margin:0 0 10px;
	font-family:var(--hiragino);

}
.recruit-inner .recruit-list dd{
	text-align:left;
	font-size:clamp(13px,3.3vw,16px);
	letter-spacing:2px;
	font-weight:500;
}


.recruit-inner h3{
	text-align:center;
	color:#00b7d3;
	font-size:clamp(16px,5vw,30px);
	letter-spacing:2px;
	margin:50px 0 10px;
	font-weight:500;

}
.recruit-inner .bg{
	background:#f8f6e7;
	padding:10px 20px 10px;
	position:relative;
}
@media screen and (min-width:768px){
.recruit-inner .bg{
	padding:30px 20px 30px;
	}
}

.cat-icon{
	position:absolute;
	right:0;
	bottom:-30px;
	max-width:80px;
}
@media screen and (min-width:768px){
.cat-icon{
	bottom:-30px;
	max-width:130px;
	}
}

.recruit-inner .message-list{
	margin:15px auto 15px;
	border-bottom:1px dotted #00b7d3;
	padding:0 0 15px;
	width:min(100%,600px);
}
.recruit-inner .border-last{
	border-bottom:none;
}

.recruit-inner .message-list dt{
	color:#00b7d3;
	font-size:clamp(14px,3vw,18px);
	font-weight:500;
	letter-spacing:2px;
	margin:0 0 3px;
}
.recruit-inner .message-list dd{
	text-align:left;
	font-size:clamp(13px,3.3vw,15px);
	letter-spacing:2px;
}


.recruit-main{
	margin: 0px auto 60px;
	width:min(100%,900px);
}
@media screen and (min-width:768px){
.recruit-main{
	margin: 140px auto 60px;
	}
}

.photo-main{
	padding:4em 0 2em;
	border-bottom:5px solid #00b7d3;
	margin: 0 auto:

}
.photo-inner{
	padding:2em 0;
	border-bottom:2px solid #00b7d3;
	margin:0 auto 0px;
	position:relative;
	width:min(100%,580px);
	text-align:center;
}
.photo-inner .name-icon{
	position:absolute;
	left:-10px;
	top:-5px;
	max-width:20%;
}
.photo-inner .photo-name{
	text-align:center;
	font-size:clamp(14px,3vw,18px);
	padding:20px 0 0;
	font-weight:700;
	letter-spacing:1px;

}

.photo-main .photo-interview{
	margin:30px auto 0px;
	width:min(100%,650px);
}

.photo-interview h4{
	color:#595757;
	font-size:clamp(14px,4vw,20px);
	font-weight:500;
	letter-spacing:1px;
	margin:20px 0 ;
}
.photo-interview .interview-list{
	margin:15px 0 15px;
	padding:0 0 15px;

}

.photo-interview .interview-list dt{
	color:#00b7d3;
	font-size:clamp(13px,3vw,16px);
	font-weight:500;
	letter-spacing:1.2px;
	margin:0 0 3px;
}
.photo-interview .interview-list dt:before{
	content:"Q.";
}

.photo-interview .interview-list dd{
	text-align:left;
	font-size:clamp(13px,3.3vw,15px);
	letter-spacing:1px;
	font-weight:500;
}
.photo-interview .interview-list dd:before{
	content:"A.";
}

.photo-interview .qa-list{
	margin:15px auto 15px;
	padding:0 0 15px;
	border-bottom:1px dotted #00b7d3;
	width:min(100%,650px);
}
.photo-interview .border-last{
	border-bottom:none;
}
.photo-interview .border-first{
	margin:40px auto 15px;
}
.photo-interview .qa-list dt{
	color:#00b7d3;
	font-size:clamp(13px,3vw,16px);
	font-weight:500;
	letter-spacing:1.2px;
	margin:0 0 3px;
}
.photo-interview .qa-list dt:before{
	content:"Q.";
}

.photo-interview .qa-list dd{
	text-align:left;
	font-size:clamp(13px,3.3vw,15px);
	letter-spacing:1px;
	font-weight:500;
}
.photo-interview .interview-list dd:before{
	content:"A.";
}