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

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	margin: 0 0;
}
img{
	width: 100%;
}
.s3{
	background: #33d3eb;
padding: 30px 10px;margin-top: -10px;}
.s3 ul{
	margin: 0 auto;
	list-style: none;
	padding: 0 0;
width: 60%;}
.s3 ul h3{
	margin:0 0;
	font-size: 25px;
}
.s3 ul a{
	font-size: 25px;
	text-decoration: none;
	background: #FFFFFF;
	padding: 15px;
margin: 20px 10px;
	display: inline-block;
	border-radius: 10px;
	width: 46%;
	text-align: center;
}

img.ya,img.ya2{
	width: 30%;
	max-width:400px;
	margin: auto;
	display: block;
	animation: arrow 2s infinite;
}
@keyframes arrow {
  0% {
    transform:translate(0, 0);
  }
  70% {
    transform: translate(0px, 15px);
  }
  0%, 70%, 100% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
}
h2.green{
	color: #24BB00;
	text-align: center;
	font-size: 52px;
margin: 20px 0 0 0;}

img.line{
	width: 70%;
	max-width: 500px;
	margin:0 auto 20px;
	display: block;
}
img.line1{
	width: 70%;
	max-width: 500px;
	margin: 45px auto 20px;
	display: block;
}

img.logo{
	width: 60%;
	max-width: 500px;
	display: block;
	margin: 50px auto;
}




@media screen and (max-width: 670px){
.s3 ul a {
		width: 44%;
}	
.s3 ul {
    margin: 0 auto;
    list-style: none;
    padding: 0 0;
    width: 100%;
}	
h2.green {
    font-size: 25px;
}	
	
img.logo {
    margin: 25px auto;
}
	
	.s3 ul h3 {
    margin: 0 0;
    font-size: 20px;
}
	img.line1{
	width: 70%;
	max-width: 500px;
	margin: 25px auto 20px;
	display: block;
}
	
}