.a_button1 {
display: inline-block; 
padding: 0.5em 1em; 
text-decoration: none;
text-align: center; 
font-size: 1.5em; 
font-weight: 900;
background: #668ad8; 
border-radius: 3px; 
color: #FFF; 
border-bottom: solid 4px #627295; 
}
.a_button1:active { 
-webkit-transform: translateY(4px); 
transform: translateY(4px); 
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); 
border-bottom: none; 
}

#stage {
position: relative;
max-width:1000px;
max-height:400px;
margin: 0 auto;
background:#ddd;
}
.pic {
position: absolute;
color: white;
top: 0;
left: 0;
}
.pic img {
width: 1000;
height: 400;
opacity:0;
-moz-animation: imgTrans 25s infinite;
-webkit-animation: imgTrans 25s ease-in infinite;
animation: imgTrans 25s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo3 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo4 img{
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}
#photo5 img{
-moz-animation-delay: 20s;
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
body {
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", Meiryo;
  margin: 10px auto;
  width: 1000px;
  padding: 10px;
  border: solid 1px #D3D3D3;
  box-shadow: 2px 2px 3px;
  -webkit-text-size-adjust: 100%;
}
h1 { 
  font-weight: bold; 
  color: #4169E1;
  font-size: 3.5em;
  text-align: center;
  animation-name: fadein;
  animation-duration: 3s;
}
@keyframes fadein { 
from {
  opacity: 0;
  transform: translateY(30px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}
h2 {
  color: #191970;
  font-size: 2em;
  font: sans-serif;
  font-weight: 700;
}
.tomonokai {
  align: right;
  color: #000000;
  line-height: 1.7em;
  font-size: 1.2em;
  padding: 10px;
}
span {
  font-size: 32px;
  font: sans-serif;
  color: #191970;
  font-weight: 700;
}
.nyukaikin {
  margin: -20px;
  margin-left: 10px;
}
ul {
  color: #000000;
  line-height: 1.7em;
  font-size: 1.2em;
  margin-top: -20px;
}
th {
  font-size: 1.5em;
  font-weight: 800;
  background: #6495ed;
  color: #FFFFFF
}
.a_button {
potision: relative;
display: inline-block; 
padding: 0.25em 0.5em; 
text-decoration: none;
text-align: center; 
font-size: 1.5em; 
font-weight: bold;
background: #00bcd4; 
border-radius: 3px; 
color: #FFF; 
transition: .4s; 
box-shadow: 
}
.a_button:active { 
-webkit-transform: translateY(4px); 
transform: translateY(4px); 
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); 
border-bottom: none; 
}
.a_button:hover {
background: #1ec7bb;
}
.a_button2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0.5em 1em;
  text-decoration: none;
  border-left: solid 4px #668ad8;
  border-right: solid 4px #668ad8;
  color: #668ad8;
  background: #e1f3ff;
  transition: .4s;
}

.a_button2:hover {
  background: #668ad8;
  color: #FFF;
}
.tomonokai img {
 width: 612px;
 height: 269px;
}
.kaiin img {
 width: 611px;
 height: 303px;
}
@media screen and (max-width: 480px){
 img.keirei {
 width: 100%;
 height: auto;
}
img.fureai {
 width: 100%;
 height: auto;
}
}