@charset "utf-8";
*{
	margin: 0;
	padding: 0;	
}
.header{
	height: 56px;
	width:100%;
	box-shadow: 0 0 10px #dddddd;
	background-color: white;
	position:fixed;
	top: 0;
}
.header-left{
	float: left;
}
.header-right{
	float: right;
}
.clear{
	clear: both;
}
.header-logo{
	height: 40px;
	margin-top:8px;
}
.header-right a{
	line-height:56px;
	color: #5a5c5f;
	margin-left:5px;
}
.header-right a:hover{
	background-color: #e2f1ff;
	transition: background-color 1s;
}
.container{
	max-width: 980px;
	padding:0 30px;
	margin-left: auto;
	margin-right: auto;
}
.main-visual{
	padding-top: 140px;
	padding-bottom:300px;
	background-image: url("main-visual.jpg");
	background-size: cover;
	color:#f5f5f5;
	text-align:center;
}
.top-title{
	font-size:32px;
	margin-bottom:10px;
}
.top-text{
	opacity:0.8;
}


.menu{
	padding:60px 0 60px;
	color:#5a5c5f;
}

.menu-card{
	width:33%;
	margin-top: 35px;
}
.menu-card-inner{
	padding:25px 30px;
	background-color:#dbe0e4;
}
.menu-card-inner{
	border-radius:7px;
	box-shadow:1px 1px 4px #d2d4d6;
	text-align: center;
	margin:0 20px;
}
.menu-image{
	width:100%;
	margin-bottom:20px;
	border-radius:5px;
}
.menu-title{
	margin-bottom:8px;
}
.menu-text{
	font-size:14px;
}

.menu-card-wrapper{
	display:flex;
	flex-wrap:wrap;
}


.footer{
	height:60px;
	background-color:#2f3a44;
	color:#e8e8e8;
	padding-top:20;
}
.footer-right{
	float:right;
	padding-top:30px;
}