.btn-base,
a.btn-base,
button.btn-base {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 30px;
}

/* モバイル
------------------------------*/

@media screen and (max-width: 580px) {
  .btn-base,
  a.btn-base,
  button.btn-base {
    font-size: 15px;
    padding: .8rem 1.2rem;
  }
 }



.btn-base-s,
a.btn-base-s,
button.btn-base-s {
   font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: .8rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

@media screen and (max-width: 580px) {
  .btn-base-s,
  a.btn-base-s,
  button.btn-base-s {
    font-size: 13px;
    padding: .6rem .9rem;
  }
 }

.btn-line,
a.btn-line {
  color: #403c2c;
  background-color: #FFF;
  border: 1px solid #737065;
}

.btn-orange,
a.btn-orange {
  color: #fff;
  background-color: #f6ad48;
}
.btn-orange:hover,
a.btn-orange:hover {
  color: #fff;
  background: #f56500;
}


.btn-purple,
a.btn-purple {
  color: #fff;
  background-color: #6066A2;
}
.btn-purple:hover,
a.btn-purple:hover {
  color: #fff;
  background: #6066A2;
}

.btn-blue,
a.btn-blue {
  color: #fff;
  background-color: #3d68b9;
}
.btn-blue:hover,
a.btn-blue:hover {
  color: #fff;
  background: #2150a7;
}


.btn-green,
a.btn-green {
  color: #fff;
  background-color: #B3D768;
}
.btn-green:hover,
a.btn-green:hover {
  color: #fff;
  background: #8DC21F;
}


.btn-green.active {
  color: #fff;
    background: #77a914 !important;
  background-color: #577516;
  border: 1px solid #9bbc55;
}





.btn-gradient,
a.btn-gradient {

  color: #fff;
  border-radius: 0;

  background-image: -webkit-linear-gradient(left, #b9b79e 40%, #99977B 100%);
  background-image: linear-gradient(90deg, #b9b79e 40%, #99977B 100%);
}

.btn-gradient span,
a.btn-gradient span {
  position: relative;
  z-index: 1;
}

.btn-gradient:hover,
a.btn-gradient:hover {
  color: #fff;
}

.btn-gradient:hover:after,
a.btn-gradient:hover:after {
  opacity: 0;
}

.btn-agree {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1.3rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #f6ad48;
  border: none;
}


.btn-agree:disabled {
  color: #bbb;
  background: #eee;
}




        .insta-btn {
          display: inline-block;
          padding: 1em 2em;
          border-radius: 10em;
          background: linear-gradient(to right,
              rgba(247, 207, 0, 0.7),
              rgba(246, 37, 2, 0.7) 45%,
              rgba(182, 47, 82, 0.7) 75%,
              rgba(113, 58, 166, 0.7));
          color: #fff !important;
          text-decoration: none;
          line-height: 1;
          border: 2px solid #fff;
        }