/*common*/


body{
	font-family:'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:1.4em;
	}

.gothic{
	font-family:'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
	
.mincyo{
	font-family:'A-OTF A1明朝 Std','A-OTF A1 Mincho Std','ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

body,html{
	/*height:100%;*/
	background:#fff;
	}

p{
	line-height:1.6em;
	font-size:13px;
	color:#fff;
	text-align:justify;
	}
	
a{
	color:#fff;
	text-decoration:none;
	transition:0.3s;
	}
	
a:hover{
	}
	
img.size{
	width:100%;
	}

.anime{
	transition: all 0.3s ease-out;
	}

.onlySP{
	display:none;
	}

.relative{
	position:relative;
	}

p.caption{
	
	font-size:12px;
}

#mainWrap{
	width:auto;
	}
	
	
div.contentsBlockInner{
	padding:45px 20px;

}
	

p.btn01 a{
	display:block;
	background:#AC9B7F;
	color:#fff;
	padding:18px 0;
	text-align:center;
	font-size:15px;
	position:relative;
	z-index: 1;
}

p.btn01 a:after{
	 content:url("../img/arr_white02.svg");
	 width:5px;
	 height:auto;
	 position:absolute;
	 top:50%;
	 right:20px;
	 z-index:99;
	 margin-top:-10px;
}


/*~common*/
	

/*header*/
header{
	position:fixed;
	bottom:0;
	/*background:#fff;*/
	background: rgba(0,0,0,0.75);
	z-index:99;
	width:100%;
	text-align:center;
}
	
header li{
	display:inline-block;
	width:19%;
}
	
header li a{
	display:block;
	padding:15px 0px;
	color:#bbb;
}

header li:first-child a{
	background-image:url(../img/topbtn.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	text-indent: -9999px;
}

header li:last-child a{
	background-image:url(../img/call.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	text-indent: -9999px;
}
	

/*mainV*/
#mainV{
	height:100vh;
	position:relative;
}

#mainV h1{
	position:absolute;
	top:50%;
	left:50%;
	width:83px;
	margin:-54px 0 0 -42px;
	margin:-100px 0 0 -42px;
	z-index:10;
}

#mainV div{
	height:100vh;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

#mainV #main01{
	background-image:url("../img/main01.jpg");
}

#mainV #main02{
	background-image:url("../img/main03.jpg");
}


#mainV #main03{
	background-image:url("../img/main02.jpg");
}

#mainV #main04{
	background-image:url("../img/main04.png");
}
#mainV #main05{
	background-image:url("../img/main05.png");
}


	/*slideshow*/
	.slideShow01 {
	  position:relative;
	  width:100%;  
	}
	

	
	.slideShow01 div {
	  position:absolute;
	  left:0;
	  top:0;
	  width:100%;  
	}
	
	.slideShow01 div img {
	  width:100%;
	  height:auto;
	}
	
	.slideShow01:after {
	  content:"";
	  display:block;
	  width: 100%;
    height:100vh;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
	}




/*concept*/
#concept{
	background:#322B27;
}

#concept div.contentsBlockInner{
	padding:60px 30px;
}


#concept p,
#concept h2{
	color:#fff;
	line-height:1.8;

}

#concept p{
	line-height:2;

}

#concept h2,#recruit h2.mincyo{
	font-size:20px;
	text-align:center;
	letter-spacing:0.1em;
	margin-bottom:30px;
	
}



/*service*/
#service{
	background:#423C38;
	text-align:center;
}
	/*photos*/
	.photoSlider {
	width:100%;
	overflow: hidden;
	}
	
	.photoSlider li{
    padding: 0 1px 0;	
	}
	
	
	.photoSlider li img {
	  width:254px;
	  height:auto;
	}

  .photoSlider .slick-prev,
  .photoSlider .slick-next {
  	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    background-repeat: no-repeat;
	 background-position:  center center;
	 background-size: 13px auto;
	 display: block;
	 text-indent: -9999px;
	 width:52px;
	 height:52px;
	 position:absolute;
	 top:50%;
	 z-index:99;
	 margin-top: -26px;
	 background-image: url("../img/arr_white.svg");
  }
  
	.photoSlider .slick-prev{
	 left:0;
	}

	.photoSlider .slick-next{
	 right:0;
	 transform:rotate(180deg)
	}





#service h2,
#information h2,
#access h2,#recruit h2{
	font-size:17px;
	font-family: 'EB Garamond', serif;
	margin:0 0 32px;
	text-align:center;
	color:#fff;
	letter-spacing:0.05em;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	display:inline-block;
}

#service table{
	color:#fff;
	text-align:left;
	width:100%;
	line-height:1.8;
	margin:-10px 0 25px;
}

#service table th{
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:10px 15px 10px 0;
	width:6em;
}

#service table td{
	border-bottom:1px solid #666;
	padding:10px 0 10px 0;
}


/*information*/
#information{
	background:#322B27;
	text-align:center;
}

#information #fbBlock{
	background:#fff;
	height:600px;
}


/*access*/
#access{
	background:#322B27;
	text-align:center;
}

#access p.read{
	margin:15px 20px 0;
	text-align:center;
}

#access h3{
	font-size:19px;
	color:#fff;
}

#access div.contentsBlockInner p{
	text-align:center;
	}
	
#access p#tel{
	font-size:30px;
	letter-spacing:0.1em;
	margin-top:27px;
	}
	
#access p#tel span{
	font-size:22px;
	letter-spacing:0.0em;
	margin-right:15px;
	}
	
#access p#time,#access p#address{
	font-size:15px;
	letter-spacing:0.1em;
	margin-top:27px;
	}
	
#access p.btn01{
	margin:55px 0 0;
}

#access #map{
	margin-top:-70px;
	height: 600px;
}

/*recruit*/
#recruit{
	background:#322B27;
	text-align:center;
}

#recruit p.read{
	margin:15px 20px 0;
	text-align:center;
}

#recruit h3{
	font-size:19px;
	color:#fff;
}

#recruit div.contentsBlockInner p{
	text-align:center;
	}
	
#recruit p#tel{
	font-size:30px;
	letter-spacing:0.1em;
	margin-top:27px;
	}
	
#recruit p#tel span{
	font-size:22px;
	letter-spacing:0.0em;
	margin-right:15px;
	}
	
#recruit p#time,#recruit p#address{
	font-size:15px;
	letter-spacing:0.1em;
	margin-top:27px;
	}
	
#recruit p.btn01{
	margin:55px 0 0;
}

#recruit #map{
	margin-top:-70px;
	height: 600px;
}


/*footer*/
footer{
	background:#322B27;
	padding:20px 0 50px;
}
	

footer p{
	text-align:center;
	font-size:11px;	
}
	
#pc_back {
  display: none;
}


