br.pc-non {
    display: none;
}
header {
    min-height: 5em;
}
.header-wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.header-title-area {
    width: 300px;
    height: 65px;
    margin: 0 0;
    padding: 0;
    background: none;
}
ul.nav-area {
    position: relative;
    width: 724px;
    margin: 0 auto;
    padding: 0 100px 4px 0;
    background: url('../images/header-flower.png') no-repeat right 4px;
}
ul.nav-area li {
    width: 25%;
    height: 65px;
}
    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;
        padding: 1.3em 1em 1em 1em;
        line-height: 150%;
    }
    ul.nav-area li a:hover {
        height: 65px;
        border-top: 6px solid #84be3e;
        border-bottom: none;
    }

/*/////////////////////////////////////////////
    Footer Area
/////////////////////////////////////////////*/
footer {
    min-height: 389px;
}
    .back-line {
        position: absolute;
        bottom: 20px;
        min-height: 300px;
    }
    .pc-content-area {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
        ul.foot-nav {
            height: 70px;
            margin: 0;
            padding: 0;
            line-height: 280%;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
        }
        .add-area {
            position: absolute;
            right: 6em;
        }
        a[href*="tel:"] {
            pointer-events: none;
            cursor: default;
            text-decoration: none;
        }
    #copyright {
        width: 100%;
        min-height: 20px;
    }
.flex-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
    .notice-area dl a {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        border-bottom: 1px solid #dcdcdc;
    }
		.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;
        }
		.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;
        }
/*/////////////////////////////////////////////
	Sub Contents Area
/////////////////////////////////////////////*/
.sub-flex {
    display: flex;
}
.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;
}
.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: "";
        }
/*------------------------------------------------------------
	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;
}