@charset "utf-8";
/* CSS Document */
/*recruit-app__p*/
.p-app {
	line-height: 1.5;
	text-align: start;
}
.indent-4 {
	padding-left:4em;
	text-indent:-4em;
}
.indent-2 {
		padding-left:1.8em;
		text-indent:-1.8em;
}
.txt__app {
	padding: 20px 0;
}
.txt__app-position {
	
}
.txt-space_app {
	margin-top: 0;
}

/*photo-preschool_daycare*/
.article_list__photo {
		display: flex;
	}
.article_item__photo_app {
		position: relative;
		width: 170px;
		height: 140px;
		border-radius: 10px;
		overflow: hidden;
		margin: 10px auto;
	}

.article_item__photo_app img {
		width: auto;
		height: 120%;
	}
figure.article-img_photo_app img {
		position: absolute;
		object-fit: cover;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
.content_recruit-app {
		width: 100%;
		display: inline-block;
}
.txt-contents_dl-app {
		/*width: 1000px;*/
}

.e_btn-m {
	margin-top: 100px;
}

.logo_txt-recruit {
    text-align: center;
    font-weight: 700;
	letter-spacing: 0.4em;
    line-height: 1.2;
    margin-top: auto;
    font-size: 18px;
}

.logo-rec_app {
	width: 80%;
	padding: 0;
	margin: auto;
}
.logo_pre-app {
	text-align: center;
	margin: 0;
}

.content_txt-app {
		width: 100%;
		margin: auto;
}


/*---view a site__btn-----------------------*/

.main_btn-app {
	text-align: center;
	margin: 50px 0;
}

.btn_contents-app {
	position: relative;
	padding: 13px 2vh 10px;
	border-radius: 40px;
	text-decoration: none !important;
	white-space: nowrap;
	align-items: center;
}

.b_app-nagasu {
		background-color: rgba(224, 127, 173, 1);
}
.b_app-nagasu:hover {
		background-color: rgba(224, 127, 173, 0.7);
}

.b_app-kikusui {
		background-color: rgba(84, 194, 240, 1);
}
.b_app-kikusui:hover {
		background-color: rgba(84, 194, 240, 0.7);
}

.b_app-nankan {
		background-color: rgba(167, 215, 51, 1);
}
.b_app-nankan:hover {
		background-color: rgba(167, 215, 51, 0.7);
}

.b_app-oka {
		background-color: rgba(54, 139, 47, 1);
}
.b_app-oka:hover {
		background-color: rgba(54, 139, 47, 0.7);
}

.b_app-umi {
		background-color: rgba(51, 87, 203, 1);
}
.b_app-umi:hover {
		background-color: rgba(51, 87, 203, 0.7);
}


.btn_contents-app {
	border: 0;
}

.btn-txt-app {
	color: #fff;
	letter-spacing: 0.2em;
	font-size: 13px;
	justify-content: center;
}


.app_span {
	padding: 1px 15px;
	background-color: rgba(223, 223, 223,1);
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*---------------------------------------------------------------------------------*/
/************ responsive************/
/*---------------------------------------------------------------------------------*/
@media screen and (min-width: 375px) {
	.article_item__photo_app {
		width: 250px;
		height: 180px;
	}
}


@media screen and (min-width: 540px) {
	.content_recruit-app {
		width: 45%;
	}
	.logo-rec_app {
	width: 50%;
	}
	.p-app{
	text-align: center;
}

	.txt__app {
		padding: 10px 25px;
	}
	
	.article_item__photo_app {
		width: 350px;
		height: 250px;
		margin: 10px 5px;
	}
	
	.btn-txt-app {
		font-size: 15px;
	}
	
	.logo_txt-recruit {
    letter-spacing: 0.4em;
    line-height: 1.5;
    margin-top: auto;
    font-size: 20px;
	}
	
	.content_txt-app {
		width: 85%;
	}
	.txt-space_app {
		margin-top: 80px;
	}
	.btn_contents-app {
		padding: 13px 15px 10px;
	}
	
	
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (min-width: 768px) {
	.logo-rec_app {
	width: 50%;
	}
	
	.txt__app {
		padding: 30px 25px;
	}
	.txt__app-position {
		text-align: start;
	}
	.p-app{
		text-align: start;
	}
	
	.article_item__photo_app {
		position: relative;
		width: 250px;
		height: 200px;
		border-radius: 10px;
		overflow: hidden;
		margin: 10px 5px;
	}
	.content_txt-app {
		width: 45%;
		padding: 0 25px 0 0;
		display: inline-block;
		vertical-align: top;
	}
	.txt-space_app {
		margin-top: 20px;
	}
	
	.btn_contents-app {
	padding: 13px 15px 10px;
	}
	.main_btn-app {
		text-align: left;
	}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1024px) {
	.article_item__photo_app {
		width: 350px;
		height: 250px;
	}
}
/*PC*/
@media screen and (min-width: 1280px) {
	.logo-rec_app {
	width: 50%;

}
	.logo_txt-recruit {
		font-size: 35px;
	}
	.txt__app {
		padding: 50px 25px;
	}
	.txt__app-position {
		text-align: center;
	}
	.p-app{
		text-align: start;
	}
	
	.btn-txt-app {
		font-size: 20px;
	}
	
	.article_item__photo_app {
		width: 400px;
		height: 320px;
		margin: 10px 5px;
	}
	
	.content_txt-app {
		width: 45%;
		padding: 0 80px 0 0;
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	/*_app {
		margin-top: 50px;
	}*/
	
	.main_btn-app {
	text-align: left;
	margin: 50px 0 0 0;
}
	.btn_contents-app {
	 padding: 23px 70px 15px;
	}
}