@charset "UTF-8";
/* 赤　＝　#e50012　rgb(229,0,18) */
/* 背景　＝　#fbfaf8 */
/* ベージュ　＝　#fbe6d4　rgb(251,230,212) */
/* 黒　＝　#4d4545 */
#side-bar nav > ul > li:first-child > a { background-color: #e50012; color: #fff; }

#side-bar nav > ul > li:first-child > a { background-color: #e50012 !important; color: #fff !important; }

/*===================================================================
　↓　#greeting
===================================================================*/
/*----------------------------------------------
　　#first-copy
----------------------------------------------*/
#greeting #first-copy { text-align: center; margin-bottom: 60px; }

#greeting #first-copy p { font-size: 1.6rem; margin-bottom: 10px; line-height: 2.4em; }

@media screen and (max-width: 768px) { #greeting #first-copy { margin-bottom: 40px; } }
@media screen and (max-width: 640px) { #greeting #first-copy { margin-bottom: 30px; }
  #greeting #first-copy p { font-size: 1.4rem; line-height: 2.2em; } }
/*----------------------------------------------
　　.doctor-block
----------------------------------------------*/
#greeting .doctor-block { margin-bottom: 80px; padding-top: 80px; margin-top: -80px; }

#greeting .doctor-block:last-child { margin-bottom: 0; }

#greeting .doctor-block .doctor-img { position: relative; max-width: 900px; margin: auto; }

#greeting .doctor-block .doctor-img img { width: 100%; height: auto; border-radius: 10px; }

#greeting .doctor-block .doctor-img p.name { position: absolute; bottom: 10%; left: -15px; background-color: #e50012; /*赤*/ color: #fff; line-height: 1.8em; padding: 10px 30px; }

#greeting .doctor-block .doctor-img p.name span { font-weight: 500; font-size: 1.8rem; padding-left: 10px; }

#greeting .doctor-block .doctor-message { max-width: 740px; margin: 30px auto 10px; }

#greeting .doctor-block .doctor-message p.copy { /*color: #e50012;赤*/ text-align: center; line-height: 1.8em; font-size: 1.8rem; margin-bottom: 30px; }

#greeting .doctor-block .doctor-message p.text { line-height: 2.4em; margin-bottom: 15px; }

#greeting .doctor-block .doctor-message p.comments { text-align: right; line-height: 2.4em; }

#greeting .doctor-block .doctor-message #character { text-align: center; margin-top: 20px; padding: 30px; box-sizing: border-box; background-color: #fff; border-radius: 10px; }

#greeting .doctor-block .doctor-message #character p.list-title { font-size: 1.8rem; color: #e50012; /*赤*/ }

#greeting .doctor-block .doctor-message #character ol { display: inline-block; margin-left: 20px; text-align: left; }

#greeting .doctor-block .doctor-message #character ol li { margin-top: 10px; font-size: 1.6rem; line-height: 1.8em; }

@media screen and (max-width: 768px) { #greeting .doctor-block .doctor-message { padding: 0 40px; } }
@media screen and (max-width: 640px) { #greeting .doctor-block { margin-bottom: 60px; }
  #greeting .doctor-block .doctor-img { margin-left: -20px; margin-right: -20px; }
  #greeting .doctor-block .doctor-img img { border-radius: 0; margin-bottom: 15px; }
  #greeting .doctor-block .doctor-img p.name { font-size: 1.3rem; padding: 5px 20px; line-height: 1.6em; left: 15px; bottom: -8px; border-radius: 5px; }
  #greeting .doctor-block .doctor-img p.name span { font-size: 1.5rem; padding-left: 15px; }
  #greeting .doctor-block .doctor-message p.copy { font-size: 1.6rem; margin-bottom: 10px; }
  #greeting .doctor-block .doctor-message { padding: 0; }
  #greeting .doctor-block .doctor-message #character { padding: 15px; }
  #greeting .doctor-block .doctor-message #character p.list-title { font-size: 1.5rem; }
  #greeting .doctor-block .doctor-message #character ol li { font-size: 1.4rem; } }

/*# sourceMappingURL=greeting.css.map */