@charset "UTF-8";
/* Sub page 共通CSS */

.left{
	float: left;
}

.right{
	float: right;
}

.bold{
	font-weight: bold;
}

.img_m{
	margin: 5% 0;
}

/* 左側 */
@media only screen and (min-width: 769px) {
	
	#main_wrapper{
		overflow: hidden;
		width: 880px;
		margin: 16px auto 70px;
		font-size: 1.2rem;
		line-height: 200%;
	}
	
	aside{
		float: left;
		margin-right: 16px;
		width: 248px;
	}
	
	aside ul li {
		margin-bottom: 6px;
	}
	
	.sidenav_menu_a li{
		cursor: pointer;
	}
	
	.sidenav_menu_b{
		overflow: hidden;
	}
	
	.sidenav_menu_b li:first-child{
		float: left;
	}
	
	.sidenav_menu_b li:last-child{
		float: right;
	}
	
	#container{
		width: 616px;
		background-color: #fff;
		float: right;
		padding: 40px;
	}
	
	.pankuzu a{
		display: inline;
	}
	
	.pankuzu a:hover{
		text-decoration: underline;
	}
	
	.h2{
		margin: 16px 0;
	}

	.h2_text{
		font-size: 2rem;
		display: inline-block;
		margin-left: -2rem;
		font-weight: bold;
	}
	
	.guide_title{
		display: none;
	}

}

@media only screen and (max-width: 768px) {
	
	#main_wrapper{
		background-color: #fff;
		padding: 2rem 0;
		margin:2rem 0;
		font-size: 1.4rem;
		line-height: 160%;
	}
	
	aside, .toggle{
		display: none;
	}
	
	#container{
		width:92.5%;
		margin: 2rem auto;
	}
	
	/* 矢印CSS */
	.arrow2 {
  cursor: pointer;
  display: inline-block;
  height: 1.2rem;
  position: relative;
  width: 2rem;
}
.arrow2.active:before,
.arrow2.active:after {

}
.arrow2.active:before {
  transform: rotate(-60deg) translateX(0) translateY(0);
}
.arrow2.active:after {
  transform: rotate(60deg) translateX(0) translateY(0);
}
.arrow2:before,
.arrow2:after {
  background: none repeat scroll 0 0 #1482d2;
  border-radius: 10px;
  content: " ";
  display: block;
  height: 2px;
  position: absolute;
  top: 6px;
  transition: all 300ms ease 0s;
  width: 20px;
}
.arrow2:before {
  left: -3px;
  transform: rotate(60deg);
}
.arrow2:after {
  right: -3px;
  transform: rotate(-60deg);
}

.pankuzu{
	display: none;
}

.h2{
	margin: 2rem 0;
}

.h2_text{
	font-size: 1.6rem;
	display: inline-block;
	margin-left: -1.2rem;
}

}