@charset "utf-8";
/* CSS Document */
body {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
main{
	margin: 0 auto;
	padding: 0;
}
/*bodyにpageOnクラスがついたら出現*/
body.pageOn #container{
	animation-name:PageAnimeOn;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes PageAnimeOn{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}
.link_button {
  margin: 0 auto;
  padding: 40px;
  text-align: center;
}
.link_button a {
  width: 300px;
  height: 50px;
  padding: 10px 100px;
  background-color: #ADCCCA;
  border-radius: 1000px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
	box-shadow: 0px 5px 30px 0px rgba(45, 128, 124, 0.20);
}
.link_button a:hover{
	background-color: #2D807C;
	 transition : all 0.5s;
}
@media(max-width:768px){
	.link_button {
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.link_button a {
  width: 400px;
  height: 100px;
  padding: 10px 100px;
  background-color: #ADCCCA;
  border-radius: 1000px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
}
.link_button a:hover{
	background-color: #2D807C;
	 transition : all 0.5s;
}
}