@charset "utf-8";

body{
	display: -webkit-flex;
    display: flex;
}

#menu{
	width:var(--menu_width);
	background-color: #fff;
}

#contents{
	width:var(--contents_width);
	background-color: #fff;
}

#contents .block{
	margin: var(--center_block_margin) 30px 0px;
	color: var(--font_color);
}

/*──────────────────┐

	Z-index

└──────────────────*/

#contents{
	z-index:1;
}

#menu{
	z-index:2;
}

#menu .tree{
	z-index:10;
}

#menu .logo{
	z-index:10;
}

#menu .call{
	z-index:11;
}

#menu .hamburger{
	z-index:11;
}

.popup_wrapper{
	z-index:100;
}

/*──────────────────┐

	PC

└──────────────────*/

@media screen and (min-width: 890px){
	
	body{
		-webkit-justify-content: center;
		justify-content: center;
	}

}

@media screen and (min-width:671px){

	#contents{
		width:var(--contents_width);
		margin-left:var(--contents_margin);
	}

}

/*──────────────────┐

	Mobile

└──────────────────*/

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

	#menu{
		/*
		position:fixed;
		width:100%;
		*/
	}

	#contents{
		width:100%;
		padding-top:var(--mb_height_header);
	}

	#contents .block{
		margin-left:10px;
		margin-right:10px;
	}

}