@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap');

main {
	overflow: hidden;
}

/* contents body */
.contents-body {
	overflow-x: hidden;
	background: #f5fdfe url(../img/recruit/body_bg.webp) no-repeat top center / 120% auto;
	margin: 0;
	opacity: 0;
	transition: 1s ease .8s;
}

.onload .contents-body {
	opacity: 1;
}

/*sp*/

/*main_message*/
.fluffy {
	animation-name:fluffyAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}

@keyframes fluffyAnime{
	from {
		opacity: 0;
	}

to {
	opacity: 1;
	}
}

.fluffyStart {
	opacity: 0;
}

.kv-txt {
	margin: 65px auto 0;
	position: relative;
	width: 100%;
	text-align: center;
	max-width: 800px;
}
.kv-txt img {
	width: 85%;
}

/************ sub_message ************/
/*contents_position*/
.sect_submess {
	/*width: 100vw;*/
	position: relative;
	/*単位変更ありえる！！↓上のabsolute部分の表示要素を図って指定している箇所（仮で強引に！）*/
	margin-top: 85px;
	z-index: 1;
}

/*box*/
.submess {
	width: 70%;
	height: auto;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 15px;
	padding: 10%;
	margin: 0 auto;
	box-shadow: 0 2px 10px 2px #999;
}
.ttl_h3_mess {
	margin: 20px 0;
}
.ttl_h4_mess {
	text-align: center;
	margin: 90px 0 0 150px;
	padding: 0;
	top: -50px;
}
.ttl_h4_photo {
	top: -15px;
	left: 0;
}
.ttl_h4_entry {
	top: -10px;
	left: -10px;
}
.ttl_h4_group {
	top: 10px;
	left: 10px;
}
.ttl_h4_history {
	top: -20px;
	left: -20px;
}
.submess-ask_txt {
	display: flex;
	justify-content: flex-start;
}
.submess-ask {
	display: flex;
	justify-content: flex-end;
}
.submess_sign {
	line-height: 1.5;
}
.submess_txt {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.5;
}



/************ introduction************/
.content_introduction, .content_int {
		padding: 25px;
		margin-top: 20px;
		text-align: center;
}
.content_int-top {
		padding: 25px 25px 0;
		text-align: center;
}

.int_txt {
	text-align: left;
}

/*photo*/
.content_int-photo {
	padding: 10px;
	margin-bottom: 20px;
}
.content_int-photo::after {
	clear: both;
}
.recruit-img, .recruit-img_rectangle {
	margin: 0;
	display: inline-block;
}
.recruit-img :first-child {
	margin: 0;
}
.recruit-img :last-child {
	margin: 0;
}
.recruit-img img {
	width: 100px;
	height: auto;
}
.recruit-img_rectangle img {
	width: 330px;
	height: auto;
}

.content_int_h {
	background: url("../img/recruit/logo-backgrand_01.webp") no-repeat, #fffae8;
	background-size: contain;
}
.content_int_oka {
	background: url("../img/recruit/logo-backgrand_02.webp") no-repeat, #f5ffda;
	background-size: contain;		
}
.content_int_umi {
	background: url("../img/recruit/logo-backgrand_03.webp") no-repeat, #e6f9ff;
	background-size: contain;		
}
.introduction_ttl {
	position:relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	z-index: 3;
	letter-spacing:0.1em;
}

.content_txt {
	max-width: 85%;
	margin: auto
}
.content_recruit {
	width: 100%;
	padding: 0;
	margin: 50px 0 5px;
}
.logo_preschool, .logo_daycare {
	text-align: center;
	margin: 0;
}
.logo-home {
width: 70%;
padding: 0;
margin: auto;
}
.logo_txt {
	text-align: center;
	font-weight: 700;
	font-size:34px;
	letter-spacing:0.4em;
	line-height: 1.5;
	margin-top: auto;
	font-size: 30px;
}

/*photo-preschool_daycare*/
ul.article_list__photo {
	display: flex;
}

.article_list__photo a {
	margin: 0 auto;
}
li.article_item__photo {
	position: relative;
	width: 29vw;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
	margin: 10px 5px;
}
li.article_item__photowide {
	position: relative;
	width: 90vw;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
	margin: 10px 5px;
}

li.article_item__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

ul.article_list__photo > li.article_item__photo {
	display:flex;
	align-items: center;
	justify-content: center;
}
	
figure.article-img_photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1.0);
	transition: .5s ease;
}

figure.article-img_photowide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1.0);;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
}

.article_list__photo a:hover .article-img_photo img,
.article_list__photo a:hover .article-img_photowide img {
	transform: translate(-50%,-50%) scale(1.05);
}

.font_frame {
	position: absolute;
	left: 0;
	width: 20px;
	height: 100%;
	z-index: 1;
}

.photo-nankan {
	left: 60px;
}
	
.font_f-nagasu {
	background: rgba( 224, 127, 173, 0.7);
}
.font_f-nankan {
	background: rgba( 167, 215, 50, 0.7);
}
.font_f-kikusui {
	background: rgba( 84, 194, 240, 0.7);
}
.font_f-oka {
	background: rgba( 54, 139, 47, 0.7);
}
.font_f-umi {
	background: rgba( 51, 87, 203, 0.7);
}
	
.frame-txt {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
}
.frame-txt span {
	color: #fff;
	font-size: 10px;
}
.frame_txt-p {
	line-height: 20px;
	height: 11em;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}

_::-webkit-full-page-media, _:future, :root .frame_txt-p {
	width: 1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .frame_txt-p {
		width: 1em;
	}
}

/* recruit_button ------------------------- */

ul.recruit_btn {
	margin: 0 auto;
	padding-left: 0;
	text-align: center;
}
li.recruit-btnlist_set {
	display: inline-block;
	margin: auto;
}
li.recruit-btnlist {
	margin: auto;
	width: 150px;
}

/*button_size*/
.recruit_btn_deco, .recruit_span {
	width: 100px;
	height: 100px;
}
.recruit_btn_deco {
	margin: auto;
	position: relative;
	top: 0;
	right: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all .2s;
			transition: all .2s;
	z-index: 4;
	border: 2px solid #fff;
}
.btn__nagah {
	background-color: #e07fad;
}
.btn__nanh {
	background-color: #a7d733;
}
.btn__kikuh {
	background-color: #54c2f0;
}
.btn__oka {
	background-color: #368b2f;
}
.btn__umi {
	background-color: #3357cb;
}
.recruit_btn_deco:hover {
	box-shadow: none;
}
.btn__nagah:hover {
	background-color: rgba(224, 127, 173, 0.7);
}
.btn__nanh:hover {
	background-color: rgba(167, 215, 51, 0.7);
}
.btn__kikuh:hover {
	background-color: rgba(84, 194, 240, 0.7);
}
.btn__oka:hover {
	background-color: rgba(54, 139, 47, 0.7);
}
.btn__umi:hover {
	background-color: rgba(51, 87, 203, 0.7);
}
.recruit_span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/*point*/
.recruit_span .point {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 70px;
	height: 1px;
	border-radius: 2px;
	background: #fff;
	-webkit-transition: all .3s;
			transition: all .3s;
}

/*text*/
.txt.preschool, .txt.daycare, .txt.recruit{
	position: absolute;
	display: block;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	color: #fff;
	text-align: center;
	-webkit-transition: all .3s;
			transition: all .3s;
}

.txt.preschool, .txt.daycare {
	font-size: 10px;
	line-height: 1.2;
	top: 27%;
	left: 0;
	right: 0;
}
	
/*point*/
.point.p_middle {
	top: 56%;
	-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
			transform-origin: left bottom;
}

.txt.recruit {
	font-size: 14px;
	bottom:16%;
	left: 0;
	right: 0;
}



/************ entry ************/
/*img*/
.sect-entry {
	position:relative;
}

.entry-img {
	padding: 0;
	width: 100%;
	height: auto;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
}

.img-entry_l img {
	position: absolute;
	width: 500px;
	height: auto;
	top: -100px;
	right: 70px;
	left: auto;
}

.img-entry_r img {
	position: absolute;
	width: auto;
	height: auto;
	top: -100px;
	left: 70px;
	right: auto;
}
.txt-con_entry {
	position: relative;
	width: 70%;
	height: auto;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.txt-con_entry h5 {
	font-size: 22px;
	text-align: center;
	font-weight: 500;
	margin: 0;
}
.txt-con_entry h6 {
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0;
	text-align: center;
	line-height: 1.2;
}
.txt-con_entry span {
	display: block;
}
.txt-con_entry li {
	padding: 10px 0;
	line-height: 1;
}
.txt-con_entry p {
	line-height: 1.6;
}
.ttl-achv_dt {
	color: #c55182;
}

/*ul__text-space*/
.achv-space {
	margin-bottom: -20px;
}

/*.achv-txt {
	margin-left: 20px;
	margin-right: 20px;
}*/

.txt-achv_li {
	text-align: left;
}

.txt-achv-space {
	margin: auto;
}
/************ group ************/
.dd-list {
	margin: 40px auto;
}
.dd-list:first-of-type {
	margin: 0 auto 40px;
}
.dd-name {
	line-height: 0;
	margin: 25px 0;
}
.dd-address {
	line-height: 0;
	margin: 25px 0;
}



/************ history ************/
.sect_history {
	background: url("../img/recruit/kv-blossom_left.webp") repeat-y, url("../img/recruit/kv-blossom_right.webp") repeat-y;
	background-size: 150px;
	background-position: left 20px, right 20px;
	margin-bottom: 50px;
}

.sect_history::before {
	content: "";
	width: 100%; 
	height: 100%;
	display: block;
	background: linear-gradient(rgba(255,255,255,0) 90%, #f5fdfe 100%);
	position: absolute;  /*  */
	top: 0;
	left: 0;
}

/*.ttl_h4_group*/
.history_contents {
	width: 100%;
	max-width: 900px;
	margin: 0 auto
}

/*ul*/
.history_list {
	position: relative;
	margin-left: 10vw;
}
	
/********year************/
.history_year {
	display: inline-block;
	position: relative;
	width: 100px;
	font-family: 'Amiri', serif;
	font-size: 15px;
	color: #c55182;
	text-align:left;
}

/********line************/
/*ul_line*/
.history_list::before {
	content: '';
	position: absolute;
	width: 1.5px;
	height:97.5%;
	background-color: rgba(246, 158, 195, 1);
	top: 35px;
	left: 45px;
}

/*year-before(|)*/
.history_list .history_year::before {
	content: '';
	position: absolute;
	width: 1.5px;
	height: 20%;
	background-color: #f69ec3;
	top:20px;
	left: 45px;
}

/********round************/
/*year-after*/
.history_list .history_year::after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #f69ec3;
	top: 18px;
	left: 42px;
}

/*li__ul.list-contents*/
li .list-contents {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 40px;
}

/*ul__ul.list-contents*/
/*text*/
ul .list-description {
	margin-left: 70px;
	margin-top: -52px;
	flex: 1;
	-ms-flex: 1;
}

/*.list-description__after*/
.list-description li {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

/********text***********/
.list-txt {
	width: 50vw;
	margin-bottom: 5px;
}
.txt-main::before {
	content: "ー";
	position: absolute;
	left: 0;
	color: rgba(0,0,0,.3);
}
.txt-main {
	position: relative;
	padding-left: 20px;
}
.txt-remarks {
	font-size: 11px;
	margin-left: 20px;
}

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

.cont_entry .txt-contents_dd {
	padding-top: 0;
}

/*---------------------------------------------------------------------------------*/
/************ responsive************/
/*---------------------------------------------------------------------------------*/


@media screen and (min-width: 375px) {
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*tablet*/
@media screen and (min-width: 540px) {
	/*main_message*/
	.kv-txt {
		width: 80%;
	}
	.kv-txt img {
		width: 80%;
	}
	/*contents_position*/
	.sect_submess {
	}
	
	.ttl_h4_mess {
		margin: 100px 150px 0;
		top: -5px !important;
		left: 270px !important;
	}
	
	/************ sub_message ************/

	/*box*/
	.submess {
		max-width: 900px;
		padding: 10%;
		margin: 0 auto;
	}	

	.submess_txt {
		font-size: 22px;
		font-weight: 400;
	}

	.ttl_h3_mess {
		margin: 0;
	}	
	.ttl_h4_mess {
		margin: 95px 140px 0;
		top: -50px !important;
		left: 160px !important;
	}
	.ttl_h4_photo {
		top: -20px !important;
	}	
	.ttl_h4_entry {
		top: 0px !important;
		left: 50px;
	}
	.ttl_h4_group {
		top: 10px !important;
		left: 70px;
	}
	.ttl_h4_history {
		top: -10px !important;
		left: 20px;
	}	
	.submess_txt {
		font-size: 22px;
		font-weight: 400;
	}


	/************ introduction ************/

	.content_introduction, .content_int {
			padding: 25px;
			margin-top: 20px;
	}
	.content_int-top {
			padding: 25px 25px 0;
	}

	/*photo*/
	.content_int-photo {
		padding: 10px;
		margin-bottom: 20px;
	}

	/*.content_int-photo::after {
		clear: both;
	}*/
	.recruit-img, .recruit-img_rectangle {
		margin: 0;
		display: inline-block;
	}

	.recruit-img img {
		width: 100px;
		height: auto;
	}
	.recruit-img_rectangle img {
		width: 330px;

		height: auto;
	}

	.content_txt {
		max-width: 85%;
		margin: auto
	}
	.content_recruit {
		width: 100%;
		padding: 0;
		margin: 50px 0 5px;
	}

	.logo-home {
	width: 70%;
	padding: 0;
	}


	/*photo-preschool_daycare*/
	ul.article_list__photo {
		display: flex;
		justify-content: space-between;
	}
	li.article_item__photo {
		width: 29vw;
		height: 20vh;
		border-radius: 10px;
		margin: 10px 5px;
	}
	li.article_item__photowide {
		width: 95vw;
		height: 21vh;
		margin: 10px 5px;
	}

	.font_frame {
		width: 20px;
	}
	
	.frame-txt {
		padding: 0;
		width: auto;
	}
	.frame-txt span {
		font-size: 10px;
	}

	/*button_size*/
	.recruit_btn_deco, .recruit_span {
		width: 100px;
		height: 100px;
	}

	.recruit_span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	/*point*/
	.recruit_span .point {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		width: 70px;
		height: 1px;
		border-radius: 2px;
		background: #fff;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	/*text*/
	.txt.preschool, .txt.daycare, .txt.recruit {
		position: absolute;
		display: block;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 400;
		color: #fff;
		text-align: center;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.txt.preschool, .txt.daycare {
		font-size: 10px;
		line-height: 1.2;
		top: 27%;
		left: 0;
		right: 0;
	}
	
	/*point*/
	.point.p_middle {
		top: 56%;
	}
	
	.txt.recruit {
		font-size: 14px;
		bottom:16%;
	}
	
	/************ entry ************/
	.txt-con_entry span {
		display: inline;
	}
	/*img*/
	.img-entry_l img {
		width: 500px;
		top: -100px;
	}

	.txt-con_entry {
		width: 70%;
		padding-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	/*ul*/
	.achv-space {
		margin-bottom: -20px;
	}

	.achv-txt {
		margin-left: 20px;
		margin-right: 20px;
	}

	.cont_entry .txt-contents_dd {
		padding-top: 30px;
	}

}

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

@media screen and (min-width: 768px) {

	/*main_message*/
	.kv-txt {
		margin-top: 100px;
	}
	
	/************ sub_message ************/
	/*contents_position*/
	.sect_submess {
		margin-top: 160px;
	}

	/*box*/
	.submess {
		max-width: 900px;
		padding: 100px;
		margin: 0 auto;
	}
	
	.ttl_h3_mess {
		margin: 0;
	}	
	.ttl_h4_mess {
		margin: 120px 140px 0;
		top: -50px !important;
		left: 270px !important;
	}
	.ttl_h4_photo {
		top: -50px !important;
	}	
	.ttl_h4_entry {
		top: 0px !important;
		left: -50px;
	}
	.ttl_h4_group {
		top: -25px !important;
		left: 0;
	}
	.ttl_h4_history {
		top: -45px !important;
		left: -10px;
	}

	/************ introduction ************/

	.content_introduction, .content_int {
			padding: 100px;
			margin-top: 40px;
	}
	.content_int-top {
			padding: 60px 60px 0;
			margin-top: 40px;
	}
	
		/*photo*/
	.content_int-photo {
		padding: 10px 10px 10px;
	}
	.recruit-img, .recruit-img_rectangle {
		margin: 0 20px 0;
	}
	.recruit-img img {
		width: 300px;
	}
	.recruit-img_rectangle img {
		width: 1000px;
	}
	
	.introduction_ttl {
		font-size: 22px;
		text-align: left;
	}	
	.content_txt {
		max-width: calc(50% - 25px);
		/*padding: 0 25px 0 0;*/
		display: inline-block;
		vertical-align: top
	}
	.content_txt p {
		text-align: left;
	}
	.content_recruit {
		max-width: calc(45% - 25px);
		padding: 0 10px 0 60px;
		margin: 0 0 10px 0;
		display: inline-block;
	}
	
	/*logo*/
	.logo-home {
		width: 90%;
		padding-top: 0;
	}
	.logo_txt {
		margin: 0px 0 80px 0;
	}
	
	/*photo-preschool_daycare*/
	/*ul*/
	ul.article_list__photo {
		display: flex;
		justify-content: center;
	}
	li.article_item__photo {
		min-width: 30vw;
		height: 220px;
		border-radius: 20px;
	}
	li.article_item__photowide {
		width: 92vw;
		height: 30vh;
		border-radius: 20px;
		margin: 20px 10px;
	}
	
	.font_frame {
		width: 30px;
	}

	
	.frame-txt {
		align-items: center;
	}
	.frame_txt-p {
		line-height: 30px;
	}
	.frame-txt span {
		font-size: 18px;
	}
	
	
	/* main__recruit_button ------------------------- */

	/*button_size*/
	.recruit_btn_deco, .recruit_span {
		width: 150px;
		height: 150px;
	}

	/*point*/
	.recruit_span .point {
		width: 120px;
	}

	.txt.preschool, .txt.daycare {
		font-size: 16px;
		top: 25%;
	}
	
	/*point*/
	.point.p_middle {
		top: 50%;
	}
	
	.txt.recruit {
		font-size: 20px;
		bottom:25%;
	}
		



	/************ entry ************/
	/*img*/
	.sect-entry {
		margin: 0;
		padding: 25px;
	}
	.img-entry_l img {
		width: auto;
		top: 0;
	}
	.txt-con_entry {
		width: 600px;
		padding-bottom: 50px;
	}
	.txt-con_entry h6 {
	text-align: left;
	line-height: 1;
}

	/*achievement*/
	.cont_entry{
		padding-top: 50px;
	}

	/*ul*/
	.achv-space {
		display: inline-block;
		}
		
	.achv-txt {
		margin-left: 25px;
		margin-right: 25px;
		}
	
	/************ group ************/
	.dd-list {
		display: flex;
		margin: 30px auto;
	}
	.dd-list:first-of-type {
		margin: 15px auto 30px;
	}
	.dd-name {
		max-width: calc(30% - 5px);
		-webkit-flex-basis: calc(30% - 5px);
		flex-basis: calc(30% - 5px);
		margin: 0;
		}
	.dd-address {
		max-width: 70%;
		-webkit-flex-basis: 70%;
		flex-basis: 70%;
		margin: 0;
	}

	/************ history ************/
	.sect_history {
		background: url("../img/recruit/kv-blossom_left.webp") no-repeat, url("../img/recruit/kv-blossom_right.webp") no-repeat;
		background-position: left 20px, right 20px;
		margin-bottom: 150px;
				opacity: 1;
	}
	
	/********year************/
	.history_year {
		font-size: 30px;
	}

	/********line************/
	/*ul_line*/
	.history_list::before {
		width: 2px;
		height:96%;
		top: 70px;
		left: 90px;
	}
		
	/*year-before*/
	.history_list .history_year::before {
		width: 2px;
		top: 70px;
		left: 90px;
		}
	
	/********round************/
	/*year-after*/
	.history_list .history_year::after {
		width: 10px;
		height: 10px;
		top: 35px;
		left: 86px;
	}

	/*ul__ul.list-description*/
	ul .list-description {
		margin-left: 140px;
		margin-top: -95px;
	}
	
	/********text***********/
	.list-txt{
		width: 100%;
	}
	.txt-remarks{
		font-size: 12px;
	}
	
	
}

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

@media screen and (min-width: 810px) {
	/************ group ************/
	.dd-name {
		max-width: calc(23% - 5px);
		-webkit-flex-basis: calc(23% - 5px);
		flex-basis: calc(23% - 5px);
		}
	.dd-address {
		max-width: 77%;
		-webkit-flex-basis: 77%;
		flex-basis: 77%;
	}
	.content_int-top {
	  padding: 40px 40px 0;
	  margin-top: 40px;
	}
	.content_txt {
	  max-width: calc(60% - 5px);
	}
	.content_recruit {
	  max-width: calc(30% - 5px);
	}
}


@media screen and (min-width: 1024px) {
	li.article_item__photo {
		min-width: 25vw;
		height: 300px;
		border-radius: 20px;
	}
	
	li.article_item__photowide {
		width: 92vw;
		height: 300px;
		border-radius: 20px;
		margin: 20px 10px;
	}
	li.article_item_only {
		position: relative;
		width: 17.9vw;
		height: 30vh;
		border-radius: 20px;
		overflow: hidden;
		margin: 3px;
	}
}

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

/*PC*/
@media screen and (min-width: 1280px) {

	/************ sub_message ************/
	/*contents_position*/
	.sect_submess {
		margin-top: 200px;
	}

	/*box*/
	.submess {
		max-width: 900px;
		padding: 100px;
		margin: 0 auto;
	}	
	.ttl_h3_mess {
		margin: 0;
	}	
	.ttl_h4_mess {
		margin: 100px 0 0 450px;
		top: -50px !important;
	}	
	.ttl_h4_photo {
		top: -90px !important;
	}	
	.ttl_h4_entry {
		top: -40px !important;
		left: -50px;
	}
	.ttl_h4_group {
		top: -60px !important;
		left: 0;
	}
	.ttl_h4_history {
		top: -80px !important;
		left: -50px;
	}



	/************ introduction ************/

	.content_introduction, .content_int {
			padding: 100px;
			margin-top: 40px;
	}
	.content_int-top {
			padding: 100px 0 0;
			margin-top: 40px;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
	}
	
		/*photo*/
	.content_int-photo {
		padding: 10px 10px 100px;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.recruit-img, .recruit-img_rectangle {
		margin: 0 20px 0;
	}
	.recruit-img img {
		width: 300px;
	}
	.recruit-img_rectangle img {
		width: 1000px;
	}
	
	.introduction_ttl {
		font-size: 32px;
		text-align: left;
	}	
	.content_txt {
		max-width: calc(50% - 35px);
		/*padding: 0 80px 0 0;*/
		display: inline-block;
		vertical-align: top
	}
	.content_txt p {
		text-align: left;
	}
	.content_recruit {
		max-width: calc(50% - 35px);
		padding: 0 0 60px;
		margin: 0 0 10px 0;
		display: inline-block;
	}
	
	/*logo*/
	.logo-home {
		width: 90%;
		padding-top: 0;
	}
	.logo_txt {
		margin: 0px 0 80px 0;
	}
	
	/*photo-preschool_daycare*/
	/*ul*/
	ul.article_list__photo {
		display: flex;
		justify-content: center;
	}
	li.article_item__photo {
		min-width: 380px;
		min-height: 380px;
		border-radius: 20px;
		margin: 20px 10px;
	}
	li.article_item__photowide {
		width: 1160px;
		height: 380px;
		border-radius: 20px;
		margin: 20px 10px;
	}
	
	.font_frame {
		width: 40px;
	}

	.frame_txt-p {
		line-height: 40px;
	}
	.frame-txt span {
		font-size: 18px;
	}
	
	/* main__recruit_button ------------------------- */

	/*button_size*/
	.recruit_btn_deco, .recruit_span {
		width: 150px;
		height: 150px;
	}

	/*point*/
	.recruit_span .point {
		width: 120px;
	}

	/*text*/
	.txt.preschool, .txt.daycare {
		font-size: 16px;
		top: 25%;
	}
	
	/*point*/
	.point.p_middle {
		top: 50%;
	}
	
	.txt.recruit {
		font-size: 20px;
		bottom:25%;
	}

	/************ entry ************/
	.txt-con_entry h5 {
		font-size: 32px;
	}
	.txt-con_entry h6 {
		font-size: 22px;
	}
	/*img*/
	.sect-entry {
		margin: 0;
		padding: 25px;
	}
	.img-entry_l img {
		width: auto;
		top: 0;
	}
	.txt-con_entry {
		width: 700px;
		padding-bottom: 50px;
	}

	/*achievement*/
	.cont_entry{
		padding-top: 50px;
	}

	/*ul*/
	.achv-space {
		display: inline-block;
		}
		
	.achv-txt {
		margin-left: 25px;
		margin-right: 25px;
		}
	
	/********year************/
	.history_year {
		font-size: 30px;
	}

	/********line************/
	/*ul*/
	.history_list::before {
		width: 2px;
		height:96%;
		top: 70px;
		left: 90px;
	}
		
	/*year-before*/
	.history_list .history_year::before {
		width: 2px;
		top: 70px;
		left: 90px;
		}
	
	/********round************/
	/*year-after*/
	.history_list .history_year::after {
		width: 10px;
		height: 10px;
		top: 35px;
		left: 86px;
	}

	/*ul__ul.list-description*/
	/*text*/
	ul .list-description {
		margin-left: 140px;
		margin-top: -95px;
	}

	.list-txt{
		width: 100%;
	}	
	.txt-remarks{
		font-size: 12px;
	}


	.cont_entry .txt-contents_dd {
		padding-top: 0;
	}
}