@charset "utf-8";
/*---------------------------------------------------------*/
/* head */
#head {
	color: #ffff99;
	font-size: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.4rem 3rem;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease-out;
	width: 100%;
	z-index: 100;
}
#head .btn {
	transition: all .3s ease-out;
	text-align: center;
	transition: all .3s ease-out;
}
.head_logo img{
	height: auto;
	width: 100%;
}
.head_logo span{
	display: block;
	margin-top: 15px;
}


/*---------------------------------------------------------*/
/* copyright */
.copyright{
	padding-bottom: 30rem;
}

/*---------------------------------------------------------*/
/* fixed_cva */
.fixed_cva {
	background: #fff;
	padding: 0.4rem;
	position:fixed;
	bottom:-23.5rem;
	height: 12rem;
	max-width: 500px;
	margin: auto;
	width: 100%;
	transition: all 0.2s ease-out;
	z-index: 50;
}
.fixed_cva.is_scroll {
	bottom: 0;
}
.link_cva{
	display: flex;
	justify-content: space-between;
}
.link_cva .official,
.link_cva .tel,
.link_cva .line{
	width: 21.3333%;
}
.link_cva .reserve{
	width: 34.1333%;
}
.link_cva a{
	border: none;
	border-radius: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 12rem;
	width: 100%;
	transition: 0.3s all;
}
.link_cva a:hover{
	opacity: 0.7;
}
.link_cva .official a {
	background-image: linear-gradient( 0deg, rgb(31,67,127) 0%, rgb(61,89,155) 100%);
}
.link_cva .tel a {
	background-image: linear-gradient( 0, rgb(255,255,102) 0%, rgb(255,255,204) 100%);
	color: #333;
}
.link_cva .reserve a {
	background-image: linear-gradient( 0, rgb(255,66,0) 0%, rgb(255,102,0) 100%);
}
.link_cva .line a {
	background-image: linear-gradient( 0, rgb(3,145,18) 0%, rgb(0,178,19) 100%);
}