@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

.container {
  max-width: 470px;
}

h1{
  font-size:147%; !important
  }

}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */

.container {
  max-width: 940px;
}

h1{
  font-size:120%;
  }


h2{
  font-size:110%;
  }

}





/* ボタン本体 */
.btns {
  display: inline-block;
  padding: 1.5em 3em;
  background-color: #e3364a; /* 背景色 */
  box-shadow: 0 5px 0 #ca1c30; /* 影の太さ・色 */
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
  width:75%;
  font-size:120%;
}

/* ホバー時 */
.btns:hover {
  box-shadow: none;
  transform: translateY(5px);
}

/* クリック時 */
.btns:active {
  box-shadow: none;
  transform: translateY(5px);
}