/* ESSENTIAL
------------------------------------------------------------------*/
html	{
	height: 100%;
	}
body	{
	margin: 0;
	padding: 0;
	font-family: "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©", serif;
	font-size: 62.5%;
	color: #444;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
hr	{
	clear: both;
	display: none;
	visibility: hidden;
	}
a:link		{
	color: #069;
	text-decoration: none;
	}
a:visited	{
	color: #069;
	text-decoration: none;
	}
a:hover		{
	color: #c85000;
	text-decoration: underline;
	}
a:active		{
	color: #c85000;
	text-decoration: underline;
	}
img	{
	border: none;
	}
form {
	margin: 0;
	}

/* CONSTRUCTION
------------------------------------------------------------------*/
#wrap	{
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
	width: 100%;
	}
#container	{
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	}



/* ESSENTIAL
------------------------------------------------------------------*/
a img	{
	padding: 0;transition : all .1s;
	-webkit-transition: all .1s;
	}
	a img:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}


/* HEADER
------------------------------------------------------------------*/
header	{
	margin-top: 4em;
	margin-bottom: 3em;
	}
header img	{
	margin: 0 auto;
	padding: 0;
	width: 17%;
	}


/* FOOTER
------------------------------------------------------------------*/
footer	{
	margin: 0;
	padding: 0 0 6em;
	}
footer img	{
	margin: 0 auto;
	margin-bottom: 1.5em;
	padding: 0;
	display: block;
	width: 25%;
	}


/* MAIN
------------------------------------------------------------------*/
#main #ttl img	{
	margin: 0 auto;
	margin-bottom: 1.5em;
	padding: 10px;
	width: 58%;
	}
#main #pht	{
	margin: 0;
	padding: 0;
	}
#main #pht img	{
	margin: 0;
	padding: 0;
	width: 100%;
	}
#main p	{
	margin: 0 auto;
	margin-bottom: 3em;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.8;
	}
#main #ttls img	{
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 10px;
	width: 30%;
	}
#main #ban img	{
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 10px;
	width: 60%;
	}
#main #banB	{
	margin: 0 auto;
	padding: 10px;
	width: 60%;
	}
	#main #banB img.left	{
	padding-bottom: 2em;
	width: 49%;
	float: left;
	}
	#main #banB img.right	{
	padding-bottom: 2em;
	width: 49%;
	float: right;
	}

/*  SNS
-------------------------------------*/
#main ul#sns	{
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0;
	list-style-type: none;
	width: 200px;
	}
	#main ul#sns li	{
	margin: 0 4%;
	padding: 0;
	width: 25%;
	height: 5em;
	float: left;
	border-radius: 3px;
	background: #ddd;
	transition : all .1s;
	-webkit-transition: all .1s;
	}
	#main ul#sns li img	{
	width: 100%;
	}
		#main ul#sns li img:hover	{
		opacity: 1.0;
		filter: alpha( opacity=100 );
		-ms-filter: "alpha( opacity=100 )";
		}
	#main ul#sns li#fb	{
	}
		#main ul#sns li#fb:hover	{
		background: #3b5998;
		}
		#main ul#sns li#tw:hover	{
		background: #44ccf6;
		}
		#main ul#sns li#in:hover	{
		background: #c0b39b;
		}
		



/*  PHOTO GALLERY
-------------------------------------*/
#gallery {
	margin: 30px 0;
	padding: 15px 0 30px;
	}
	#gallery #ttl {
	margin: 0 0 15px;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	}
#instagram {
  clear: both;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#instagram > div {
  display: inline-block;
  width: 18%;
  margin: 0 1%;
}
#instagram > div a {
  display: block;
}
#instagram > div a img {
  width: 100%;
  height: auto;
}





@media (max-width: 643px) {
	header img	{
	width: 37%;
	}
	footer img	{
	width: 45%;
	}
	#main p	{
	font-size: 0.9em;
	}
	#main #ttl img	{
	width: 88%;
	}
	#main #ttls img	{
	width: 45%;
	}
	#main ul#sns	{
	width: 160px;
	}
	#main ul#sns li	{
	height: 4em;
	}
}




/* RECRUIT
------------------------------------------------------------------*/
#recruit #wrap	{
	margin: 0;
	padding: 0;
	}
#recruit #recruitTtl	{
	margin: 0;
	padding: 10px 0;
	background: #00a73c;
	}
	#recruit #recruitTtl img	{
	width: 21%;
	}
#recruit #ttl	{
	margin: 0;
	padding: 0;
	}
	#recruit #ttl img	{
	width: 60%;
	}
#recruit #main p	{
	width: 60%;
	text-align: left;
	}
#recruit #main dl	{
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0;
	width: 60%;
	}
	#recruit #main dt	{
	margin: 0;
	padding: 60px 0 0;
	width: 25%;
	height: 100px;
	float: left;
	background: #00a73c;
	color: #fff;
	font-size: 2.0em;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight: bold;
	}
	#recruit #main dd	{
	margin: 0;
	padding: 0;
	width: 70%;
	float: right;
	text-align: left;
	}
		#recruit #main dd img	{
		display: block;
		margin: 3px 0 10px;
		padding: 0;
		width: 70%;
		}
		#recruit #main dd p	{
		margin: 0;
		padding: 0;
		width: 100%;
		}

#recruit ul#lst	{
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 0 10px;
	list-style-type: none;
	width: 60%;
	border: 1px solid #777;
	}
	#recruit ul#lst li	{
	padding: 8px 3%;
	font-size: 1.4em;
	text-align: left;
	}
	#recruit ul#lst li.ttl	{
	background: #777;
	color: #fff;
	text-align: center;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	}
	#recruit ul#lst li strong	{
	margin: 0 0 5px;
	display: block;
	border-bottom: 1px dashed #ddd;
	font-size: 1.3em;
	}

@media (max-width: 643px) {
	#recruit #recruitTtl img	{
	width: 47%;
	}
	#recruit #ttl img	{
	width: 90%;
	}
	#recruit #main p	{
	width: 90%;
	font-size: 1.4em;
	}
	#recruit #main dl	{
	width: 90%;
	}
	#recruit #main dt	{
	padding: 0;
	width: 100%;
	height: inherit;
	font-size: 1.4em;
	float: inherit;
	}
	#recruit #main dd	{
	width: 100%;
	float: inherit;
	}
		#recruit #main dd img	{
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;
		width: 95%;
		}
	
#recruit ul#lst	{
	width: 90%;
	}
	#recruit ul#lst li	{
	font-size: 1.4em;
	}
	#recruit ul#lst li strong	{
	font-size: 1.0em;
	}
}






/*  Page-Top
------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0;
	right: 4%;
	}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 80px;
	height: 60px;
	display: block;
	background: transparent url(../images/pagetop.png) no-repeat center top;
	transition : all .2s;
	-webkit-transition: all .2s;
	}
#page-top a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	}






/* Clear fix -----------------------------------------------------*/
.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
	}
.clfix {
	display: block;
	}
/* End hide from IE6/IE Mac */


/*-----2018.12.14--------*/
#recruit #ttl.join{
	font-size:28px;
	letter-spacing:3px;
	margin-bottom:30px;
}
#recruit #ttl.join img{
	width:500px;
	margin-bottom:0;
	padding:0;
}

@media (max-width:768px){
	#recruit #ttl.join img{
	max-width: 80%;
	height: auto;
	margin: 0 10%;
	padding: 0;
	}
	}