@charset 'utf-8';


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

body.index #container > .inner {
	max-width: none;
	background-image: url(../image/rehabilitation/back_index_container.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

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

body.index #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;
}

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

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

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

body.index .presentation:nth-child(even) {
	background: rgba(240,174,175,.3);
}

.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 .column {
	width: 100%;
	padding: 10px 0;
}

#rehabilitation-guide.presentation .column {
	width: 50%;
	padding: 5px;
}

#rehabilitation-guide.presentation .column figure {
	margin-bottom: 0;
}

#rehabilitation-guide.presentation .column p {
	font-size: 1.3em;
}

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

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

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

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

	#rehabilitation-guide.presentation .column {
		width: 33.33%;
	}
}

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

	#rehabilitation-guide.presentation .column {
		width: 25%;
	}
}

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

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

	#rehabilitation-guide.presentation .column {
		padding: 10px;
	}
}



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