@charset "utf-8";
/* CSS Document */

body{
	background-color:#fff;
}
header{
	display:flex;
	position:relative;
	height:120px;
}
h1{
	width:20vw;
	height: 55px;
	line-height: 55px;
	position:absolute;
	text-align:start;
	top:5px;
	left:0;
	margin:10px;
	padding:0;
	font-size:5vw;
	color:#484848;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h1 a{
	text-decoration:none;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
/*	font-size:50px;*/
	font-size:5vw;
	color:#484848;
}
#topaddress{
	display:flex;
	justify-content: space-around;
	width:450px;
	height:50px;
	position:absolute;
	right:10px;	
}
#topaddress address{
	height:100%;
	line-height:100%;
	margin: 5px auto;
}
#topaddress address a{
	height:100%;
}
.icon{
	display:flex;
	justify-content: space-around;

}
.icon img{
	margin:2px 5px 2px 2px;
	padding:3px;
	background-color:#fff;
}
nav{
	width:70vw;
	max-width:770px;
	min-width:370px;
	height:28px;
	position:absolute;
	top:55px;
	right:35px;
	margin:0 auto;
/*	width:50vw;*/
}
nav ul{
	display:flex;
	justify-content:space-between;
	height:28px;
/*	line-height:40px;*/
	width:100%;
	margin: 0;
	/*text-decoration:none;*/
}
nav ul li{
	height:28px;
/*	line-height:40px;*/
/*	padding:0 2% 0 2%;*/
	font-size:clamp(8px,1.2vw,18px);
	text-decoration:none;
}
nav ul li a{
	height:28px;
/*	line-height:40px;*/
/*	text-decoration: none;*/
	font-size:max(16px);
}
nav ul li:hover{
	color:#006;
	border-bottom:2px solid;
}
nav ul li a:hover{
	color:#066;
/*	border-bottom:2px solid;*/
}

/*article{
	margin-top:5vh;
}*/
h1{
	color:#484848;
	font-weight:bold;
}

/*TOPへ戻るボタンへの設定*/
.topreturn{
	width: 3.2rem;
	height:12rem;
	font-size: 1.2rem;
	font-weight:bold;
	writing-mode:tb-rl;
/*	padding-top: 3rem /*0.1vw 0.4vw 0.1vw*/
	background-image: url(../images/gotop.png);
/*	background-color: antiquewhite;*/
	background-size:3rem 3rem;
/*	background-origin:padding-box;*/
	background-repeat: no-repeat;
	position: fixed;
    bottom: 2vh;
    right: 2vw;
	text-align: center;
	line-height:3.4rem;
    z-index: 100000;
	animation:spin 10s 3s infinite;
}
.topreturn a{
	display:block;
	text-decoration:none;
}
.topreturn:hover{
	background-color:rgba(60,179,113,.4);
}

.container{
	display: flex;
	justify-content: space-around;
}
article{
	display: flex;
	justify-content: space-between;
/*	margin-top:3vw;*/
}

@media screen and (max-width:749px){
	
	.wrapper{
		width:calc(100% - 55px);
	}
	header{
		position: fixed;
		height: 60px;
		background-color: #fff;
		z-index: 50;
	}
	h1 a{
		font-size: 50px;
	}
	h1{
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		margin: 0;
	}
	
	#topaddress{
		position: fixed;
		right:0;
		width: 0;
		height:0;
		z-index: 9;

	}
	/*	#topaddress{
		left:1vw;
	}*/

	#topaddress p{
		display: none;
	}
	#phoneicon{
		display: block;
		width: 33px;
		height: 33px;
		position: fixed;
		top: 20px;
		right: 1px;
		border: 2px solid #F751CE;
		border-radius: 5px;
		color: #F751CE;
		background-color: #fff;
	}
	
	/*スマホでのみTELがそのままかけられる設定*/
	
	a[href="tel"]{
	pointer-ebents:none;
	cursor:default;
	text-decoration:none;
	}
	
	.icons{
			display: block;
			position: fixed;
			top: 10px;
			right: -30px;
			width: 45px;
			margin: 53px 27px 55px auto;
		}
	.snsicon{
		line-height: 36px;
		margin-bottom: 5px;
		padding: 1%;
	}
	header{
		width:100%;
	}
	
	#meinphoto{
	width:100%;
	height:60vh;
	
	}
/*	nav{
		height: 47vh;
	}*/

	/*ハンバーガーメニュー用設定*/
	
		nav{
			width: 70%;
			height: 85vh;
			background-color: rgba(22,135,60,0.93);
			position: absolute;
			top: 0;
			left: 100%;
			display: block;
			padding-top: 4em;
			transition: 1s;
		}
		nav ul li a{
			font-size: 20px;
		}
		#nav_btn{
		display:block;
		width:40px;
		height:40px;
		background-image:url("../images/bargerbtn.svg");
		position:fixed;
		top:50%;
		right: 0px;
		z-index:9999;
		}
		#nav_tab{
			display: none;
		}

		#nav_tab:checked+label>#nav_btn{
			background-image:url("../images/closebtn.svg");
		}
	
		#nav_tab:checked~nav{
			position: fixed;
			top: 30%;
			left: 50%;
			bottom: 10vh;
			height: 50vh;
			z-index: 150;
		}
		nav ul{
			display:block;
			height: 65%;
		}
		nav ul li{
			width:100%;
			height: 8vh;
		}
	nav ul li:hover{
		border: none;
		color: #fff;
	}
	nav ul li a:hover{
		color: #fff;
	}
	/*ハンバーガーメニュー用設定ここまで*/
	
#container{
		display: flow-root;
	}
	
aside{
	width:80%;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
}
/*aside p{
width: 45%;
}*/
}