@charset "utf-8";

/****************************
				スマートフォン
****************************/
@media screen and (max-width: 640px) {

	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	/****************************
					共通・構造
****************************/
	.header_container {
		flex-wrap: wrap;
		width: 100%;
	}

	.container {
		width: 100%;
	}

	/****************************
					ヘッダー
****************************/
	#header {
		padding: 15px 10px;
	}


	.header_menu {
		display: none !important;
	}

	#logo {
		width: 60%;
	}

	/****************************
				グローバルメニュー
****************************/
	nav ul {
		width: 100%;
		flex-wrap: wrap;
	}

	nav ul li {
		width: 100% !important;
		border-right: none;
		border-bottom: 1px solid #000;
	}

	nav ul li:first-child {
		border-top: 1px solid #000;
	}

	nav ul li a {
		display: block;
		padding: 15px;
		text-align: left;
		line-height: 1;
	}

	nav ul li.sitemap a:before {
		content: url("../../images/common/sitemap.svg");
		padding-right: 5px;
		vertical-align: middle;
		line-height: 1;
	}

	nav ul li.faq a:before {
		content: url("../../images/common/faq.svg");
		padding-right: 5px;
		vertical-align: middle;
		line-height: 1;
	}

	nav ul li.contact a:before {
		content: url("../../images/common/mail.svg");
		padding-right: 5px;
		vertical-align: middle;
		line-height: 1;
	}

	/****************************
				トップページ
****************************/
	.top_colum3 {
		flex-wrap: wrap;
		padding: 0 10px;
	}

	.top_colum_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.top_colum_col:last-child {
		margin-bottom: 0;
	}

	/****************************
				めざす幼児像
****************************/
	.list_box {
		flex-wrap: wrap;
		padding: 0 10px;
	}

	.list_col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#no1:before {
		float: left;
	}

	.list_col p {
		font-size: 14px;
	}

	/****************************
						フッター
****************************/
	.footer_renraku {
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.footer_renraku p {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}

	.footer_renraku p:last-child {
		margin-bottom: 0;
	}

	ul.footer_menu {
		display: none;
	}


	#sisetsu_overview table th {
		width: 35%;
		padding: 15px 10px;
		font-size: 14px;
	}

	#sisetsu_overview table td {
		width: 65%;
	}


}

/* sp */




/****************************
			スマートフォン以外
****************************/
@media screen and (min-width: 640px) {
	.sp {
		display: none !important;
	}

	.pc {
		display: block;
	}

	/****************************
					共通・構造
****************************/


	/****************************
					ヘッダー
****************************/

	#header button {
		display: none;
	}

	.top_colum_col {
		position: relative;
		padding-bottom: 80px;
	}

	.top_colum_col p.title span {
		display: inline !important;
	}

	.top_colum_col p.comment span {
		line-height: 1;
	}

	.top_colum_col p.detail_btn {
		position: absolute;
		bottom: 0;
	}

}

/* pc */