@charset "UTF-8"; 
/**************************************** ヘッダー ****************************************/
@media all and (min-width: 0px)and (max-width: 768px){
	.header_box{
		width:100%;
		max-width:375px;
		margin:0px auto 0 auto;
	}

	.logo_box{
		float:left;
		width:31%;
		margin-top:10px;
		margin-left:10px;
	}
	.logo_box2{
		float:left;
		width:80%;
		margin-top:10px;
		margin-left:10px;
	}
	.menu_button{
		float:right;
		max-width:70px;
		width:13%;
		margin-top:0px;
		margin-right:0px;
	}
/*********************************** メニュー ***********************************/
	.drawr {
		display: none;
		background-color: #fff;
		position: absolute;
		width:100%;
		top: 0px;
		right: 0;
		width: 100%;
		padding: 0px;
		z-index: 300;
	}
	.btn_01 {
		display: block;
		z-index: 50;
	}

	.btn_close_box{
		height:50px;
		border-bottom:solid 4px #2d2d2d;
	}

	#menu {
		margin: 0;
		padding:30px 0 0 30px;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}
	#menu li a {
		color: #2d2d2d;
		display: block;
		padding: 6px;
	}
	#menu img {
		height:20px;
	}

	/*ロゴやサイトタイトルをセンタリング*/
	.logo-erea{
		text-align:center;
		margin:auto;
	}
	.closebtn{
		float:right;
		max-width:70px;
		width:13%;
		margin-top:0px;
		margin-right:0px;
	}
	.recruit_btn{
		float:right;
		max-width:120px;
		width:35%;
		margin-top:6px;
		margin-right:10px;
	}
	.menu_list{
		width:80%;
		margin:30px auto 0 auto;
	}
	.menu_list .links{
		width:100%;
		padding:10px 0 10px 0;
		color:#2d2d2d;
		font-weight:bold;
		margin:0 auto 0;
	}
	.menu_list .links a{
		color:#2d2d2d;
	}
	.menu_list .title{
		width:100%;
		padding:5px 0 5px 0;
		color:#2d2d2d;
		font-weight:bold;
		margin:0 auto 0;
		font-size:1.2rem;
	}
	.other_links{
		width:40%;
		margin-left:50px;
		padding:0px;
		box-sizing:border-box;
	}
	.menu_link_01{
		float:left;
		padding:10px;
		width:50%;
		box-sizing:border-box;
	}
	.menu_link_02{
		float:left;
		padding:10px;
		width:50%;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
}@media all and (min-width: 768px){
	.header_box{
		width:100%;
		max-width:980px;
		margin:0px auto 0 auto;
	}

	.logo_box{
		float:left;
		width:40%;
		margin-top:30px;
		margin-left:35px;
	}
	.logo_box2{
		float:left;
		width:40%;
		margin-top:30px;
		margin-left:35px;
	}
	.menu_button{
		float:right;
		max-width:90px;
		width:10%;
		margin-top:0px;
		margin-right:0px;
	}
/*********************************** メニュー ***********************************/
	.btn_01 {
		display: block;
		z-index: 50;
	}
	.drawr {
		display: none;
		background-color: #fff;
		position: absolute;
		top: 0px;
		right: 0;
		max-width:590px;
		width: 40%;
		padding: 0px;
		z-index: 300;
	}
	.btn_close_box{
		float:right;
		max-width:100px;
		width:10%;
		margin-top:0px;
		margin-right:0px;
	}
	#menu {
		margin: 0;
		padding:30px 0 0 30px;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
	}
	#menu li a {
		color: #000;
		display: block;
		padding: 6px;
	}

	/*ロゴやサイトタイトルをセンタリング*/
	.logo-erea{
		text-align:center;
		margin:auto;
	}
	.closebtn{
		float:right;
		max-width:90px;
		margin-top:0px;
		margin-right:0px;
	}
	.recruit_btn{
		float:right;
		max-width:200px;
		width:15%;
		margin-top:12px;
		margin-right:20px;
	}
	.menu_list{
		width:100%;
		margin:30px auto 0 auto;
	}
	.menu_list .links{
		width:100%;
		padding:10px 0 10px 0;
		color:#2d2d2d;
		font-weight:bold;
		margin:0 auto 15px;
	}
	.menu_list .links a{
		color:#2d2d2d;
	}
	.menu_list .title{
		width:100%;
		padding:10px 0 10px 0;
		color:#2d2d2d;
		font-weight:bold;
		margin:0 auto 20px;
		font-size:1.4rem;
	}
	.other_links{
		width:100%;
		margin:30px auto 0 auto;
		box-sizing:border-box;
	}
	.menu_link_01{
		float:left;
		padding:20px;
		width:25%;
		box-sizing:border-box;
	}
	.menu_link_02{
		float:left;
		padding:20px;
		width:25%;
		box-sizing:border-box;
	}
/*********************************** メニュー ***********************************/
}
/*ロゴやサイトタイトルをセンタリング*/
.drawr {
	overflow: scroll;
	position: fixed;
	top: 0;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
	.scroll-prevent {
	  /*動き固定*/
	  position: fixed;
	  /*奥行きを管理*/
	  z-index: -1;
	  /*下2つで背景を元のサイズのまま表示することができる*/
	  width: 100%;
	  height: 100%;
	}