@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::after {
	content: "reservations";
}

/*=======================================================
フォーム
=======================================================*/
.bl-contact-form {
	padding: 56px 0 96px;
}
.bl-intro {
	width: 800px;
	background: transparent linear-gradient(90deg, #292525 0%, #191616 51%, #090808 100%);
	padding: 40px 0;
	margin: 0 auto 56px;
}
.el-intro-txt {
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1.56px;
	text-align: center;
}
.bl-contact-info {
	margin: 40px;
	display: flex;
	flex-flow: nowrap;
	gap: 24px;
	justify-content: center;
	align-items: center;
}
.el-time,
.el-att {
	color: #FFFFFF;
}
.el-time > span {
	font-weight: bold;
	border: 1px solid #FFFFFF;
	padding: 0 8px 1px;
	margin-right: 0.5em;
}
.bl-att-unit {
	width: 460px;
	display: flex;
	flex-flow: column;
	margin: auto;
}
.bl-contact-form .bl-form {
	background-color: #001733;
	padding: 100px;
}
.el-sec-main-ttl {
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 1.56px;
	font-size: 26px;
	margin-bottom: 40px;
}
.el-contact-txt {
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 32px;
}
@media screen and (max-width: 750px) {
    .bl-intro {
	    width: 100%;
	    padding: 56px 0;
	    margin: 0 auto 80px;
    }
    .el-intro-txt {
	    font-size: 36px;
	   }
    .bl-contact-info {
	    flex-flow: column;
	    gap: 24px;
    }
    .bl-contact-info .el-tel{
	    width: 420px;
	}
    .bl-att-unit {
	    width: 592px;
    }
    .bl-contact-form .bl-form {
	    padding: 56px 32px;
    }
   .el-sec-main-ttl {
	    font-size: 40px;
	    margin-bottom: 40px;
    }
    .el-contact-txt {
	    margin-bottom: 56px;
    }
}