@charset "utf-8";

/* case
----------------------------------------------------------- */
#topics.case h2#pttl {
	margin-top: 90px;
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:5px #e1e1e1 solid;
}
#topics.case p.outline {
	margin-bottom:60px;
}
#topics.case h3.ttl{
	margin-bottom:10px;
	padding-left:0;
	padding-bottom:5px;
	color:#26407b;
	font-size:26px;
	font-weight:bold;
	border-left:none;
	border-bottom:1px #ccc solid;
}
#topics.case h4.ttl{
	margin:0;
	padding:0;
	color:#5d72cb;
	font-size:20px;
	font-weight:bold;
}
#topics.case div#topics_text img{
	display:block;
	margin:0 auto 15px;
}


/* case_icon
----------------------------------------------------------- */
#topics.case h2#pttl.dementia:before,
#topics.case div#topics_list ul.pickup li.dementia span:before,
#topics.case div#topics_list ul.list li.dementia:before  {content:"認知症について";background-color:#9e944e;}
#topics.case h2#pttl.case:before,
#topics.case div#topics_list ul.pickup li.case span:before,
#topics.case div#topics_list ul.list li.case:before{content:"こんな時には";background-color:#9f6451;}
#topics.case h2#pttl.other:before,
#topics.case div#topics_list ul.pickup li.other span:before,
#topics.case div#topics_list ul.list li.other:before{content:"その他";background-color:#648150;}


/* counselor
----------------------------------------------------------- */
div.counselor{
	max-width:400px;
	margin:90px auto 60px;
	padding:30px 30px 20px;
	border:5px #e1e1e1 solid;
}
div.counselor h2.ttl{
	width:4em;
	min-width:0;
	margin:-30px 0 0 -30px;
	padding-right:5px;
	text-align:center;
	font-size:16px;
	font-family:"Osaka","メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
	background-color:#ccc;
}
div.counselor img{
	display:block;
	margin:0 auto 15px;
}

/* related_links
----------------------------------------------------------*/
#topics.case ul.related_links h3.ttl{
	font-size:18px;
}
#topics.case ul.related_links h3.ttl:before{
	content:"＜";
}
#topics.case ul.related_links h3.ttl:after{
	content:"＞";
}