@charset "UTF-8";

/**********************************************************************/
/****************************** 協力病院 *******************************/
/**********************************************************************/

.medicalWrapper
{
	padding: 1em 0;
}

#description .contents p.copy
{
	font-family: NotoSerif-M, serif;
	font-weight: 300;
	font-size: 1.1em;
	margin-bottom: 2rem;
}

.medicalWrapper p
{
	margin-left: 1.5em;
	position: relative;
}

.medicalWrapper p.title
{
	margin-left: 0em;
	padding-left: 1.5em;
	font-family: Gen-B, 'Hiragino Sans W6', 'ヒラギノ角ゴ Pro W6', HiraKakuPro-W6, 'ヒラギノ角ゴ ProN W6', HiraKakuProN-W6, YuGothicB, '游ゴシック  Bold', meiryo, sans-serif;
	font-weight: 500;
}
.medicalWrapper p.title:before
{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	top: .45em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	box-sizing: border-box;
	border: 5px solid rgb(238, 120, 0);
}


/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/


@media screen and (min-width: 650px)
{
	#description .contents p.copy{margin-top: .55em}
	.medicalWrapper p.title{font-size: 1em;}
}

@media screen and (max-width: 650px)
{
	.medicalWrapper p.title{font-size: 1.2em;}
}