/* #mainImg
================================================ */
#mainImg { background-image: url(../img/tooth-extraction-orthodontics/bg_mv01-sp.jpg); background-size: cover; }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/tooth-extraction-orthodontics/bg_mv01-pc.jpg); background-size: 1920px; } }

/* #about
================================================ */
#about .inner { padding-top: 45px; padding-bottom: 42px; }

#about .tit { margin-bottom: 19px; }

#about .txt { margin-top: 11px; }
#about .txt .red { font-weight: bold; color: #f07c77; }

#about .soft { padding: 20px; border-radius: 10px; margin-top: 25px; }

#about .soft .sub { padding: 6px 0; }

#about .soft .wrapper .videoWrap { margin-top: 15px; }

#about .soft .wrapper .areaVideo { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }

#about .soft .wrapper .areaVideo iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

#about .soft .subTxt { margin-top: 15px; font-weight: 500; }

@media screen and (min-width: 600px) { #about .inner { padding-top: 45px; padding-bottom: 90px; }
  #about .tit { margin-bottom: 25px; }
  #about .soft { padding: 40px; margin-top: 50px; padding-bottom: 35px; }
  #about .soft .sub { font-size: 1.8rem; padding: 12px 0; }
  #about .soft .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #about .soft .wrapper .videoWrap { margin-top: 30px; width: 490px; }
  #about .soft .subTxt { margin-top: 25px; } }

/* #reason
================================================ */
#reason .inner { padding-top: 49px; padding-bottom: 45px; }

#reason .imgTxt .txt { margin-top: 14px; font-weight: 500; }

#reason .imgTxt .txt .pink { color: #f07c77; }

#reason .sub{ position: relative; padding-left: 35px; }

#reason .sub span { position: absolute; font-size: 1.2rem; box-sizing: border-box; padding-bottom: 3px; padding-left: 1px; top: calc(50% - 4px); left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: #fff; background-color: #f07c77; width: 25px; height: 25px; }

#reason section { margin-top: 20px; }

#reason section .imgTxt { margin-top: 15px; }

#reason .sec2 .defList { margin-top: 30px; }

#reason .sec3 .imgTxt .btn { margin-top: 16px; }

@media screen and (min-width: 600px) { #reason .inner { padding-top: 90px; padding-bottom: 84px; }
  #reason .imgTxt { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #reason .imgTxt .img { width: 290px; }
  #reason .imgTxt .txt { margin-top: -7px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 40px; }
  #reason .imgTxt.rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #reason .imgTxt.rev .txt { padding-right: 40px; padding-left: 0; }
  #reason .sub{ padding-left: 44px; }
  #reason .sub span { font-size: 1.4rem; padding-bottom: 2px; padding-left: 2px; top: calc(50% - 4px); width: 30px; height: 30px; }
  #reason section { margin-top: 45px; }
  #reason section .imgTxt { margin-top: 25px; }
  #reason .sec2 .defList { margin-top: 50px; }
  #reason .sec2 .defList .defItem { padding: 59px 71px 40px; }
  #reason .sec2 .defList .defItem .list { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #reason .sec2 .defList .defItem .list .item { border: none; }
  #reason .sec2 .defList .defItem .list .item + .item { margin-left: 112px; }
  #reason .sec3 .box { margin-top: 32px; }
  #reason .sec3 .box .txt { font-weight: 500; }
  #reason .sec3 .box .btn { margin-top: 24px; margin-left: 0; width: 320px; } }

/* #case
================================================ */
#case { background: url(../img/muhshield/bg_merit01.png) no-repeat; background-size: cover; }

#case .inner { padding-top: 45px; padding-bottom: 45px; }

#case .tit { margin-bottom: 19px; line-height: 1.47059; }

@media screen and (min-width: 600px) { #case { background: url(../img/muhshield/bg_merit01-pc.png) no-repeat; background-size: cover; }
  #case .inner { padding-top: 90px; padding-bottom: 90px; }
  #case .tit { margin-bottom: 34px; } }

/* #point
================================================ */
#point { padding-top: 40px; padding-bottom: 40px; }

#point .index { margin-bottom: 25px; font-size: 1.2rem; letter-spacing: .07em; }

#point .index th, #point .index td { box-sizing: border-box; vertical-align: middle; text-align: center; }

#point .index th { width: 100px; padding: 7px; border-bottom: 1px solid #fff; background-color: #f07c77; color: #fff; }

#point .index td { padding: 7px; border: 1px solid #d5d5d5; background-color: #fff; }

#point .index td:first-of-type { border-left: none; color: #5db9d2; }

#point .index td:nth-of-type(2) { color: #f07c77; }

#point .index thead th { background-color: #ffd6d4; color: #f07c77; border: 1px solid #d5d5d5;}

#point .index thead td { background-color: #eaf7fb; }

@media screen and (min-width: 600px) { #point { padding-top: 120px; }
  #point .index { margin-bottom: 60px; font-size: 1.5rem; }
  #point .index th { width: 280px; padding: 20px 22px; }
  #point .index .imgWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #point .index .note { margin-top: 0; margin-bottom: 15px; font-size: 1.2rem; }
  #point .indicatio { padding: 40px 40px 25px; }
  #point .indicatio .tit { margin-bottom: 20px; padding: 10px 20px; font-size: 1.8rem; }
  #point .indicatio .txt { margin-bottom: 20px; }
  #point .indicatio .imgWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #point .indicatio .imgWrap .img { box-sizing: border-box; width: 50%; }
  #point .indicatio .imgWrap .img:nth-of-type(odd) { padding-right: 20px; }
  #point .indicatio .imgWrap .img:nth-of-type(even) { padding-left: 20px; }
  #point .indicatio .imgWrap .img .state { padding: 15px 0; } }

/* #detaiil
================================================ */
#detail .inner { padding-top: 41px; }

#detail .tit { line-height: 1.47059; }

#detail .txt { font-weight: 500; }

#detail .txt .pink { color: #f07c77; }

#detail .list { margin-top: 29px; }

#detail .list .item { font-weight: 500; text-indent: -1em; padding-left: 1.3em; }

#detail .list .item .pink { color: #f07c77; margin-left: -4px; padding-right: 4px; }

@media screen and (min-width: 600px) { #detail .inner { padding-top: 87px; }
  #detail .tit { margin-bottom: 31px; }
  #detail .list { margin-top: 27px; } }