@charset "utf-8";
@media  (max-width: 899px) {
	
.anniversary{
	z-index: 15; 
	top: -37px; 
	left: 5px; 
	position: absolute; 
	width: 100px; 
	height: auto; 
	filter: drop-shadow(0 0 5px white);
}
	
.lkc{
	z-index: 15; 
	top: 22%; 
	left: 50%; 
	position: absolute; 
	filter: drop-shadow(0 0 3px white);
	transform: translate(-50%,-50%);
	transition: .2s;
}

.lkc:hover{
	opacity: .9;
}

.gyoumu{
	width: 300px; 
	height: auto; 
}
	
.menu{
		margin-right: auto;
		margin: 0 auto;
		padding: 0px 0px 0px 2px;
	}

.crcimg {
	margin-right: auto;
	padding: 2px 0px 0px 5px;
	}
	
	.crcimg img{
	width: 135px;
	height: auto;
	}	
	
	.title1{
	font-size: 23px;
	font-weight: bold;
	text-shadow: 0px 3px 5px black;
	color: white;
	z-index: 11;
	position: absolute;
	/*top:15%;*/
	top:3%;
	left: 50%;
	transform: translate(-50%,-50%)
}
	
.g{
	/*top:34%;*/
	top:15%;
	left: 30%;
	}
	
.r{
	/*top:34%;*/
	top:15%;
	left: 70%;
}

.e{
	/*top:55%;*/
	top:35%;
	left: 30%;
}

.s{
	/*top:55%;*/
	top:35%;
	left: 70%;
}
	
.osrs{
	top:82%;
	left: 50%;
	width:330px;
	height: 60px;
	padding: 0 0 5px 0;
	}

.contactus{
	/*top:85%;*/
	top:58%;
	left: 50%;
	width:330px;
	height: 60px;
	padding: 0 0 5px 0;
}

/*12月2日～*/
	
.ff{
	top:70%;
	left: 50%;
	width:330px;
	height: 90px;
	padding: 0 0 18px 0;
	}
	
/*12月2日～*/

.inspection{
	top:92%;
	left: 50%;
	width:330px;
	height: 60px;
	padding: 0 0 5px 0;
}
	
	.title2{
	z-index: 12;
	font-size: 30px;
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: white;
	opacity: 0.7;
}
	
	.mein_visual_photo{
	top:80px;
	margin: auto;
	width: 100%;
	height: 850px;
  	justify-content: center;
  	flex-wrap: wrap;
	}

	
.mein_contents1{
	margin: auto;
	width: 480px;
	height: auto;
	display: flex;
  	justify-content: center;
  	flex-wrap: wrap;
}
	
.contents_box{
	width: 480px;
	height: 210px;
	}
	
.contents_box p{
	width: 420px;
	font-size: 12.5px;
	padding: 0 0 20px 5px;
	text-align: left;
	}
	
.contents_box h4{
	padding: 15px 0;
	margin: auto;
}
	
.contents_box img{
	padding: 5px 0px 5px 5px;
	margin: 15px;
	width: 220px;
	height: 170px;
	float: left;
}
	
.one{
	bottom: 20px;
	left: 77%;
	transform: translate(-77% 0)
	}
	
	.s_mark{
	width: 450px;
	height: 400px;
	display:block;
	margin: auto;
}

.s_mark img{
	width: 85px;
	height: 140px;
	border: 10px #7CC921 solid;
	pointer-events: none;
	padding: 0 0 15px 0;
}

.s_mark p{
	width: 420px;
	height: auto;
	text-align: left;
}
	
	.greeting{
	padding: 0px 20px;
}
	
.gtitle{
	margin: auto;
	font-size: 30px;
	text-align: center;
	border-bottom: 4px solid;
    border-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 25%,#2DAE00 50%,#FFFFFF 75%, #FFFFFF 100%);
    border-image-slice: 1;
	width: 480px;
	height: auto;
  	justify-content: center;
  	flex-wrap: wrap;
}


	.box1{
		margin:  50px 40px; 
	}

	.info{
	margin: auto;
	width: 100%;
	height: auto;
  	justify-content: center;
  	flex-wrap: wrap;
}
	
	.banner{
	margin: auto;
	width: 100%;
	height: auto;
  	justify-content: center;
  	flex-wrap: wrap;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
	
}