@charset"UTF-8";

/************************ Layout ***************************/
html,body,input,button,textarea,select,address{
	font: 16px/2 "Noto Serif JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	color: #4e4e4e;
}
html{
	margin-top: 0 ! important;
	margin: 0;
	padding: 0;
}
body{
	flex-direction: column;
	min-height: 100vh;
	width: 100%;
	box-sizing: border-box;
}
header, footer { 
	flex-shrink: 0;
}

/************************ Wrapper ***************************/
#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	overflow: hidden;
}

/*****************************ヘッダー************************/
#header{
	width: 100%;
	background: #fff;
	z-index: 9999;
	position: fixed;
	border-bottom: 1px solid #cacaca;
}
#head-inner {
	display: flex;
	max-width: 1024px;
	margin: 0 auto;
	height: 4rem;
	padding: 1em;
	box-sizing: border-box;
	position: relative;
}

.area{
	padding-top: 5rem;
}


/********************* .container ******************************/
.container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 1em;
	box-sizing: border-box;
}

/*********************フッター******************************/
#footer {
	width: 100%;
	height: 100%;
}

#footer-inner {
	max-width: 1024px;
	margin: 0 auto;
	padding: 1em;
	box-sizing: border-box;
}

#copyright{
	clear: both;
	width: 100%;
	color: #FFF;
	background: #000000;
	line-height: 3em;
	letter-spacing: 0.1em;
}