.wrap	{
	width: 980px;
	margin: 0 auto;
}

h1.h1-ttl	{
	font-size: 26px;
}

.Level1	{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-left: 20px;
	margin-left: -20px;
}

.Level2	{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-left: 40px;
}

.Level3	{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-left: 80px;
}

.Level1-5	{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-left: 30px;
}

.Level2-5	{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding-left: 60px;
}

.num	{
	margin-right: 20px;
}

.contact-box	{
	max-width: 800px;
	padding: 20px;
	margin-left: 40px;
	border: 1px solid #000;
}

ul li	{
	list-style-type: none;
}

.tac	{
	text-align: center;
}

.tar	{
	text-align: right;
}

@media screen and (max-width: 768px)  {
	
	body	{
		font-size: 14px;
	}
	
	.wrap	{
		width: 98%;
	}
	
	h1.h1-ttl	{
		font-size: 18px;
	}
	h2	{
		font-size: 16px;
	}
	h3	{
		font-size: 14px;
	}
	.num	{
		margin-right: 10px;
		-webkit-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	
	h2 .num	{
		-webkit-box-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	
	.Level1	{
		padding-left: 10px;
		margin-left: -10px;
	}

	.Level2	{
		padding-left: 10px;
	}

	.Level3	{
		padding-left: 20px;
	}

	.Level1-5	{
		padding-left: 10px;
	}

	.Level2-5	{
		padding-left: 15px;
	}
	
	.contact-box	{
		max-width: 100%;
		padding: 15px;
		margin-left: 0;
		border: 1px solid #000;
	}
}

a{
	color:#004ea2;
}

a.back_btn{
	border: 1px solid #004ea2;
	padding: 5px 40px;
	margin: 10px 0;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

a.back_btn:before{
	content:"<";
	padding-right: 10px;
}