@charset "utf-8";
/*ご挨拶*/
#aisatsu { margin-bottom: 50px;}
.aisatsu_area { display: flex; justify-content: space-between; width: 780px; margin: 0 auto 0;}
.aisatsu_text { width: 490px; line-height: 240%; margin-top: -10px;  text-align: justify;}
.aisatsu { width: 210px; text-align: center;}
.aisatsu img { width:100%; height: auto; margin-bottom: 5px}
.aisatsu span { font-size: 14px;}

/*健康寿命*/
#kenkou { margin: 100px 0 80px;}
.kenkou_area { width: 100%; background: #d4ecea; border: solid 2px #007dc6; border-radius: 7px;  padding-bottom: 50px; }
.kenkou_title { max-width: 820px; font-family: 'Noto Serif JP', serif; font-size: 32px; font-weight: 500; line-height: 120%; padding: 25px 0; margin: -25px auto 0; background: #fff; border-radius: 5px; text-align: center; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .5);}
.kenkou_title h3 { display: inline-block; text-align: left;}
.kenkou_text_container { max-width: 900px; text-align: justify; margin: 30px auto 0;}
.kenkou_text { margin-bottom: 8px;}
.kenkou_text2 { margin-bottom: 25px;}
.kenkou_kome { margin-bottom: 16px;}
.kenkou_kome2 { margin-bottom: 16px; font-size: 14px; line-height: 140%}
.kenkou_text span { color: red;}
.kenkou_ti { font-size: 22px; text-align: center; border: solid 1px #222; padding: 8px 0; background: #fff;}
.kenkou_com { padding: 0 40px; margin: 15px 0 20px 0;}
/*図1*/
.kenkou_zu_area { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 900px; margin: 0 auto; padding-top: 30px;}
.zu_text_area { width: 100%; margin-bottom: 15px; border-left: solid 5px #222; padding: 5px 0 6px 10px; background: #fff;}
.kenkou_zu_area .ken { width: 430px;}
.kenkou_zu_area .ken img { width: 100%; height: auto;}
.kenkou_zu_area .hoke { width: 462px; }
.kenkou_zu_area .hoke img { width: 100%; height: auto;}
/*表1*/
.kenkou_list_area { display: flex; flex-wrap: wrap; max-width: 900px; margin: 30px auto 0; padding-top: 30px;}
.hyou { width: 100%; margin-bottom: 15px; border-left: solid 5px #222; padding: 5px 0 6px 10px; background: #fff;}
.kenkou_list {  max-width: 550px; width: 100%; }
.kenkou_btn { max-width: 320px; text-align: right; margin: auto 0 8px auto; }
.kenkou_btn img { width: 100%; height: auto;}
.kenkou_btn a img { transition: opacity, 0.5s;}
.kenkou_btn a:hover img { opacity: 0.6;}
.kenkou_btn span { font-size: 14px; padding: 0 5px 0 0;}

/*お知らせ/活動報告*/
#oshirase { margin-bottom: 50px;}
.oshirase_area { background: #E8E8E8; padding: 30px 80px;}
.oshirase_area dl { display: flex; flex-wrap: wrap; overflow: auto; height: 350px; padding: 5px 0; }
.oshirase_area dt { width: 20%; margin-bottom: 8px; font-size: 14px; border-bottom: dotted 1px #222; padding: 10px 0;}
.oshirase_area dd { width: 80%; margin-bottom: 8px; border-bottom: dotted 1px #222; padding: 10px 20px 10px 0;}
.oshirase_area dd a { display: block; color: #222; transition: color 0.5s; }
.oshirase_area dd a:hover { text-decoration: none; color: #999; }

/*岡山大学病院 脳卒中・心臓病等総合支援センターについて*/
#center { width: 1000px; margin: 0 auto;}
.center_area { }
.center_text { width: 1000px; line-height: 162%; margin-top: -6px; padding: 0 40px; text-align: justify; }

#flow { background: #EFEFEF; margin: 50px 0 0 0; padding: 80px 0; box-shadow: 0 0 0 100vmax #EFEFEF; clip-path: inset(0 -100vmax); }

/*パンフレット*/
#pamphlet { margin: 50px 0;}
.pamphlet_list {
	display: flex;
	justify-content: space-between;	
}
.pamphlet_list li{
	width: calc(100% / 3 - 20px);
	background-color: #EFEFEF;
	border-radius: 8px;
	padding: 30px 20px;
	text-align: center;
}
.pamphlet_list li img{
	max-width: 100%;
	width: 60%;
	margin: 0 auto;
	border: 1px solid #007DC6;
}
.pamphlet_list a{
	text-decoration: none;
}
.pamphlet_list a:hover{
	opacity: 0.8;
}
.pamphlet_list p.btn{
	width: 80%;
	color: #fff;
	background: linear-gradient(90deg, rgba(0, 125, 198, 1), rgba(6, 68, 113, 1));
	margin: 20px auto 0 ;
	padding: 5px 0;
	position: relative;
}

.pamphlet_list p.btn::after{
	content: url("../img/ico_pdf.png");
	position: absolute;
	top: 25%;
    right: 7%;
}

@media screen and (max-width: 768px) {
	/*ご挨拶*/
	#aisatsu { margin-bottom: 50px;}
	.aisatsu_area { display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 0 auto 0;}
	.aisatsu_text { width: 100%; line-height: 180%; margin-top: 0;}
	.aisatsu { width: 210px; text-align: center; margin: 30px auto 0;}
	.aisatsu img { width: 100%; height: auto;}
	.aisatsu span { font-size: 14px;}
	
	/*見直そう！岡山県の健康指標*/
	#kenkou { margin: 100px 0 80px;}
	.kenkou_area { padding: 0 20px 25px; }
	.kenkou_title {  font-size: 18px; font-weight: 600; line-height: 160%; padding: 15px 25px; margin: -30px auto 0; }
	.kenkou_title h3 { display: inline-block; text-align: left; }
	.kenkou_title span { display: inline-block; text-align: left;}
	.kenkou_text_container { margin: 25px auto 0;}
	.kenkou_kome { font-size: 14px; margin-bottom: 25px;}
	.kenkou_kome2 { font-size: 14px; margin-bottom: 25px;}
	.kenkou_ti { font-size: 20px; font-weight: 500; padding: 8px 15px; text-align: left;}
	.kenkou_ti span { display: inline-block;}
	.kenkou_com { padding: 0; margin: 10px 0 15px 0;}
	/*図1*/
	.kenkou_zu_area {}
	.zu_text_area { max-width: 550px; margin: 0 auto 10px; }
	.kenkou_zu_area .ken { max-width: 550px; width: 100%; margin: 0 auto 30px; overflow: auto;}
	.kenkou_zu_area .ken img { width: 550px; height: auto;}
	.kenkou_zu_area .hoke { max-width: 550px; width: 100%; margin: 0 auto 0; overflow: auto;}
	.kenkou_zu_area .hoke img { width: 550px; height: auto;}
	/*表*/
	.kenkou_list_area { flex-direction: column; margin: 0 auto; padding-top: 30px;}
	.hyou {  width: 100%; max-width: 550px; margin: 0 auto 0;}
	.kenkou_list { width: 100%; overflow: auto; margin: 10px auto 0; text-align: center;}
	.kenkou_list img { width: 550px;}
	.kenkou_btn { max-width: 320px; text-align: center; margin: 25px auto 0 auto; }
	.kenkou_btn img { width: 100%; height: auto;}
	.kenkou_btn span { display: block; font-size: 12px; padding: 0; margin: -2px 0 0;}
	
	/*お知らせ/活動報告*/
	.oshirase_area { padding: 0; background-color: transparent;}
	.oshirase_area dl { height: 400px; padding: 5px 0; }
	.oshirase_area dt { width: 100%; margin-bottom: 0; font-size: 14px; border-bottom: none; padding-bottom: 0;}
	.oshirase_area dd { width: 100%; margin-bottom: 10px; border-bottom: dotted 1px #222; padding: 0 0 10px 0;}
	.oshirase_area dd a { display: block; color: #222; transition: color 0.5s; }
	.oshirase_area dd a:hover { text-decoration: none; color: #999; }
	
	/*岡山大学病院 脳卒中・心臓病等総合支援センターについて*/
	#center { width: 100%; margin: 0;}
	.center_area { }
	.center_text { width: 100%; margin-top: 20px; padding: 0; }
	
	
	#flow { margin: 50px 0 0 0; padding: 50px 0; }
	
	/*パンフレット*/
	.pamphlet_list{
		display: block;
	}
	.pamphlet_list li{
		width: 75%;
		margin: 0 auto;
	}
	.pamphlet_list li:not(:last-child){
		margin-bottom: 20px;
	}
	.pamphlet_list li img{
	width: 50%;
	}

}