@charset "UTF-8"; 

/* ----------------------------------
 薬剤師訪問サービス
---------------------------------- */
.p-f02-mv img { max-width: 100%;}
.visiting-care__list li { padding-left: 1.5rem; list-style: disc inside; text-indent: -1em;}
.visiting-service__box  { margin-bottom: 10px; display: flex;}
.service__box--title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 20%;
  background-color: #008566;
}
.service__box--content { padding-left: 1em; flex-basis: 80%;}
.box__content--title   { font-size: 18px; font-weight: bold; color: #C85C7A;}
.c-heading-simple2 .c-heading-simple2__text { font-weight: bold; text-align: center; color: #008566;}

.l-wrapper table    { width: 100%; margin: 1em 0; border: #000 1px solid; border-collapse: collapse;}
.l-wrapper table th { padding: 10px; border: #000 1px solid; border-collapse: collapse; font-weight: bold; text-align: center; background: #f5f5f5;}
.l-wrapper table td { padding: 10px; border: #000 1px solid; border-collapse: collapse; text-align: center;}

@media (min-width: 45.001em){
	.visiting-service      { margin: 0 -4px; display: flex; flex-wrap: wrap;}
	.visiting-service__box { max-width: 50%; padding: 0 4px; margin-bottom: 15px; flex-basis: 50%;}
}
@media (min-width: 60.001em){
	.visiting-service__box { margin-bottom: 20px;}
	.service__box--title   { font-size: 20px;}
	.box__content--title   { font-size: 20px;}
}
.visiting-flow { margin-bottom: 10px; display: flex;}
.visiting-flow__num { font-weight: bold; text-align: center; color: #008566; position: relative;}
.visiting-flow__num:after { content: ''; height: 86%; border-left: solid 1px #008566; display: block; position: absolute; top: 10%; left: 50%;}
.visiting-flow:first-of-type .visiting-flow__num:after { height: 84%; top: 13%;}
.visiting-flow:last-child .visiting-flow__num:after    { height: 80%; top: 17%;}
.visiting-flow__content { padding-left: 1em; flex-basis: 90%;}
.visiting-flow__title   { margin-bottom: .5em; border-bottom: solid 1px #008566; font-size: 18px; font-weight: bold; color: #008566;}
.visiting-flow__list li { margin-top: auto !important; font-weight: normal;}

@media (min-width: 30.001em){
	.visiting-flow__num:after { height: 80%; top: 13%;}
	.visiting-flow:first-of-type .visiting-flow__num:after { height: 78%; top: 16%;}
	.visiting-flow:last-child .visiting-flow__num:after { height: 74%; top: 20%;}
}
@media (min-width: 35.001em){
	.visiting-flow__num:after { top: 15%;}
	.visiting-flow:first-of-type .visiting-flow__num:after { top: 18%;}
	.visiting-flow:last-child .visiting-flow__num:after { top: 22%;}
}
@media (min-width: 45.001em){
	.visiting-flow { margin-bottom: 15px;}
	.visiting-flow__num:after { top: 17%;}
	.visiting-flow:first-of-type .visiting-flow__num:after { top: 20%;}
	.visiting-flow:last-child .visiting-flow__num:after { top: 24%;}
}
@media (min-width: 60.001em){
	.visiting-flow { margin-bottom: 30px;}
	.visiting-flow__num:after { top: 19%;}
	.visiting-flow:first-of-type .visiting-flow__num:after { top: 22%;}
	.visiting-flow:last-child .visiting-flow__num:after { top: 26%;}
	.visiting-flow__title { font-size: 20px;}
}

.d-none { display: none !important;}
.d-block { display: block !important;}
.d-inline { display: inline !important;}
.d-inline-block { display: inline-block !important;}
@media (min-width: 35.001em){ .d-none-sm { display: none !important;}
	.d-block-sm { display: block !important;}
	.d-inline-sm { display: inline !important;}
	.d-inline-block-sm { display: inline-block !important;}
}
@media (min-width: 45.001em){ .d-none-md { display: none !important;}
	.d-block-md { display: block !important;}
	.d-inline-md { display: inline !important;}
	.d-inline-block-md { display: inline-block !important;}
}
@media (min-width: 60.001em){ .d-none-lg { display: none !important;}
	.d-block-lg { display: block !important;}
	.d-inline-lg { display: inline !important;}
	.d-inline-block-lg { display: inline-block !important;}
}