@media all and (max-width: 850px) {



}

@media screen and (max-width: 899px) {
	#participate ul.howto li {
		display: inline;
		max-width: 460px;
	}
	#participate h1 {
		font-size: 70px;
	}
	#intro {
		font-size: 18px !important;
		margin-top: 0px;
	}
	#title img {
		height: 90px;
	}
}

@media all and (max-width: 850px) {
	#visual {
		height: 500px;
	}
}

@media all and (max-width: 620px) {
	.customizer input {
		font-size: 14px;
	}
	.customizer input#recipient-from {
		top: 34%;
	}
	.customizer input#recipient-to {
		top: 44%;
	}
}

@media all and (max-width: 680px) {
	#visual {
		height: 400px;
	}
}

@media all and (max-width: 788px) {
	#participate {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
}

@media all and (max-width: 540px) {
	#visual {
		height: 270px;
	}
}

@media all and (max-width: 420px) {
	.customizer input#recipient-from {
		top: 33%;
	}
	.customizer input#recipient-to {
		top: 43%;
	}
	.customizer input {
		font-size: 12px;
	}
}

@media screen and (max-width: 759px) {
	.content {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#participate h1 {
		font-size: 60px;
	}
	#header img.mobile.medium {
		display: none;
	}
	#header img.mobile.thin {
		display: inherit;
	}
	.inner-participate-container {
		float: none !important;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}
	.white-popup-block h1 {
		font-size: 40px;
		line-height: 44px;
	}
	.howto ul {
		grid-template-columns: 1fr;
	}
	.howto ul li {
		text-align: center;
	}
	.howto ul li img {
		max-width: 500px;
	}
	.howto ul li:first-child {
		order: 1;
		padding-bottom: 0px;
	}
	.howto h3 {
		text-align: center;
	}
}

@media screen and (max-width: 599px) {
	.footer ul li {
	    display: inherit;
	}
	#participate h1 {
		font-size: 50px;
		line-height: 56px;
	}
	.iinput-container.file div.placeholder {
		height: 100%;
		white-space: normal;
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
	}
	.inner-participate-container {
		width: 100%;
	}
	.howto h3 {
		text-align: center;
	}
	h2 {
		font-size: 40px;
		text-align: center;
	}
	#title img {
		height: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.receipt-container {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.receipt-container li:first-child {
		display: none;
	}
	.subvisual {
		padding-left: 20px;
		padding-right: 20px;
	}
	.subvisual img {
		display: none;
	}
	.subvisual p {
		width: 100%;
		font-size: 16px;
	}
	.receipt-container p,
	.receipt-container h3 {
		text-align: center;
	}
}