#mainImg { background-image: url("../img/price/bg_mainimg01_sp.jpg"); }

@media screen and (min-width: 600px) { #mainImg { background-image: url("../img/price/bg_mainimg01_pc.jpg"); } }

/*  #about
================================================ */
#about { background: #f7efde; }

#about .inner { padding-top: 30px; }

#about .secAbout { margin-top: 30px; padding-top: 35px; padding-bottom: 43px; }

#about .secAbout:first-of-type { margin-top: 15px; padding-top: 0; }

#about .secAbout:nth-of-type(even) { background: #fff; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

#about .secAbout + .secAbout { margin-top: 0; }

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

#about .secAbout .table { margin-top: 20px; }

@media screen and (min-width: 600px) { #about .inner { padding-top: 95px; }
  #about .secAbout { margin-top: 30px; padding-top: 87px; padding-bottom: 62px; }
  #about .secAbout:first-of-type { margin-top: 50px; padding-top: 0; }
  #about .secAbout:nth-of-type(even) { margin-left: -100%; margin-right: -100%; padding-left: 100%; padding-right: 100%; }
  #about .secAbout + .secAbout { margin-top: 0; }
  #about .secAbout .copy { margin-top: 20px; }
  #about .secAbout .table { margin-top: 10px; } }

/*  #other
================================================ */
#other { background: #f3f3f3; }

#other .inner { padding-top: 65px; padding-bottom: 50px; }

@media screen and (min-width: 600px) { #other .inner { padding-top: 100px; padding-bottom: 100px; } }

/*  #deduction
================================================ */
#deduction { position: relative; padding: 48px 35px 35px; background: #fff url("../img/price/bg_deduction01_sp.jpg") no-repeat center; background-size: cover; text-align: center; border-radius: 3px; box-shadow: 0px 2px 5px 0 rgba(75, 75, 75, 0.3); }

#deduction .ico { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 54px; }

#deduction .tit { display: inline-block; text-align: center; font-size: 1.6rem; line-height: 1.64; font-weight: 700; color: #412210; letter-spacing: .08em; background: url("../img/common/ico_wave01.png") repeat-x bottom center; background-size: 11px; }

#deduction .txt { margin-top: 10px; text-align: left; }

#deduction .treatment { margin-top: 12px; }

#deduction .treatment dt { padding: 4px; color: #fff; border-radius: 3px; background: #bababa; font-weight: 600; }

#deduction .treatment dd { padding: 14px 20px 0; text-align: center; }

@media screen and (min-width: 600px) { #deduction { padding: 95px 277px 45px; background-image: url("../img/price/bg_deduction01_pc.jpg"); border-radius: 6px; box-shadow: 0px 4px 9.6px 0.4px rgba(75, 75, 75, 0.3); }
  #deduction .ico { top: -25px; width: 90px; }
  #deduction .tit { font-size: 2.6rem; background-size: 22px; }
  #deduction .txt { margin-top: 18px; text-align: center; }
  #deduction .treatment { margin-top: 32px; }
  #deduction .treatment dt { padding: 4px; border-radius: 6px; }
  #deduction .treatment dd { padding: 18px 32px 0; line-height: 2.5; } }

/*  #credit
================================================ */
#credit { margin-top: 30px; padding: 30px; background: #7faf20; color: #fff; border-radius: 3px; box-shadow: 0px 2px 5px 0 rgba(75, 75, 75, 0.3); }

#credit .tit { padding-left: 15px; font-size: 1.6rem; line-height: 1.63; font-weight: 700; border-left: 2px solid #fff; }

#credit .txt { margin-top: 12px; }

#credit .areaImg { margin-top: 20px; }

@media screen and (min-width: 600px) { #credit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; padding: 50px; border-radius: 6px; box-shadow: 0px 4px 9.6px 0.4px rgba(75, 75, 75, 0.3); }
  #credit .areaTxt { box-sizing: border-box; width: calc(100% - 522px); padding: 10px 50px 0 0; }
  #credit .tit { position: relative; padding-left: 23px; font-size: 2.6rem; border-left-width: 0; }
  #credit .tit:before { position: absolute; top: 4%; left: 0; content: ""; display: block; width: 3px; height: 94%; background: #fff; }
  #credit .txt { margin-top: 12px; }
  #credit .areaImg { width: 522px; margin-top: 0; } }
