@media screen {
  html {
    margin-top: 0px !important;
  }
}

:root {
  --color-new: #3366cc;
}

.is-reserve{
	font-family: "Noto Sans JP",sans-serif;
	.layout-main{
		padding:0 0 100px 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		background: url(/wp-content/themes/grandeco/assets/images/home/bg.jpg) no-repeat;
		background-color: #fff;
		background-size: 100% auto;
		background-position: left 0% bottom 0%;

		@media (max-width: 500px) {
			display: block;
		}
		> *{
			flex:1;
		}
		.logo{
			margin:0 auto 60px auto;
			@media (max-width: 500px) {
				max-width:80px;
				margin:0 auto 40px auto;
			}
		}
	}
	.layout-section{
		&.-pagehead{
			padding:30px 0;
		}
	}

	.layout-wrapper{
		max-width: 900px;
	}

	.card-reserve{
		border-radius: 12px;
		padding:30px 20px;
		box-shadow: 0 0 10px rgba(0 ,0 ,0 ,0.2);
		text-align: center;
		height: 100%;
		background-color: white;
		@media (max-width: 500px) {
			padding:30px 15px ;
		}
		.btn-basic{
			display: flex;
			align-items: center;
			margin:0 auto 10px auto;
			max-width: 320px;
			font-size:120%;
			height: auto;
			padding:12px 20px;
			/*border-radius: 30px;*/
		}
		.title{
			text-align: center;
			font-size:140%;
			margin:0 0 30px 0;
			font-weight: bold;
			line-height: 1.6;
		}
		.tel{
			.number{
				font-size:150%;
				font-weight: bold;
			}
		}
	}

	.new{
		.card-reserve{
			background-color:#f0f5ff ;
			.btn-basic{
				background-color: var(--color-new);;
			}
			.title{
				color: var(--color-new);
			}
		}
	}

}