@charset "utf-8";
* {
	margin:0px;
	padding:0px;
}
img {
	vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;	
	}
body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.5;
	/*color: #333;*/
	color:#060;
	background-image:url(img/bkimg.jpg);
	background-position:center top;
}
#wrap{
	margin: 0 auto;
	width:1000px;
	background-color:#FFF;
	/*background-color:rgba(255,255,255,0.9);*/
}
/*------loading------*/
#loading{
  width:100vw;
  height:100vh;
  background-color:#3C3;
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
}
#loading img{
  width:120px;
}
@media screen and (min-width:768px) {
  #loading img{
    width:400px;
  }
}
/*------loadingここまで------*/
h1 img{
	width:1000px;
	height:auto;
	margin-top:2%;
	margin-bottom:3%;
	}
h1 img{
  animation:poyon 5s linear 0.3s 1;
}
 @keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
#nav ul li{
	list-style-type:none;
	margin-left:130px;
	}
.nav_1{
	float:left;
	}
#nav ul li img{
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}
#nav ul li:hover img{
	opacity:.5;
	}
#nav .nav_1 img{
	width:390px;
	height:auto;
	margin-top:16px;
	margin-right:8px;
	}
#nav .nav_2 img{
	width:340px;
	height:auto;
	margin-left:8px;
	}
.kaijyo{
	clear:left;
	}
.kaijyo2{
	clear:both;
	}
h2 img{
	margin-left:325px;
	margin-right:325px;
	width:350px;
	height:auto;
	margin-top:40px;
	margin-bottom:30px;
	}
/*--------access--------*/
h3{
	font-size:18px;
	}
#access{
	width:1000px;
	margin-top:40px;
	margin-bottom:40px;
	}
.shop{
	width:330px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:25px;
	margin-left:100px;
	}
#access .shop img{
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}
#access .shop:hover img{
	opacity:.5;
	}
.shop img{
	margin-top:5px;
	}
.map {
overflow hidden;
} 
.map iframe,
.map object,
.map embed {
top:0;
left:0;
width:500px;
height:300px;
margin-bottom:25px;
margin-top:10px;
}
/*-------concept-------*/
.c_box{
	height:380px;
	}
.concept1{
	float:left;
	}	
.concept2{
	float:right;
	}
#concept{
	width:1000px;
	margin-top:40px;
	margin-bottom:40px;
	}
#concept p{
	width:auto;
	height:370px;
	padding-left:50px;
	padding-right:50px;
	font-size:medium;
	}
#concept .con_txt img{
	width:460px;
	height:auto;
	padding-top:30px;
	margin-bottom:30px;
	margin-left:-5px;
	}
#concept .con2_txt img{
	width:350px;
	height:auto;
	padding-top:30px;
	margin-bottom:30px;
	padding-left:30px;
	}
#concept img{
	width:370px;
	height:auto;
	margin-right:40px;
	margin-left:40px;
	}
#concept h2{
	text-align:center;
	}
/*--------menu--------*/
#menu{
	width:1000px;
	background-color:#FFF;
	margin-bottom:50px;
	}
#menu img{
	width:420px;
	height:auto;
	}
.pdfmenu img{
	width:250px;
	height:auto;
	margin-top:50px;
	}
#menu .menu_box{
	float:left;
	width:500px;
	height:350px;
	text-align:center;
	background-color:#FFF;
	}
#menu .pdfmenu .menu_box img{
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}
#menu .pdfmenu .menu_box:hover img{
	opacity:.5;
	}
#menu h2 img{
	margin-left:325px;
	margin-right:325px;
	width:350px;
	height:auto;
	margin-top:40px;
	margin-bottom:30px;
	}
/*------recruit-------*/
h4 img{
	width:650px;
	height:auto;
	margin-right:200px;
	margin-left:200px;
	margin-top:-15px;
	margin-bottom:20px;
	}
h5{
	background-image:url(img/h3.jpg);
	background-repeat:no-repeat;
	background-size:300px 28px;
	margin-bottom:5px;
	margin-top:10px;
	}
#recruit{
	margin-bottom:20px;
	}
#recruit .category{
	width:400px;
	height:720px;
	padding-left:80px;
	line-height:1.4;
	float:left;
	}
.category p{
	/*margin:0;*/
	}
.category img{
	width:350px;
	height:auto;
	margin-top:25px;	
	}
.staffimg1 img{
	width:390px;
	height:auto;
	padding-bottom:13px;
	}
.staffimg2 img{
	width:455px;
	height:auto;
	margin-right:15px;
	}	
.staff_right{
	width:500px;
	height:720px;
	padding-left:15px;
	text-align:center;
	float:left;
	margin-bottom:30px;
	}
.youtube iframe{
	display:block;
    margin:0 auto;
	margin-bottom:40px;
	}
/*------footer-------*/
#footer{
	width:1000px;
	height:240px;
	background-image:url(img/footerimg.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	}
#footer p{
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	color:#FFF;
	}
#footer .footer_imgbox{
	margin-left:360px;
	padding-top:55px;
	}
#footer img{
	float:left;
	margin-left:20px;
	margin-right:20px;
	}
#footer .footer_imgbox .sns img{
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}
#footer .footer_imgbox .sns:hover img{
	opacity:.5;
	}
#footer .footer_imgbox .sns1 img{
	opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	}
#footer .footer_imgbox .sns1:hover img{
	opacity:.5;
	}