@charset "utf-8";
@media  (max-width: 999px) {
	
	.anniversary{
	z-index: 15; 
	top: -33px; 
	left: 5px; 
	position: absolute; 
	width: 110px; 
	height: auto; 
	filter: drop-shadow(0 0 5px white);
}
	
	.wrapper{
	display:flex; 
	flex-direction:column; 
	margin-bottom:50px;
}
	
	.head{
	font-size: 14px;
	color: black;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}

	.header{
	height: 75px;
	box-sizing: border-box;
	top:0;
	left: 0;
	align-items: center;
	z-index: 25;
	margin: 0 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: 150px;
	height: auto;
	}	
	
	
	.title1{
	font-size: 21px;
	font-weight: bold;
	text-shadow: 0px 3px 5px black;
	color: white;
	z-index: 11;
	position: absolute;
	top:14%;
	left: 50%;
	transform: translate(-50%,-50%)
}
	
	.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{
	width: 100%;
	height: 680px;
	overflow: hidden;
	position: relative;
	margin:0 auto;
	text-align: center;
	top: 75px;
	}
	
.mein{
	height: 550px;
}
	
	
/*↓↓社長あいさつ↓↓*/

.aisatsu{
	padding: 20px 0 0 0;
	width: 450px;
	height: 590px;
	margin: auto;
	z-index: 20;
    top: 50%;
}

.img img{
	width: 160px;
	height: auto;
	float: none;
  	margin: auto;
	display: block;
	padding: 0 0 10px 0;
}

.bun{
	width: 450px;
	margin: auto;
}

.bun h2{
	padding: 20px 0 0 0 ;
	margin: 0 0 10px 0;
	text-align: center;
	
	font-size: 110%;
}

.bun h3{
	font-size: 120%;
	text-align: right;
	padding: 0 30px 0 0;
}

h3 span{
	font-size: 60%;
}

.bun p{
	margin: auto;
	
	width: 400px;
	
}

/*↑↑社長あいさつ↑↑*/
	
/*↓↓↓TOPICS↓↓↓*/	

.nformation1{
	width: 450px;
	margin: auto;
	z-index: 20;
	position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: flex;
	align-items: stretch;
	font-size: 95%;
}

.tpcs{
	padding: 28px 15px;
}

.infobox{
	height: 81px;
}

table {
	width:350px;
}
td {
	padding: 0.3em 0.1em;       /* セル内側の余白量 */
	font-size: 11.5px;
}
/*↑↑↑TOPICS↑↑↑*/

	
/*↓会社概要*/

.corporate_profile{
	width: 450px;
}


.corporate_profile table {
	width: 450px;
}




/*↑会社概要*/

	
.mein_contents{
	margin: auto;
	width: 480px;
	height: auto;
	display: flex;
  	justify-content: center;
  	flex-wrap: wrap;
}
	
.mein{
	height: 650px;
	}

.banner2{
	width: 350px;
	top:4.5%
	}
	
.c{
	top:24%;
	left: 31%;
}

.r{
	top:24%;
	left: 73%;
}

.e{
	top:52%;
	left: 31%;
}

.s{
	top:52%;
	left: 73%;
}

.w{
	top:78%;
	left: 52%;
	}
	
.contents_box{
	width: 480px;
	height: 210px;
	}
	
.contents_box p{
	width: 400px;
	font-size: 12.5px;
	padding: 0 0 20px 20px;
	text-align: left;
	}
	
.contents_box h4{
	font-size: 100%;
	padding: 15px 0;
	margin: auto;
}
	
.contents_box img{
	padding: 5px 0 5px 10px;
	margin: 15px;
	width: 220px;
	height: 170px;
	float: left;
}
	
.one{
	bottom: 20px;
	left: 77%;
	transform: translate(-77% 0)
	}

	.greeting{
	padding: 0px 20px 0px 20px;
}
	
.gtitle{
	font-size: 30px;
	text-align: center;
	border-bottom: 4px solid;
    border-image: linear-gradient(to right,rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 30%,#2DAE00 50%,rgba(255, 255, 255, 0.0) 70%, rgba(255, 255, 255, 0.0) 100%);
    border-image-slice: 1;
}
	
	/* ココから下はフッター */
	
.footer{
	width: 450px;
	height: auto;
	margin: auto;
	display: block;
	font-size: 11px;
	letter-spacing : -0.4px;
	line-height:2em;
	padding:20px 0px;
  	justify-content: center;
  	flex-wrap: wrap;
}
	
.footer ul li{
		font-size: 12px;
	}

.other,.corporate,.test{
	list-style: none;
	padding:10px;
	border-right: none;
}

.corporate li a{
	text-decoration: none;
	color: black;
}

.mein_footer{
		margin-top:auto;
}

.address{
padding: 0 0 20px 0;
}
	
.m_footer{
	margin: auto;
	width: 480px;
	height: auto;
  	justify-content: center;
  	flex-wrap: wrap;
	}

.footer1{
	margin: auto;
	padding: 30px 0px 0px 0px;
	text-align: center;
}

ul.footer1 {
	width: 480px; 
	height: auto;
 	margin: auto;
  	text-align: center;
  	display: flex;
  /*justify-content: space-between;*/
}
	
ul.footer1 li {
  list-style-type: none;
}

ul.footer1 li a{
	font-size: 11px;
	color: gray;
}

ul.footer1 li + li {
  border-left: 1px solid #97A699;
}	

	
}