@charset "utf-8";

.g-wrap .use_section h2,
.g-wrap .use_box h3 {
  font-weight: 700;
}

/*======================================================================
 * use
======================================================================*/
.g-wrap .use_content {
  margin-top: 100px;
}

.g-wrap .use_section:not(:first-child) {
  margin-top: 80px;
}

.g-wrap .use_section h2 {
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background: #266C9C;
  border-radius: 8px;
  padding: 16px 16px 16px 30px;
}

.g-wrap .use_box {
  margin-top: 40px;
  font-size: 18px;
  letter-spacing: 0.045em;
  color: #33698D;
}

.g-wrap .use_box a {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .g-wrap .use_content {
    margin-top: 40px;
  }

  .g-wrap .use_section:not(:first-child) {
    margin-top: 30px;
  }

  .g-wrap .use_section h2 {
    font-size: 16px;
    padding: 7px 7px 7px 15px;
    border-radius: 4px;
  }

  .g-wrap .use_box {
    margin-top: 25px;
    font-size: 14px;
  }
}