@charset "UTF-8";


@media (min-width: 320px) {
/* ページタイトル */
section .titlearea {
	background: url(../policy/images/head_img.jpg) no-repeat center top;
}


/* ページタイトル */
section article.titlearea {
	margin-top: 0px;
}


article.policy {
	margin-top: 0px;
	background: url(../policy/images/back01.gif) no-repeat right top,url(../policy/images/back02.gif) no-repeat left bottom;
	background-color: #f1f1f1;
}
article.policy > div {
	padding: 10px 0px 30px;
}
article.policy > div ol {
	margin: auto;
	width: 100%;
	max-width: 100%;
	display: table;
	list-style: none;
}
article.policy > div ol li {
	font-size: 87.5%;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	position: relative;
	padding-top: 95%;
}
article.policy > div ol li:nth-of-type(1) {
	background: url(../policy/images/image01.jpg) no-repeat center top;
	background-size: cover;
}
article.policy > div ol li:nth-of-type(2) {
	background: url(../policy/images/image02.jpg) no-repeat center top;
	background-size: cover;
}
article.policy > div ol li:nth-of-type(3) {
	background: url(../policy/images/image03.jpg) no-repeat;
	background-size: cover;
}
article.policy > div ol li:nth-of-type(4) {
	background: url(../policy/images/image04.jpg) no-repeat;
	background-size: cover;
}
article.policy > div ol li dl {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0%;
	bottom: 0%;
	color: #FFF;
	text-decoration: none;
	text-align: justify;
	padding: 20px;
	overflow: auto;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	flex-direction: column;
	-ms-flex-direction: column; /*IE10*/
	-webkit-box-direction: column; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-flex-direction: column; /* Safari6.1以降 */
	align-content: space-between;
	-ms-flex-line-pack: space-between; /*IE10*/
	-webkit-align-content: space-between; /* Safari6.1以降 */
	font-weight: lighter;
}
article.policy > div ol li dt {
	position: relative;
	margin-top: auto;
}
article.policy > div ol li dt:after {
	content: "";
	display: block;
	width: 70px;
	border-top: 1px solid #FFF;
	margin: 1em 0em;
}
article.policy > div ol li dd {
	margin-bottom: auto;
}
article.policy > div ol li * {
	color: #FFF;
}



}

@media (min-width: 360px) {
}

@media (min-width: 400px) {
}

@media (min-width: 540px) {
/* 当院の特徴 */
article.policy > div ol li {
	font-size: 100%;
}
section article.medical > div ol li a span img {
	height: auto;
}
}

@media (min-width: 768px) {
section article.policy > div {
	width: 1080px;
	max-width: 100%;
	margin: 0px auto;
	padding: 70px 40px;
	position: relative;
}
section article.policy > div ol {
	margin: auto;
	width: 100%;
	display: block;
	background: url(../policy/images/back03.gif) repeat-y center top;
}
section article.policy > div ol li {
	padding-top: 45%;
	margin-top: 50px;
	width: 45%;
}
section article.policy > div ol li:nth-of-type(1) {
	margin-top: 0;
}
section article.policy > div ol li:nth-of-type(1),
section article.policy > div ol li:nth-of-type(3) {
	float: left;
}
section article.policy > div ol li:nth-of-type(2),
section article.policy > div ol li:nth-of-type(4) {
	float: right;
}
section article.policy > div ol li:nth-of-type(2) {
	margin-top: 100px;
}
}


@media (min-width: 1160px) {
section article.policy > div ol li {
	padding-top: 0;
	margin-top: 50px;
	width: 450px;
	height: 450px;
	position: static;
}
section article.policy > div ol li dl {
	position: static;
	height: 450px;
}
section article.policy > div ol li dt {
	margin-top: auto;
}
section article.policy > div ol li dd {
	margin-bottom: auto;
}
}


@media (min-width: 1200px) {
}