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

#side-bar nav > ul > li:nth-child(6):hover a { background-color: #e50012 !important; color: #fff !important; }

/*===================================================================
　↓　#factor
===================================================================*/
#factor #box-wrap { max-width: 840px; margin: auto; }

/*----------------------------------------------
　　#box-wrap .box-left
----------------------------------------------*/
#factor #box-wrap .box-left { float: left; width: 50%; display: flex; justify-content: center; align-items: center; }

#factor #box-wrap .box-left img { width: 100%; height: auto; }

/*----------------------------------------------
　　#box-wrap .box-right
----------------------------------------------*/
#factor #box-wrap .box-right { float: left; width: 50%; padding-left: 30px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }

#factor #box-wrap .box-right ol { margin-left: 20px; }

#factor #box-wrap .box-right ol li { margin-bottom: 15px; font-size: 1.8rem; color: #e50012; }

#factor #box-wrap .box-right ol li h4 { font-size: 1.6rem; margin-bottom: 5px; }

#factor #box-wrap .box-right ol li p { color: #4d4545; margin-left: -20px; line-height: 1.8em; }

@media screen and (max-width: 640px) { #factor #box-wrap .box-left { width: 100%; margin-bottom: 20px; }
  #factor #box-wrap .box-left img { width: 90%; }
  #factor #box-wrap .box-right { width: 100%; padding: 0; }
  #factor #box-wrap .box-right ol li h4 { margin-bottom: 2px; }
  #factor #box-wrap .box-right ol li { margin-bottom: 10px; } }
/*===================================================================
　↓　#inspection-treatment
===================================================================*/
#inspection-treatment .clearfix { padding-top: 20px; max-width: 860px; margin: auto auto 30px; }

#inspection-treatment p.next-contents { text-align: center; padding: 20px 0 30px; line-height: 2.4em; background-image: url(../img/base/down.png); background-repeat: no-repeat; background-position: center; background-size: contain; margin: 40px auto; }

#inspection-treatment p.next-contents span.bold { font-weight: bold; font-size: 1.6rem; }

#inspection-treatment p.next-contents span.red { color: #e50012; border-bottom: 1px solid #e50012; padding-bottom: 2px; }

#inspection-treatment .yajirushi { width: 5%; float: left; background-image: url(../img/base/caret-right.png); background-repeat: no-repeat; background-position: center; background-size: 9px 17px; }

/*----------------------------------------------
　　.inspection-box
----------------------------------------------*/
#inspection-treatment .inspection-box { width: 30%; float: left; position: relative; }

#inspection-treatment .inspection-box img { width: 100%; height: auto; border-radius: 50%; }

#inspection-treatment .inspection-box h4 { position: absolute; color: #e50012; font-size: 1.8rem; top: -12px; left: 2px; text-align: center; width: 100%; letter-spacing: 0.1em; }

/*----------------------------------------------
　　.treatment-box
----------------------------------------------*/
#inspection-treatment .treatment-box { width: 30%; float: left; position: relative; }

#inspection-treatment .treatment-box img { width: 100%; height: auto; }

#inspection-treatment .treatment-box h4 { position: absolute; color: #e50012; font-size: 1.8rem; top: -12px; left: 0; text-align: center; width: 100%; line-height: 1.4em; letter-spacing: 0.1em; }

#inspection-treatment .treatment-box h4 span { font-size: 1.6rem; }

@media screen and (max-width: 768px) { #inspection-treatment p.next-contents { padding: 20px 0; margin: 30px auto 20px; }
  #inspection-treatment .inspection-box h4, #inspection-treatment .treatment-box h4 { font-size: 1.6rem; }
  #inspection-treatment .treatment-box h4 span { font-size: 1.4rem; } }
@media screen and (max-width: 640px) { #inspection-treatment .inspection-box, #inspection-treatment .treatment-box, #inspection-treatment .yajirushi { width: 80%; float: none; margin: auto; }
  #inspection-treatment .yajirushi { height: 50px; background-image: url(../img/base/caret-down.png); background-size: 17px 9px; background-position: top 16px center; }
  #inspection-treatment .inspection-box h4, #inspection-treatment .treatment-box h4 { font-size: 1.8rem; } }