.clinic-subject:nth-child(n+2) { margin-top: 2em; }
.clinic-subject h2 { font-weight: normal; border-bottom: 1px solid #CCC; position: relative; }
.clinic-subject h2 .icon { position: absolute; top: 0; background: url(../../images/bg_subject.png) left top no-repeat; background-size: cover; }
.clinic-subject .text p + p { margin-top: 14px; }
.clinic-subject .text .colored { color: #ff6c00; }
.clinic-subject .text + .row { margin-top: 1em; }
.clinic-subject .clinicT th { background-color: #4bbab3; color: #fff; }
.clinic-subject .clinicT tr + tr th { border-top-color: #fff; }

@media screen and (max-width: 767px) { .clinic-subject h2 { font-size: 17px; padding-top: 18px; padding-bottom: 6px; margin-bottom: 25px; padding-left: 50px; margin-left: 20px; }
  .clinic-subject h2 .icon { left: -20px; width: 60px; }
  .clinic-subject h2 .icon img { width: 60px; padding: 9px; }
  .clinic-subject .photo { margin-top: 1em; text-align: center; }
  .clinic-subject .photo p + p { margin-top: 1em; }
  .clinic-subject .photo img { width: 90%; display: inline; }
  .clinic-subject#subject03 .photo { margin-top: 0; }
  .clinic-subject .clinicT { margin-top: 18px; }
  .clinic-subject .clinicT th, .clinic-subject .clinicT td { font-size: 12px; line-height: 20px; } }
@media screen and (min-width: 768px), print { .clinic-subject h2 { font-size: 20px; padding-left: 64px; margin-left: 20px; }
  .clinic-subject h2 .icon { left: -20px; width: 72px; }
  .clinic-subject h2 .icon img { width: 72px; padding: 9px; }
  .clinic-subject .photo img { width: 100%; }
  .clinic-subject .clinicT { margin-top: 28px; } }
@media screen and (min-width: 768px) and (max-width: 991px), print { .clinic-subject h2 { padding-top: 22px; padding-bottom: 8px; margin-bottom: 33px; }
  .clinic-subject .photo { margin-top: 1em; }
  .clinic-subject .photo p + p { margin-top: 1em; } }
@media screen and (min-width: 992px) { .clinic-subject h2 { padding-top: 26px; padding-bottom: 6px; margin-bottom: 31px; } }