* { margin: 0; padding: 0; }
* {
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

html { overflow: auto; }

body {
   overflow: hidden;
   color: #333333;
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "ＭＳ Ｐゴシック", Osaka;
   line-height: 1.7em;
   font-size: 18px;
}

img {
   max-width: 100%;
   height: auto;
   border: none;
   vertical-align: bottom;
}

ul, ol { list-style: none; }

a {
   text-decoration: none;
   color: #333333;
}

/*--------------------*/
/* ヘッダーとナビ囲い 共通
/*--------------------*/
#header-fixed {
   position: fixed;
   width: 100%;
   background: #ffffff;
   z-index: 50;
   box-shadow: 0 0 12px rgba(0,0,0,.3);
}

/*---------------------*/
/* ヘッダー 共通
/*---------------------*/
header {
   height: 70px;
   overflow: hidden;
}

#header-left {
   padding-top: 15px;
   float: left;
}

#header-right {
   float: right;
}

#header-right ul {
   height: 70px;
   overflow: hidden;
}

#header-right ul li {
   float: left;
}

#header-right ul li a {
   margin: 20px 0 2px 2.5em;
   padding-bottom: 4px;
   padding-left: 2px;
   color: #545454;
   font-size: 15px;
   font-weight: bold;
   letter-spacing: 3px;
   text-align: center;
}

/*-------------------*/
/* コンテナー 共通
/*-------------------*/
#contents-all { /*コンテンツ全部囲い*/
   margin-top: 70px;
}

.container {
   width: 1200px;
   max-width: 1200px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   clear: both;
}

/*-------------------*/
/* トップへ戻る 共通
/*-------------------*/
#page-top {
   padding: 8px 0 14px;
   border-top: 1px solid #d2d2d2;
   text-align: center;
}

/*-------------------*/
/* フッターナビ 共通
/*-------------------*/
/*フッターメニューありの場合
#f-nav {
   padding: 50px 0;
   background: #edf5f9;
   overflow: hidden;
}

#bx-l {
   width: 450px;
   float: left;
}

.company {
   font-size: 22px;
   margin-bottom: 20px;
}

.address {
   font-size: 16px;
   margin-bottom: 0;
}

.tel-fax {
   font-size: 16px;
   margin-bottom: 0;
}

.mail {
   margin-bottom: 25px;
   font-size: 16px;
}

.copy {
   font-size: 14px;
   margin-bottom: 0;
}

#bx-r {
   width: 750px;
   float: left;
}

#bx-r ul {
   padding: 0 2em;
   float: right;
}

#bx-r ul li {
   padding: 4px 0;
}

#bx-r ul li a {
   font-size: 13px;
}

#bx-r ul li a:hover {
   text-decoration: underline;
}
*/
/*-------------------*/
/* フッター 共通
/*-------------------*/
footer {
   padding: 80px 0 70px;
   background: #edf5f9;
   overflow: hidden;
}

#bx-l {
   width: 450px;
   float: left;
   overflow: hidden;
}

.company {
   font-size: 22px;
   float: left;
}

.copy {
   margin-left: 20px;
   font-size: 14px;
   float: left;
}

#bx-r {
   width: 750px;
   float: left;
   overflow: hidden;
}

.address {
   font-size: 16px;
   text-align: right;
}

/*-------------------*/
/* パンクズリスト共通 TOP以外
/*-------------------*/
#pankuzu {

}

#pankuzu ol li {
   display: inline;
}

#pankuzu ol li:before {
   content: " > ";
}

#pankuzu ol li:first-child:before {
   content: none;
}

#pankuzu a:hover {
   text-decoration: underline;
   color: #0092ce;
}

/*-------------------*/
/* 左側コンテンツ共通 TOP以外
/*-------------------*/



/*-------------------*/
/* 右側コンテンツ共通 TOP以外
/*-------------------*/



/* 上記削除
---------------------*/
.sp { display: none; }
.sp-smal { display: none; }
.border-none { border: none; }
.clear-both { clear: both; }


/**-----------------**/
/** 600px未満に適応 **/
/**-----------------**/
@media screen and (max-width: 600px) {

   /** **/
   .pc { display: none; }
   .sp { display: block; }

   body {
      position: relative;
   }

   /** ヘッダー **/
   header {
      height: 55px;
      overflow: hidden;
   }

   #header-left {
      padding: 0;
   }

   /**コンテンツ全部囲い**/
   #contents-all {
      margin-top: 55px;
   }

   /**コンテナー**/
   .container {
      width: 96%;
      max-width: 100%;
   }

   /**フッター 共通**/
   footer {
      padding: 40px 0 40px;
   }

   #bx-l {
      width: 100%;
      clear: left;
   }

   .company {
      font-size: 22px;
      float: left;
   }

   .copy {
      margin-left: 0;
      clear: left;
   }

   #bx-r {
      width: 100%;
      clear: left;
   }

   .address {
      text-align: left;
   }

   .address i {
      padding-right: 5px;
   }

   /**メニュー開くボタン**/
   #menu-open {
      position: fixed;
      cursor: pointer;
      right: 0;
      top: 0;
      width: 66px;
      height: 55px;
      line-height: 55px;
      text-align: center;
      color: #ffffff;
      background: #0092ce;
      z-index: 110;
   }

   /*メニュー閉じるボタン*/
   #menu-close {
      cursor: pointer;
      line-height: 54px;
      font-size: 60px;
      width: 100%;
      height: 60px;
      color: #ffffff;
      background: #0066a2;
      z-index: 120;
   }

   /*スマホメニュー*/
   #sp-nav {
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      text-align: center;
      background: #006eb0;
      overflow-y: scroll;
      -webkit-overflow-scrolling:touch;
      z-index: 210;
   }

   #sp-nav ul li {
      width: 100%;
      height: 60px;
      line-height: 60px;
      border-bottom: 1px solid #5680B3;
      background: #006eb0;
      display: block;
   }

   #sp-nav ul li a {
      color: #ffffff;
      display: block;
   }

   #sp-nav-l {
      width: 50%;
      float: left;
      border-right: 1px solid #5680B3;
   }

   #sp-nav-r {
      width: 50%;
      float: right;
   }

}

/**-----------------**/
/** 440px未満に適応 **/
/**-----------------**/
@media screen and (max-width: 440px) {

}

/**-----------------**/
/** 400px未満に適応 **/
/**-----------------**/
@media screen and (max-width: 400px) {

   /** ヘッダー共通 **/


}

/**-----------------**/
/** 360px未満に適応 **/
/**-----------------**/
@media screen and (max-width: 360px) {



}