/*ここからヘッダー*/

h1{
	width:60%;
	background-position:left 50%;
}

/*ここからハンバーガーメニュー*/

.burger{
	width:50px;
	height:50px;
	border-radius:3px;
	position:relative;
	top:3%;
	right:5%;
	z-index:1;
	margin-left:auto;
}

.burger:hover{
	border-radius:3px;
	cursor:pointer;
}

.burger span{
	display:block;
	width:40px;
	height:3px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	transition:.4s;
}


.burger span:nth-child(1){
	transform:translate(-50%, -10px);
}

.burger span:nth-child(2){
	transform:translate(-50%, -50%);
}

.burger span:nth-child(3){
	transform:translate(-50%, 8px);
}

/*open時*/
#header_nav.open{
	transform:translate(0);
}

/*active時*/
.burger.active span:nth-child(1){
	transform:translate(-50%, -50%) rotate(45deg);
}

.burger.active span:nth-child(2){
	opacity:0;
}

.burger.active span:nth-child(3){
	transform:translate(-50%, -50%) rotate(-45deg);
}


/*スライドメニュー*/
#header_nav{
	font-size:20px;
	width:300px;
	height:100vh;
	background-color:#82ae46;
	transform:translateX(340px);
	transition:transform .5s ease;
	position:fixed;
	top:0;
	left:auto;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	box-shadow: -6px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

#header_nav{
	flex-direction:column;
	text-align:center;
	margin:0;
}

#header_nav li{
	width:150px;
	border-bottom:solid 1px white;
}

#header_nav li a{
	line-height:3;
	border-right:none;
	padding:0;
}

#b_left{
	border-left:none;
	padding:0;
}

/*ここからホーム*/
#top_image{
	padding:5vh 0 5vh 0;
}

#top_text{
	width:90%;
	padding-bottom:15px;
}

/*ここから事業内容*/
#menu{
	flex-direction:column;
	gap:20px;
}

#menu li a{
	width:80vw;
}

main p{
	padding:15px 20px 80px 15px;
}

/*ここからトップボタン*/
#top_btn{
	border-radius:50%;
	z-index:1;
	bottom:10vh;
	right:5vw;
}

/*ここからフッター*/
nav{
	flex-direction:column;
	gap:20px;
}

#shamei{
	padding:20px 0;
}

#address{
	text-align:center;
	padding-bottom:20px;
}

#num{
	align-items:center;
	flex-direction:column;
}

#tel{
	padding-right:0;
}

/*ここからご利用案内*/
table{
	width:80%;
}

th{
	text-align:left;
	padding-bottom:5px;
}

td{
	padding:0 10px 20px 10px;
}

th,td{
	display:block;
}

#bacume_image img{
	width:100%;
}

/*ここから会社概要*/
#t_image{
	display:none;
}

#t_image02{
	display:block;
	text-align:center;
}

#t_image02 img{
	width:100%;
}

.access_text{
	padding-bottom:10px;
}

#map{
	padding-top:15px;
}

#map iframe{
	width:100%;
}