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

img,
video {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

.body{
	background-color: #fffbc4;
	text-align: center;

}

.title{
	text-align: center;
	margin: 30px 0px;
	font-feature-settings: "palt";
}


.title h1 ,.title h4 {
	font-weight: bold;
	line-height: 33px;
}

.container{
	background-image: url("../asets/img/back_image.png");
	background-size:cover;
	background-repeat: no-repeat;
    max-width: none;
    height: auto;
    display: block;
	text-align: center;
	padding-bottom: 100px;
}

.container img{
	margin: 250px 10px 20px;
}

.container_app{
	margin:50px 0;
}

.btn-ac img:hover{
	box-shadow: 5px 8px 8px rgba(0,0,0,0.4);
	border-radius: 50px;
}

footer{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding: 0 0 10px;
	/*position: absolute;←絶対位置*/
    bottom: 0; /*下に固定*/
	background-color: #fffbc4;
}

.btn_ba{
	margin: 30px;
}

.btn_top{
	background-color: #7AF2C9;
	padding:10px;
	border-radius: 10px;
	color: #000;
}

@media screen and (max-width: 1300px) {
.container img{
margin: 10px auto;
	}

}


@media screen and (max-width: 640px) {
.title{
	padding-bottom: 80px;
}

.title{
	margin: 15px;
	}
	
.container {
	padding-bottom: 20px;
	background-size:1900px;
	background-position: 55% 50%;
	margin-bottom: 60px;
}

.container img{
	margin: 10px auto;
}

footer{
	padding: 0;
	margin: 0 auto;
	width: 90%;
	}

}