@charset "utf-8";

body#Appli {
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    animation: fadeIn 2s ease 0s 1 normal;
}
body#Appli img {
	max-width: 100%;
	vertical-align: bottom;
}
body#Appli .Wrrap {
	background: url(../img/bg_top.png),linear-gradient(180deg,rgba(255, 160, 0, 1) 40%, rgba(255, 255, 0, 1) 80%);
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
	padding-top: 0px;
	padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
	body#Appli .Wrrap {
		padding-top: 0px;
		padding-bottom: 20px;
	}
}
body#Appli .Wrrap .Main_vWrrap {
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px 5px;
}
body#Appli .Wrrap .Content970 {
	max-width: 1000px;
	padding: 0px 15px;
	margin-left: auto;
	margin-right: auto;
}
body#Appli .Wrrap .Content830 {
	max-width: 860px;
	padding: 0px 15px;
	margin-left: auto;
	margin-right: auto;
}
body#Appli .Wrrap .Content810 {
	max-width: 840px;
	padding: 0px 15px;
	margin-left: auto;
	margin-right: auto;
}


body#Appli .Wrrap a, a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
body#Appli .Wrrap a:hover, a:hover img {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
}
body#Appli .Wrrap .AppliDL h2 {
	width: 85%;
	margin: 0 auto 30px;
}
body#Appli .Wrrap .DLBtnBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
body#Appli .Wrrap .DLBtnBox .DLBtn {
	width: 48%;
}