@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
#homepage {
    width: 950px;
    margin-inline: auto;
}
/* -----------------------------------------------------------
	.mainimg
----------------------------------------------------------- */
#photo1,#photo2,#photo3,#photo4{
	position: absolute;
	height:550px;
	width: 950px;
}

#photo1 img,#photo2 img,#photo3 img,#photo4 img{
	opacity:0;
	-moz-animation: imgTrans 24s infinite;
	-webkit-animation: imgTrans 24s infinite;
	animation: imgTrans 24s infinite;
}
#photo1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#photo2 img {
	-moz-animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
#photo3 img {
	-moz-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
#photo4 img{
	-moz-animation-delay: 18s;
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
#frame {
	height:590px;
	width: 1190px;
	position: relative;
	overflow: hidden;
}
@-webkit-keyframes imgTrans {
	0% { opacity:0; }
	3% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:1; }
	30% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes imgTrans {
	0% { opacity:0; }
	3% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:1; }
	30% { opacity:0; }
	100% { opacity:0; }
}
@keyframes imgTrans {
	0% { opacity:0; }
	3% { opacity:1; }
	20% { opacity:1; }
	25% { opacity:1; }
	30% { opacity:0; }
	100% { opacity:0; }
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
.con_app {
	background: url(../images/home/bg_app.png);
	padding: 20px 0 70px;
}
.con_app ul {
	overflow: hidden;
	margin-top: 23px;
}
.con_app ul li {
	float: left;
}
.con_app h3 {
	text-align: center;
}