@charset "UTF-8";
/* CSS toppage・top_image css*/
/* text-align:center;でh2していているのでimg{display:block;}使わない*/
/*====================================================共通設定==========================================================*/

.news{margin:auto;
	width:90%;
	max-width:500px;
	display:block;
	}
.news_p{font-weight:bold;width:90%;margin:2% auto;}
#aisatu .riji{display:block;margin:auto;}

a:link { color: #003399; 
	text-decoration: underline;
  }

.marker-orange{
  background: linear-gradient(transparent 60%, #ffc832 0%);
}

.nayami{
background:linear-gradient(transparent 85%, #7a99cf 75%);
font-weight: 500;
font-size:120%;
}
/* #choose p {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 10px;
} */
  
/* #choose p:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffebbe;
	width: 0;
	height: 0;
} */

/* book */
#book{
	background:#ffe9b3;
}
#book a{
	display:block;
}
#book h2{
	text-align:center;
	border-bottom: double 5px #ff8eac;
}
#book img{
	margin:2% auto;
}
.book2{
	margin:auto;
	background:white;
}	
.colona{
	text-decoration:underline;
	text-align:center;
	margin-top:3rem;
}

.syouzou{
	text-align: center;
}

/*====================================================pc設定==========================================================*/
@media print, screen and (min-width:768px){
	/*p 設定*/
	
	p{
		font-size: 0.95rem;
		line-height:1.7rem;
	}

	
	.top_bg_img{
		text-align: center;
		width: 100%;
		height:auto;
		margin:0;
		padding: 0;
		background: #f16a77;	
		position: relative;	
	}
	.top_bg_img img{

		width:100%;
		height:auto;
		margin:0;
		padding: 0;
	}

	.top_bg_btn_img{
		position: absolute;
		width:50%;
		bottom:10%;
		right:10%;
	}
	
	
	#cover {
    width:100%;
    height:auto;
    position: relative;
	margin-top: 0;
}
 
#cover>p {
	width: 100%;
	height: auto;
    position: absolute;
    top: 0;
    opacity: 0;
}

	#cover p a img{
		width: 100%;
		height: auto;
	}

	
nav{
		width:100%;
		height:55px;
		background: #f16a77;	
	
	}	
	

	

	/*h2*/
	#aisatu{
		width: 100%;
		margin:0 auto 80px;
	}
	h2.top_h2{
		text-align:center;
		margin:100px 0 20px;
	}
	

	h3.top_h3{
		text-align: center;
		margin:20px 0 15px;
		color:#f16a77;
	}
	#aisatu p{
		max-width:700px;
		min-width:600px;
		margin: 0 auto;
	}
	p.text_box{
		min-width:600px;
		margin: 0 auto 30px;
		text-align: center;
		font-size:0.85rem;
	}
	
	/*#choose*/
	#choose{
		width:100%;
		margin:auto;
		background: url("../img/bg_flower.png") repeat top left;
		padding-top: 10px;
	}
	#choose h2.top_h2{
		margin:20px 0 20px;
	}
	#choose h2.top_h2 img
	{
		width: 18%;
		height:auto;
		margin: 0 auto;
	}
	#choose2{
		text-align:center;
		margin-top: 3rem;
	}
	#choose2 img{
		width:600px;
	}


	#choose3{
		display:flex;
		justify-content:space-around;
		width:1320px;
		margin:auto;
	}
	#choose3 img{
		width:550px;
	}


	.contact_btn img{
		width:700px;
		margin-bottom:3rem;
	}


	/*#about*/
	
	/* もし保育士が来て復活するならwidth：1500px；に戻す！ */
	#about ul.top_about_ul{
		width: 1300px;
		margin:50px auto 80px;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	/* もし保育士が来て復活するならmargin:0 auto;に戻す！ */
	#about ul.top_about_ul li{
		width:350px;
		margin:2% auto;
	}
	
	#about ul.top_about_ul li img{
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	#about ul.top_about_ul li h3{
		width:85%;
		height:80px;
		text-align: center;
		margin: 15px auto 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 2px dotted #f16a77;
	}
	
	#about ul.top_about_ul li p.top_about_text{
		width:70%;
		margin: 0 auto 20px;
		font-size:0.85rem;
	}
	#about h2.top_h2 img
	{	width:25%;
		height:auto;
		margin: 0 auto;
	}	

	
	/*aisatu*/
	#aisatu .riji{width:30%;padding-top:5%;}

	/*question*/
	
	.nami_yellow{
		background:url(../img/bg_nami_1.png) repeat-x top center,url(../img/bg_nami_2.png) repeat-x bottom center;
		padding:22px 0;
	}
	#question{
		background:#fff7df;
		padding-bottom: 80px;
	}
	#question h2{
		margin: 0 0 15px;
		padding-top:100px; 
	}
	#question .question_box{
		width: 650px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	#question .question_box p{
		text-align: center;
	}
	#question .question_box ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content:space-between;
	}
	#question .question_box ul li a img{
		display: block;
		width:300px;
		height: auto;
	}
	.question_text{text-align: center;margin-bottom: 30px;color:#f16a77;}
	
	.question_btn{
		width:350px;
		margin: 0 auto;
		height: 50px;
		border-radius: 10px;
		background: #f16a77;
		text-align: center;
		line-height: 50px;
	}
	.question_btn a{
		display: block;
		color:#fff;
	}
	
	/*===#info===*/
	#info{
		margin-bottom: 80px;
	}
	#info .info_block{
		max-width:900px;
		min-width:700px;
		margin: 0 auto;
		position: relative;
		padding-bottom: 150px;
	}
	#info .info_block ul{
		max-width:600px;
		min-width:500px;

	}
	#info .info_block ul li{
		background:url("../img/check_1.png") no-repeat left center;
		padding-left:60px;
		margin:50px 0 12px;
	}
	#info .info_block ul li h3{
		color: #f16a77;
		font-size:1.4rem;
		margin-bottom:10px;
	}
	#info .info_block img{
		display: block;
		width:300px;
		height: auto;
		position:absolute;
		bottom: 0;
		right: 0;
	}
	/* book-pc */
	#book{
		padding:2% 0;
	}
	#book h2{
		font-size:1.5rem;
	}
	#book img:not(.syouzou img){
		width:270px;
	}
	.syouzou{
		margin-top:2rem;
	}
	.syouzou img{
		width:450px;
	}
	.book2{
		width:750px;
		padding:1%;
		border-radius:10px;
	}	
	.book3{
		display:flex;
		width:90%;
		margin:20px auto;
	}
	
	.book4{
		margin-top:40px;
		margin-left:10px;
	}
	.book4 p{
		font-size:1rem;
	}
	.slash{
		display:none;
	}
	
	
	/* 240918村上追加 */

	.news_contents{
		text-align: center;
		margin:5rem 0 3rem;
	}

	.news_contents p{
		font-size: 1.2rem;
	}

	
	
	
	
	
}/*====================================================pc設定終了==========================================================*/

/*=============================タブレット設定===================================*/
@media screen and (min-width:768px) and (max-width:1024px) { 

	




	#info .info_block img{
		width:250px;
	}
	#choose ul{
		width:88%;
		margin: 0 auto;
	}
	#choose ul li a img{
		display: block;
		width:100%;
		height: auto;
	}
	#choose ul li:first-child{margin-bottom: 15px;}
	｝

}/*====================================================タブレット設定終了==========================================================*/



/*====================================================sp設定==========================================================*/
@media print, screen and (max-width:767px){
	
	/*sp p 設定*/
	p{
		font-size: 1rem;
		line-height:1.7rem;
	}
	
	.top_bg_img{
		text-align: center;
		width: 100%;
		height:auto;
		margin:0;
		padding: 0;
		position: relative;
		
	}
	.top_bg_img img{

		width:100%;
		height:auto;
		margin:0;
		padding: 0;
	}

	.top_bg_btn_img{
		position: absolute;
		width:90%;
		bottom:5%;
		left:5%;
	}
	
	#cover {
    width:100%;
    height:auto;
    position: relative;
	margin-top: 0;
}
 
#cover>p {
	width: 100%;
	height: auto;
    position: absolute;
    top: 0;
    opacity: 0;
}

	#cover p a img{
		width: 100%;
		height: auto;
	}

	
	
	
	h2.top_h2{
		width:88%;
		text-align:center;
	}	
	h2.top_h2:not(#choose){
		margin: 80px auto 20px;
	}	
	#choose h2.top_h2{
		margin: 25px auto 20px;
	}
	h2.top_h2 img{
		display: block;
		width: 100%;
		margin: 0 auto;
		height:auto;
	}
	#question h2.top_h2 img,
	#choose h2.top_h2 img,#access h2.top_h2 img
	{
		width: 80%;
		height:auto;
		margin: 0 auto;
		padding-bottom:3%;
	}
	#aisatu h2.top_h2 img,#about h2.top_h2 img
	{
		width: 90%;
		height:auto;
		margin: 0 auto;
		padding-bottom:3%;
	}
	h3.top_h3{
		width:80%;
		
		text-align: center;
		margin:20px auto 15px;
		color:#f16a77;
	}
	#contact h2.top_h2 img{
		width: 80%;
		height:auto;
		margin: 0 auto;
	}
	#mailform h2.top_h2 img{
		width: 80%;
		height:auto;
		margin: 0 auto;
	}
	/*===sp  #aisatu===*/
	
	#aisatu p,
	p.text_box{
		width: 88%;
		margin: 0 auto 20px;
		font-size: 0.9rem;
		line-height:1.7rem;
	}
	#aisatu .riji{width:70%;padding-top:2%;}
	
	/*===sp  #choose===*/
	#choose{
		width: 100%;
		background: url("../img/bg_flower.png") repeat top left;
		padding-top: 10px;
	}
	#choose img{
		width:90%;
		margin:auto;
	}
	#choose p{
		text-align:center;
	}

	#choose .kome{
		width:90%;
		text-align:left;
		font-size: small;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.contact_btn img{
		width:95%;
	}
	
	/*===sp  #about===*/	
	
	ul.top_about_ul{
		width:100%;
		height: auto;
		margin: 0 auto;
	}
	ul.top_about_ul li{
		margin: 0 0 30px;
		padding-bottom:30px;
		border-bottom: 2px solid #f16a77;
	}
	ul.top_about_ul li:last-child{
		border-bottom: none;
	}
	ul.top_about_ul li img{
		display: block;
		width:80%;
		height: auto;
		margin: 0 auto;
	
	}
	ul.top_about_ul li h3{
		text-align: center;
		margin: 10px 0;
		font-size: 1.5rem;
		color:#f16a77;
	}
	
	ul.top_about_ul li p.top_about_text{
		width: 80%;
		margin: 0 auto 20px;
	}


	/*===sp  question===*/
	
	.nami_yellow{
		background:url(../img/bg_nami_1.png) repeat-x top center,url(../img/bg_nami_2.png) repeat-x bottom center;
		padding:22px 0;
	}
	#question{
		background:#fff7df;
		padding-bottom: 80px;
	}
	
	#question h2{
		margin: 0 auto 15px;
		padding-top:60px; 
	}
	.question_text{text-align: center;margin-bottom:20px;color:#f16a77;}
	
	#question .question_box{
		width:90%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	#question .question_box p{
		text-align: center;
	}
	#question .question_box ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content:center;
	}
	#question .question_box ul li a img{
		display: block;
		width:100%;
		height: auto;
	}
	.question_btn{
		width:80%;
		margin: 0 auto;
		height: 50px;
		border-radius: 10px;
		background: #f16a77;
		text-align: center;
		line-height: 50px;
		font-size:1.4rem;
	}
	.question_btn a{
		display: block;
		color:#fff;
	}
	
	
		/*===sp  #info===*/
	
	#info .info_block{
		width:90%;
		margin: 0 auto 50px;
	}
	#info .info_block ul{
		width:100%;
		margin-bottom:30px;

	}
	#info .info_block ul li{
		background:url("../img/check_1.png") no-repeat left center;
		padding-left:60px;
		margin:50px 0 0;
		padding-bottom: 10px;
		border-bottom: 2px dotted #f16a77;
	}
	#info .info_block ul li h3{
		color: #f16a77;
		font-size:1.4rem;
		margin-bottom:10px;
	}
	#info .info_block img{
		display: block;
		width:80%;
		margin: 0 auto;
		height: auto;

	}
	/* book-sp */
	#book{
		padding:5% 0;
	}
	#book img{
		width:95%;
		margin:10% auto 6%;
	}

	.syouzou{
		margin-top:2rem;
	}
	.syouzou img{
		width:90%;
	}

	#book h2{
		font-size:1.3rem;
	}
	#book p:last-child{
		margin-bottom:5%;
	}
	.book2{
		width:90%;
		padding:2%;
		border-radius:8px;
	}
	.book4 a{
		text-align:right;
	}	
	.book4 p{
		width:95%;
		margin:auto;
	}

	/* 240918村上追加 */

	.news_contents{
		width: 90%;
		margin:auto;
		margin-top:3rem;
	}

}/*=============================sp設定終了===================================*/