/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 


}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.main-wrapper {
		-webkit-background-size: cover; 
		background-size: cover; 
		min-height: 1024px;
		background-position: 45% 0;
	}
	.main-container {
		width: 100%;
		margin: 0 auto;
	}
	.book-wrapper {
		float: none;
		width: 100%;
		position: relative;
		padding-top: 74px;
		margin-left: 0;
		text-align: center;
	}
	.book-wrapper img {
		max-width: 200px;
		height: auto;
		max-height: inherit;
	}
	.form-wrapper {
		padding-top: 25px;
		float: none;
		width: 95%;
		display: block;
		margin: 0 20px;
	}
	.form-wrapper h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.text-align-item{
		text-align: center;
	}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	.main-wrapper {
		-webkit-background-size: cover; 
		background-size: cover; 
		min-height: 740px;
		background-position: 45% 0;
	}
	.main-container {
		width: 100%;
		margin: 0 auto;
	}
	.book-wrapper {
		float: none;
		width: 100%;
		position: relative;
		padding-top: 25px;
		margin-left: 0;
		text-align: center;
	}
	.book-wrapper img {
		max-width: 200px;
		height: auto;
		max-height: inherit;
	}
	.form-wrapper {
		padding-top: 25px;
		float: none;
		width: 90%;
		display: block;
		margin: 0 20px;
	}
	.form-wrapper h2 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 0;
	}
	.text-align-item{
		text-align: center;
	}	
	.open_form_btn{
		font-size: 17px;
	}
	.form-wrapper p {
		font-size: 12px;
		line-height: 18px;
	}
	.modal-top-text {
		font-size: 9pt;
	}
	.modal-right-content {
		padding: 0;
	}
	.no_padding{
		padding:0 !important;
	}
	.form-ttl {
		font-size: 21px !important;
		line-height: 26px !important;
	}
	input[name="submit"] {
		font-size: 13pt;
	}

}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


}