@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: index.css（TOPページ）

-------------------------------------------*/


/*==================================
	body
=================================*/
body{ visibility:hidden; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-top:0 !important;}


/*=========================================
	header
=========================================*/
#header{}
#header #headInner{ background:rgba(134,103,35,0.85);}
#header h1.logo img.w{ display:inherit;}
#header h1.logo img.b{ display:none;}


/*=================================
	mv
=================================*/
/* fullSlideShow
--------------------------- */
.fullSlideShow { width:100%; position:relative; overflow:hidden;}
.fullSlideShow ul.slider { /*top:50%;*/ left:50%; width:100%; height:100%; position:fixed; /* absolute or fixed */ overflow:hidden;}
.fullSlideShow ul.slider li { top:0; left:0; width:100%; height:100%; display:none; position:absolute;}
.fullSlideShow ul.slider li#mv01{ background:url(../../img/mv/mv01.jpg) center no-repeat; background-size:cover;}
.fullSlideShow ul.slider li#mv02{ background:url(../../img/mv/mv02.jpg) center no-repeat; background-size:cover;}
.fullSlideShow ul.slider li#mv03{ background:url(../../img/mv/mv03.jpg) center no-repeat; background-size:cover;}
 
/* SideNavi
------------------------- */
/*.fullSlideShow .btnPrev,
.fullSlideShow .btnNext { margin-top:-25px; top:50%; width:50px; height:50px; position:fixed; z-index:105;}
.fullSlideShow .btnPrev { left: 10px; background: transparent url(../js/fullSlideShow/btnPrev.png) no-repeat center center;}
.fullSlideShow .btnNext { right: 10px; background: transparent url(../js/fullSlideShow/btnNext.png) no-repeat center center;}*/
 
 
/* PagiNation
--------------------------- */
.pagiNation { display:none;}
/*.pagiNation a { margin:0 5px; width:20px; height:20px; display:inline-block; overflow:hidden; background:#000;}
.pagiNation a.pnActive { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}*/
 
 
 /* mvCopy
--------------------------- */
.fullSlideShow .mvCopy{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:440px; height:460px; z-index:100;}
 
 
/* Wrapper
--------------------------- */
#wrapper { width:100%; background:#fff; position:absolute; z-index:120;}


/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul.slider:after { content:"."; height:0; clear:both; display:block;  visibility:hidden;}
.fullSlideShow ul.slider { display:inline-block; overflow:hidden;}


/*=================================
	コンセプト
=================================*/
#concept{ padding:130px 0; background:url(../../img/bg_concept01.png) left center no-repeat,url(../../img/bg_concept02.gif) 97% 50px no-repeat; background-size:50%,auto;}
#concept .inner{ margin:0 0 0 53%;}
#concept .inner h2{ font-size:30px; margin:0 0 20px; letter-spacing:0.3em;}
#concept .inner h2 span{ color:#b18932;}
#concept .inner .txt{ font-size:15px; margin:0 0 30px; letter-spacing:0.3em; line-height:2.8;}
#concept .inner .btnMore{ width:200px; margin:0;}


/*=================================
	選ばれる理由
=================================*/
#reason{ background:#f6f5f0; padding:60px 0;}
#reason h2{ font-size:25px; text-align:center; margin:0 0 25px; letter-spacing:0.4em;}
#reason h2 span.en{ display:block; font-size:11px; color:#666; letter-spacing:0.2em;}
#reason ul{ max-width:1100px; margin:0 auto 30px; overflow:hidden;}
#reason ul li{ float:left; width:32%; margin:0 0.66%;}


/*=================================
	お知らせ
=================================*/
#news{ padding:80px 0;}
#news .inner{ max-width:1000px; margin:0 auto; overflow:hidden; position:relative;}
#news .inner h2{ float:left; width:22%; position:relative;}
#news .inner h2:before{ content:""; display:block; width:1px; height:20px; background:#ccc; position:absolute; right:0;}
#news .inner h2 span.en{ font-size:26px; display:block;}
#news .inner .newsBlock{ float:left; padding:0 0 0 80px; font-family: "游ゴシック", "Yu Gothic", YuGothic;}
#news .inner .newsBlock dl{ margin:0 0 20px;}
#news .inner .newsBlock dl dt{ float:left; width:120px; color:#b18932; font-weight:bold;}
#news .inner .newsBlock dl dd{ margin:0 0 0 120px;}
#news .inner .btnMore{ position:absolute; left:0; top:90px; width:120px;}
#news .inner .btnMore a{ background:#fff; color:#000; padding:8px 0;}
#news .inner .btnMore a:hover{ background:#000; color:#fff;}


/*=================================
	採用情報
=================================*/
#recruit{ position:relative; padding:20px 0; overflow:hidden;}
#recruit:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	background:url(../../img/bg_recruit.jpg) center no-repeat;
	background-size:cover !important;
}
/*#recruit:hover:after{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}*/
#recruit .overlay{ border:1px solid #fff; margin:0 20px; color:#fff; text-align:center; padding:50px 0; z-index:1; position:relative; font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic";}
#recruit .overlay h2{ font-family: 'Josefin Sans', sans-serif; font-weight:600; font-size:40px; letter-spacing:0.1em; line-height:1; color:#fff;}
#recruit .overlay h2:after{ content:""; display:block; width:20px; height:1px; margin:15px auto; background:#fff;}
#recruit  .overlay .txt{ letter-spacing:0.1em; font-weight:bold; font-size:18px; line-height:2.2;}
#recruit .overlay .btnMore{ border:1px solid #fff; padding:10px 0;}
#recruit a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#recruit:hover .btnMore{ border:1px solid #33a9bb; background:#33a9bb; color:#fff;}

/*ボタン*/
.btnRecruit{ overflow:hidden;}
.btnRecruit li{ float:left; width:33.333%;}
.btnRecruit li a{ padding:40px 0; font-size:22px; font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic";}





/*===================================================

	スマホ

===================================================*/
@media only screen and (max-width: 739px) {
/*==================================
	body
=================================*/
body{ visibility:inherit;}


/*=================================
	mv
=================================*/
/* fullSlideShow
--------------------------- */
.fullSlideShow { height:0 !important; padding:0 0 100%; margin:0; overflow:inherit;}
.fullSlideShow ul.slider { position:absolute; width:100%; height:100%; display:block; z-index:-1;}
.fullSlideShow ul.slider li {}
 
 /* mvCopy
--------------------------- */
.fullSlideShow .mvCopy{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:60%; height:45%; z-index:0;}

/* Wrapper
--------------------------- */
#wrapper { width:100%; background:#fff; position:inherit; z-index:1;}


/*=================================
	コンセプト
=================================*/
#concept{ padding:40px 0 65%; background:url(../../img/bg_concept01.png) left 90% no-repeat,url(../../img/bg_concept02.gif) 95% 30px no-repeat; background-size:95%,30%;}
#concept .inner{ margin:0 0 0 7%;}
#concept .inner h2{ font-size:22px; margin:0 0 15px;}
#concept .inner h2 span{}
#concept .inner .txt{ font-size:13px; margin:0 0 20px; line-height:2.5;}
#concept .inner .btnMore{ width:60%;}


/*=================================
	選ばれる理由
=================================*/
#reason{ padding:40px 0;}
#reason h2{ font-size:18px; margin:0 0 15px; letter-spacing:0.2em;}
#reason h2 span.en{ font-size:10px;}
#reason ul{ margin:0 auto 20px; padding:0 2%;}
#reason ul li{}


/*=================================
	お知らせ
=================================*/
#news{ padding:30px 4% 40px;}
#news .inner{ max-width:1000px; margin:0 auto; overflow:hidden; position:relative;}
#news .inner h2{ float:none; width:auto; text-align:center; margin:0 0 15px;}
#news .inner h2:before{ content:""; display:block; width:1px; height:20px; background:#ccc; position:absolute; right:0;}
#news .inner h2 span.en{ font-size:22px;}
#news .inner .newsBlock{ float:none; padding:0;}
#news .inner .newsBlock dl{ margin:0 0 20px;}
#news .inner .newsBlock dl dt{ float:none; width:auto;}
#news .inner .newsBlock dl dd{ margin:0;}
#news .inner .newsBlock dl dd a{ text-decoration:underline;}
#news .inner .btnMore{ position:inherit; left:0; top:0; width:50%;}


/*=================================
	採用情報
=================================*/
#recruit{ padding:10px 0;}
#recruit:after{}
#recruit .overlay{ margin:0 10px; padding:30px 0; z-index:1; position:relative;}
#recruit .overlay h2{ font-size:30px;}
#recruit .overlay h2:after{ width:20px; height:1px; margin:10px auto 15px;}
#recruit  .overlay .txt{ font-size:13px;}
#recruit .overlay .btnMore{ border:1px solid #33a9bb; background:#33a9bb;}
#recruit a{}

/*ボタン*/
.btnRecruit{}
.btnRecruit li{ float:none; width:auto;}
.btnRecruit li a{ padding:25px 0; font-size:18px;}






	
}