@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{display: block;}
#nav_sp{display: none;}

#nav {
  width:100%;
  height: 110px;
  background: url(../img/common/navi_bg.png) repeat-x;
}

#nav ul {
  width:1200px;
  height: 33px;
  margin: 0 auto;
  display: flex;
  padding:38px 0;
}

#nav ul li {
  position:relative;
  z-index: 2;
  text-align: center;
}
#nav ul li::after{
  width:11px;
  height:34px;
  display: block;
  content:'';
  position:absolute;
  top:0;
  right:0;
  z-index:999;
  background:url(../img/common/navi_border.png);
}

#nav ul li:last-child::after {
  display: none;
}

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

#nav ul li a:hover {}

#nav ul li#nav01, #nav ul li#nav02, #nav ul li#nav03, #nav ul li#nav04 {
  width:16%;
}
#nav ul li#nav05, #nav ul li#nav06, #nav ul li#nav07 {
  width:12%;
}

#nav ul li#nav01 {background: url(../img/common/navi01_on.png) no-repeat center top 1px;}
#nav ul li#nav02 {background: url(../img/common/navi02_on.png) no-repeat center top 1px;}
#nav ul li#nav03 {background: url(../img/common/navi03_on.png) no-repeat center top 1px;}
#nav ul li#nav04 {background: url(../img/common/navi04_on.png) no-repeat center top 1px;}
#nav ul li#nav05{background: url(../img/common/navi05_on.png) no-repeat center top 1px;}
#nav ul li#nav06{background: url(../img/common/navi06_on.png) no-repeat center top 1px;}
#nav ul li#nav07{background: url(../img/common/navi07_on.png) no-repeat center top 1px;}

#nav ul li img{
  width:auto;
	height: 33px;
  margin:0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1.0;
	overflow: hidden;
}
#nav ul li img:hover{
	opacity: 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;
}

.bnr_protection{
  width: 520px;
  margin: 0 auto;
  img{
    width: 100%;
  }
}


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

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

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




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


}