@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 769px) {
/*ここにpc用スタイルを記述*/

}

/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
/*ここにtablet用スタイルを記述*/

}
 
/* smartPhone */
@media screen and (max-width: 480px) {
/*ここにスマホ用スタイルを記述*/
}

/*-----------------------------
リセット
---------------------------*/
ul, ol, li {
  list-style:none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, table, th, tr, td, img {
    margin: 0; 
    padding: 0;
}


/*-----------------------------
地域共創センター
---------------------------*/
.policy_list {
    overflow: hidden;
}
.policy_list dt {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro", Garamond , "Times New Roman", serif;
    font-size: 3rem;
    color: #00448b;
    float: left;
    width: 40px;
}
.list_ttl {
   padding-top:12px;
}
.msg_name {
    text-align: right;
}
.name {
    font-size: 140%;
    font-weight: bold;
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro", Garamond , "Times New Roman", serif;
}
.news dt {
    color: #999999;
}
.news dd {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 1.5rem;
}
.o_news_txt {
    width: 91%;
    display: inline-block;
}
.news dd .arrow {
    float: right;
    margin-top: -3px;
}
.page_ttl_grey{
	position:relative;
}
.backnum{
	position:absolute;
	top:5px;
	right:10px;
	font-weight: normal;
    font-size: 80%;
		padding-left:10px;
		border-left:dotted 1px #CCCCCC;
}
.indent{
	padding-left:1.3em;
}
.indent_latin{
	padding-left:1em;
}
.ttl_small{
	font-size:120%;
	color:#00448b;
}
.list_none li{
	list-style-type:none;
}
.list_indent li{
	padding-left: 3em;
}


/*-----------------------------
模擬患者養成講座
---------------------------*/
.sp_pics{
	display: flex;
	justify-content: center;
	margin: 26px 0;
}
.sp_column{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 20px;
}
.sp_column a{
	text-align: center;
}
.sp_column span{
	color: #000;
}


@media screen and (max-width: 650px){
	.sp_pics{
		flex-direction: column;
		align-items: center;
		margin-bottom: 0;
	}
	.sp_column{
		margin: 0 0 20px;
	}
}