@charset "UTF-8";
/* CSS Document */
/*

============ お客様用css ============

スタイルを調整される際は以下に追記をお願いいたします。
また、スタイルがうまく反映されない場合は、

「margin-top: 10px!important;」

のように、値の後に「!important」を記述して下さい。

*/

.c-btn-plus {
  display: block;
  position: relative;
  width: 50%;
  padding: 18px 44px 18px 58px;
  border-radius: 100px;
  color: #fff!important;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  transition: .3s;
  margin: 50px auto;
}

.c-btn-plus.-green-plus {
  background: #42a95c;
  box-shadow: 0 5px 0 #278156;
}

.c-btn-plus.-pink-plus {
  background: #dc007a;
  box-shadow: 0 5px 0 #b20047;
}


@media only screen and (max-width: 768px){
  .c-btn-plus {
    width: 90%;
    padding: 4.34783vw 9.66184vw 4.58937vw 10.86957vw;
    border-radius: 24.15459vw;
    color: #fff!important;
    font-size: 4.34783vw;
    font-weight: 700;
    margin: 20px auto;
  }
  .c-btn-plus.-green-plus {
    box-shadow: 0 0.96618vw 0 #278156;
  }
  .c-btn-plus.-pink-plus {
    box-shadow: 0 0.96618vw 0 #b20047;
  }

}