@charset "utf-8";
/* CSS Document */
/*ここから共通*/
/*まずは全体のマージンとパディングを0にする*/
* {
	margin:0; 
	padding:0;
}
a:link{
	color:#000;	
}
	/*ここからフッターのCSS*/
	#footer{
		font-size:9px;
		clear:both;
		width: 100%;
		height:300px;
		margin: 0 auto;
		background: #fff;
		text-align:center;
		padding-top:200px; 
		display:block; 
	}	
	/*ここまでフッターのCSS*/
/*ここまで共通*/	
	
/*ここからPC表示*/
@media (min-width:751px)
{
	#header {
		width: 1280px;
		height:85px;
		padding: 15px 0;
		margin: 0 auto;
		text-align: center;
		display:block;
	}
	.headline{
		font-size: 32px;
	}
	.nav-list {
		text-align: center;
		padding: 10px 0;
		margin: 0 auto;
	}
	.nav-list-item {
		list-style: none;
		display:inline;
		margin: 0 20px;
	}
	#logo{
		float:left;
	}
	.btn-gnavi{
		display:none;	
	}
	/*ここまでヘッダーのデザイン*/

}
/**ここまでPC表示*/

/**ここからSP表示*/
@media (max-width:750px)
{	
	#header {
    position: fixed;
    top: 0;
    left:0;
	width:100%;
	height:50px;
	background-color: #fff;/*200618追加*/
	}
	#header nav {
		position: fixed;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		padding-top: 50px;
		background:#333;
		font-size: 16px;
		box-sizing: border-box;
		z-index: 2
	}
	#header nav ul li {
		display:block;
		padding: 20px 28px
	}
	#header nav ul li a {
		text-decoration: none;
		color: #ddd
	}
	#header .btn-gnavi {
		position: fixed;
		top: 20px;
		right: 20px;
		width: 30px;
		height: 24px;
		z-index: 3;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 400ms;
		transition: all 400ms
	}
	#header .btn-gnavi span {
		position: absolute;
		width: 30px;
		height: 4px;
		background: #666;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms
	}
	#header .btn-gnavi span:nth-child(1) {
		top: 0
	}
	#header .btn-gnavi span:nth-child(2) {
		top: 10px
	}
	#header .btn-gnavi span:nth-child(3) {
		top: 20px
	}
	#header .btn-gnavi.open span {
		background: #fff
	}
	#header .btn-gnavi.open span {
		width: 24px;
	}
	#header .contents section p {
		position: absolute;
		top: 50%;
		width: 30%;
		line-height: 1.4;
		font-size: 20px;
		color: #fff;
	}
	#header .contents section:nth-child(odd) p {
		left: 10%
	}
	#header .contents section:nth-child(even) p {
		right: 10%
	}
	h1 img{
		width:50%;
	}
	#logo{
		text-align:center;
	}
/*SP用に上部から100pxあけてます*/
	#wrapper{
	margin-top:100px;
}
}




/*ここからセパレーター*/
.separator{
	margin-top: 50px;
}
.separator20{
	margin-top: 20px;
}
.separator_bottom30{
	margin-bottom:30px;
}