@charset "UTF-8";

/* ----------------------------------
 かかりつけ薬剤師について
---------------------------------- */
#contents_service_family-pharmacist .content__img { width: 100%; max-width: 200px; margin: 1em auto 0 auto;}
#contents_service_family-pharmacist .p-f01-main { padding: 25px; margin-top: 40px; gap: 40px; flex-direction: column; justify-content: flex-start;}
#contents_service_family-pharmacist .p-f02-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 0;}
#contents_service_family-pharmacist .p-f02-wrap .p-f02-main { width: 100%; padding: 25px; margin-top: 40px; display: flex; flex-direction: column; gap: 25px;}
#contents_service_family-pharmacist .p-f02-main .c-heading-h3.c-text-green::before { background: #008566;}
#contents_service_family-pharmacist .p-f02-main__img { width: 90%; max-width: 350px; margin: 0 auto;}
#contents_service_family-pharmacist .p-f02-main__img img { width: 100%;}
#contents_service_family-pharmacist .family-pharmacist__list { padding-left: 1.5rem;}
#contents_service_family-pharmacist .family-pharmacist__list li { list-style: disc inside; text-indent: -1em;}
#contents_service_family-pharmacist .mb-100-60 table { width: 100%; margin: 1em 0; border: #000 1px solid; border-collapse: collapse;}
#contents_service_family-pharmacist .mb-100-60 table th { padding: 10px; border: #000 1px solid; border-collapse: collapse; font-weight: bold; text-align: center; background: #f5f5f5;}
#contents_service_family-pharmacist .mb-100-60 table td { padding: 10px; border: #000 1px solid; border-collapse: collapse; text-align: center;}

@media screen and (min-width: 769px) {
	#contents_service_family-pharmacist .content__img { max-width: 280px; margin: 0 auto;}
	#contents_service_family-pharmacist .family-pharmacist__box { display: flex; gap: 0 1.54%;}
	#contents_service_family-pharmacist .family-pharmacist__box--img { max-width: 250px;}
	#contents_service_family-pharmacist .p-c03-box03-img { min-width: 450px;}
}
@media screen and (min-width: 1099px) {
	#contents_service_family-pharmacist .p-f01-main { padding: 40px; flex-direction: row; justify-content: space-between;}	
	#contents_service_family-pharmacist .p-f02-wrap { gap: 30px;}
	#contents_service_family-pharmacist .p-f02-wrap .p-f02-main { width: calc(50% - 15px); padding: 40px; display: flex; flex-direction: column; gap: 25px;}
	#contents_service_family-pharmacist .p-f02-main .c-heading-h3.c-text-green::before { background: #008566;}
	#contents_service_family-pharmacist .p-f02-main__img { width: 365px; margin: 0 auto;}
	#contents_service_family-pharmacist .p-f02-main__img img { width: 100%;}
}