@charset "UTF-8";
/* CSS Document */

/*====================================================
	●style.css 画面の横幅が769px以上  
	Note PC size以上
======================================================*/
@media screen and (min-width: 769px){
	
	/*-----------------------
		保護者・保育士の声
	------------------------*/
	.drawer-navbar ul.drawer-menu li:nth-child(4) a {
		/*border-bottom: 2px solid #9C0;*/
	}
	.drawer-navbar ul.drawer-menu li:nth-child(4) a::after {
		content: "";
		position: absolute;
		bottom: 2px;
		left: 50%;
		width: 7rem;
		height: 5px;
		background: #C9A56B;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	
	/*=============================
		保護者・保育士の声
	==============================*/
	section.PearentsFeedback {
		/*width: 98%;
		max-width: 1024px;*/
		margin: 5% 0;
	}
	section.PearentsFeedback h2 {
		width: 20%;
		max-width: 200px;
		margin: 0 auto;
	}
	
	/*--------------------
		バナー
	----------------------*/
	section.PearentsFeedback > ul:nth-child(2) {
		width: 98%;
		max-width: 1024px;
		background: linear-gradient(#FFF 50%, #E5DDD0 100%);
		box-sizing: border-box;
		list-style-type: none;
		margin: 5% auto;
		padding: 0 2% 2% 2%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	section.PearentsFeedback > ul:nth-child(2) li {
		width: 45%;
	}
	section.PearentsFeedback > ul:nth-child(2) li a {
		border: thin solid #FFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.3);
		display: block;
		position: relative;
	}
	section.PearentsFeedback > ul:nth-child(2) li a:hover {
		opacity: 0.9;
		border-top: none;
		border-left: none;
		border-right: 2px solid #999;
		border-bottom: 2px solid #CCC;
	}
	section.PearentsFeedback > ul:nth-child(2) li a:active {
		border-top: 2px solid #CCC;
		border-left: 2px solid #CCC;
		border-right: none;
		border-bottom: none;
		box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	}
	section.PearentsFeedback > ul:nth-child(2) li a p {
		width: 4rem;
		height: 8rem;
		/*縦書き*/
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		
		color: #FFF;
		font-weight: 600;
		text-shadow: 0 0 3px rgba(0,0,0,0.5);
		letter-spacing: 2px;
		border: 2px solid #FFF;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	/** 保護者の声 **/
	section.PearentsFeedback > ul:nth-child(2) li:first-child a p {
		background-image: url(../img/backimage_fablic02.jpg);		
	}
	/** 保護者の声 **/
	section.PearentsFeedback > ul:nth-child(2) li:last-child a p {
		background-image: url(../img/backimage_fablic03.jpg);		
	}
	/** 画像 **/
	section.PearentsFeedback > ul:nth-child(2) li a picture {
		border: thin solid #FFF;
	}
	
	
	
	/*======================================
		保護者の声
	=======================================*/
	section.Pearents {
		margin: 10% 0;
	}
	section.Pearents h3 {
		width: 20%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	/*--------------------	
		装飾上 [楓 / kids]
	--------------------*/
	section.Pearents > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Pearents > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** kids03 **/
	section.Pearents > div:nth-child(3) picture:first-child {
		width: 70px;
		bottom: -10px;
		left: 10%;
	}
	/** kids01 **/
	section.Pearents > div:nth-child(3) picture:nth-child(2) {
		width: 70px;
		bottom: -10px;
		left: 20%;
	}
	/** kids05 **/
	section.Pearents > div:nth-child(3) picture:nth-child(3) {
		width: 60px;
		bottom: -10px;
		right: 20%;
	}
	/** kids06 **/
	section.Pearents > div:nth-child(3) picture:last-child {
		width: 70px;
		bottom: -10px;
		right: 10%;
	}
	
	
	/*=====================
		保護者の声
	======================*/
	div.Feedback_Pearent {
		background: #F3EFE8;
		padding: 5% 0;
		/zoom:1;
	}
	div.Feedback_Pearent > div {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
		/*border: thin dashed #F69;*/
	}
	div.Feedback_Pearent > div div {
		width: 42%;
		margin-bottom: 6%;
		padding: 2%;
		
		position: relative;
		/*border: thin dashed #F6C;*/
	}
	div.Feedback_Pearent > div dl {
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		padding: 4%;
		
		/*background-image: url(../img/flame_feedback.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;*/
		position: relative;
	}
	div.Feedback_Pearent > div dl::before {
		content: "";
		position: absolute;
		top: -2rem;
		left: -2rem;
		width: 400px;
		height: 3rem;
		background-image: url(../img/flame_feedback_top_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	div.Feedback_Pearent > div dl::after {
		content: "";
		position: absolute;
		right: -2rem;
		bottom: -2rem;
		width: 400px;
		height: 4rem;
		background-image: url(../img/flame_feedback_bottom_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	/** ○○のお母さん **/
	div.Feedback_Pearent > div dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin dashed #966;
		margin-bottom: 4%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	/** Text **/
	div.Feedback_Pearent > div dd {
		
	}
	/** p **/
	div.Feedback_Pearent > div dd p {
		color: #666;
		line-height: 1.4rem;
		letter-spacing: 1px;
		margin-bottom: 2%;
	}
	/*------------------
		画像[common] 
	--------------------*/
	div.Feedback_Pearent > div picture {
		position: absolute;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:nth-child(2) {
		width: 20%;
		top: 0;
		right: 0;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:last-child {
		width: 3rem;
		right: 30%;
		bottom: -5%;
	}
	
	/*-----------------------------
		こうたろうくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:first-child dt {
		color: #9C0;
		border-color: #9C0;
	}
	
	/*-----------------------------
		いおりくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(2) dt {
		color: #6CC;
		border-color: #6CC;
	}
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(2) {
		width: 15%;
		top: -5%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(3) {
		width: 2rem;
		left: 0;
		bottom: 10%;
	}
	div.Feedback_Pearent > div div:nth-child(2) picture:last-child {
		width: 2rem;
		right: 5%;
		bottom: 5%;
	}
	
	/*-----------------------------
		もえちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(3) dt {
		color: #F66;
		border-color: #F66;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(2) {
		width: 25%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(3) {
		width: 10%;
		left: 0;
		bottom: 3%;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:last-child {
		width: 8%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆかちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(4) dt {
		color: #C96;
		border-color: #C96;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:nth-child(2) {
		width: 18%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:last-child {
		width: 13%;
		left: 3%;
		bottom: -5%;
	} 
	
	/*-----------------------------
		しずくちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(5) dt {
		color: #939;
		border-color: #939;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(3) {
		width: 5%;
		left: 0;
		bottom: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:last-child {
		width: 20%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆなちゃんのお父さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(6) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(3) {
		width: 7%;
		left: 0;
		top: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:last-child {
		width: 15%;
		right: 15%;
		bottom: -2%;
	}
	/*----------------------------------------------
		せんのすけくん・なのはちゃんのお母さん
	------------------------------------------------*/
	div.Feedback_Pearent > div div:nth-child(7) {
		margin-left: 2%;
		margin-right: auto;
	}
	div.Feedback_Pearent > div div:nth-child(7) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:last-child {
		width: 10%;
		right: 35%;
		bottom: -5%;
	}
	
	
	
	
	
	
	
	
	/*======================================
		保育士の声
	=======================================*/
	section.Childminder {
		margin: 10% 0;
	}
	section.Childminder h3 {
		width: 20%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	/*-----------------------	
		装飾上 [childminder]
	------------------------*/
	section.Childminder > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Childminder > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** Childminder01 **/
	section.Childminder > div:nth-child(3) picture:first-child {
		width: 200px;
		bottom: -10px;
		left: 10%;
	}
	/** Childminder02 **/
	section.Childminder > div:nth-child(3) picture:last-child {
		width: 200px;
		bottom: -10px;
		right: 10%;
	}
	
	
	/*=====================
		保育士の声
	======================*/
	div.Feedback_Childminder {
		background: #F3EFE8;
		padding: 5% 0;
	}
	div.Feedback_Childminder > div:first-child {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	/*----------------------
		Text / 画像
	----------------------*/
	div.Feedback_Childminder > div:first-child div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	div.Feedback_Childminder > div:first-child dl {
		width: 70%;
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		margin-bottom: 4%;
		padding: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin solid #CCC;
		box-sizing: border-box;
		margin-bottom: 2%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	div.Feedback_Childminder > div:first-child dl dd {
		margin-bottom: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dd p {
		color: #966;
		line-height: 1.2rem;
		/*border-bottom: thin dashed #CCC;*/
		margin-bottom: 1%;
	}
	/** 画像 **/
	div.Feedback_Childminder > div:first-child div picture {
		width: 20%;
	}
	
	/** ２行目/４行目 右寄せ **/
	div.Feedback_Childminder > div:first-child div:nth-child(2),
	div.Feedback_Childminder > div:first-child div:nth-child(4) {
		/*margin-left: auto;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	/** 保育士A先生 **/
	div.Feedback_Childminder > div:first-child dl:first-child dt {
		color: #F69;
		border-bottom: thin solid #F69;
	}
	/** 保育士B先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(2) dt {
		color: #9C3;
		border-bottom: thin solid #9C3;
	}
	/** 保育士C先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(3) dt {
		color: #C9C;
		border-bottom: thin solid #C9C;
	}
	/** 保育士D先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(4) dt {
		color: #F90;
		border-bottom: thin solid #F90;
	}
	/** 保育士E先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(5) dt {
		color: #6CF;
		border-bottom: thin solid #6CF;
	}
	
}




/*================================================================================
　●tablet.css 画面の横幅が768pxまで
=================================================================================*/
@media screen and (max-width: 768px) {
	
	/*=============================
		保護者・保育士の声
	==============================*/
	section.PearentsFeedback {
		/*width: 98%;
		max-width: 1024px;*/
		margin: 5% 0;
	}
	section.PearentsFeedback h2 {
		width: 20%;
		max-width: 200px;
		margin: 0 auto;
	}
	
	/*--------------------
		バナー
	----------------------*/
	section.PearentsFeedback > ul:nth-child(2) {
		width: 98%;
		max-width: 1024px;
		background: linear-gradient(#FFF 50%, #E5DDD0 100%);
		box-sizing: border-box;
		list-style-type: none;
		margin: 10% auto;
		padding: 0 2% 2% 2%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	section.PearentsFeedback > ul:nth-child(2) li {
		width: 45%;
	}
	section.PearentsFeedback > ul:nth-child(2) li a {
		border: thin solid #FFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.3);
		display: block;
		position: relative;
	}
	section.PearentsFeedback > ul:nth-child(2) li a:hover {
		opacity: 0.9;
		border-top: none;
		border-left: none;
		border-right: 2px solid #999;
		border-bottom: 2px solid #CCC;
	}
	section.PearentsFeedback > ul:nth-child(2) li a:active {
		border-top: 2px solid #CCC;
		border-left: 2px solid #CCC;
		border-right: none;
		border-bottom: none;
		box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	}
	section.PearentsFeedback > ul:nth-child(2) li a p {
		width: 4rem;
		height: 8rem;
		/*縦書き*/
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		
		color: #FFF;
		font-weight: 600;
		text-shadow: 0 0 3px rgba(0,0,0,0.5);
		letter-spacing: 2px;
		border: 2px solid #FFF;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	/** 保護者の声 **/
	section.PearentsFeedback > ul:nth-child(2) li:first-child a p {
		background-image: url(../img/backimage_fablic02.jpg);
		background-size: cover;		
	}
	/** 保護者の声 **/
	section.PearentsFeedback > ul:nth-child(2) li:last-child a p {
		background-image: url(../img/backimage_fablic03.jpg);
		background-size: cover;			
	}
	/** 画像 **/
	section.PearentsFeedback > ul:nth-child(2) li a picture {
		border: thin solid #FFF;
	}
	
	
	
	/*======================================
		保護者の声
	=======================================*/
	section.Pearents {
		margin: 10% 0;
	}
	section.Pearents h3 {
		width: 40%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	/*--------------------	
		装飾上 [楓 / kids]
	--------------------*/
	section.Pearents > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Pearents > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** kids03 **/
	section.Pearents > div:nth-child(3) picture:first-child {
		width: 70px;
		bottom: -10px;
		left: 10%;
	}
	/** kids01 **/
	section.Pearents > div:nth-child(3) picture:nth-child(2) {
		width: 70px;
		bottom: -10px;
		left: 20%;
	}
	/** kids05 **/
	section.Pearents > div:nth-child(3) picture:nth-child(3) {
		width: 60px;
		bottom: -10px;
		right: 20%;
	}
	/** kids06 **/
	section.Pearents > div:nth-child(3) picture:last-child {
		width: 70px;
		bottom: -10px;
		right: 10%;
	}
	
	
	/*=====================
		保護者の声
	======================*/
	div.Feedback_Pearent {
		background: #F3EFE8;
		padding: 5% 0;
		/zoom:1;
	}
	div.Feedback_Pearent > div {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		
		/*border: thin dashed #F69;*/
	}
	div.Feedback_Pearent > div div {
		width: 42%;
		margin-bottom: 6%;
		padding: 2%;
		
		position: relative;
		/*border: thin dashed #F6C;*/
	}
	div.Feedback_Pearent > div dl {
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		padding: 4%;
		
		/*background-image: url(../img/flame_feedback.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;*/
		position: relative;
	}
	div.Feedback_Pearent > div dl::before {
		content: "";
		position: absolute;
		top: -1.8rem;
		left: -1.8rem;
		width: 300px;
		height: 3rem;
		background-image: url(../img/flame_feedback_top_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	div.Feedback_Pearent > div dl::after {
		content: "";
		position: absolute;
		right: -2rem;
		bottom: -1.5rem;
		width: 330px;
		height: 3rem;
		background-image: url(../img/flame_feedback_bottom_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	/** ○○のお母さん **/
	div.Feedback_Pearent > div dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin dashed #966;
		margin-bottom: 4%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	/** Text **/
	div.Feedback_Pearent > div dd {
		
	}
	/** p **/
	div.Feedback_Pearent > div dd p {
		color: #666;
		line-height: 1.4rem;
		letter-spacing: 1px;
		margin-bottom: 2%;
	}
	/*------------------
		画像[common] 
	--------------------*/
	div.Feedback_Pearent > div picture {
		position: absolute;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:nth-child(2) {
		width: 20%;
		top: 0;
		right: 0;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:last-child {
		width: 3rem;
		right: 30%;
		bottom: -5%;
	}
	
	/*-----------------------------
		こうたろうくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:first-child dt {
		color: #9C0;
		border-color: #9C0;
	}
	
	/*-----------------------------
		いおりくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(2) dt {
		color: #6CC;
		border-color: #6CC;
	}
	/** アサガオ **/
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(2) {
		width: 15%;
		top: -5%;
		right: 0;
	}
	/** reef05 **/
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(3) {
		width: 2rem;
		left: -2%;
		bottom: 10%;
	}
	/** reef04 **/
	div.Feedback_Pearent > div div:nth-child(2) picture:last-child {
		width: 2rem;
		right: 5%;
		bottom: 5%;
	}
	
	/*-----------------------------
		もえちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(3) dt {
		color: #F66;
		border-color: #F66;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(2) {
		width: 25%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(3) {
		width: 10%;
		left: 0;
		bottom: 3%;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:last-child {
		width: 8%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆかちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(4) dt {
		color: #C96;
		border-color: #C96;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:nth-child(2) {
		width: 18%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:last-child {
		width: 13%;
		left: 3%;
		bottom: -5%;
	} 
	
	/*-----------------------------
		しずくちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(5) dt {
		color: #939;
		border-color: #939;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(3) {
		width: 5%;
		left: 0;
		bottom: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:last-child {
		width: 20%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆなちゃんのお父さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(6) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(3) {
		width: 7%;
		left: 0;
		top: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:last-child {
		width: 15%;
		right: 15%;
		bottom: -2%;
	}
	/*----------------------------------------------
		せんのすけくん・なのはちゃんのお母さん
	------------------------------------------------*/
	div.Feedback_Pearent > div div:nth-child(7) {
		margin-left: 2%;
		margin-right: auto;
	}
	div.Feedback_Pearent > div div:nth-child(7) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:nth-child(2) {
		width: 18%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:last-child {
		width: 10%;
		right: 35%;
		bottom: -5%;
	}
	
	
	
	/*======================================
		保育士の声
	=======================================*/
	section.Childminder {
		margin: 10% 0;
	}
	section.Childminder h3 {
		width: 40%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	/*-----------------------	
		装飾上 [childminder]
	------------------------*/
	section.Childminder > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Childminder > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** Childminder01 **/
	section.Childminder > div:nth-child(3) picture:first-child {
		width: 150px;
		bottom: -10px;
		left: 10%;
	}
	/** Childminder02 **/
	section.Childminder > div:nth-child(3) picture:last-child {
		width: 150px;
		bottom: -10px;
		right: 10%;
	}
	
	
	/*=====================
		保育士の声
	======================*/
	div.Feedback_Childminder {
		background: #F3EFE8;
		padding: 5% 0;
	}
	div.Feedback_Childminder > div:first-child {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	/*----------------------
		Text / 画像
	----------------------*/
	div.Feedback_Childminder > div:first-child div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	div.Feedback_Childminder > div:first-child dl {
		width: 70%;
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		margin-bottom: 4%;
		padding: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin solid #CCC;
		box-sizing: border-box;
		margin-bottom: 2%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	div.Feedback_Childminder > div:first-child dl dd {
		margin-bottom: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dd p {
		color: #966;
		line-height: 1.2rem;
		/*border-bottom: thin dashed #CCC;*/
		margin-bottom: 1%;
	}
	/** 画像 **/
	div.Feedback_Childminder > div:first-child div picture {
		width: 20%;
	}
	
	/** ２行目/４行目 右寄せ **/
	div.Feedback_Childminder > div:first-child div:nth-child(2),
	div.Feedback_Childminder > div:first-child div:nth-child(4) {
		/*margin-left: auto;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	/** 保育士A先生 **/
	div.Feedback_Childminder > div:first-child dl:first-child dt {
		color: #F69;
		border-bottom: thin solid #F69;
	}
	/** 保育士B先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(2) dt {
		color: #9C3;
		border-bottom: thin solid #9C3;
	}
	/** 保育士C先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(3) dt {
		color: #C9C;
		border-bottom: thin solid #C9C;
	}
	/** 保育士D先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(4) dt {
		color: #F90;
		border-bottom: thin solid #F90;
	}
	/** 保育士E先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(5) dt {
		color: #6CF;
		border-bottom: thin solid #6CF;
	}
}

/*=========================================================================================
	●smart.css  
	画面の横幅が640pxまで
===========================================================================================*/
@media screen and (max-width: 640px) {
	
	/*=============================
		保護者・保育士の声
	==============================*/
	section.PearentsFeedback {
		/*width: 98%;
		max-width: 1024px;*/
		margin: 10% 0;
	}
	section.PearentsFeedback h2 {
		width: 50%;
		max-width: 200px;
		margin: 0 auto;
	}
	
	/*--------------------
		バナー
	----------------------*/
	section.PearentsFeedback > ul:nth-child(2) {
		width: 98%;
		max-width: 1024px;
		background: linear-gradient(#FFF 50%, #E5DDD0 100%);
		box-sizing: border-box;
		list-style-type: none;
		margin: 100px auto;
		padding: 0 2% 2% 2%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	
	
	/*======================================
		保護者の声
	=======================================*/
	section.Pearents {
		margin: 10% 0;
	}
	section.Pearents h3 {
		width: 40%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	
	/*--------------------	
		装飾上 [楓 / kids]
	--------------------*/
	section.Pearents > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Pearents > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** kids03 **/
	section.Pearents > div:nth-child(3) picture:first-child {
		width: 40px;
		bottom: -20px;
		left: 5%;
	}
	/** kids01 **/
	section.Pearents > div:nth-child(3) picture:nth-child(2) {
		width: 40px;
		bottom: -10px;
		left: 20%;
	}
	/** kids05 **/
	section.Pearents > div:nth-child(3) picture:nth-child(3) {
		width: 30px;
		bottom: -10px;
		right: 20%;
	}
	/** kids06 **/
	section.Pearents > div:nth-child(3) picture:last-child {
		width: 40px;
		bottom: -20px;
		right: 5%;
	}
	
	/*=====================
		保護者の声
	======================*/
	div.Feedback_Pearent {
		background: #F3EFE8;
		padding: 5% 0;
		/zoom:1;
	}
	div.Feedback_Pearent > div {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
		
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;*/
		display: block;
		
		/*border: thin dashed #F69;*/
	}
	div.Feedback_Pearent > div div {
		width: 80%;
		margin: 30px auto 80px auto;
		padding: 2%;
		
		position: relative;
		/*border: thin dashed #F6C;*/
	}
	div.Feedback_Pearent > div dl {
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		padding: 4%;
		
		/*background-image: url(../img/flame_feedback.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;*/
		position: relative;
	}
	div.Feedback_Pearent > div dl::before {
		content: "";
		position: absolute;
		top: -1.8rem;
		left: -1.8rem;
		width: 300px;
		height: 3rem;
		background-image: url(../img/flame_feedback_top_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	div.Feedback_Pearent > div dl::after {
		content: "";
		position: absolute;
		right: -2rem;
		bottom: -1.5rem;
		width: 330px;
		height: 3rem;
		background-image: url(../img/flame_feedback_bottom_550.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	/** ○○のお母さん **/
	div.Feedback_Pearent > div dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin dashed #966;
		margin-bottom: 4%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	/** Text **/
	div.Feedback_Pearent > div dd {
		
	}
	/** p **/
	div.Feedback_Pearent > div dd p {
		color: #666;
		line-height: 1.4rem;
		letter-spacing: 1px;
		margin-bottom: 2%;
	}
	/*------------------
		画像[common] 
	--------------------*/
	div.Feedback_Pearent > div picture {
		position: absolute;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:nth-child(2) {
		width: 20%;
		top: 0;
		right: 0;
	}
	/** 画像 **/
	div.Feedback_Pearent > div picture:last-child {
		width: 3rem;
		right: 30%;
		bottom: -5%;
	}
	
	/*-----------------------------
		こうたろうくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:first-child dt {
		color: #9C0;
		border-color: #9C0;
	}
	
	/*-----------------------------
		いおりくんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(2) dt {
		color: #6CC;
		border-color: #6CC;
	}
	/** アサガオ **/
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(2) {
		width: 15%;
		top: -5%;
		right: 0;
	}
	/** reef05 **/
	div.Feedback_Pearent > div div:nth-child(2) picture:nth-child(3) {
		width: 2rem;
		left: -2%;
		bottom: 10%;
	}
	/** reef04 **/
	div.Feedback_Pearent > div div:nth-child(2) picture:last-child {
		width: 2rem;
		right: 5%;
		bottom: 5%;
	}
	
	/*-----------------------------
		もえちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(3) dt {
		color: #F66;
		border-color: #F66;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(2) {
		width: 25%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:nth-child(3) {
		width: 10%;
		left: 0;
		bottom: 3%;
	}
	div.Feedback_Pearent > div div:nth-child(3) picture:last-child {
		width: 8%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆかちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(4) dt {
		color: #C96;
		border-color: #C96;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:nth-child(2) {
		width: 18%;
		top: 3%;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(4) picture:last-child {
		width: 13%;
		left: 3%;
		bottom: -5%;
	} 
	
	/*-----------------------------
		しずくちゃんのお母さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(5) dt {
		color: #939;
		border-color: #939;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:nth-child(3) {
		width: 5%;
		left: 0;
		bottom: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(5) picture:last-child {
		width: 20%;
		right: 15%;
		bottom: -2%;
	}
	
	/*-----------------------------
		ゆなちゃんのお父さん
	------------------------------*/
	div.Feedback_Pearent > div div:nth-child(6) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(2) {
		width: 15%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:nth-child(3) {
		width: 7%;
		left: 0;
		top: 20%;
	}
	div.Feedback_Pearent > div div:nth-child(6) picture:last-child {
		width: 15%;
		right: 15%;
		bottom: -2%;
	}
	/*----------------------------------------------
		せんのすけくん・なのはちゃんのお母さん
	------------------------------------------------*/
	div.Feedback_Pearent > div div:nth-child(7) {
		margin-left: auto;
		margin-right: auto;
	}
	div.Feedback_Pearent > div div:nth-child(7) dt {
		color: #CC0;
		border-color: #CC0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:nth-child(2) {
		width: 18%;
		top: 0;
		right: 0;
	}
	div.Feedback_Pearent > div div:nth-child(7) picture:last-child {
		width: 10%;
		right: 35%;
		bottom: -5%;
	}
	
	
	/*======================================
		保育士の声
	=======================================*/
	section.Childminder {
		margin: 20% 0;
	}
	section.Childminder h3 {
		width: 40%;
		max-width: 200px;
		margin: 3% auto;
	}
	
	/*-----------------------	
		装飾上 [childminder]
	------------------------*/
	section.Childminder > div:nth-child(3) {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		
		position: relative;
		/*border: thin dashed #F69;*/
	}
	section.Childminder > div:nth-child(3) picture {
		position: absolute;
		z-index: 2;
	}
	/** Childminder01 **/
	section.Childminder > div:nth-child(3) picture:first-child {
		width: 90px;
		bottom: -10px;
		left: 10%;
	}
	/** Childminder02 **/
	section.Childminder > div:nth-child(3) picture:last-child {
		width: 90px;
		bottom: -10px;
		right: 5%;
	}
	
	
	/*=====================
		保育士の声
	======================*/
	div.Feedback_Childminder {
		background: #F3EFE8;
		padding: 5% 0;
	}
	div.Feedback_Childminder > div:first-child {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	/*----------------------
		Text / 画像
	----------------------*/
	div.Feedback_Childminder > div:first-child div {
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;*/
		display: block;
	}
	div.Feedback_Childminder > div:first-child dl {
		width: 95%;
		text-align: left;
		background: #FFF;
		box-sizing: border-box;
		margin: 4% auto;
		padding: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dt {
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: thin solid #CCC;
		box-sizing: border-box;
		margin-bottom: 2%;
		padding-left: 2%;
		padding-bottom: 1%;
	}
	div.Feedback_Childminder > div:first-child dl dd {
		margin-bottom: 2%;
	}
	div.Feedback_Childminder > div:first-child dl dd p {
		color: #966;
		line-height: 1.2rem;
		/*border-bottom: thin dashed #CCC;*/
		margin-bottom: 1%;
	}
	/** 画像 **/
	div.Feedback_Childminder > div:first-child div picture {
		width: 40%;
		margin: 0 auto;
	}
	
	/** ２行目/４行目 右寄せ **/
	div.Feedback_Childminder > div:first-child div:nth-child(2),
	div.Feedback_Childminder > div:first-child div:nth-child(4) {
		/*margin-left: auto;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	/** 保育士A先生 **/
	div.Feedback_Childminder > div:first-child dl:first-child dt {
		color: #F69;
		border-bottom: thin solid #F69;
	}
	/** 保育士B先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(2) dt {
		color: #9C3;
		border-bottom: thin solid #9C3;
	}
	/** 保育士C先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(3) dt {
		color: #C9C;
		border-bottom: thin solid #C9C;
	}
	/** 保育士D先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(4) dt {
		color: #F90;
		border-bottom: thin solid #F90;
	}
	/** 保育士E先生 **/
	div.Feedback_Childminder > div:first-child dl:nth-child(5) dt {
		color: #6CF;
		border-bottom: thin solid #6CF;
	}
	
}