@charset "utf-8";

@media screen and (max-width: 767px) {
  .pearl-reason__caption-h2 {
    font-size: 1.2em;
    padding-bottom: 5%;
    margin-bottom: 2%;
    line-height: 1.8em; 
  }

/*-- イントロ --*/
  .pearl-reason__introduction-h2 {
    font-size: 1.3em;
    line-height: 1.5em;
  }
  .pearl-reason__bottom-line {
    padding-bottom: 2%; 
    border-bottom: 2px solid #333;
    font-size: 1.4em;
  }

/*-- コンテンツ --*/
  .pearl-reason__h3 {
    font-size: 1.3em;
    line-height: 1.5em;
    position: relative;
    padding-bottom: .5em;
    border-bottom: 2px solid #ccc;
  }
  .pearl-reason__sub-title {
    display: block;
    font-size: 0.7em;
  }
  .pearl-reason__h3::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 2px;
    background-color: rgba(177,165,73,0.9);
  }
}