/* wrapper */
@media screen and (min-width: 769px) {
  .wrapper {
    background: url(/img/common/bg_bottom.png) center bottom no-repeat;
    background-size: contain; } }
/* useArea */
#useArea .content {
  padding: calc(89 / 750 * 100%) 0 calc(170 / 750 * 100%) 0; }
#useArea .contentInner {
  width: calc(690 / 750 * 100%);
  margin: auto; }
#useArea .title {
  width: calc(664 / 690 * 100%);
  margin: 0 auto calc(35 / 690 * 100%) auto;
  padding: 0 calc(26 / 690 * 100%) 0 0; }
#useArea .text {
  margin: 0 0 calc(62 / 690 * 100%) 0; }
#useArea .block {
  margin: 0 0 calc(62 / 690 * 100%) 0; }
  #useArea .block .row {
    margin: 0 0 calc(62 / 690 * 100%) 0; }

@media screen and (min-width: 769px) {
  #useArea .content {
    padding: calc(55 / 1366 * 100%) 0 calc(150 / 1366 * 100%) 0; }
  #useArea .contentInner {
    width: calc(1092 / 1366 * 100%);
    margin: auto; }
  #useArea .title {
    width: calc(664 / 1092 * 100%);
    margin: 0 auto calc(35 / 1092 * 100%) auto;
    padding: 0 calc(128 / 1092 * 100%) 0 0; }
  #useArea .text {
    margin: 0 0 calc(32 / 1092 * 100%) 0; }
  #useArea .block {
    margin: 0 0 calc(30 / 1092 * 100%) 0; }
    #useArea .block .subTitle {
      margin: 0 0 calc(6 / 1092 * 100%) 0; }
    #useArea .block .row {
      margin: 0 0 calc(34 / 1092 * 100%) 0; }
      #useArea .block .row .head {
        font-size: 20px;
        font-size: 0.2rem;
        line-height: 1.9;
        font-weight: 700; } }