@charset "utf-8";
.header-inner{
	max-width: 1300px;
	height: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	justify-content: space-between;
}

.HP-logo{
	width: 100%;
}

.photo2{
	width: 55%;
	margin-top: 1em;
}

.header-logo{	
	height: 65px;
	padding-top: 14px;
}

.toggle-menu-button{
	display: none;
}

#wrapper{
	background-color: #F9F9F9;
	width: 75%;
	margin-inline:auto;
}
	
@media (max-width:800px){
	.site-menu ul3{
		display: block;
		padding-left: 38%;
		margin-right: 0em;
		font-size: 1em;
		
		
	}
	.site-menu li3{
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: -61%;
		margin-right: 0em;
		border-bottom: 3px #000000 solid;
		
	}
	

	
	body{
		background-color: #ffffff;
	}
	.header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
	
	
	.header-inner{
		padding-left: 20px;
		padding-right: 20px;
		height: 100%;
		position: relative;
	}
	.header-site-menu{
		position: absolute;
		top:100%;
		left:0;
		right:0;
		border-top: 5px #696969 solid;
		border-bottom: 2px #000000 solid;
		padding-top: 10px;
		padding-bottom: 10px;
		display: none;
		background-color: #11C7FF;
	}
	.header-site-menu.is-show{
		display: block;
	}
	.toggle-menu-button{
		display: block;
		margin-top: 1.3em;
		margin-right: -1em;
		width: 44px;
		height: 34px;
		background-image: url(" img/ハンバーガー.png");
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 0;
	}
	
	.HP-logo{
		width: 100%;	
	}
	
	.photo2{
		width:90%;
	
	}
	
	
	.LINK3{
		display: table;
		margin: 0 auto;
	}
	
	ul2{
		display: flex;
		flex-direction: column;
	}
	
	#wrapper{
		width:100%
	}
	.Q{
		background-color: #344699
	}
}