@charset "UTF-8";
@media screen and (min-width: 768px), print { 
  
  .kanki{
width: 850px;
        margin: 0 auto;
        padding: 24px 32px;
        border: 3px solid #f00;
        margin-bottom: 60px;
        margin-top: -32px;
        line-height: 1.7;
        font-size: 14px;
  }
    .kanki-ttl{
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 16px;
        text-align: center;
    }
   .kanki .p-mb{
        margin-bottom: 24px;
   }

   .kanki-txt1{
        margin-left: 15px;
        margin-bottom: 24px;
   }
   .kanki-txt2{
        margin-left: 88px;
   }
   .kanki-txt3{
        margin-left: 159px;
   }

  .campaing-bunner.tokubetu{
    margin-bottom: 48px;
  }
  
  .top-db { display: inline-block; }
  /* 3枚表示のbxslider -------------------------------------*/
  .mv-box { background-image: url(../images/index/mv-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 120px; padding-bottom: 119px; text-align: center; }
  .poinr-area { background-color: #f2f0e4; padding: 15px 0; margin-bottom: 75px; }
  .poinr-area .point-box { width: 1100px; margin: 0 auto; position: relative; }
  .poinr-area .point-box .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .poinr-area .point-box .list li { width: 260px; margin-right: 20px; }
  .poinr-area .point-box .list li .li-txt{ font-size: 12px; text-align: center; line-height: 1.8; margin-top: 5px;}
  .poinr-area .point-box .list li:nth-child(3n) { margin-right: 0px; }
  .poinr-area .point-box .zisin { position: absolute; right: -25px; top: -75px; }


.campaing-bunner{text-align: center; margin: 20px 0 10px 0;}
.campaing-bunner-txt{font-size: 16px; text-align: center; margin: 0px 0 100px 0;}

  /*============================
#showroom
============================*/
  #showroom { margin-bottom: 64px; background-image: url(../images/index/showroom-bg.jpg); background-repeat: no-repeat; background-position: center 40px; }
  #showroom .inner { width: 1000px; margin: 0 auto; }
  #showroom .inner .ttl { text-align: center; margin-bottom: 500px; }
  #showroom .inner .box { width: 1000px; margin: 0 auto; position: relative; }
  #showroom .inner .box .deco { position: absolute; top: -266px; left: -78px; z-index: 10; }
  #showroom .inner .box .btn-01 { margin-bottom: 6px; }
  #showroom .inner .box .flex-01 { margin-bottom: 8px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #showroom .inner .box .flex-01 .box-l { color: #25272f; font-family: Meiryo; font-size: 24px; font-weight: 400; line-height: 27px; margin-right: 18px; }
  #showroom .inner .box .flex-01 .box-r .btn-02 { color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 1px; width: 200px; height: 40px; background-color: #dcdddd; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #showroom .txt-01{ text-align: center; color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 26px; }
  #showroom .txt-03 { text-align: center; color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 26px; }
  .side-fix { display: none; }
  /*============================
#event
============================*/
  #event { margin-bottom: 90px; }
  #event .inner .ttl-box { background-image: url(../images/index/event-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; }
  #event .inner .ttl-box .ttl { text-align: center; padding-top: 80px; padding-bottom: 45px; }
  #event .inner .ttl1 { font-size: 14px; letter-spacing: 0.5px; text-align: center; margin-bottom: 35px; }
  #event .inner .system-list { width: 1200px; margin: 0 auto 40px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #event .inner .system-list > li { width: 380px; border: 1px solid #b5b5b6; padding: 20px 20px 100px; margin-right: 30px; position: relative; }
  #event .inner .system-list > li .system-icon02 { color: #ffffff; font-size: 18px; font-weight: 500; line-height: 27px; letter-spacing: 0.9px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: -10px; top: -10px; z-index: 10; }
  #event .inner .system-list > li .system-icon02 .icon02-01 { width: 140px; background-color: #ea5a5c; padding: 8px 0; display: block; text-align: center; }
  #event .inner .system-list > li .system-icon02 .icon02-02 { width: 140px; background-color: #426580; padding: 8px 0; display: block; text-align: center; }
  #event .inner .system-list > li .system-icon02 .icon02-03 { width: 140px; background-color: #ea5a5c; padding: 8px 0; display: block; text-align: center; }
  #event .inner .system-list > li:nth-child(3n) { margin-right: 0px; }
  #event .inner .system-list > li a:hover { text-decoration: none; }
  #event .inner .system-list > li:hover .system-ttl-01 { text-decoration: underline; }
  #event .inner .system-list .system-pic.fit { width: 340px; height: 240px; margin-bottom: 20px; }
  #event .inner .system-list .system-pic.fit img { width: 340px; height: 240px; }
  #event .inner .system-list .system-ttl-01 { color: #25272f; font-family: "Yu Gothic"; font-size: 22px; font-weight: 700; line-height: 27px; letter-spacing: 1.1px; }
  #event .inner .system-list .dl-list li { padding: 14px 0; border-bottom: 1px solid #999; }
  #event .inner .system-list .dl-list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #event .inner .system-list .dl-list .flex-01 .box-l { color: #ffffff; font-size: 16px; font-weight: 700; line-height: 27px; letter-spacing: 0.8px; background-color: #008f74; width: 60px; padding: 3px 0; text-align: center; margin-right: 15px; }
  #event .inner .system-list .dl-list .flex-01 .box-r { width: 250px; line-height: 1.5; }
  #event .inner .system-list .btn-01 { position: absolute; left: 0; bottom: 0; }
  #event .inner .system-list .btn-01:hover { opacity: 0.8; }
  #event .inner .btn-02 { text-align: center; }
  /*============================
#plan
============================*/
  #plan { margin-bottom: 200px; }
  #plan .deco { text-align: center; }
  #plan .inner { width: 1260px; margin: 0 auto; background-color: #f2f0e4; position: relative; padding-top: 160px; padding-bottom: 20px; }
  #plan .inner .ttl { position: absolute; top: -72px; width: 622px; left: 310px; }
  #plan .inner .list { width: 1140px; margin: 0 auto 38px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #plan .inner .list li { position: relative; width: 340px; margin-right: 60px; margin-bottom: 60px; }
  #plan .inner .list li:hover a .ttl-02 img { opacity: 1.0; }
  #plan .inner .list li:hover .ttl-02 { -webkit-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: .25s ease-out; transition: .25s ease-out; will-change: transform; }
  #plan .inner .list li:nth-child(3) { margin-right: 0px; }
  #plan .inner .list li:nth-child(4) { margin-left: 200px; }
  #plan .inner .list li:nth-child(7) { margin-right: 0px; }

  #plan .inner .list .ttl-02 { position: absolute; top: -30px; left: -25px; z-index: 10; -webkit-transition: .25s ease-out; transition: .25s ease-out; will-change: transform;}
  #plan .txt-02 { color: #25272f; font-family: Meiryo; font-size: 12px; font-weight: 400; line-height: 26px; text-align: right; padding-right: 35px; }
  .o-bnr-01 { text-align: center; margin-bottom: 56px; }
  .o-bnr-01 .bnr { margin-bottom: 16px; }
  .o-bnr-01 .txt { color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; }

  #plan .reform-plan-subtxt{ text-align: right; font-weight: bold; font-size: 13px; line-height: 1.6; padding:4px 0 0 0; }
  #plan .li-txt{ text-align: center; font-weight: bold; font-size: 13px; line-height: 1.6; }
  #plan .li-txt1{ text-align: center; font-weight: bold; font-size: 13px; line-height: 1.6; margin-top: 25px;}

  /*============================
#reason
============================*/
  #reason { background-image: url(../images/index/reason-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 54px; padding-bottom: 80px; }
  #reason .inner { width: 1200px; margin: 0 auto; }
  #reason .inner .ttl { text-align: center; margin-bottom: 40px; }
  #reason .inner .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #reason .inner .list li { width: 380px; margin-right: 30px; margin-bottom: 40px; background-image: url(../images/index/reason-bg-01.png); }
  #reason .inner .list li:nth-child(3n) { margin-right: 0px; }
  #reason .inner .list li:nth-child(4) { margin-left: 200px; }
  #reason .inner .list li:hover a { text-decoration: none; }
  #reason .inner .list li:hover a img { opacity: 1.0; }
  #reason .inner .list li:hover .num { -webkit-transform: translateY(-24px); transform: translateY(-24px); -webkit-transition: .25s ease-out; transition: .25s ease-out; will-change: transform; }
  #reason .inner .list .num { text-align: center; -webkit-transition: .25s ease-out; transition: .25s ease-out; will-change: transform; z-index: 10; position: relative; }
  #reason .inner .list .rel-box { position: relative; }
  #reason .inner .list .deco { position: absolute; top: -130px; right: 0px; z-index: 5; }
  #reason .inner .list .ttl-02 { position: absolute; top: -90px; z-index: 15; }
  #reason .inner .list .txt-box-01 { width: 340px; margin: 0 auto; background-color: #fff; padding: 77px 18px 32px; margin-top: -32px; color: #25272f; font-family: Meiryo; font-weight: 400; line-height: 26px; }
  #reason .inner .list .txt-box-01 strong { color: #f0831e; font-family: Meiryo; font-size: 16px; font-weight: 700; }
  #reason .inner .btn { text-align: center; }
  /* case-reform -------------------------------------*/
  /*============================
#case-reform
============================*/
  #case-reform { background-color: #f2f0e4; }
  #case-reform .inner { width: 1200px; margin: 0 auto; background-color: #ffffff; padding: 86px 50px 1px; border-bottom: 1px solid #000; }
  #case-reform .inner .ttl { text-align: center; margin-bottom: 20px; }
  #case-reform .inner .ttl1 { font-size: 14px; letter-spacing: 0.5px; text-align: center; margin-bottom: 36px; }
  #case-reform .inner .system-txt { padding: 0 16px; }
  #case-reform .inner .system-txt::before { content: "■"; }
  #case-reform .inner .bg-box { background-color: #00a6ba; padding: 28px 20px 21px; margin-bottom: 30px; }
  #case-reform .inner .bg-box .ttl-02 { text-align: center; margin-bottom: 18px; }
  #case-reform .inner .bg-box .list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #case-reform .inner .bg-box .list li { width: 262px; margin-right: 4px; margin-bottom: 4px; }
  #case-reform .inner .bg-box .list li:nth-child(4n) { margin-right: 0px; }
  #case-reform .inner .btn-01 { text-align: center; margin-bottom: 90px; }
  #case-reform .btn { text-align: center; }
  #case-reform .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #case-reform .btn a:hover { background: #333; text-decoration: none; }
  #case-reform .system-list { margin-bottom: 20px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #case-reform .system-list li { width: 260px; margin-right: 20px; margin-bottom: 20px; padding-bottom: 32px; background-color: #e4edf2; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-list li:hover .system-ttl-01 { text-decoration: underline; }
  #case-reform .system-list li:nth-child(4n) { margin-right: 0; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-pic { width: 100%; height: 190px; overflow: hidden; text-align: center; }
  #case-reform .system-pic img { width: 100%; height: 190px; }
  #case-reform .system-date { color: #00a6ba; font-family: Meiryo; font-size: 14px; font-weight: 400; line-height: 26px; margin-bottom: 32px; padding-bottom: 16px; margin-bottom: 16px; background-image: url(../images/index/works-line.jpg); background-repeat: repeat-x; background-position: 0 bottom; }
  #case-reform .system-ttl-01 { color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 26px; padding: 0px 16px; }

  #case-reform .system-category-set { margin-bottom: 14px;
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  #case-reform .system-category { 
    width: 129px;
    margin-right: 2px;
    color: #ffffff; font-size: 14px; font-weight: 700; line-height: 27px; letter-spacing: 0.8px; text-align: center; background-color: #00a6ba; padding: 6px; margin-bottom: 2px;
  }

  #case-reform .system-category:nth-child(2n){margin-right: 0px;}

  #case-reform .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

  /* voice -------------------------------------*/
  #voice { background-color: #f2f0e4; border-bottom: 40px solid #e1e0d5; }
  #voice .inner { width: 1200px; background-color: #fff; margin: 0 auto; position: relative; padding: 90px 50px 70px; }
  #voice .deco { position: absolute; top: 18px; left: -20px; }
  #voice .bd-box { padding: 20px 20px 40px; border-bottom: 1px solid #e1e0d5; }
  #voice .deco-02 { position: absolute; bottom: -27px; right: -45px; }
  #voice h2 { margin-left: 25px; margin-bottom: 36px; }
  #voice .btn-01 { position: absolute; top: 82px; right: 54px; }
  #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #voice .system-list li { width: 340px; margin-right: 40px; border-top: 10px solid #e1e0d5; background-color: #f2f0e4; }
  #voice .system-list li:nth-child(n + 4) { display: none; }
  #voice .system-list li:nth-child(3n) { margin-right: 0; }
  #voice .system-list li a:hover { text-decoration: none; }
  .rel-box { position: relative; }
  #voice .system-pic { width: 100%; height: 220px; overflow: hidden; text-align: center; }
  #voice .system-pic img { width: 100%; height: 220px; }
  #voice .system-customer { position: absolute; bottom: -20px; left: -10px; background-color: #fff; padding: 8px 18px 6px; color: #f0831e; font-family: Meiryo; font-size: 14px; font-weight: 400; line-height: 26px; text-transform: uppercase; }
  #voice .system-customer span { margin-right: 1em; }
  #voice .system-customer::before { content: "■"; }
  #voice .system-ttl-01 { padding: 20px; border-top: 1px solid #fff; color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 26px; }
  /*============================
#staff
============================*/
  #staff { background-image: url(../images/index/staff-bg.jpg), url(../images/index/area-bg.jpg); background-repeat: no-repeat,repeat; background-position: center 0, 0 0; padding-top: 64px; padding-bottom: 60px; margin-bottom: 120px;}
  #staff .inner .ttl { text-align: center; margin-bottom: 29px; }
  #staff .inner .txt-box-01 { text-align: center; color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 26px; text-transform: uppercase; margin-bottom: 40px; }
  #staff .inner .system-list { margin-bottom: 40px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #staff .inner .system-list li { width: 204px; margin-right: 20px; background-color: #fff; }
  #staff .inner .system-list .rel-box { position: relative; }
  #staff .inner .system-list .rel-box .deco { position: absolute; bottom: 24px; left: 42px; }
  #staff .inner .system-list .system-pic { width: 100%; height: 200px; overflow: hidden; text-align: center; }
  #staff .inner .system-list .system-pic img { width: 100%; height: 200px; }
  #staff .inner .system-list .btn-01 { text-align: center; }
  #staff .inner .system-list .txt-box-02 { padding: 16px; text-align: center; }
  #staff .inner .system-list .system-job { color: #25272f; font-family: Meiryo; font-size: 12px; font-weight: 400; line-height: 1.6; margin-bottom: 10px; }
  #staff .inner .system-list .system-name { color: #25272f; font-family: Meiryo; font-size: 18px; font-weight: 400; line-height: 1.6; }
  #staff .btn-01 { text-align: center; }
  #staff #sra { position: relative; }
  .prev-box-wap, .next-box-wap { position: absolute; top: 0; width: 1200px; margin: 0 auto; left: 0; right: 0; }
  .prev-box { position: relative; }
  
  .prev-box .prev { background-image: url(../images/index/staff-bx-l.jpg); background-repeat: no-repeat; background-position: left 0; width: 60px; height: 80px; position: absolute; left: 0; z-index: 100; top: 108px; }
  .prev-box .prev:hover{
cursor: pointer;
cursor: hand;
  }

  .next-box { position: relative; }
  
  .next-box .next { background-image: url(../images/index/staff-bx-r.jpg); background-repeat: no-repeat; background-position: right 0; width: 60px; height: 80px; position: absolute; right: 0; z-index: 100; top: 108px; }
  .next-box .next:hover{
    cursor: pointer;
    cursor: hand;
  }

  /*============================
#blog
============================*/
  #blog { background-image: url(../images/index/area-bg.jpg); padding-top: 50px; padding-bottom: 480px; margin-bottom: -410px; }
  #blog .inner { width: 1200px; margin: 0 auto; background-image: url(../images/index/blog-bg.jpg); padding: 56px 50px 50px; position: relative; }
  #blog .inner .ttl { margin-bottom: 36px; }
  #blog .inner .ttl1 {font-size: 16px; letter-spacing: 1px; position: absolute; left: 380px; top: 75px;}
  #blog .inner .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #blog .inner .system-list li { width: 260px; margin-right: 20px; background-color: #fff; }

  #blog .inner .system-list li a:hover{text-decoration: none;}

  #blog .inner .system-list li a:hover img{opacity: 1.0;}

  #blog .inner .system-list li a:hover .system-ttl-01{text-decoration: underline;}

    #blog .inner .system-list li:nth-child(4n) { margin-right: 0px; }

  #blog .inner .system-list .system-pic { width: 100%; height: 190px; overflow: hidden; text-align: center;
  background-image: url(../images/common/img_noimage.png);
  background-size: contain;
  }

  #blog .inner .system-list .system-pic img { width: 100%; height: 190px; }
  #blog .inner .system-category { background-color: #26272f; padding: 6px 8px; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 27px; letter-spacing: 0.8px; text-align: center; }
  #blog .inner .system-date { color: #595757; font-family: Meiryo; font-size: 14px; font-weight: 400; line-height: 26px; padding: 8px 8px; border-bottom: 1px solid #d2d1c6; }
  #blog .inner .system-date::before { content: "■"; }
  #blog .inner .system-ttl-01 { padding: 8px 8px 16px; color: #25272f; font-family: Meiryo; font-size: 16px 16px 24px; font-weight: 400; line-height: 26px; }
  #blog .inner .btn-01 { position: absolute; top: 50px; right: 50px; }
  #end-bnr { margin-top: 0; }
  #end-bnr .kasou-none { display: none !important; }
  #end-bnr .top-pic { width: 1200px; margin: 0 auto; }
  #end-bnr .top-pic-in { margin: 0 -150px; }
  #end-bnr .end-bnr-flex-01 { width: 1264px; margin: -56px auto 0; }
  #end-bnr .end-bnr-flex-01 .end-bnr-box-l { width: 632px; }
  #end-bnr .end-bnr-flex-01 .end-bnr-box-r { width: 632px; }
  /*============================
#seo
============================*/
  #seo { background-image: url(../images/index/seo-bg.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 72px; padding-bottom: 80px; }
  #seo .inner { width: 1092px; margin: 0 auto; }
  #seo .inner .ttl { color: #25272f; font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 20px; }
  #seo .inner .txt-box-01 { color: #3e3a39; font-family: Meiryo; font-size: 14px; font-weight: 400; line-height: 26px; }
.outer-bnr{ text-align: center; margin-bottom: 10px;}
.outer-txt{ font-size: 18px; line-height: 26px; text-align: center; margin-bottom: 120px; }

   }

@media screen and (max-width: 767px) { 
  
      .kanki{
        width: 92vw;
        margin: 0 auto;
        padding: 3.865vw;
        border: 3px solid #f00;
        margin-bottom: 7.729vw;
        margin-top: 7.729vw;
        line-height: 1.7;
        font-size: 3.382vw;
  }
    .kanki-ttl{
        font-weight: bold;
        font-size: 3.865vw;
        margin-bottom: 3.865vw;
    }
   .kanki .p-mb{
    margin-bottom: 3.865vw;
   }
   .kanki-txt1{
       text-align: right;
    margin-bottom: 3.865vw;
   }
   .kanki-txt2{
       text-align: right;
   }
   .kanki-txt3{
        text-align: right;
   }
  
  
  /* 3枚表示のbxslider -------------------------------------*/
  .poinr-area { background-color: #f2f0e4; padding: 6.03% 2.89% 8.69% 2.89%; margin-bottom: 10vw;}
  .poinr-area .point-box .list { margin-bottom: 5.31%; }
  .poinr-area .point-box .list li { margin-bottom: 2.41%; }
  .poinr-area .point-box .list li .li-txt{ font-size: 3.6vw; text-align: center; line-height: 1.8; margin-top: 2vw;}
  .poinr-area .point-box .list li:nth-child(3n) { margin-bottom: 0; }


  .campaing-bunner{width: 90vw; text-align: center; margin: 2vw auto;}
  .campaing-bunner-txt{font-size: 3.6vw; text-align: center; margin: 3vw 0 5vw 0;}

  /*============================ #showroom ============================*/
  #showroom .inner .box .btn-01 { margin-top: -11%; margin-bottom: 7.72%; }
  #showroom .inner .box .flex-01 { margin-bottom: 5.79%; }
  #showroom .inner .box .flex-01 .box-l { margin-bottom: 5.79%; line-height: 1.6; text-align: center; font-size: 1.6rem; }
  #showroom .inner .box .flex-01 .box-r .btn-02 { width: 67.63%; margin: 0 auto; padding: 5.35% 17.85% 5.35% 17.85%; background-color: #dcdddd; background-image: url(../images/index/tizu-icon-01.png); background-repeat: no-repeat; background-position: right 5% center; }
  #showroom .txt-01 { line-height: 1.6; text-align: center; font-size: 3.6vw; }
  #showroom .txt-03 { line-height: 1.6; text-align: center; font-size: 1.6rem; }
  .side-fix { display: none; }
.outer-bnr{ text-align: center; margin-bottom: 1%; padding: 0 5%; }
.outer-txt{ font-size: 4vw; line-height: 1.8; text-align: center; margin-bottom: 5vw; padding: 0 5%;}

  /*============================ #event ============================*/
  #event { margin-bottom: 14%; }
  #event .inner .ttl-box .ttl { margin-bottom: 2%; }
  #event .inner .ttl1 { font-size: 3.6vw; letter-spacing: 0.1vw; text-align: left; line-height: 1.8; margin-bottom: 5vw; padding: 0 5%;}
  #event .inner .system-list { width: 94.2%; margin: 0 auto; }
  #event .inner .system-list > li { border: 1px solid #b5b5b6; padding: 5.12% 5.12% 23.07% 5.12%; position: relative; margin-bottom: 7.69%; }
  #event .inner .system-list > li .system-icon02 { color: #ffffff; min-width: 48%; font-size: 1.6rem; font-weight: 500; line-height: 1.6; letter-spacing: 0.7px; background-color: #ea5a5c; padding: 3%; display: inline-block; text-align: center; left: -3%; top: -4%; position: absolute; }
  #event .inner .system-list > li a:hover { text-decoration: none; }
  #event .inner .system-list > li:hover .system-ttl-01 { text-decoration: underline; }
  #event .inner .system-list .system-pic.fit { width: 100%; height: 247px; margin-bottom: 5%; }
  #event .inner .system-list .system-pic.fit img { width: 100%; height: 247px; }
  #event .inner .system-list .system-ttl-01 { color: #25272f; font-size: 1.9rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.7px; }
  #event .inner .system-list .dl-list li { padding: 3% 0; border-bottom: 1px solid #999; }
  #event .inner .system-list .dl-list .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #event .inner .system-list .dl-list .flex-01 .box-l { color: #ffffff; font-size: 1.6rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.7px; background-color: #008f74; padding: 1.5%; width: 20%; margin-right: 3%; text-align: center; }
  #event .inner .system-list .dl-list .flex-01 .box-r { width: 75%; }
  #event .inner .system-list .btn-01 { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #26272f; text-align: center; }
  #event .inner .system-list .btn-01 img { width: 90%; }
  #event .inner .system-list .btn-01:hover { opacity: 0.8; }
  #event .inner .btn-02 { width: 94.2%; margin: 0 auto; }
  /*============================ #plan ============================*/
  #plan { margin-bottom: 15vw; }
  #plan .deco { display: none; }
  #plan .inner { width: 94.2%; margin: 0 auto; }
  #plan .sp-list { background-color: #f2f0e4; padding: 0% 4.35% 10.25% 4.35%; padding-bottom: 10.62%; }
  #plan .sp-list li { margin-bottom: 4.83%; }
  #plan .sp-list li:nth-child(5) { margin-bottom: 12.83%; }
  #plan .sp-list li:last-child { margin-bottom: 0; }
  #plan .txt-02 { text-align: center; background-color: #f2f0e4; padding: 0% 4.35% 10.25% 4.35%; color: #25272f; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
  .o-bnr-01 { width: 94.2%; margin: 0 auto; margin-bottom: 15.09%; }
  .o-bnr-01 .bnr { margin-bottom: 4.23%; }
  .o-bnr-01 .txt { color: #25272f; font-family: Meiryo; font-size: 1.6rem; font-weight: 400; line-height: 1.5; text-align: center; }
  
  #plan .reform-plan-subtxt{ text-align: right; font-weight: bold; font-size: 1.4rem; line-height: 1.6;padding: 1% 4% 0 0;}
  #plan .li-txt{ text-align: center; font-weight: bold; font-size: 3.2vw; line-height: 1.6; }
  #plan .li-txt1{ text-align: center; font-weight: bold; font-size: 3.2vw; line-height: 1.6; margin-top: 5vw;}


  /*============================ #reason ============================*/
  #reason { background-image: url(../images/index/sp-reason-bg-03.jpg), url(../images/index/sp-reason-bg-02.jpg); background-repeat: no-repeat,repeat; background-position: center bottom, 0 0; background-size: 100%,100%; padding-top: 9.66%; padding-bottom: 10.86%; }
  #reason .inner { width: 100%; margin: 0 auto; }
  #reason .inner .ttl { width: 63.28%; margin: 0 auto; margin-bottom: 5.19%; }
  #reason .inner .list { width: 95.41%; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #reason .inner .list li { width: 48.1%; background-image: url(../images/index/sp-reason-bg-01.png); background-size: 100%; background-repeat: no-repeat; margin-right: 3.79%; margin-bottom: 5.06%; }
  #reason .inner .list li:nth-child(2n) { margin-right: 0px; }
  #reason .inner .list li:nth-child(5) { margin-left: 25vw; }
  #reason .inner .list li:hover a { text-decoration: none; }
  #reason .inner .list li:hover a img { opacity: 1.0; }
  #reason .inner .list .num { display: none; }
  #reason .inner .list .deco { display: none; }
  #reason .inner .list .txt-box-01 { width: 100%; margin: 0 auto; padding: 4.7% 8.82% 11.76% 8.82%; font-size: 1.5rem; color: #25272f; font-family: Meiryo; font-weight: 400; line-height: 1.6; }
  #reason .inner .list .txt-box-01 strong { color: #f0831e; font-family: Meiryo; font-size: 1.5rem; font-weight: 700; }
  #reason .inner .btn { width: 94.2%; margin: 0 auto; }
  /* case-reform -------------------------------------*/
  /*============================ #case-reform ============================*/
  #case-reform .inner { padding-top: 3.62%; padding-bottom: 12.43%; }
  #case-reform .inner .ttl1 { font-size: 3.6vw; letter-spacing: 0.1vw; text-align: left; line-height: 1.8; margin-bottom: 5vw; padding: 0 5%;}
  #case-reform .inner .system-txt { color: #00a6ba; font-size: 1.3rem; font-weight: 400; line-height: 1.5; text-transform: uppercase; padding-right: 5.14%; padding-left: 5.14%; margin-top: 6%; }
  #case-reform .inner .system-txt::before { content: "■"; }
  #case-reform .inner .bg-box { background-color: #00a6ba; width: 94.2%; margin: 0 auto; margin-bottom: 7.72%; padding: 7.69% 8.97% 7.17% 8.97%; }
  #case-reform .inner .bg-box .ttl-02 { width: 98%; margin: 0 auto 5%; }
  #case-reform .inner .bg-box .list li { margin-bottom: 3%; }
  #case-reform .inner .bg-box .list li:last-child { margin-bottom: 0; }
  #case-reform .inner .btn-01 { width: 94.2%; margin: 0 auto; }
  #case-reform .btn { text-align: center; }
  #case-reform .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #case-reform .btn a:hover { background: #333; text-decoration: none; }
  #case-reform .system-list { width: 89.37%; margin: 0 auto 3%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #case-reform .system-list li { width: 47.29%; margin-right: 5.4%; margin-bottom: 5.4%; background-color: #e4edf2; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-list li:hover .system-ttl-01 { text-decoration: underline; }
  #case-reform .system-list li:nth-child(2n) { margin-right: 0; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-pic { width: 100%; height: 128px; overflow: hidden; text-align: center; }
  #case-reform .system-pic img { width: 100%; height: 128px; }
  #case-reform .system-date { color: #00a6ba; font-family: Meiryo; font-size: 1.3rem; font-weight: 400; text-transform: uppercase; padding-bottom: 6%; background-image: url(../images/index/works-line.jpg); background-repeat: repeat-x; background-position: 0 bottom; }
  #case-reform .system-ttl-01 { color: #25272f; font-family: Meiryo; font-size: 1.4rem; font-weight: 400; line-height: 1.6; padding-right: 5.14%; padding-left: 5.14%; padding-top: 6%; padding-bottom: 6%; }
  
  #case-reform .system-category-set{
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
#case-reform .system-category { 
  width: 49.75%;
  margin-right: .5%;
  color: #ffffff; font-size: 1rem; letter-spacing: 0.7px; line-height: 1.5; background-color: #00a6ba; text-align: center; padding: 3%; font-weight: 700; margin-bottom: 1px; }
  
  #case-reform .system-category:nth-child(2n){margin-right: 0px;}
    
  #case-reform .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }
  /* voice -------------------------------------*/
  #voice { border-bottom: 40px solid #e1e0d5; }
  #voice .deco, #voice .deco-02 { display: none; }
  #voice .bd-box { padding: 5.71% 5.71% 10% 5.71%; border-bottom: 1px solid #e1e0d5; }
  #voice .btn-01 { width: 94.2%; margin: 0 auto; margin-bottom: 10.86%; }
  #voice .system-list { width: 89.37%; margin: 0 auto 3%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #voice .system-list li { width: 47.29%; margin-bottom: 5.4%; margin-right: 5.4%; border-top: 6px solid #e1e0d5; background-color: #f2f0e4; }
  #voice .system-list li:nth-child(2n) { margin-right: 0; }
  #voice .system-list li a:hover { text-decoration: none; }
  #voice .system-pic { width: 100%; height: 114px; overflow: hidden; text-align: center; }
  #voice .system-pic img { width: 100%; height: 114px; }
  #voice .system-customer { background-color: #fff; padding: 3%; color: #f0831e; font-family: Meiryo; font-size: 1.3rem; font-weight: 400; line-height: 1.6; text-transform: uppercase; }
  #voice .system-customer span { margin-right: 1em; }
  #voice .system-customer::before { content: "■"; }
  #voice .system-ttl-01 { color: #25272f; font-family: Meiryo; font-size: 1.4rem; font-weight: 400; line-height: 1.6; padding: 10% 5.71% 13% 5.71%; }
  /*============================ #staff ============================*/
  #staff { background-image: url(../images/index/sp-staff-bg.jpg); background-size: 100%; padding-top: 16.3%; }
  #staff .inner .ttl { width: 75.48%; margin: 0 auto; margin-bottom: 5%; }
  #staff .inner .txt-box-01 { text-align: center; color: #25272f; font-family: Meiryo; font-size: 1.4rem; font-weight: 400; line-height: 1.8; text-transform: uppercase; margin-bottom: 9.05%; }
  #staff .inner .system-list li { width: 208px; margin-right: 40px; background-color: #fff; }
  #staff .inner .system-list { margin-bottom: 15.09%; }
  #staff .inner .system-list .rel-box { position: relative; }
  #staff .inner .system-list .rel-box .deco { position: absolute; bottom: 24px; left: 42px; }
  #staff .inner .system-list .system-pic { width: 100%; height: 204px; overflow: hidden; text-align: center; }
  #staff .inner .system-list .system-pic img { width: 100%; height: 204px; }
  #staff .inner .system-list .txt-box-02 { padding: 16px; text-align: center; }
  #staff .inner .system-list .system-job { color: #25272f; font-family: Meiryo; font-size: 1.2rem; font-weight: 400; line-height: 1.6; margin-bottom: 10px; }
  #staff .inner .system-list .system-name { color: #25272f; font-family: Meiryo; font-size: 1.8rem; font-weight: 400; line-height: 1.6; }
  #staff .btn-01 { width: 94.2%; margin: 0 auto; }
  #staff #sra { position: relative; }
  .prev-box-wap, .next-box-wap { position: absolute; top: 0; width: 90%; margin: 0 auto; left: 0; right: 0; }
  .prev-box { position: relative; }
  .prev-box .prev { background-image: url(../images/index/staff-bx-l.jpg); background-repeat: no-repeat; background-position: left 0; width: 60px; height: 80px; position: absolute; left: 0; z-index: 100; top: 108px; }
  .next-box { position: relative; }
  .next-box .next { background-image: url(../images/index/staff-bx-r.jpg); background-repeat: no-repeat; background-position: right 0; width: 60px; height: 80px; position: absolute; right: 0; z-index: 100; top: 108px; }
  /*============================ #blog ============================*/
  #blog { background-image: url(../images/index/area-bg.jpg); padding-top: 19.32%; padding-bottom: 85%; margin-bottom: -75%; }
  #blog .inner { width: 100%; margin: 0 auto; background-image: url(../images/index/blog-bg.jpg); padding: 5.43% 5.43% 15.09% 5.43%; position: relative; }
  #blog .inner .ttl { width: 65%; margin: 0 auto 5%; }
  #blog .inner .ttl1 {font-size: 4vw; letter-spacing: 0.2vw; line-height: 1.8; margin: 0 auto 5vw;}

  #blog .inner .system-list { margin-bottom: 3%; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #blog .inner .system-list li { width: 47.29%; margin-right: 5.4%; margin-bottom: 5.4%; background-color: #fff; }
  #blog .inner .system-list li:nth-child(2n) { margin-right: 0px; }
  #blog .inner .system-list .system-pic { width: 100%; height: 128px; overflow: hidden; text-align: center;
    background-image: url(../images/common/img_noimage.png);
    background-repeat: no-repeat;	background-position: center 0;
    background-size: cover;
  }
  #blog .inner .system-list .system-pic img { width: 100%; height: 128px; }
  #blog .inner .system-category { background-color: #26272f; padding: 6px 8px; color: #ffffff; font-size: 1.4rem; font-weight: 700; line-height: 27px; letter-spacing: 0.8px; text-align: center; }
  #blog .inner .system-date { color: #595757; font-family: Meiryo; font-size: 1.3rem; font-weight: 400; line-height: 26px; padding: 8px 8px; border-bottom: 1px solid #d2d1c6; }
  #blog .inner .system-date::before { content: "■"; }
  #blog .inner .system-ttl-01 { padding: 8px 8px 16px; color: #25272f; font-family: Meiryo; font-size: 1.4rem; font-weight: 400; line-height: 26px; }
  /*============================ #seo ============================*/
  #seo { background-image: url(../images/index/sp-seo-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding: 11.35% 3.01% 29.95% 3.01%; }
  #seo .inner { width: 100%; margin: 0 auto; }
  #seo .inner .ttl { color: #25272f; font-family: Meiryo; font-size: 1.5rem; font-weight: 700; line-height: 1.5; margin-bottom: 5%; }
  #seo .inner .txt-box-01 { color: #3e3a39; font-family: Meiryo; font-size: 1.3rem; font-weight: 400; line-height: 1.7; } }
/*# sourceMappingURL=page-top.css.map */