@charset "Shift_JIS";

/*=============================
// btn
===============================*/
.btn-solution {
  width: 100%;
  padding-left: 20px;
  display: flex;
  position: relative;
  background: #007CC6;
  align-items: center;
}

.btn-solution__content {
  color: #fff;
  font-weight: 600;
  font-size: clamp(1rem, 0.909rem + 0.39vw, 1.25rem);
}

.btn-solution::before {
  content: '';
  position: absolute;
  background-image: url("../img/button_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
}

@media screen and (min-width: 768px) {
  .btn-solution {
    max-width: 290px;
    height: 56px;
    margin-top: 30px;
  }

  .btn-solution::before {
    width: 36px;
    height: 36px;
  }
}

@media screen and (max-width: 767px) {
  .btn-solution {
    height: 58px;
    margin-top: 20px;
  }

  .btn-solution::before {
    width: 38px;
    height: 38px;
  }
}