@charset "utf-8";
/*////////////////////////////////////////////////////

  レスポンシブ

////////////////////////////////////////////////////*/

  /* PC中 */
  @media screen and (max-width: 1360px){
    #sitemapGroup01 {width: 170px;}
    #sitemapGroup02 {width: 170px;}

  }
  /* PC小 */
  @media screen and (max-width: 1259px){
    #sitemap .ulSitemap02 {display: none;}
    #sitemapGroup01 {width: 100px;}
    #sitemapGroup02 {width: 100px;}
  }
  /* スマホ */
  @media screen and (max-width: 736px){
    #contents {
      font-size: 13px;
      line-height: 1.7;
    }
    #clopContent, header {min-width: 100%; width: 100%;}
    header {
      height: auto;
      padding: 0;
      background-color: transparent;
    }

    /* グローバルメニュー */
    #gNavWrap {
      padding: 0;
      position: relative;
    }
      .logoWp {
        background-color: #000;
      }
      #logo {
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        height: 60px;
        width: 33%;
        display: table;
      }
      #logo a {
        display: table-cell;
        vertical-align: middle;
      }
      #logo a img {
        width: 100%;
        height: auto;
      }
      #gNav {
        width: 100%;
        padding: 0;
      }
        #gNav li {
          padding: 0;
          font-weight: 900;
          font-size: 15px;
          border-right: none;
          text-align: center;
          border-bottom: 1px solid #666;
          float: none;
          background: rgba(0, 0, 0, 0.7) url(/common/img/bg_dot02.gif) 0 0 repeat;
          background-size: 2px;
        }
        #gNav li a {
          padding: 18px 10px;
          display: block;
        }
        #gNav li a.active,
        #gNav li a:hover {color: #fff;}
    /* トップメニュー */
    #topNav {
      float: none;
      padding: 0;
      background-color: #000;
      border-bottom: 1px solid  #666;
    }
      #topNav li {
        float: left;
        padding: 0;
        text-indent: -9999px;
        border-right: 1px dotted  #333;
      }
      #topNav li a {
        display: block;
        width: 50px;
        height: 50px;
      }
      #topNav li.topNav01 a {
        background: url(/common/img/spr_common02.png) 16px -590px no-repeat;
        background-size: 50px 750px;
      }
      #topNav li.topNav02 a {
        background: url(/common/img/spr_common02.png) 13px -637px no-repeat;
        background-size: 50px 750px;
      }
      #topNav li.topNav03 a {
        background: url(/common/img/spr_common02.png) 19px -538px no-repeat;
        background-size: 50px 750px;
      }
    /* アコーディオン用メニュー */
    #openHeader {
      position: absolute;
      top:0;
      right: 0;
      background-color: #333;
      display: block;
      width: 60px;
      height: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px;
    }
    #openHeader img {
      width: 100%;
      height: auto;
    }
    #closeHeader {
      width: 35%;
      padding: 5px 0;
      background: url(/common/img/spr_common02.png) 90% -691px no-repeat,
      url(/common/img/bg_dot02.gif) 0 0 repeat;
      background-size: 50px 750px,2px;
      border: 1px solid  #666;
      text-align: center;
      font-size: 11px;
      position: absolute;
      bottom: 10px;
      right: 10px;
    }
    #gNav,#topNav,#closeHeader {display: none;}

    /* コンテンツ */
    #contents {
      padding-top: 60px;
    }
    #wrapper {
      padding: 0 20px 20px;
    }

    /*　#social　*/
    #social {
      position: relative;
      bottom: auto;
      left: auto;
      padding: 0 20px 20px;
    }
      #social li{
        width: 28px;
        height: 28px;
        padding-right: 8px;
      }
      #social li i {
        width: 28px;
        height: 28px;
      }
      #fb {
        background: url(/common/img/spr_common02.png) 0 -360px no-repeat;
        background-size: 60px 900px;
      }
      #tweet {
        background: url(/common/img/spr_common02.png) 0 -420px no-repeat;
        background-size: 60px 900px;
      }
      #google_plus {
        background: url(/common/img/spr_common02.png) 0 -480px no-repeat;
        background-size: 60px 900px;
      }
      #evernote {
        background: url(/common/img/spr_common02.png) 0 -540px no-repeat;
        background-size: 60px 900px;
      }
      .google_hide {
        height: 28px;
        width: 28px;
        }

    /* フッター */

    footer table, footer table tbody, footer table tr, footer th, footer td#address, footer td#sitemap {
      display: block;
      width: 100%;
      padding: 0;

    }

    footer {
      padding: 10px 10px 55px;
      min-width: 320px;
      -webkit-background-size: 630px 154px;
      background-size: 630px 154px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
      #fDescription, #topicPath {display: none;}
      #bnrFooter {position: relative;}
      footer th {
        text-align: center;
        padding: 35px 0 10px;
        background: url(/common/img/tit_site01.png) 50% 10px no-repeat;
        background-size: 95px 18px;
        font-size: 1.6px;
        line-height: 2em;
      }
      #fInquiry {
        margin-bottom: 5px;
      }
      #address address {margin-bottom: 10px;}

        #address .tel,
        #address .contact{
          font-size: 16px;
          width: auto;
          float: none;
          border-left: none;
          border-right: none;
          border-top: 1px solid  #4f4f4f;
          background: url(/common/img/bg_dot02.gif) 0 0 repeat;
          background-size: 2px;
          text-align: left;
          padding: 0;
        }
        #address .tel a,
        #address .contact a{
          padding: 18px 10px;
          display: block;
          position: relative;
          background: none;
        }
        #address .contact {
          margin-bottom: 0;
          border-bottom: 1px solid #4f4f4f;
        }
        #address .tel a:after {
          content: '';
          display: block;
          width: 16px;
          height: 24px;
          background: url(/common/img/spr_common02.png) 0 -180px no-repeat;
          background-size: 60px 900px;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -12px;
        }
        #address .contact a:after {
          content: '';
          display: block;
          width: 12px;
          height: 12px;
          background: url(/common/img/spr_common02.png) 0 0 no-repeat;
          background-size: 60px 900px;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -4px;
        }
        #address dl {
          display: table;
          width: 600px;
        }
        @media screen and (max-width: 736px){
          #address dl {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          }
        }
        #address dt {
          width: 120px;
          display: table-cell;
          padding: 0 15px 0 0;
          font-size: 11px;
          float: none;
          background: none;
        }
        #address dd {
          background: url(/common/img/spr_common02.png) top -112px left 0 no-repeat;
          background-size: 60px 900px;
          padding: 0;
          padding-left: 15px;
          font-size: 11px;
          display: table-cell;
          float: none;
          line-height: 1.8em;
        }
      #sitemap {
        padding: 0;
        border: 1px solid  #666;
        margin-bottom: 10px;
      }
        #sitemap h3 {
          margin-bottom: 0;
          font-weight: 700;
          padding: 5px;
          border-bottom: 1px dotted  #666;
          font-size: 13px;

        }
        #sitemapGroup01,#sitemapGroup02 {width: auto; float: none;}
        #sitemap .ulSitemap01 {float: none; padding-right: 0;}

        #sitemap .ulSitemap01 li {
          border-bottom: 1px dotted  #444;
          background: url(/common/img/bg_dot02.gif) 0 0 repeat/2px;
        }
        #sitemap #sitemapGroup02 .ulSitemap01.lastChild li.lastChild {border-bottom: none;}
        #sitemap .ulSitemap01 li a {
          padding: 15px;
          background-image: none;
          /*background: url(/common/img/spr_common02.png) top 18px right -45px no-repeat;*/
          /*background-size: 60px 900px;*/
          display: block;
          font-size: 11px;
          line-height: 1.4em;
          position: relative;
        }
        #sitemap .ulSitemap01 li a:after {
          content: '';
          display: block;
          width: 7px;
          height: 10px;
          background: url(/common/img/spr_common02.png) top 0 left 0 no-repeat;
          background-size: 60px 900px;
          position: absolute;
          top: 50%;
          right: 10px;
          margin-top: -5px;
        }
        #sitemap .ulSitemap02 {
          /*display: block;*/
          display: none;
          border: 1px solid #666;
          padding: 0;
          margin: 0 30px 20px;
        }
        #sitemap .ulSitemap02 li {
          border-bottom: 1px dotted  #666;
          background: #000;
        }
        #sitemap .ulSitemap02 li.lastChild {border-bottom: none;}
        #sitemap .ulSitemap02 li a {
          background: url(/common/img/spr_common02.png) 20px -76px no-repeat;
          padding-left: 50px;
        }
      #bnrFooter {
        position: relative;
        top: auto;
        right: auto;
        zoom: 1;
        float: left;
      }
        #bnrFooter:after {
          content: '';
          display: block;
          clear: both;
        }
        #bnrFooter li {
          float: left;
          padding-right: 15px;
        }
        #bnrFooter li img {
          zoom: 0.6;
        }
      small {
        position: relative;
        bottom: auto;
        text-align: right;
        padding: 10px 0;
        float: right;
        font-size: 0.5em;
        line-height: 1.6em;
      }
    /* ページトップ */
    #pagetop {
      width: 40px;
      bottom:20px;
      padding: 10px 0 10px;
      background: url(/common/img/spr_common02.png) 0 -600px no-repeat;
      background-size: 60px 900px;
      font-size: 8px;
      color: #000;
    }
  }

#bnrRecruit {
  border-top: 1px solid #333;
  margin-top: 10px;
  padding: 10px 0 0;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
  #bnrRecruit>p,
  #bnrRecruit>.inner {
    display: table-cell;
    vertical-align: middle;
  }
  #bnrRecruit>p {
    width: 60px;
    color: #fff;
    font-weight: bold;
    position: relative;
  }
    #bnrRecruit>p:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent transparent transparent #fff;
      border-width: 3px 6px;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -3px;
    }
    @media screen and (max-width: 736px){
      #bnrRecruit {
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
      }
      #bnrRecruit>p {
        display: none;
      }
    }
  #bnrRecruit ul {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  #bnrRecruit ul li {
    display: table-cell;
    vertical-align: middle;
    margin: 0 5px;
    background-color: #fff;
    padding: 5px 0;
    border: 3px solid #000;
    text-align: center;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
  }
    #bnrRecruit ul li a {
      color: #000;
    }
    #bnrRecruit ul li:hover {
      background-color: #999;
    }
    #bnrRecruit ul li img {
      vertical-align: middle;
    }