@charset "UTF-8";

/*-------------------------------------------
common
-------------------------------------------*/
:root {
  --red: #FF3301;
  --green: #129459;
  --table-y-green: #e9f5ef;
}
body {
  line-height: 1.75;
}
.salesforce-container {
  max-width: 920px;
  padding: 0 20px 100px 20px;
  margin-inline: auto;
}

/*-------------------------------------------
mv
-------------------------------------------*/
.page-mv {
  background-image: url(../img/faq/faq-mv.jpg);
}

.page-section-title {
  text-align: center;
  margin-bottom: 30px;
}
.salesforce-list dt {
  font-size: 21px;
  font-weight: bold;
  margin: 60px 0 30px 0;
}
.salesforce-list dd {
  font-size: 17px;
  line-height: 2;
  text-align: justify;
}
.salesforce-list dd ul {
  margin: 0 0 20px 40px;
}
.salesforce-list dd ul li {
  position: relative;
}
.salesforce-list dd ul li::before {
  content: "・";
  position: absolute;
  left: -25px;
}
.salesforce-list-style dt {
  font-size: 22px;
  font-weight: bold;
  margin: 60px 0 30px 0;
}
.salesforce-list-style dd {
  font-size: 17px;
  line-height: 2;
  margin-left: 55px;
  text-align: justify;
  position: relative;
}
.salesforce-list-style dd a {
  color: var(--green);
}
.salesforce-list-style dd::before {
  content: "・";
  position: absolute;
  left: -25px;
}

/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 767px) {
  .salesforce-container {
    padding: 0 20px 40px 20px;
  }

  /* mv
  -------------------------------------------*/
  .page-mv {
    background-image: url(../img/faq/faq-mv-sp.jpg);
  }

  .salesforce-list dt,
  .salesforce-list-style dt {
    font-size: 18px;
    margin: 30px 0 10px 0;
  }
  .salesforce-list dd,
  .salesforce-list-style dd {
    font-size: 16px;
  }
  .salesforce-list-style dd {
    margin-left: 25px;
  }
  .salesforce-list dd ul {
    margin: 0 0 20px 25px;
  }

}