@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500&display=swap');
/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 width: 100%;
 margin: 0;
 padding: 0;
 color:#333333;
 font-size: 12px;
 font-family: 'M PLUS Rounded 1c',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 
 background-color:#ffffff;
 /*
 min-width:1000px;
 */
 
}
a {
 text-decoration:none;
 outline:none;
}

a:focus{
	outline: none;
}

a:hover{
	opacity:0.7;	
}

ul {
 margin: 0;
 padding: 0;

}

li{
	list-style:none;	
}

/* ベースレイアウト */

#wrapper {
 width: 100%;
 margin: 0;
 padding:0;
 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	
	
	overflow-x: hidden;

}

.contents{
	width:100%;
	position:relative;
	
}


header{
	width: 100%;
	overflow: auto;
	position: fixed;
	z-index: 9999;
	height: 140px;
	background-color: rgba(255,255,255,0.9); 
	
}

header .logo{
	position: relative;
	display: block;
	float: left;
	margin: 40px 110px 0 40px;
}

header .menu{
font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.02em;
	display: block;
	position: relative;
	float: right;
	padding: 0;
	margin: 0;

	
}

header .menu li{
	display: inline-block;
	margin: 45px 30px 0 0;
}

header .menu li a{
	color: #563B23;
}

header .menu li img{
	vertical-align: middle;
	margin: 0 0 0 0 0;
}

.splink{
	display: none;
}

.telbtn{
	z-index: 9999;
	position: fixed;
	right: -2px;
	top:152px;
	display: block;
}

.telbtnsp{
	display: none;
}

.tel{
	position: absolute;
	top:100px;
	right: 100px;
	font-weight: 600;
	color: #563B23;
}

.tel2{
	font-size: 32px;
	color: #628A2C;
}


.menubtn{
	display:none;
		
}

.spmenu{
	display: none;
}

	
	

.topmain{
	overflow: auto;
	position:relative;
	clear:both;
	width:100%;
	margin:0 0 0 0;
	padding:180px 0 40px 0;
	display:block;
	background: #FAF4E2;
}

.topmain .topbox{
	display: block;
	margin: 0 auto;
	width: 1200px;
	position: relative;
	overflow: auto;
}

.topmain .mainimg{
	position:relative;
	display: block;
	margin:0 0 0 0;
	width: 636px;
	float: right;

}




.maincopy01{
	width: 504px;
	position:relative;
	display:block;
	padding:0;
	margin:93px 60px 0 0;
	float: left;
	
	 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	
}



#gallery{
	width: 100%;
	margin: 100px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}


 .foo.delighter {
      transition: all .3s ease-out;
      transform: translateY(40px);
      opacity: 0;
   }


.foo.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo.delighter.started.ended {
      
   }


.foo2.delighter {
      transition: all .6s ease-out;
      transform: translateY(60px);
      opacity: 0;
   }


.foo2.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo2.delighter.started.ended {
      
   }

.foo3.delighter {
      transition: all .6s ease-out;
      transform: translateX(60px);
      opacity: 0;
   }


.foo3.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo3.delighter.started.ended {
      
   }

.foo4.delighter {
      transition: all .6s ease-out;
      transform: translateX(-60px);
      opacity: 0;
   }


.foo4.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo4.delighter.started.ended {
      
   }



.stitle{
	font-size: 32px;
font-weight: 600;
	color: #628A2C;
	display:block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.subtitle{
	font-size: 15px;
font-weight: 500;
	color: #563B23;
	letter-spacing: 0.04em;
	display:block;
	margin: 0 0 60px 0;
	padding: 0;
	text-align: center;
}

#loopSlide{
	width:100%;
	margin:40px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}



.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.simply-scroll-list li {
	list-style: none;
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0 0 0 0;
	width: 430px;
	
}
.simply-scroll-list li img {
	display: block;
	width: 100%;
	height: auto;
}


#youtube{
	width: 560px;
	display: block;
	margin: 40px auto;
}

#calender{
	width: 1200px;
	margin: 100px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}


#course{
	width: 100%;
	margin: 100px auto 0 auto;
	padding: 40px 0;
	clear: both;
	position: relative;
	background: #FAF4E2;
	
}


#course .inner{
	width: 800px;
	margin: 0 auto;
	display: block;
	
}


.menubox{
	display: block;
	overflow: auto;
	background: #ffffff;
	padding: 0 0 20px 0;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	
}

.menutitle{
	overflow: auto;
	margin: 12px 0 0 14px;
}

.menutitle .img01{
	display: block;
	float: left;
	margin:  0 42px 0 0;
}

.menutitle .img02{
	display: block;
	float: left;
	margin:  18px 70px 0 0;
}



.menutitle .img03{
	display: block;
	float: left;
	margin:  8px 0 0 0;
}


.menutitle .img04{
	display: block;
	float: left;
	margin:  0 22px 0 0;
}

.menutitle .img05{
	display: block;
	float: left;
	margin:  18px 22px 0 0;
}



.menutitle .img06{
	display: block;
	float: left;
	margin:  8px 0 0 0;
}

.menutitle .img07{
	display: block;
	float: left;
	margin:  0 8px 0 0;
}

.menutitle .img08{
	display: block;
	float: left;
	margin:  18px 4px 0 0;
}



.menutitle .img09{
	display: block;
	float: left;
	margin:  0px 0 0 0;
}

.menutxt{
	font-size: 14px;
	color: #563B23;
	padding: 0;
	margin: 10px 20px 0 18px;
	font-weight: 500;
}

.menuctxt01{
	clear: both;
	overflow: auto;
	display: block;
	margin: 10px 0 0 20px;
	
}

.menuc01{
	color: #628A2C;
	font-size: 32px;
	font-weight: 500;
	display: block;
	float: left;
	padding: 0;
	margin: 0 24px 0 0;
}

.line{
	display: block;
	float: left;
	margin: 22px 24px 0 0;
	vertical-align: middle;
}

.menuc02{
	color: #563B23;
	font-size: 20px;
	font-weight: 500;
	display: block;
	float: left;
	padding: 0;
	margin: 8px 10px 0 0;
}

.kakaku{
	font-size:16px;
}

.smenu{
	display: block;
	text-align: center;
	font-size: 13px;
	margin: -10px 0 0 0;
}

.line2{
	display: block;
	float: left;
	margin: 18px 20px 0 0;
	vertical-align: middle;
}

.menuc03{
	color: #B40019;
	font-size: 32px;
	font-weight: 500;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.kakaku2{
	font-size:24px;
	display: inline-block;
	margin: 0 0 0 0;
	vertical-align: middle;
}

.comment{
	font-size: 14px;
	color: #563B23;
	padding: 0;
	margin: 10px 0 40px 18px;
	font-weight: 500;
}


#staff{
	width: 1000px;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}

#staff .owner{
	width: 696px;
	margin: 0 auto 40px auto;
}


#staff .staffbox{
	width: 1000px;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	display: block;
}


#staff .staffbox .sbox{
	display: block;
	float: left;
	overflow: auto;
	width: 478px;
	border:1px solid #F3D87C;
	background: #FAF4E2;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	padding: 0px;
	margin: 0 40px 20px 0;
}

#staff .staffbox .sbox:nth-of-type(2n){
	margin: 0 0 20px 0;
}

#staff .staffbox .sbox .staffimg{
	display: block;
	float: left;
	margin: 20px 25px 20px 20px;
}

#staff .staffbox .sbox .staffinfo{
	display: block;
	float: left;
	margin: 20px 0 0 0;
}

#staff .staffbox .sbox .staffinfo .name{
	font-size: 18px;
	color: #563B23;
	margin: 0 0 4px 0;
	padding: 0;
}

#staff .staffbox .sbox .staffinfo .job{
	font-size: 12px;
	color: #628A2C;
	margin: 0 0 8px 0;
	padding: 0;
}
#staff .staffbox .sbox .staffinfo .mes{
	width: 294px;
	font-size: 15px;
	color: #333333;
	line-height: 1.7em;
	margin: 0 0 0 0;
	padding: 0;
}


.insta{
	width: 675px;
	margin: 0 auto;
	display: block;
}

.instalink{
	width: 180px;
	margin: 40px auto 0 auto;
}


#access{
	clear: both;
	position: relative;
	width: 1000px;
	margin: 80px auto 0 auto;
}

.accessbox{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	overflow: auto;
	background: #F3D87C;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   
}

.aleft{
	display: block;
	float: left;
	margin: 40px 26px 0 60px;
}



.atxt{
	font-size: 14px;
	margin: 8px 0 10px 0;
	font-weight: 500;
	padding: 0;
	color: #563B23;
}

.qrbox{
	display: block;
	overflow: auto;
}

.qr{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.qrinfo{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #563B23;
}


.aright{
	display: block;
	float: left;
	margin: 40px 0 0 0;
}

.footer{
	clear: both;
	width:100%;
	background: #F3D87C;
	
	padding:40px 0;
	margin:100px 0 0 0;
}




.fbox{
	width: 740px;
	margin: 0 auto;
	overflow: auto;
}

.flogo{
	display: block;
	float: left;
	margin: 0 70px 0 0;
	
}
.frbox{
	display: block;
	float: left;
	margin: 0 0 0 0;
	
}

.frinfo{
	font-size: 14px;
	color: #563B23;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

.ftxt{
	text-align:center;
	font-weight: 600;
	margin:40px 0 0 0;
	padding:0;
	color: #563B23;
}


/*company*/

#company{
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 180px 0;
	clear: both;
	position: relative;
	background: #FAF4E2;
	min-height: 600px;
	
}

.compbox{
	width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	display: block;
	overflow: auto;
	boder:1px solid #cccccc;
	background: #ffffff;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   
}

.compbox .cl{
	width: 700px;
	margin:  0 auto 10px auto;
	padding:  0 0 10px 0;
	display: block;
	
	border-bottom: 1px solid #cccccc;
	
}

.compbox .cl .cl01{
	width: 135px;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #563B23;
	
	margin: 0;
	padding: 0;
	
}
.compbox .cl .cl02{
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #563B23;
	
	margin: 0;
	padding: 0;
	
}


.pc{
	display: block;
}

.sp{
	display:none;
}


@media only screen and (max-width: 1200px) {
	
}

@media only screen and (max-width: 1025px) {
	
	
.sp{
	display: block;
}

.pc{
	display:none;
}


/* ベースレイアウト */

#wrapper {
 width: 100%;
 margin: 0;
 padding:0;
 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	

}

.contents{
	width:100%;
	position:relative;
	
}


header{
	overflow: auto;
	position: fixed;
	height: 80px;
	display: block;
	top:0;
	
}

header .logo{
	position: relative;
	display: block;
	float: left;
	width: 25%;
	margin: 25px 2% 0 5%;
}
	
	header .logo img{
		width:100%;
		height: auto;
	}

header .menu{

font-weight: 700;
font-style: normal;
	font-size: 14px;
	letter-spacing: 0.02em;
	display: none;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;

	
}

.splink{
	display: block;
	width: 24%;
	float: left;
	margin: 25px 0 0 2%;

	}
	.splink img{
		width: 100%;
		height: auto;
	}


.menubtn{
	display:block;
	position:relative;
	float: right;
	padding: 0;
	margin: 32px 5% 0 0;
	width:28px;
	
}
	.menubtn img{
		width: 100%;
		height: auto;
	}
	
	
.spmenu{
	position:fixed;
	top:80px;
	clear:both;
	width:100%;
	padding:0 0 0 0;
	z-index:10015;
	display:none;
	background-color: rgba(255,255,255,0.9); 
}
	
	.spmenu ul{
		margin: 20px 0 0 0;
	}

.spmenu ul li{
	width:100%;
	margin: 10px 0 20px 0;
	font-size:18px;
	text-align:center;
	font-weight:500;
}
.spmenu ul li a{
	color:#563B23;
}
	header .menu li img{
	vertical-align: bottom;
	margin: 0 0 0 0;
}

	.tel{
	position: relative;
		display: block;
	top:0;
	right: 0;
		padding: 0;
		margin: 0;
}
	
	
.telbtn{
	z-index: 9999;
	position: fixed;
	right: -2px;
	top:152px;
	display: none;
}

.telbtnsp{
	width: 100%;
	z-index: 9999;
	position: fixed;
	bottom: 10px;
	margin: 0;
	display: block;
}
	
	.telbtnsp img{
		margin: 0 2%;
	}

.topmain{
	overflow: auto;
	position:relative;
	clear:both;
	width:100%;
	margin:80px 0 0 0;
	padding:0;
	display:block;
	background: #FAF4E2;
}

.topmain .topbox{
	display: block;
	margin: 20px auto;
	width: 90%;
	position: relative;
	overflow: auto;
}

.topmain .mainimg{
	position:relative;
	display: block;
	margin:0 0 0 0;
	width: 100%;
	float: none;

}

	.topmain .mainimg img{
		width: 100%;
		height: auto;
	}


.maincopy01{
	width: 100%;
	position:relative;
	display:block;
	padding:0;
	margin:40px 0 0 0;
	float: none;
	
	 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	
}
	
	.maincopy01 img{
		width: 100%;
		height: auto;
	}



#gallery{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}


 .foo.delighter {
      transition: all .3s ease-out;
      transform: translateY(40px);
      opacity: 0;
   }


.foo.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo.delighter.started.ended {
      
   }


.foo2.delighter {
      transition: all .6s ease-out;
      transform: translateY(60px);
      opacity: 0;
   }


.foo2.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo2.delighter.started.ended {
      
   }

.foo3.delighter {
      transition: all .6s ease-out;
      transform: translateX(60px);
      opacity: 0;
   }


.foo3.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo3.delighter.started.ended {
      
   }

.foo4.delighter {
      transition: all .6s ease-out;
      transform: translateX(-60px);
      opacity: 0;
   }


.foo4.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .foo4.delighter.started.ended {
      
   }



.stitle{
	font-size: 32px;
font-weight: 600;
	color: #628A2C;
	display:block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.subtitle{
	font-size: 15px;
font-weight: 500;
	color: #563B23;
	letter-spacing: 0.04em;
	display:block;
	margin: 0 0 60px 0;
	padding: 0;
	text-align: center;
}

#loopSlide{
	width:100%;
	margin:40px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}



.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.simply-scroll-list li {
	list-style: none;
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0 0 0 0;
	width: 430px;
	
}
.simply-scroll-list li img {
	display: block;
	width: 100%;
	height: auto;
}
	
	#youtube{
	width: 90%;
	display: block;
	margin: 40px auto;
}
	
	#youtube iframe{
		width:100%;
		height: 200px;
	}


#calender{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}
	
	#calender iframe{
		/*
		overflow: scroll;
		height: 650px;
		*/
	}


#course{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 40px 0;
	clear: both;
	position: relative;
	background: #FAF4E2;
	
}


#course .inner{
	width: 90%;
	margin: 0 auto;
	display: block;
	
}


.menubox{
	display: block;
	overflow: auto;
	background: #ffffff;
	padding: 0 0 20px 0;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	
}

.menutitle{
	overflow: auto;
	margin: 12px 0 0 14px;
	
}

.menutitle .img01{
	display: block;
	float: none;
	width: 160px;
	margin:  0 auto;
}

.menutitle .img02{
	display: block;
	float: none;
	width: 260px;
	margin:  10px auto;
	padding: 10px 0;
	
}



.menutitle .img03{
	display: block;
	float: none;
	width: 216px;
	margin:  10px auto;
}


.menutitle .img04{
	display: block;
	float: none;
	width: 160px;
	margin:  10px auto;
}

.menutitle .img05{
	display: block;
	float: none;
	width: 90%;
	height: auto;
	margin:  10px auto;
	padding: 10px 0;
}



.menutitle .img06{
	display: block;
	float: none;
	width: 170px;
	margin:  10px auto;
}

.menutitle .img07{
	display: block;
	float: none;
	width: 160px;
	margin:  10px auto;
}

.menutitle .img08{
	display: block;
	float: none;
	width: 298px;
	margin:  10px auto;
	padding: 10px 0;
}



.menutitle .img09{
	display: block;
	float: none;
	width: 296px;
	margin:  10px auto;
}

.menutxt{
	font-size: 14px;
	color: #563B23;
	padding: 0;
	margin: 10px 20px 0 18px;
	font-weight: 500;
}

.menuctxt01{
	clear: both;
	overflow: auto;
	display: block;
	margin: 10px 0 0 20px;
	
}

.menuc01{
	color: #628A2C;
	font-size: 28px;
	font-weight: 500;
	display: block;
	float: none;
	padding: 0;
	margin: 0 24px 0 0;
}

.line{
	display: none;
	float: left;
	margin: 22px 24px 0 0;
	vertical-align: middle;
}

.menuc02{
	color: #563B23;
	font-size: 16px;
	font-weight: 500;
	display: block;
	float: left;
	padding: 0;
	margin: 8px 2% 0 0;
}

.kakaku{
	font-size:13px;
}

.smenu{
	display: block;
	text-align: center;
	font-size: 13px;
	margin: -10px 0 0 0;
}

.line2{
	display: block;
	float: left;
	margin: 18px 2% 0 0;
	vertical-align: middle;
}

.menuc03{
	color: #B40019;
	font-size: 26px;
	font-weight: 500;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.kakaku2{
	font-size:18px;
	display: inline-block;
	margin: 0 0 0 0;
	vertical-align: middle;
}

.comment{
	font-size: 14px;
	color: #563B23;
	padding: 0;
	margin: 10px 0 40px 18px;
	font-weight: 500;
}


#staff{
	width: 90%;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	
	
}

#staff .owner{
	width: 100%;
	margin: 0 auto 40px auto;
}
	
	#staff .owner img{
		width: 100%;
		height: auto;
	}


#staff .staffbox{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	display: block;
}


#staff .staffbox .sbox{
	display: block;
	float: none;
	overflow: auto;
	width: 99%;
	border:1px solid #F3D87C;
	background: #FAF4E2;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	padding: 0px;
	margin: 0 0 20px 0;
}

#staff .staffbox .sbox:nth-of-type(2n){
	margin: 0 0 20px 0;
}

#staff .staffbox .sbox .staffimg{
	display: block;
	float: left;
	width: 30%;
	margin: 20px 4% 20px 4%;
}
	
	#staff .staffbox .sbox .staffimg img{
		width: 100%;
		height: auto;
	}

#staff .staffbox .sbox .staffinfo{
	display: block;
	float: left;
	width: 58%;
	margin: 20px 4% 0 0;
}

#staff .staffbox .sbox .staffinfo .name{
	font-size: 18px;
	color: #563B23;
	margin: 0 0 4px 0;
	padding: 0;
}

#staff .staffbox .sbox .staffinfo .job{
	font-size: 12px;
	color: #628A2C;
	margin: 0 0 8px 0;
	padding: 0;
}
#staff .staffbox .sbox .staffinfo .mes{
	width: 100%;
	font-size: 15px;
	color: #333333;
	line-height: 1.7em;
	margin: 0 0 0 0;
	padding: 0;
}


.insta{
	width: 100%;
	margin: 0 auto;
	display: block;
}
	
	.insta iframe{
		width: 90%;
		margin: 0 auto;
		
	}

.instalink{
	width: 180px;
	margin: 40px auto 0 auto;
}


#access{
	clear: both;
	position: relative;
	width: 90%;
	margin: 40px auto 0 auto;
}

.accessbox{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px 0;
	overflow: auto;
	background: #F3D87C;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   
}

.aleft{
	display: block;
	float: none;
	margin: 40px 0 0 4%;
}



.atxt{
	font-size: 14px;
	margin: 8px 0 10px 0;
	font-weight: 500;
	padding: 0;
	color: #563B23;
}

.qrbox{
	display: block;
	overflow: auto;
}

.qr{
	display: block;
	float: left;
	margin: 0 2% 0 0;
	width: 20%;
}
	.qr img{
		width:100%;
		height: auto;
	}

.qrinfo{
	width: 78%;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #563B23;
}


.aright{
	display: block;
	float: none;
	width: 90%;
	margin: 40px auto 0 auto;
}
	
	.aright img{
		width: 100%;
		height: auto;
	}

.footer{
	clear: both;
	width:100%;
	background: #F3D87C;
	
	padding:40px 0 80px 0;
	margin:50px 0 0 0;
}




.fbox{
	width: 90%;
	margin: 0 auto;
	overflow: auto;
}

.flogo{
	display: block;
	float: none;
	margin: 0 0 20px 0;
	
}
.frbox{
	display: block;
	float: none;
	margin: 0 0 0 0;
	
}

.frinfo{
	font-size: 14px;
	color: #563B23;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

.ftxt{
	text-align:center;
	font-weight: 600;
	margin:40px 0 0 0;
	padding:0;
	color: #563B23;
}


/*company*/

#company{
	
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 100px 0;
	clear: both;
	position: relative;
	background: #FAF4E2;
	
}

.compbox{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	display: block;
	overflow: auto;
	boder:1px solid #cccccc;
	background: #ffffff;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   
}

.compbox .cl{
	width: 90%;
	margin:  0 auto 10px auto;
	padding:  0 0 10px 0;
	display: block;
	
	border-bottom: 1px solid #cccccc;
	
}

.compbox .cl .cl01{
	width: 100%;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #563B23;
	
	margin: 0 0 4px 0;
	padding: 0;
	
}
.compbox .cl .cl02{
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: #563B23;
	
	margin: 0;
	padding: 0;
	
}


	
	
	
}