@charset 'utf-8';


#container > .inner {
	max-width: none;
}

#container > .inner {
	max-width: none;
	background-image: url(../image/local-community/back_index.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

body.pc #container > .inner {
	background-attachment: fixed;
}

#container > .inner:before {
	content: '';
	background: #fff;
	opacity: .8;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.articleblock {
	max-width: 1200px;
	margin: 0 auto;
}

.articleblock,
body.safearea .articleblock {
	max-width: none;
	padding: 0 !important;
}

.blockheader .label {
	font-size: 1.7em;
}

.blockheader .desc {
	font-size: 1.7em;
}

.articleblock > section:nth-child(even) {
	background: rgba(127,193,63,.1);
}

.presentation {
}

.presentation:first-child {
}

.presentation > .inner {
	max-width: 1200px;
	padding: 5em 2em;
	padding-left: calc(env(safe-area-inset-left) + 2em);
	padding-right: calc(env(safe-area-inset-right) + 2em);
}

@media only screen and (min-width: 769px) {
}

@media only screen and (min-width: 1001px) {

	.blockheader .label {
		font-size: 1.5em;
	}

	.blockheader .desc {
		font-size: 1.5em;
	}

	.presentation:first-child {
	}

	.presentation.half .brick {
		padding: 50px;
	}

	.presentation.half:before {
		width: 50%;
	}

	.presentation.half > .inner {
		padding-top: 0;
		padding-bottom: 0;
	}

	.presentation.half .brick {
		padding: 50px;
	}
}

.presentation .blockheader .brick {
	padding: 0;
}

.presentation .btnarea a[target="_blank"]:after {
	content: '\f109';
	margin-left: .5em;
	font-size: .85em;
	font-family: 'uiicon';
	font-weight: normal !important;
	vertical-align: middle;
}

@media only screen and (min-width: 769px) {

	.presentation .column {
		width: 50%;
		margin: 0 !important;
		padding: 10px;
	}
}


.presentation .column {
	padding: 10px 0;
}

.presentation .columns.unequal .column {
	width: 100%;
}

.presentation .columns.unequal .column.left {
	display: block;
}

.presentation .columns.unequal .column figure {
	max-width: 180px;
}

#kids-project.presentation .column {
	width: 50%;
	padding: 5px;
}

#nursing-cafe.presentation .column {
	width: 50%;
	padding: 5px;
}

#kids-project.presentation .column figure,
#nursing-cafe.presentation .column figure {
	margin-bottom: 0;
}

#kids-project.presentation .column p,
#nursing-cafe.presentation .column p {
	font-size: 1.3em;
}

@media only screen and (min-width: 481px) {

	.presentation .column {
		width: 50%;
		padding: 10px;
	}

	.presentation .columns.unequal .column.left {
		width: 70%;
		padding-right: 30px;
	}

	.presentation .columns.unequal .column.right {
		width: 30%;
	}
}

@media only screen and (min-width: 541px) {

	#kids-project.presentation .column {
		width: 33.33%;
	}

	#nursing-cafe.presentation .column {
		width: 50%;
	}
}

@media only screen and (min-width: 641px) {

	#kids-project.presentation .column {
		width: 25%;
	}

	#nursing-cafe.presentation .column {
		width: 33.33%;
	}
}

@media only screen and (min-width: 769px) {

	#kids-project.presentation .column {
		padding: 10px;
	}

	#nursing-cafe.presentation .column {
		padding: 10px;
	}

	#health-promotion.presentation .column {
		width: 25%;
	}
}

@media only screen and (min-width: 1001px) {
}



#kids-project.presentation .sentence:first-child,
#kids-project.presentation .sentence:last-child {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#nursing-cafe.presentation .sentence:first-child {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#health-promotion.presentation .sentence:first-child {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}





#health:before {
	background-image: url(../image/local-community/back_health.jpg);
}

#brunch:before {
	background-image: url(../image/local-community/back_brunch.jpg);
}


#bureau {
	position: relative;
}

#bureau > .inner {
	background: transparent;
}