#container {
	position: relative;
	z-index: 50;
	min-height: 100vh;
}
#container .flex {
	display: flex;
	justify-content: center;
}


#container .flex .nav {
	width: calc((100% - 150px)/2);
	height:100%;
}

#container .flex .rmenu {
	width: calc((100% - 930px)/2);
		/*height:100%;*/
}



#container .cnt {
	position: relative;
	text-align: center;
	margin: 0 auto 0 50%;
	width: 40%;
	container-type: inline-size;
  height:100%;
}




@media screen and (max-width: 767px){


	#container .cnt {

		margin: 0 ;
		width:100%;
	}
}




#container .nav {
	position: fixed;
	top: 0;
	left: 0;
}





#container .nav .inner{
		width: 40%;
    margin: auto;
    color: #f2f2f2;
    font-size:80%;
    text-align:center;
}



/*---------------------------
PCå³ãƒ¡ãƒ‹ãƒ¥ãƒ¼
----------------------------*/
#container .rmenu {
	position: fixed;
/*	bottom: 0;
	right: 0; */
	    bottom: 10%;
    right: -2%;
}


#container .rmenu a{
	color: #fff;
}




.logo01{
	display:none;
}


@media screen and (max-width: 767px){
	.logo01-wrap{
		background-color:#000;
		padding: 15px 0;
	}
	.logo01{
		display:block;
		width:120px;
		padding:5px 0 0;
		margin:auto;
	}

}




.outer{
  display: flex;
  justify-content: center;
  align-items: center;
      height: 100%;
}