@charset "utf-8";

/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 741px) {

  html {
    font-size: 57%;
  }

/* fook */
.only_pc_none {display:none!important; }
.sp_br{display: none;}

.float_L{ float: left !important;}
.float_R{ float: right !important; }


/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav-toggle{ display:none !important;}

#nav {
  width:840px;
  position: absolute;
  top:5px;
  left:210px;
}


#nav ul {
  width:100%;
  margin: 0 auto;
  position: relative;
}
#nav ul::before{
  content:url(../img/common/navi_line.png);
  position:absolute;
  top:11px;
  left:0px;
}
#nav ul li{
  font-size:1.6rem;
  font-weight: bold;
  padding:0 32px;
  float:left;
  display: block;
  position: relative;
  text-align: center;
  letter-spacing:1.5px;
}
#nav ul li::after{
  content:url(../img/common/navi_line.png);
  position:absolute;
  top:11px;
  right:0px;
}
#nav ul li.last::after{
  content:'';
  padding-right:0;
}
#nav ul li a{
  text-decoration: none;
  display: block;
}

#nav ul li a:hover{
  color:#c54720;
}

#nav ul li span{
  display: block;
  font-size:1.0rem;
  color:#c7851a;
  letter-spacing:1px;
}



/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2{}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ font-size: 26px; }

/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {}



/*---------------------------------------------
 ** width
---------------------------------------------*/
.w1100{width:1100px !important;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mb0{ margin-bottom: 0 !important;}

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.display_flex {display:flex;}
.flex_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex_item_clounm_3 { width:31.5%; }
.flex_item_clounm_2 { width:48.5%; margin-bottom:25px; }
.flex_item_clounm_4 {width:23.5%;margin-bottom:25px;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
/* ヘッダー */

/* ロゴ */
h1 a{ display: block; width: 200px; height: 60px; background: url( ../img/common/logo2.png) no-repeat; background-size: 90%;}

/* TEL */
.tel {width: 315px; height:64px; float:left; margin: 20px 0 0 0; background:url( ../img/common/tel.png) 0 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

/* メインイメージ */
.main_img .pc{
  display: block;
}
.main_img p.sp {
  display: none;
}

.illust{ width:300px; margin: 0 auto;}


/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 **  フッター
---------------------------------------------*/
/* フッター */
.footer_inner   {}

/* ページTOPへ */
#pageTop a {  width: 77px; height: 70px; }



/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/
.floor dd{

  height: 138px;
}

}

/*=================================================================================================================================*/
/**  ヘッダー・フッター　	*/
/*=================================================================================================================================*/
@media screen and (max-width:1280px) and (min-width: 741px) {

.header_wrapper {
  height:150px;
}






#nav {
  top:85px; left:0; right:0; margin:0 auto;}

#header .tel_box{ top:10px;}


.foot_box .tel_box{ top:40px; right:20%;}

.foot_ban{
  left:3%;
}

#copyright{
  padding-bottom:10px;
}



}