br.pc-non {
    display: none;
}
	.pc-disp {
		display: block;
	}
	.sp-disp {
		display: none;
	}
.wrap {
    max-width: 1024px;
    min-width: 768px;
    min-height: 100%;
    margin: 0 auto;
}
.container {
	width: 960px;
	min-height: 100vh;
	margin: 0 auto;
	padding: 1em;
}
.Name-of-facility {
	line-height: 200%;
}
/*/////////////////////////////////////////////
    Header Area
/////////////////////////////////////////////*/
header {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 65px;
	padding: 0 0 0 0;
	margin: 0;
	background: url('../images/back-line.jpg') repeat-x center bottom;
}
.header-wrap {
    width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.header-title-area {
    width: 224px; /*300px;*/
    height: 65px;
    margin: 0 auto;
    padding: 0;
    background: none;
}
ul.nav-area {
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
    width: 800px;
    margin: 0 auto;
    padding: 0 100px 4px 0;
    text-align: center;
    background: url('../images/header-flower.png') no-repeat right 4px;
}
ul.nav-area li {
    width: 19%;
    height: 65px;
    padding: 1em 0.5em;
}
    ul.nav-area li:nth-child(1) a,
    ul.nav-area li:nth-child(2) a,
    ul.nav-area li:nth-child(3) a,
    ul.nav-area li:nth-child(4) a {
        width: 100%;
        height: 65px;
        line-height: 150%;
    }
    ul.nav-area li a:hover {
        height: 65px;
        border-top: 6px solid #84be3e;
        border-bottom: none;
    }

/*/////////////////////////////////////////////
    Footer Area
/////////////////////////////////////////////*/
footer {
    height: 388px;
    padding: 0;
}
    .back-line {
        position: absolute;
        bottom: 20px;
        height: 300px;
    }
    .pc-content-area {
        position: relative;
        width: 1024px;
        margin: 0 auto;
    }
        ul.foot-nav {
            width: 70%;
            height: 70px;
            margin: 0;
            padding: 0;
            line-height: 280%;
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
        }
        .add-area {
            position: absolute;
            right: 0;
        }
        a[href*="tel:"] {
            pointer-events: none;
            cursor: default;
            text-decoration: none;
        }
    #copyright {
        position: absolute;
		bottom: 0;
		left: 0;
        width: 100%;
        min-height: 20px;
    }

/*/////////////////////////////////////////////
	Contents Area
/////////////////////////////////////////////*/
.important-area {
    font-size: 120%;
    line-height: 200%;
}
	.green-title {
		width: 50%;
        height: 80px;
        margin: 0 auto;
	}
    .banner-area {
        width: 1024px;
        margin: 0 auto;
    }
    	.banner-area img {
            width: 330px;
            height: auto;
            margin: 0 10px; /* 例: 左右に10pxの余白 */
        }
	.area-frame {
		max-width: 1024px;
		margin: 0 auto;
		padding: 1em 2em 2em 2em;
	}

.flex-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 520px;
}
    .content-btn-area img {
        width: 100%;
        height: auto;
        margin: 0 1em 0 0;
    }
        .content-btn-area img.m-cic {
            width: 100%;
            height: auto;
            margin: 2em 1em 0 0;
        }
        .content-btn-area img.m-fi {
            width: 100%;
            height: auto;
            margin: 0 0 0 2em;
        }
/*--Notice------------------------------------*/
    .notice-area {
        width: 950px;
        margin: 0 auto;
    }
    .notice-area dl {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        /* border-bottom: 1px solid #dcdcdc; */
    }
        .notice-area dl dt,
        .notice-area dl a:link dt,
		.notice-area dl a:active dt,
		.notice-area dl a:visited dt,
		.notice-area dl a:hover dt {
            font-size: 100%;
            padding: 0 0 0 0;
            width: 30%;
            padding: 1em 0 1em 0;
            border-bottom: 1px solid #dcdcdc;
        }
        .notice-area dl dd,
		.notice-area dl a:link dd,
		.notice-area dl a:active dd,
		.notice-area dl a:visited dd,
		.notice-area dl a:hover dd {
            width: 70%;
            text-align: left;
            padding: 1em 0 1em 0;
            border-bottom: none;
            border-bottom: 1px solid #dcdcdc;
        }

/*/////////////////////////////////////////////
	Sub Contents Area
/////////////////////////////////////////////*/
.sub-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.content-area {
    width: 72%;
}
    .sub-title {
        min-height: 78px;
        margin: 0 0 1em 0;
        padding: 0 0 0 280px;
        border-top: none;
    }
    .date-area {
        width: 100%;
        text-align: right;
        font-size: 90%;
        color: #9d9791;
    }

.side-area {
    width: 28%;
    padding: 0 0 0 2em;
    margin: 0;
}

	.wp-pagenavi span.current {
		padding: 1em 2em;
		border: none;
		background-color: #e2e0de;
	}
	.wp-pagenavi a.page,
	.wp-pagenavi a.previouspostslink,
	.wp-pagenavi a.nextpostslink {
		padding: 1em 1em;
	}

.flex-arch {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
	a.content-box {
		width: 32%;
	}
        .flex-arch::after {
            display: block;
            width: 32%;
            height: 0;
            content: "";
        }
.arch-box {
    position: relative;
    width: 100%;
    padding-bottom: 1.5em;
    margin-bottom: 2em;
}

/*------------------------------------------------------------
	Gallery
-------------------------------------------------------------*/
.gallery {
 	width: 100%;
	margin-bottom: 1em !important;
	overflow: hidden;

	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
    .gallery::after {
        display: block;
        content: "";
        width: 32%;
        height: 0;
    }
	.gallery br {
		display: none; /* clearfixの余白解除 */
	}
	.gallery-item {
        margin: 0 0 1em 0;
	}
        .gallery-icon img {
            width: 100%;
        }

.gallery-columns-1 .gallery-item {
    width: 100%;
    height: auto;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    height: auto;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
    height: auto;
}
.gallery-columns-4 .gallery-item {
    width: 32%;
    height: auto;
}
.gallery-columns-5 .gallery-item {
    width: 32%;
    height: auto;
}

/*/////////////////////////////////////////////
	認定こども園
/////////////////////////////////////////////*/
.youchiengata {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 1em 0;
}
	.youchiengata span {
		display: inline-block;
		padding: 0.5em 1em;
		margin: 0;
		border: #6db8db 2px solid;
		border-radius: 0.5em;
	}
	.youchiengata span:nth-child(even) {
        width: 10%;
		padding: 0;
		margin: 0;
		border: none;
	}
    .youchiengata span:nth-child(1) {
        width: 30%;
    }
    .youchiengata span:nth-child(3) {
        width: 50%;
    }
    .youchiengata span:nth-child(4) {
        transform: none;
    }
	.table02 .table02-item:nth-child(odd) {
		width: 25%;
	}
	.table02 .table02-item:nth-child(even) {
		width: 75%;
	}
        .chart-frame {
            display: grid;
            grid-template-columns: 5em 8.5em 8.5em 1fr 1fr;
            grid-template-rows: 4em 1em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1.5em 1em 1em 1em 1em;
            width: 100%;
            margin: 0 0 1em 0;
            font-size: 90%;
            line-height: 150%;
            place-items: stretch;
        }
        .chart-item {
            position: relative;
            text-align: center;
            padding: 0.5em 0;
            writing-mode: horizontal-tb;
        }
        .chart-item br {
			display: block;
		}
        .chart-item:nth-child(5),
        .chart-item:nth-child(7),
        .chart-item:nth-child(13),
        .chart-item:nth-child(16),
        .chart-item:nth-child(20),
        .chart-item:nth-child(22),
        .chart-item:nth-child(25) {
            writing-mode: unset;
        }