/*  #intro
================================================ */
#mainImg { margin-bottom: 0; }

/*  #about
================================================ */
#about > .inner { position: relative; background: url(../img/price/bg_worry01_sp.png) no-repeat center top #fef1de; background-size: contain; padding: 40px 15px 30px 15px; }

#about > .inner:after { content: ""; position: absolute; bottom: -19px; right: 0; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 19px 27.5px 0 27.5px; border-color: #fef1de transparent transparent transparent; }

#about .serviceBox { padding: 25px 28px; background: #fff; }

#about .serviceBox > .inner { position: relative; z-index: 1; }

#about .serviceBox > .inner:after { bottom: -45px; border-width: 45px 63px 0 63px; border-color: #fef6e8 transparent transparent transparent; }

#about .serviceBox .tit { font-size: 1.9rem; line-height: 1.45; color: #ff7391; text-align: center; font-weight: 500; }

#about .serviceBox .list { margin-top: 5px; }

#about .serviceBox .list:last-of-type li:last-child { border: none; }

#about .serviceBox .list li { padding: 4px 0 4px 10px; margin-bottom: 2px; font-size: 1.5rem; font-weight: 600; line-height: 1.8; border-bottom: 1px solid #e6e1e1; }

#about .serviceBox .list li span { display: block; position: relative; padding-left: 30px; }

#about .serviceBox .list li span:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 17px; height: 17px; margin-top: -8px; background: url(../img/common/ico_check01.png) no-repeat; background-size: 100%; }

#about .areaTxt { margin-top: 10px; }

#about .areaTxt .txt { color: #666464; }

#about .areaTxt .txt + .txt { margin-top: 20px; }

@media screen and (min-width: 600px) { #about > .inner { background: url(../img/price/bg_worry01_pc.png) no-repeat center top #fef6e8; background-size: cover; padding: 100px 0 90px; }
  #about > .inner:after { border-top-color: #fef6e9; }
  #about .serviceBox { position: relative; box-sizing: border-box; width: 1100px; margin: 0 auto; padding: 48px 70px 45px; }
  #about .serviceBox .tit { font-size: 2.8rem; letter-spacing: 0.08em; }
  #about .serviceBox .list { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #about .serviceBox .list:last-of-type li { border: none; }
  #about .serviceBox .list li { width: 478px; font-size: 1.8rem; letter-spacing: 0.08em; background-position: 8px center; background-size: 20px; padding: 10px 0 10px 10px; margin-bottom: 3px; }
  #about .areaTxt { margin-top: 10px; width: 1100px; margin: 30px auto 0; }
  #about .areaTxt .txt { color: #666464; text-align: center; }
  #about .areaTxt .txt + .txt { margin-top: 40px; } }

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

#intro .inner { padding: 0 15px; }

#intro .consultation { margin-top: 35px; }

#intro .consultation .box { background-color: #fff4f5; padding: 25px; }

#intro .consultation .box + .box { margin-top: 15px; }

#intro .consultation .box .subTit { font-size: 1.6rem; font-weight: 500; }

#intro .consultation .box .table01 tr + tr th { border-top: 1px solid  #e6e1e1; }

#intro .consultation .box .table01 tr + tr td { border-top: 1px solid  #e6e1e1; }

#intro .consultation .box .table01 th { padding-top: 15px; padding-bottom: 25px; font-size: 1.5rem; }

#intro .consultation .box .table01 td { padding-bottom: 15px; font-size: 1.5rem; color: #ff7391; vertical-align: bottom; font-weight: bold; text-align: right; }

#intro .consultation .box .table01 td .num { padding-right: 10px; font-weight: normal; }

#intro .consultation .box .notes { background-color: #fff; margin-top: 20px; padding: 20px; }

#intro .consultation .box .notes .note { font-size: 1.2rem; color: #969696; text-indent: -1em; padding-left: 10px; }

#intro .consultation .box .notes .note + .note { margin-top: 10px; }

#intro .priceBox { margin-top: 40px; }

#intro .priceBox .table { overflow-x: scroll; background-color: #fff; margin-top: 20px; }

#intro .priceBox .table table { min-width: 830px; }

#intro .priceBox .table th { width: 110px; padding: 20px 45px; vertical-align: middle; background-color: #fee6ea; border: 1px solid #ff7391; font-size: 1.5rem; font-weight: bold; text-align: center; }

#intro .priceBox .table th span { background-color: #ff7391; padding: 1px 9px 2px; font-size: 1.4rem; color: #fff; }

#intro .priceBox .table td { border: 1px solid #ff7391; padding: 25px; vertical-align: middle; }

#intro .priceBox .table td .notes .note { font-size: 1.2rem; color: #969696; text-indent: -1em; padding-left: 10px; }

#intro .priceBox .table td:last-of-type { width: 249px; font-size: 1.5rem; color: #ff7391; font-weight: bold; text-align: right; }

#intro .priceBox .table td .num { padding-right: 10px; font-weight: normal; }

@media screen and (min-width: 600px) { #intro { padding-top: 110px; padding-bottom: 105px; }
  #intro .inner { width: 1100px; margin: 0 auto; }
  #intro .leadCopy { text-align: center; }
  #intro .consultation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 70px; }
  #intro .consultation .box { width: 440px; padding: 40px; }
  #intro .consultation .box + .box { margin-top: 0; }
  #intro .consultation .box .subTit { font-size: 2.2rem; }
  #intro .consultation .box .table01 th { padding-top: 24px; padding-bottom: 25px; font-size: 1.8rem; }
  #intro .consultation .box .table01 td { padding-bottom: 24px; font-size: 1.8rem; }
  #intro .consultation .box .table01 td .num { padding-right: 15px; }
  #intro .consultation .box .notes { margin-top: 0; padding: 30px; }
  #intro .consultation .box .notes .note { font-size: 1.3rem; }
  #intro .consultation .box .notes .note + .note { margin-top: 10px; }
  #intro .priceBox { margin-top: 80px; }
  #intro .priceBox .table { width: 100%; overflow-x: visible; margin-top: 40px; }
  #intro .priceBox .table table { min-width: 830px; }
  #intro .priceBox .table th { width: 369px; padding: 25px 0; font-size: 1.8rem; }
  #intro .priceBox .table th span { padding: 1px 19px 2px; font-size: 1.5rem; }
  #intro .priceBox .table td { padding: 30px; }
  #intro .priceBox .table td .notes .note { font-size: 1.3rem; }
  #intro .priceBox .table td:last-of-type { width: 309px; font-size: 1.8rem; }
  #intro .priceBox .table td .num { padding-right: 15px; } }
