@charset "utf-8";


/* recruit
-------------------------------------------------*/

#page{
	background:none;
}

#recruit{
	position:relative;
	width: 1240px;
	margin: 3rem auto 8rem;
}
@media(max-width: 1240px){
	#recruit{
		width:100%;
	}
}

.hd_recruit{
	position:relative;
	padding:0 0 0 1rem;
	margin:0 auto 15rem;
}
	.hd_recruit > div:first-child{
		position:relative;
		padding-top:8vh;
		z-index: 1;
	}
	.m_recruit{
		color:var(--color-green);
		font-size: clamp(22px, 4.2vw, 50px);
		font-weight:bold;
		line-height: 1.7;
		margin:0 0 2vh;
	}
	.img_recruit{
		position:absolute;
		right:0;
		top:0;
		width:min(90%,760px);
		z-index: 0;
	}
@media(max-width: 960px){
	.hd_recruit{
		padding:0;
		margin:0 auto 6rem;
	}
	.hd_recruit > div:first-child{
		text-align: center;
		padding-top:0;
		margin:0 auto 2rem;
	}
	.hd_recruit > div:first-child p{
		padding:0 2rem;
	}
	.hd_recruit > div:first-child br{
		display: none;
	}
	.m_recruit{

	}
	.img_recruit{
		position:relative;
		right:inherit;
		top:inherit;
		width:min(90%,760px);
		margin:0 auto;
	}
}

.d_rsv{
	position:relative;
	text-align: center;
	margin:0 auto;
}
	.m_rsv{
		position:relative;
		text-align: center;
		color:var(--color-green);
		font-size:min(2rem,34px);
		line-height: 1;
		margin:0 auto 1.5rem;
	}
	.m_moushikomiji{
		width:min(50%,196px);
		margin:0 auto 1rem;
	}
	.rsv_list{
		display:inline-block;
		padding:1.5rem 2rem;
		background:#f5edcb;
		margin:0 auto;
	}
	.rsv_list li{
		display:inline-block;
		padding:.5rem 0;
		line-height: 1.3;
		border-bottom:1px solid rgba(0 0 0 / .2);
		margin:0.5rem 1rem;
	}

.contact{
	display:flex;
	width: auto;
	flex-flow:row nowrap;
	justify-content:center;
	margin:0 auto;
}
	.contact > div{
		width:min(40%,320px);
		margin:0 1rem;
	}
	.contact > div > a{
		display: block;
		padding:1.1rem .3rem;
		background:var(--color-palegrn);
		border-radius: 3rem 0;
		transition:.3s;
	}
	.contact > div > a.hover{
		background:var(--color-yellow);
	}
	.contact > div p{
		color:var(--color-green);
		font-size:1.2rem;
		font-weight: bold;
		line-height: 1.6;
	}
@media(max-width: 600px){
	.contact{
		display:block;
	}
	.contact > div{
		width:min(60%,320px);
		margin:0 auto 1rem;
	}
}




/* chara */
.i_chara{
	position:absolute;
	display: block;
	z-index: 2;
}
.i_donguri{
	right: 15%;
	top: 15vh;
	width: min(14%, 83px);
	height: auto;
	z-index: 2;
}
@media(max-width: 820px){
}
@media(max-width: 700px){
}