#mainImg { background-image: url(../img/general/mainimg01_sp.png); }

#mainImg .tit:before { top: -8px; left: -52px; width: 120px; height: 23px; background-image: url(../img/general/txt_mainimg01.png); }

@media all and (min-width: 600px) { #mainImg { background-image: url(../img/general/mainimg01_pc.png); }
  #mainImg .tit:before { top: -8px; left: -95px; width: 200px; height: 38px; } }

/* #decay
================================================ */
#decay .inner { padding-top: 40px; padding-bottom: 80px; }

#decay .secTit { margin-bottom: 14px; }

#decay .secTit span { display: block; color: #7cbc00; font-size: 1.4rem; }

#decay .areaImg { margin-bottom: 80px; }

#decay .areaImg .img { margin-bottom: 16px; }

#decay .areaImg .txt span { font-weight: 500; }

#decay .flow { margin-bottom: 80px; }

#decay .flow .flowItem + .flowItem { position: relative; margin-top: 60px; }

#decay .flow .flowItem + .flowItem:before { content: ''; position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 138px; height: 30px; background: url(../img/common/arw_down01.png) no-repeat center/138px; }

#decay .flow .flowItem .img { margin-bottom: 10px; }

#decay .flow .flowItem .sub { margin-bottom: 10px; font-weight: 500; font-size: 1.8rem; }

#decay .flow .flowItem .list .item { position: relative; padding-left: 14px; }

#decay .flow .flowItem .list .item:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #7cbc00; border-radius: 50%; }

#decay .reason .reasonItem + .reasonItem { margin-top: 40px; }

#decay .reason .reasonItem .img { margin-bottom: 10px; }

#decay .reason .reasonItem .sub { font-weight: 500; font-size: 1.8rem; }

#decay .reason .reasonItem .subSmall { font-weight: 500; font-size: 1.6rem; }

#decay .reason .reasonItem .txt + .txt { margin-top: 10px; }

#decay .reason .reasonItem .txt.is-top { margin-top: 10px; }

#decay .reason .reasonItem .btn { margin-top: 30px; }

#decay .notice { margin-top: 15px; padding: 15px; border: 1px solid #b6b5b5; border-radius: 10px; background-color: #fff; }

@media all and (min-width: 600px) { #decay .inner { padding-top: 60px; padding-bottom: 160px; }
  #decay .secTit { margin-bottom: 40px; text-align: center; }
  #decay .secTit span { font-size: 1.6rem; }
  #decay .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }
  #decay .areaImg .img { width: 50%; margin-bottom: 0; }
  #decay .areaImg .txtWrap { width: 50%; padding-left: 40px; box-sizing: border-box; }
  #decay .areaImg .txt + .txt { margin-top: 20px; }
  #decay .flow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px; }
  #decay .flow .flowItem { width: calc(33.3% - 60px); }
  #decay .flow .flowItem + .flowItem { margin: 0 0 0 90px; }
  #decay .flow .flowItem + .flowItem:before { top: 50px; left: -60px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 43px; height: 92px; background-image: url(../img/common/arw_right05.png); background-size: 43px; }
  #decay .flow .flowItem + .flowItem:nth-of-type(3n+1) { margin-left: 0; }
  #decay .flow .flowItem .sub { font-size: 1.9rem; }
  #decay .flow .flowItem .list .item:before { top: 12px; }
  #decay .reason .reasonItem { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #decay .reason .reasonItem .img { width: 50%; margin-bottom: 0; }
  #decay .reason .reasonItem .txtWrap { width: 50%; margin-top: -10px; padding-left: 40px; box-sizing: border-box; }
  #decay .reason .reasonItem .sub { font-size: 2.2rem; }
  #decay .reason .reasonItem .subSmall { font-size: 1.8rem; }
  #decay .reason .reasonItem .txt + .txt { margin-top: 20px; }
  #decay .reason .reasonItem .txt.is-top { margin-top: 20px; }
  #decay .reason .reasonItem .btn { margin: 30px 0 0 0; }
  #decay .notice { margin-top: 20px; padding: 20px; border-radius: 25px; } }

/* #treatment
================================================ */
#treatment .inner { padding-top: 40px; padding-bottom: 60px; }

#treatment .secTit { margin-bottom: 14px; }

#treatment .secTit span { display: block; color: #7cbc00; font-size: 1.4rem; }

#treatment .areaImg { margin-bottom: 80px; }

#treatment .areaImg .img { margin-bottom: 16px; }

#treatment .areaImg .txt span { font-weight: 500; }

#treatment .checkList { margin: 34px 0 36px; padding: 18px 20px 22px; box-sizing: border-box; border-radius: 10px; background: #f7f7f7; }

#treatment .checkList .item { line-height: 1.6; position: relative; padding: 8px 0 8px 30px; border-bottom: 1px dashed #cccbcb; }

#treatment .checkList .item:before { content: ""; position: absolute; top: 12px; left: 0; width: 17px; height: 14px; background: url(../img/esthetic/ico_check01.png) no-repeat center/cover; }

#treatment .flow { margin-bottom: 80px; }

#treatment .flow .flowItem + .flowItem { position: relative; margin-top: 60px; }

#treatment .flow .flowItem + .flowItem:before { content: ''; position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 138px; height: 30px; background: url(../img/common/arw_down01.png) no-repeat center/138px; }

#treatment .flow .flowItem .img { margin-bottom: 10px; }

#treatment .flow .flowItem .sub { margin-bottom: 10px; font-weight: 500; font-size: 1.8rem; }

#treatment .flow .flowItem .list .item { position: relative; padding-left: 14px; }

#treatment .flow .flowItem .list .item:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #7cbc00; border-radius: 50%; }

#treatment .maintenance { margin-bottom: 40px; }

#treatment .maintenance .img { margin-bottom: 10px; }

#treatment .maintenance .sub { margin-bottom: 10px; font-weight: 500; font-size: 1.8rem; }

#treatment .maintenance .txt + .txt { margin-top: 10px; }

#treatment .inspection + .inspection { margin-top: 40px; }

#treatment .inspection .img { margin-bottom: 10px; }

#treatment .inspection .sub { font-weight: 500; font-size: 1.8rem; }

#treatment .inspection .subSmall { color: #7cbc00; font-weight: 500; font-size: 1.6rem; }

#treatment .inspection .txt + .txt { margin-top: 10px; }

#treatment .inspection .txt.is-top { margin-top: 10px; }

@media all and (min-width: 600px) { #treatment .inner { padding-top: 60px; padding-bottom: 160px; }
  #treatment .secTit { margin-bottom: 40px; text-align: center; }
  #treatment .secTit span { font-size: 1.6rem; }
  #treatment .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }
  #treatment .areaImg .img { width: 50%; margin-bottom: 0; }
  #treatment .areaImg .txtWrap { width: 50%; padding-left: 40px; box-sizing: border-box; }
  #treatment .areaImg .txt + .txt { margin-top: 20px; }
  #treatment .checkList { 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; margin: 52px 0 70px; padding: 32px 50px 32px; }
  #treatment .checkList .item { width: calc(50% - 56px); padding: 8px 0 8px 26px; font-size: 1.5rem; }
  #treatment .checkList .item:before { top: 12px; left: 0; width: 20px; height: 17px; }
  #treatment .flow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px; }
  #treatment .flow .flowItem { width: calc(33.3% - 60px); }
  #treatment .flow .flowItem + .flowItem { margin: 0 0 0 90px; }
  #treatment .flow .flowItem + .flowItem:before { top: 50px; left: -60px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 43px; height: 92px; background-image: url(../img/common/arw_right05.png); background-size: 43px; }
  #treatment .flow .flowItem + .flowItem:nth-of-type(3n+1) { margin-left: 0; }
  #treatment .flow .flowItem .sub { font-size: 1.9rem; }
  #treatment .flow .flowItem .list .item:before { top: 12px; }
  #treatment .maintenance { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }
  #treatment .maintenance .img { width: 50%; margin-bottom: 0; }
  #treatment .maintenance .txtWrap { width: 50%; margin-top: -10px; padding-left: 40px; box-sizing: border-box; }
  #treatment .maintenance .sub { font-size: 2.2rem; }
  #treatment .maintenance .subSmall { font-size: 1.8rem; }
  #treatment .maintenance .txt + .txt { margin-top: 20px; }
  #treatment .maintenance .txt.is-top { margin-top: 20px; }
  #treatment .inspection { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #treatment .inspection + .inspection { margin-top: 60px; }
  #treatment .inspection .img { width: 50%; margin-bottom: 0; }
  #treatment .inspection .txtWrap { width: 50%; margin-top: -10px; padding-left: 40px; box-sizing: border-box; }
  #treatment .inspection .sub { font-size: 2.2rem; }
  #treatment .inspection .subSmall { font-size: 1.8rem; }
  #treatment .inspection .txt + .txt { margin-top: 20px; }
  #treatment .inspection .txt.is-top { margin-top: 20px; } }

/* #qa
================================================ */
#qa .inner { padding-bottom: 60px; }

#qa .tit { margin-bottom: 20px; }

@media all and (min-width: 600px) { #qa .inner { padding-bottom: 100px; }
  #qa .tit { margin-bottom: 40px; } }

/* root
================================================ */
#root .inner { padding-top: 40px; padding-bottom: 80px; }

#root .secTit { margin-bottom: 14px; }

#root .secTit span { display: block; color: #7cbc00; font-size: 1.4rem; }

#root .areaImg { margin-bottom: 40px; }

#root .areaImg .img { margin-bottom: 16px; }

#root .areaImg .txt span { font-weight: 500; }

#root .lead { margin-bottom: 20px; }

#root .list .item + .item { margin-top: 40px; }

#root .list .item .img { margin-bottom: 10px; }

#root .list .item .sub { font-weight: 500; font-size: 1.8rem; }

#root .list .item .subSmall { color: #7cbc00; font-weight: 500; font-size: 1.6rem; }

#root .list .item .txt + .txt { margin-top: 10px; }

#root .list .item .txt.is-top { margin-top: 10px; }

#root .list .item .btn { margin-top: 20px; }

@media all and (min-width: 600px) { #root .inner { padding-top: 60px; padding-bottom: 160px; }
  #root .secTit { margin-bottom: 40px; text-align: center; }
  #root .secTit span { font-size: 1.6rem; }
  #root .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }
  #root .areaImg .img { width: 50%; margin-bottom: 0; }
  #root .areaImg .txtWrap { width: 50%; padding-left: 40px; box-sizing: border-box; }
  #root .areaImg .txt + .txt { margin-top: 20px; }
  #root .lead { margin: 0 auto 40px; text-align: center; }
  #root .list .item { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #root .list .item + .item { margin-top: 60px; }
  #root .list .item .img { width: 50%; margin-bottom: 0; }
  #root .list .item .txtWrap { width: 50%; margin-top: -10px; padding-left: 40px; box-sizing: border-box; }
  #root .list .item .sub { font-size: 2.2rem; }
  #root .list .item .subSmall { font-size: 1.8rem; }
  #root .list .item .txt + .txt { margin-top: 20px; }
  #root .list .item .txt.is-top { margin-top: 20px; }
  #root .list .item .btn { margin-top: 40px; } }