/* ***********************************
 *
 *    CSS にんじんの紹介
 *
 * *********************************** */

/* 概　要
 * *********************************** */

.about-table01 {
	width: 100%;
	margin-bottom: 0.5rem;
}

.about-table02 {
	width: 100%;
	margin-bottom: 5rem;
}

.about-table01 th,
.about-table02 th {
	width: 30%;
	background: #fbf9de;
	border: 1px solid #ddd;
	padding: 1rem;
}

.about-table01 td,
.about-table02 td {
	width: 70%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 1rem;
	text-align: left;
}

.indent {
	font-size: 1.4rem;
	line-height: 1.6;
	padding-left: 1rem;
	text-indent: -1rem;
	margin-bottom: 4rem;
}


/* 施設案内
 * *********************************** */

.facility-layout01 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.facility-layout02 {
	width: 100%;
	margin-bottom: 2rem;
}

.facility-layout03 {
	width: 100%;
}

.facility-des {
	width: 100%;
	margin-bottom: 0;
}

.facility-des p {
	margin-bottom: 0; 
}

.fic-ph {
	margin-bottom: 2rem;
}

.fic-tittle {
	width: 60%;
	margin-left: 20%;
	text-align: center;
	padding: 0.5rem;
	margin-bottom: 2rem;
	background: #f57a78;
	color: #fff;
	font-size: 2rem;
	border-radius: 2rem;
	position: relative;
}

.fic-tittle:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #f57a78;
	z-index: 1;
}

@media screen and (min-width: 800px) {
	.facility-layout01 {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		margin: 4rem 0 5rem 0;
	}

	.facility-layout02 {
		width: 50%;
		margin-right: 1rem;
		margin-bottom: 0;
	}

	.facility-layout03 {
		width: 50%;
		margin-left: 1rem;
		margin-bottom: 0;
	}

}

/* にんじんのおとなたち
 * *********************************** */

.staff-layout01 {
	display: flex;
	flex-wrap: wrap;
}

.staff-layout02,
.staff-layout03,
.staff-layout04 {
	width: 100%;
}

.staff-fukidashi {
	position: relative;
	display: inline-block;
	text-align: justify;
	margin: 1.5em 0;
	padding: 1.5rem;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	background: #bceafd;
	border-radius: 15px;
}

.staff-fukidashi:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #bceafd;
}

.staff-fukidashi p {
  margin: 0;
  padding: 0;
}

.img-shadow02 {
	text-align: center;
}

.img-shadow02 img {
	width: 80%;
	border-radius: 50%;
	border:1rem solid #fff;
	box-shadow: 0px 0px 1.2rem #ccc;
}

@media screen and (min-width: 800px) {
	.staff-layout01 {
		margin-bottom: 5rem;
	}

	.img-shadow02 img {
		width: 100%;
	}

	.staff-layout02,
	.staff-layout03,
	.staff-layout04 {
		width: 30%;
	}

	.staff-layout02 {
		margin-right: 5%;
	}

	.staff-layout04 {
		margin-left: 5%;
	}
}


/* 親たちの声
 * *********************************** */

h3.underpage3 {
	margin-bottom: 2rem;
}

.voice-name {
	color: #f57a78;
	text-align: center;
	font-weight: 700;
	margin-bottom: 2.5rem;
}

.base-layout02 {
	margin-bottom: 5rem;
}


@media screen and (min-width: 800px) {
	.img-right {
		width: 40%;
	}

	.img-left {
		width: 40%;
	}

	.base-layout02 {
		margin-bottom: 6rem;
	}

}