@charset "utf-8";



@media screen and (max-width: 769px){
	.image {
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		max-width: 100%;
		width: 100%;
	}

	.main {
		padding: 0;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}

	.inner {
		padding: 40px 15px 0 15px;
		max-width: 100%;
	}


	body::before {
		background-image: url(../images/bg-mobile.png);
		background-position: center;
	}
	html {
		font-size: 2vw;
	}

	.footer {
		padding: 24px;
	}
	.footer ul li + li {
		margin: 0px 0px 0px 10px;
	}

	.footer ul {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
	.footer ul li {
		height: auto;
	}



}


@media screen and (max-width: 500px){
	html {
		font-size: 2.2vw;
	}

	.main {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.inner {
		padding: 16px 16px 16px 16px;
	}
	.footer ul li {
		height: 35px;
		margin: 10px 5px;
	}
	.footer ul li + li {
		margin: 10px 5px;
	}

	.footer {
		padding: 5px;
	}
	.footer ul {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.image.image-desc {
		display: none;
	}


	.image.image-mob {
		display: block;
	
	}


	body::before {
		background-position: bottom;
	}

	.button {
		padding: 14px;
		width: 100%;
		max-width: 306px;
		font-size: 24px;
	}
}