/* Unchanged */
/* HTML */

body,td,th {
	width: 100%;
	height: 100%;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#000000;
	line-height: 23px;
	margin:0;
	text-align: left;	
	background: ;
	text-align: center;  
	
	}

a {color: #000000;text-decoration: none;}
a img {border: 0;text-decoration: none;display: block;}


#center {
    margin-top:-150px;
    margin-left:-400px;
    position:absolute;
    top:50%;
    left:50%;
    width:600px;
    height:100px;
    text-align: center;
    }
    
#center2 {
    margin-top:30px;
    margin-left:-150px;
    position:absolute;
    top:;
    left:50%;
    width:300px;
    height:100px;
    text-align: center;
    }

#logo {
    width:300px;
    height:100px;
    float:left;	
    border: none;
	}
	
.logo {
    width:800px;
    height:100px;
    float:left;	
    border: none;
    }

#background {
	z-index: -9999;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

#background img{
	position: absolute;
	top: 0;
	left: 0;
	}

#contents{position: relative;}
	
/*FOOT*/


.cont{	height: 40px;
	position: fixed;
	bottom: 0;
	margin-left:40px;
	float:left;
	}

.cmark{	
	height: 40px;
	position: fixed;
	bottom: 0;
	right:40px;
	float:left;
	}
	
.cmark-w{	
	height: 40px;
	position: fixed;
	bottom: 0;
	right:40px;
	color:#fff;
	float:left;
	}
	
/*MENU BAR*/
	
.menu{
    height: 36px;
    position: fixed;
    left: 40px;
    top: 40px;
    width: 40px;
    z-index: 99;
	}

.menu__line{
    background: #000;
    display: block;
    height: 6px;
    position: absolute;
    transition:step-end;
    width: 100%;
    }
    
.menu__line--center{top: 15px;}
.menu__line--bottom{bottom: 0px;}
.menu__line--top.active{top: 21px;transform: rotate(45deg);}
.menu__line--center.active{transform:scaleX(0);}
.menu__line--bottom.active{bottom: 9px;transform: rotate(135deg);}


/*gnav*/

.gnav{
    background: rgba(247,247,247,0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    }
    
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    }

.gnav__menu{
	margin-top:140px;
	margin-left:-40px;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size: 24px;
	font-weight:bold;
	line-height: 24px;
	}
    
.gnav__menu__item{
	color:#000000;
	margin: 32px 0;
	list-style: none;
	}
    
.gnav__menu__item a{
	color: #000;
	padding: 32px;
	text-decoration: none;
	transition: .5s;
	}
	
.gnav__menu__item a:hover{
	color: #666;
	}
	
.gnav__menu__item-w{
	color:#ffffff;
	margin: 32px 0;
	list-style: none;
	}
    
.gnav__menu__item-w a{
	color: #ffffff;
	padding: 32px;
	text-decoration: none;
	transition: .5s;
	}
	
.gnav__menu__item-w a:hover{
	color: #ccc;
	}

.site-header{
	display: flex;
	padding: 20px;
	position: absolute;
	justify-content: space-between;
	width: 100%;
	z-index: 99;
	}
	
.site-header.fixed{
	position: fixed;
	top: 0;
	}