/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
/*== ボタン共通設定 */
.btn {
  /*アニメーションの起点とするためrelativeを指定*/
  position: relative;
  overflow: hidden;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  padding: 0.8em 3em;
  text-align: center;
  outline: none;
  /*アニメーションの指定*/
  transition: ease .3s;
  border-radius: 100vh;
  border: 1px solid #D09191;
}
.btn--pink, a.btn--pink {
  color: #fff;
  background: #D09191;
}
.btn--pink:hover, a.btn--pink:hover {
  color: #D09191;
  background: #fff;
}
.btn.full {
  padding: 1em 0px !important;
  width: 100%;
}
/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 768px) {
  .btn {
    padding: 1em 5em;
  }
  .btn.full {
    padding: 1em 0px !important;
  }
}