@charset "UTF-8";
/* CSS Document */
/* さわらサクラ幼稚園 */

/*
トップページ
*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*インスタグラム*/
	#top_sns {
		z-index: 1;
		position: relative;
		width: 100%;
		height: auto;
		padding: 90px 0 150px 0;
		margin: 0 auto 0 auto;
	}
	
	#top_sns h2 {
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: 40px;
		text-align: center;
		color: #B28247;
	}
	
	#top_sns h2 font {
		position: relative;
		padding-left: 60px;
	}
	
	#top_sns h2 font img {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 35px;
		height: auto;
	}
	
	#top_sns .con {
		position: relative;
		width: 1060px;
		height: auto;
		margin: 60px auto 70px auto;
	}
	
	#top_sns .con img.img01 {
		z-index: -1;
		display: block;
		position: absolute;
		top: -200px;
		right: -125px;
		width: 240px;
		height: auto;
	}
	
	/*お知らせ＆イベント情報*/
	#top-news::before {
		content: "";
		position: absolute;
		top: -85px;
		left: 50%;
		transform: translateX(-50%);
		width: 120%;
		height: 150px;
		background: #fff;
		border-radius: 0 0 50% 50% / 0 0 100% 100%;		
	}
	
}

/*SMP*/
@media only screen and (max-width: 768px) {
	/*インスタグラム*/
	#top_sns {
		z-index: 2;
		position: relative;
		width: 100%;
		height: auto;
		padding: 45px 0 75px 0;
		margin: 0 auto 0 auto;
	}
	
	#top_sns h2 {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-align: center;
		color: #B28247;
	}
	
	#top_sns h2 font {
		position: relative;
		padding-left: 35px;
	}
	
	#top_sns h2 font img {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 20px;
		height: auto;
	}
	
	#top_sns .con {
		position: relative;
		width: 360px;
		height: auto;
		margin: 30px auto 20px auto;
	}
	
	#top_sns .con img.img01 {
		z-index: -1;
		display: block;
		position: absolute;
		top: -150px;
		right: -25px;
		width: 105px;
		height: auto;
	}
	
	/*お知らせ＆イベント情報*/	
	#top-news::before {
		content: "";
		position: absolute;
		top: -45px;
		left: 50%;
		transform: translateX(-50%);
		width: 150%;
		height: 95px;
		border-radius: 0 0 50% 50% / 0 0 100% 100%;	
		background: #fff;
	}
	
	.tp-news-back03 {
		bottom: -1060px;
	}
		
}