@charset "UTF-8";

#contentBody .contentHeader {
	background-image : url(/wp/wp-content/themes/johsai/special/sp-dementia/img/img_01.jpg);
}
#contentBody .contentHeader span {
	background-color : rgba(255, 255, 255, 0.95);
}

#what > header {
	display : grid;
	grid-template-columns : 1fr 400px;
	grid-gap : 40px;
	margin-bottom : 40px;
}
#what > header .img {
	overflow : hidden;
	border-radius : 12px;
}
#what > header .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#what > header .title {
	font-size : 2em;
	margin-bottom : 1em;
	color : #00a0e9;
}
#amnesia .column {
	display : grid;
	grid-template-columns : 1fr 400px;
	grid-gap : 40px;
	margin-bottom : 40px;
}
#amnesia .img img {
	width : 100%;
}
#difference .gridlist {
	margin-bottom : 20px;
}
#difference h5 {
	font-size : 1.2em;
	margin-bottom : 1.2em;
	color : #00a0e9;
}
#difference strong {
	font-weight : bold;
}
#difference .list04 {
	font-weight: normal;
	margin-bottom : 0;
}
#what .gridlist > li .img {
	overflow : hidden;
	height : 240px;
	margin-bottom : 16px;
	border-radius : 12px;
}
#what .gridlist > li .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#what .gridlist > li h6 {
	font-size : 1.125em;
	font-weight : bold;
	margin-bottom : 0.5em;
	padding-left : 0.75em;
	border-left : 4px solid #00a0e9;
}
#treatment .list03 > li {
	display : grid;
	grid-template-columns : 180px 1fr;
	grid-gap : 32px;
}
#treatment .list03 > li .img {
	overflow : hidden;
	margin-bottom : 16px;
	border-radius : 12px;
}
#treatment .list03 > li .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#treatment .list03 > li h5 {
	display : flex;
	font-size : 1.25em;
	align-items : center;
	margin-bottom : 0;
	padding : 16px 0;
}
#treatment .list03 > li h5 .icon {
	width : 50px;
	margin-right : 24px;
}
@media screen and (max-width: 1280px) {
	.gridlist {
		grid-template-columns : 1fr;
	}
	#what > header {
		display : grid;
		grid-template-columns : 1fr;
	}
	#amnesia .column {
		grid-template-columns : 1fr;
	}
	#treatment .list03 > li .img {
		height : 220px;
	}
	#treatment .list03 > li {
		display : grid;
		grid-template-columns : 1fr;
		grid-gap : 10px;
	}
	#treatment .list03 > li h5 {
		font-size : 1.2em;
		padding : 0 0 16px;
	}
	
}


@media screen and (min-width: 1281px) and (max-width: 1440px) {
}

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