@charset "utf-8";
/*タイトル*/
#headtitle_area { min-width: 1200px; width: 100%; height: 201px; background-image: url("../img/top_back.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.headtitle { font-family: 'Noto Serif JP', serif; font-size: 36px; font-weight: 500; line-height: 150%; color: #fff; background-color: rgba(0,125,198,0.8); text-align: center; padding-bottom: 2px;}

#disease { line-height: 160%;}
.disease_text { width: 100%; margin-bottom: 50px; text-align: justify;}
.disease_text2 { margin-bottom: 15px; text-align: justify;}
.disease_text3 { margin-bottom: 30px;}
#disease ul { margin-bottom: 30px;}
#disease ul span { font-weight: 700;}
h3 { font-size: 26px; border: solid 1px #000; font-family: 'Noto Serif JP', serif;  margin-bottom: 15px; padding: 3px 0 5px 45px;}
h4 { font-size: 24px; font-family: 'Noto Serif JP', serif; margin: 0 0 10px;}


@media screen and (max-width: 768px) {
	/*タイトル*/
	#headtitle_area { min-width: auto; height: auto; aspect-ratio: 27 / 16; background-image: url("../img/top_back_m.jpg");}
	.headtitle { font-size: 24px; line-height: 160%;}


	#disease ul { text-indent: -16px; margin-left: 16px; margin-bottom: 30px; }
	h3 { font-size: 22px; padding: 3px 0 5px 25px }
	h4 { font-size: 20px; }



}