@charset "utf-8";

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

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

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


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

#nav {
  position: relative;
  height: 55px;
  background: url(../img/common/head_bg.jpg) no-repeat top;
  background-size: contain;
}

#nav ul {
  width:100%;
  max-width: 1190px;
  height: 75px;
  margin: 0 auto;
}

#nav ul li {
  display: block;
  height: 100%;
  text-align: center;
  padding: 0 0 0;
  float: left;
  z-index: 1;
  text-indent: -9999px;
  position: absolute;
  top: 7%;
}

#nav ul li:last-of-type {
  margin-right: 0px;
}

#nav ul li a {
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  display: block;
}

#nav ul li a:hover {}

#nav ul li#nav01 {
  width:13%;
  max-width: 130px;
  background: url(../img/common/menu01.png) no-repeat;
  background-size:contain;
  left: 0;
}

#nav ul li#nav02 {
  width:15%;
  max-width: 154px;
  background: url(../img/common/menu02.png) no-repeat;
  background-size:contain;
  left: 18%;
}

#nav ul li#nav03 {
  width:22%;
  max-width: 218px;
  background: url(../img/common/menu03.png?date=20230419) no-repeat;
  background-size:contain;
  right:16%;
}

#nav ul li#nav04 {
  width:13%;
  max-width: 121px;
  background: url(../img/common/menu04.png) no-repeat;
  background-size:contain;
  right: 0;
}

.line01{
  position:absolute;
  top:3%;
  left:14%;
  width:1px;
  height:37px;
}
.line02{
  position:absolute;
  top:3%;
  right:13%;
  width:1px;
  height:37px;
}


#nav ul li a:hover {}



/* 見出し 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;}

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

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

/* ロゴ */



/* 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;
}


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

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

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



/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/

.flex_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

}