@charset "UTF-8";
@media screen and (min-width: 769px) {
  #wrapper {
    position: relative;
    overflow: hidden; }

  	/*header
      --------------------------------------------*/
  #header {
    position: fixed;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000; }
    #header h1 {
      font-size: 10px;
      text-align: left;
      color: #686868; }
      #header h1 span {
        width: 1080px;
        margin: 0 auto;
        display: block; }
    #header .h_cont {
      padding-bottom: 15px; }
      #header .h_cont h2 {
        float: left;
        padding-top: 10px; }
      #header .h_cont .head_r {
        width: 750px;
        float: right;
        text-align: right; }
        #header .h_cont .head_r .h_tel, #header .h_cont .head_r .h_mail {
          display: inline-block;
          vertical-align: middle; }
        #header .h_cont .head_r .h_tel {
          margin-right: 20px; }
          #header .h_cont .head_r .h_tel > dl > dt {
            font-size: 14px;
            text-align: left; }
          #header .h_cont .head_r .h_tel > dl dd li, #header .h_cont .head_r .h_tel > dl dd dt, #header .h_cont .head_r .h_tel > dl dd dd {
            display: inline-block;
            vertical-align: middle; }
          #header .h_cont .head_r .h_tel > dl dd li dt:after {
            content: ':';
            padding: 0 3px; }
          #header .h_cont .head_r .h_tel > dl dd li:first-child {
            margin-right: 20px; }
            #header .h_cont .head_r .h_tel > dl dd li:first-child dt {
              font-size: 15px; }
            #header .h_cont .head_r .h_tel > dl dd li:first-child dd {
              font-size: 28px;
              font-weight: 700; }
              #header .h_cont .head_r .h_tel > dl dd li:first-child dd a {
                color: #00629b; }
          #header .h_cont .head_r .h_tel > dl dd li:last-child dt {
            font-size: 14px; }
          #header .h_cont .head_r .h_tel > dl dd li:last-child dd {
            font-size: 18px;
            font-weight: 500; }
        #header .h_cont .head_r .h_mail {
          width: 195px;
          text-align: center; }
          #header .h_cont .head_r .h_mail a {
            color: #fff;
            background: url(../img/arr01.png) no-repeat, #00629b;
            background-position: 95% 50%;
            padding: 10px 15px 10px 10px;
            display: block; }
    #header #nav {
      padding-bottom: 20px; }
      #header #nav > ul > li {
        font-size: 17px;
        float: left;
        padding: 10px 49.5px;
        letter-spacing: 1px;
        position: relative;
        font-weight: 700;
        border-right: 1px solid #00629b; }
        #header #nav > ul > li:first-child {
          border-left: 1px solid #00629b; }
        #header #nav > ul > li > a {
          display: block; }
      #header #nav .child-nav {
        display: none;
        position: absolute;
        top: 45px;
        z-index: 999;
        background: #00629b;
        padding: 0 13px 5px 13px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        left: 0;
        right: 0; }
        #header #nav .child-nav li {
          border-bottom: 1px dashed #fff;
          font-weight: normal;
          font-size: 14px;
          background: url(../img/arr02.png) left center no-repeat; }
          #header #nav .child-nav li:last-child {
            border-bottom: none; }
          #header #nav .child-nav li a {
            color: #fff;
            padding: 5px 0;
            display: block; }
      #header #nav .zdo_drawer_menu {
        display: none; }

  	/*メインビジュアル
      --------------------------------------------*/
  #main-visual {
    background: url(../img/mv.png) center no-repeat;
    height: 915px;
    position: relative; }
    #main-visual h2 {
      position: absolute;
      top: 55%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 999; }

  	/*共通
      --------------------------------------------*/
  .sub-ttl {
    font-size: 40px;
    color: #00629b;
    font-weight: 700;
    padding-bottom: 30px;
    margin-bottom: 15px;
    position: relative; }
    .sub-ttl:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 20px;
      margin: 0 auto;
      left: 0;
      right: 0;
      bottom: 0;
      border-left: 1px solid #101010; }
    .sub-ttl span {
      font-size: 20px;
      color: #afafaf;
      display: block;
      font-weight: 500; }

  	/*section01
      --------------------------------------------*/
  #sec01 {
    padding: 100px 0 85px 0;
    background: url(../img/sec01_bg.png); }
    #sec01 .cont-wrap .cont-box:first-child {
      margin-bottom: 75px; }
      #sec01 .cont-wrap .cont-box:first-child .markup {
        width: 1010px;
        background: url(../img/txtbox01.png);
        padding: 25px 0;
        color: #fff;
        font-size: 30px;
        position: relative;
        border-radius: 10px;
        letter-spacing: 1px; }
        #sec01 .cont-wrap .cont-box:first-child .markup:first-child {
          margin-left: auto;
          margin-bottom: 70px; }
          #sec01 .cont-wrap .cont-box:first-child .markup:first-child:before {
            background: url(../img/markup_arr01.png) left bottom no-repeat;
            position: absolute;
            content: '';
            width: 28px;
            height: 19px;
            left: 80px;
            bottom: -13px; }
          #sec01 .cont-wrap .cont-box:first-child .markup:first-child:after {
            background: url(../img/illust01.png) no-repeat;
            position: absolute;
            content: '';
            width: 120px;
            height: 113px;
            left: -55px;
            bottom: -35px; }
        #sec01 .cont-wrap .cont-box:first-child .markup:last-child {
          margin-right: auto; }
          #sec01 .cont-wrap .cont-box:first-child .markup:last-child:before {
            background: url(../img/markup_arr02.png) left bottom no-repeat;
            position: absolute;
            content: '';
            width: 28px;
            height: 19px;
            right: 80px;
            bottom: -13px; }
          #sec01 .cont-wrap .cont-box:first-child .markup:last-child:after {
            background: url(../img/illust02.png) no-repeat;
            position: absolute;
            content: '';
            width: 120px;
            height: 113px;
            right: -65px;
            bottom: -35px; }
    #sec01 .cont-wrap .cont-box:last-child h4 {
      overflow: hidden;
      text-align: center;
      font-size: 35px;
      letter-spacing: 1px;
      font-weight: 700;
      margin-bottom: 35px; }
      #sec01 .cont-wrap .cont-box:last-child h4 span {
        display: inline-block;
        padding: 0 0.5em;
        position: relative; }
        #sec01 .cont-wrap .cont-box:last-child h4 span:before, #sec01 .cont-wrap .cont-box:last-child h4 span:after {
          border-top: 3px double #00629b;
          content: "";
          position: absolute;
          top: 50%;
          width: 99em; }
        #sec01 .cont-wrap .cont-box:last-child h4 span:before {
          right: 100%; }
        #sec01 .cont-wrap .cont-box:last-child h4 span:after {
          left: 100%; }
    #sec01 .cont-wrap .cont-box:last-child p {
      margin-bottom: 35px;
      font-size: 16px;
      line-height: 36px; }

  	/*section02
      --------------------------------------------*/
  #sec02 .head-cont {
    padding: 85px 0;
    background: url(../img/txtbox02.png);
    position: relative; }
    #sec02 .head-cont:after {
      background: url(../img/arr03.png) no-repeat;
      position: absolute;
      content: '';
      width: 31px;
      height: 36px;
      margin: 0 auto;
      left: 0;
      right: 0;
      bottom: -35px; }
    #sec02 .head-cont .sub-ttl {
      color: #fff; }
      #sec02 .head-cont .sub-ttl span {
        color: #fff; }
      #sec02 .head-cont .sub-ttl:after {
        border-left: 1px solid #fff; }
    #sec02 .head-cont .cont-wrap {
      border: 1px solid #fff;
      padding: 30px 50px; }
      #sec02 .head-cont .cont-wrap li {
        float: left;
        margin-right: 10px;
        text-align: left; }
        #sec02 .head-cont .cont-wrap li a {
          line-height: 36px;
          border-bottom: 1px solid #fff;
          display: block;
          color: #fff;
          position: relative;
          padding-left: 15px; }
          #sec02 .head-cont .cont-wrap li a:before {
            content: '・';
            z-index: 100;
            left: 0; }
  #sec02 .bt-cont {
    padding: 100px 0;
    background: url(../img/bg01.png) top center no-repeat, url(../img/bg03.png); }
    #sec02 .bt-cont .cont-wrap > ul > li {
      margin-bottom: 85px; }
      #sec02 .bt-cont .cont-wrap > ul > li:last-child {
        margin-bottom: 0; }
      #sec02 .bt-cont .cont-wrap > ul > li h4 {
        font-size: 35px;
        font-weight: 500;
        border-bottom: 3px double #00629b;
        padding-bottom: 5px;
        margin-bottom: 25px;
        text-align: left; }
      #sec02 .bt-cont .cont-wrap > ul > li .cont-box li {
        width: 240px;
        margin-right: 40px;
        margin-bottom: 40px;
        float: left; }
        #sec02 .bt-cont .cont-wrap > ul > li .cont-box li:nth-child(4n+1):nth-last-child(-n+4), #sec02 .bt-cont .cont-wrap > ul > li .cont-box li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
          margin-bottom: 0; }
        #sec02 .bt-cont .cont-wrap > ul > li .cont-box li:nth-child(4n), #sec02 .bt-cont .cont-wrap > ul > li .cont-box li:last-child {
          margin-right: 0; }
        #sec02 .bt-cont .cont-wrap > ul > li .cont-box li a {
          display: block; }
          #sec02 .bt-cont .cont-wrap > ul > li .cont-box li a .thumb {
            width: 240px;
            height: 170px; }
          #sec02 .bt-cont .cont-wrap > ul > li .cont-box li a .post-ttl {
            font-size: 20px;
            color: #00629b;
            font-weight: 500;
            padding: 5px 0;
            border-bottom: 2px solid #00629b;
            text-align: left; }

  	/*section03
      --------------------------------------------*/
  #sec03 {
    padding: 85px 0 95px 0;
    background: url(../img/bg02.png) center no-repeat; }
    #sec03 .sub-ttl {
      color: #fff; }
      #sec03 .sub-ttl span {
        color: #fff; }
      #sec03 .sub-ttl:after {
        border-left: 1px solid #fff; }
    #sec03 .cont-wrap li {
      width: 240px;
      float: left;
      margin-right: 40px;
      background: #fff;
      padding: 25px 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative; }
      #sec03 .cont-wrap li:after {
        background: url(../img/arr04.png) no-repeat;
        position: absolute;
        content: '';
        width: 24px;
        height: 29px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        /* Safari用 */
        transform: translateY(-50%);
        right: -23px; }
      #sec03 .cont-wrap li:last-child {
        margin-right: 0; }
        #sec03 .cont-wrap li:last-child:after {
          background: none; }
      #sec03 .cont-wrap li dt {
        font-size: 23px;
        font-weight: 700;
        border-right: 3px double #00629b;
        border-left: 3px double #00629b;
        color: #00629b;
        margin-bottom: 15px; }
        #sec03 .cont-wrap li dt span {
          display: block;
          color: #afafaf;
          font-size: 14px;
          font-weight: 500; }
      #sec03 .cont-wrap li dd {
        line-height: 28px;
        text-align: left; }
        #sec03 .cont-wrap li dd .tel {
          font-size: 20px;
          font-weight: 700; }
          #sec03 .cont-wrap li dd .tel a {
            padding-left: 30px;
            background: url(../img/tel_icon.png) left center no-repeat; }

  	/*section04
      --------------------------------------------*/
  #sec04 {
    padding-top: 85px; }
    #sec04 .info-tbl {
      margin-bottom: 50px; }
      #sec04 .info-tbl > dl {
        border-bottom: 1px solid #101010; }
        #sec04 .info-tbl > dl:first-child {
          border-top: 1px solid #101010; }
        #sec04 .info-tbl > dl > dt {
          position: relative; }
          #sec04 .info-tbl > dl > dt:after {
            content: '';
            position: absolute;
            border-bottom: 1px solid #fff;
            width: 200px;
            margin: 0 auto;
            height: 1px;
            left: 0;
            right: 0;
            bottom: -1px; }
        #sec04 .info-tbl > dl:last-child dt {
          position: static; }
        #sec04 .info-tbl > dl:nth-child(4) dd li {
          line-height: 28px; }
          #sec04 .info-tbl > dl:nth-child(4) dd li:first-child {
            margin-bottom: 35px; }
          #sec04 .info-tbl > dl:nth-child(4) dd li dt, #sec04 .info-tbl > dl:nth-child(4) dd li dd {
            display: inline-block;
            vertical-align: middle; }
          #sec04 .info-tbl > dl:nth-child(4) dd li dt {
            margin-right: 15px; }
    #sec04 .links {
      margin-bottom: 95px; }
      #sec04 .links li {
        width: 330px;
        float: left;
        margin-right: 45px;
        font-size: 17px; }
        #sec04 .links li:last-child {
          margin-right: 0; }
        #sec04 .links li a {
          background: url(../img/arr05.png) no-repeat, #00629b;
          background-position: 95% 50%;
          padding: 10px 0;
          display: block;
          color: #fff; }
    #sec04 .map {
      width: 100%;
      height: 305px; }

  	/*section05
      --------------------------------------------*/
  #sec05 {
    background: url(../img/bg03.png);
    padding: 80px 0 95px 0; }
    #sec05 .contact-form {
      background: url(../img/txtbox02.png);
      padding: 50px; }
      #sec05 .contact-form dl {
        border-bottom: 1px solid #fff; }
        #sec05 .contact-form dl:first-child {
          border-top: 1px solid #fff; }
        #sec05 .contact-form dl dt {
          background: none;
          font-weight: bold; }
        #sec05 .contact-form dl dd {
          color: #fff; }
          #sec05 .contact-form dl dd li {
            display: inline-block;
            vertical-align: middle; }
          #sec05 .contact-form dl dd a {
            color: #fff; }

  	/*下層
      --------------------------------------------*/
  #cont {
    padding: 80px 0 100px 0;
    background: url(../img/sec01_bg.png); }

  #bt-main {
    background: url(../img/mv.png) center no-repeat;
    height: 500px;
    position: relative; }
    #bt-main h2 {
      font-size: 40px;
      color: #fff;
      font-weight: 700;
      letter-spacing: 2px;
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 999; }

  #products h4 {
    overflow: hidden;
    text-align: center;
    font-size: 35px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 35px; }
    #products h4 span {
      display: inline-block;
      padding: 0 0.5em;
      position: relative; }
      #products h4 span:before, #products h4 span:after {
        border-top: 3px double #00629b;
        content: "";
        position: absolute;
        top: 50%;
        width: 99em; }
      #products h4 span:before {
        right: 100%; }
      #products h4 span:after {
        left: 100%; }
  #products .cont-wrap {
    background: url(../img/txtbox02.png);
    padding: 45px 50px; }
    #products .cont-wrap .img-blc {
      margin-bottom: 25px; }
      #products .cont-wrap .img-blc .main-img {
        width: 610px;
        float: left; }
        #products .cont-wrap .img-blc .main-img .thumb {
          width: 610px;
          height: 320px; }
      #products .cont-wrap .img-blc .img-list {
        width: 350px;
        float: right; }
        #products .cont-wrap .img-blc .img-list li {
          width: 165px;
          float: left;
          margin-right: 20px;
          margin-bottom: 20px;
          cursor: pointer; }
          #products .cont-wrap .img-blc .img-list li:hover {
            filter: alpha(opacity=60);
            opacity: 0.6;
            -webkit-transition: all .3s;
            transition: all .3s; }
          #products .cont-wrap .img-blc .img-list li:nth-child(even) {
            margin-right: 0; }
          #products .cont-wrap .img-blc .img-list li:nth-child(2n+1):nth-last-child(-n+2), #products .cont-wrap .img-blc .img-list li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
            margin-bottom: 0; }
          #products .cont-wrap .img-blc .img-list li .thumb {
            width: 165px;
            height: 150px; }
    #products .cont-wrap .post-body {
      text-align: left;
      color: #fff;
      font-size: 16px;
      line-height: 36px; }

  	/*footer
      --------------------------------------------*/
  #footer {
    background: #00629b;
    padding: 5px 0; }
    #footer #copyright {
      color: #fff;
      font-size: 10px; }
      #footer #copyright a {
        color: #fff; } }

/*# sourceMappingURL=style.css.map */