@charset "UTF-8";
@media screen and (min-width:768px), print {

#top header{ display: none; }

#loader-bg { position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; 
    background-image: url(../images/index/load-bg-02.jpg); background-repeat: repeat; background-position: center; z-index: 2020;}

    #loader{
      padding-top: calc(100vh - 75vh);
      width: 558px;
      height: 320px;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;    }

    .loader-rel-box{
      position: relative;}
      .guruguru{
      width: 80px;
      height: 82px;
      position: absolute;
      bottom: 38px;
      left: 241px;}

    .guruguru img{
      width: 100%; }


  /* 3枚表示のbxslider
  -------------------------------------*/
  .slider-3mai-Box { overflow: hidden; position: relative; width: 100%; }
  .slider-3mai-Box .slider-3mai { position: relative; left: 50%; width: 3020px; margin-left: -1510px; }
  .slider-3mai-Box .slider-3mai li { width: 1000px !important; }
  .slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9999; }
  .slider-3mai-Box .bx-wrapper .bx-prev { left: 950px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
  .slider-3mai-Box .bx-wrapper .bx-next { right: 950px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }
  .side-fix { display: none; }

  #top #side-nav.f-hel { 
    width: calc(100vw - 30vw);
    position: absolute; left: 20px; top: 65px; display: block; }


  #top #side-nav.f-hel .navi-inner li a { font-size: 16px; display: inline-block; color: #fff; font-weight: 400;
     box-sizing: border-box; background: #000 url(../images/common/line01.jpg)no-repeat left center;
    letter-spacing: 1px; font-weight: bold; }

 #top #side-nav.f-hel .navi-inner li{ line-height: 0; }
  #top #side-nav.f-hel .navi-inner li:nth-child(2n) a { background: #383838 url(../images/common/line01.jpg)no-repeat left center; }
  #top #side-nav.f-hel .navi-inner li:nth-child(7) a { background: #ce0000 url(../images/common/line01.jpg)no-repeat left center; }

.hoverimg a{
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: 0.4s;}

.hoverimg a img{
  position: absolute;
  backface-visibility: hidden;
  top: 15px;
  left: 28px;
}

.hoverimg a:hover{
  transform: rotateX( 180deg );}
.hoverimg a img:last-child{
  transform: rotateX( 180deg );}


  .hoverimg a{ height: 45px;width: 100%;}

.hoverimg:first-child a{ height: 45px;width: 165px;}
.hoverimg:nth-child(2) a{ height: 45px; width: 195px;}
.hoverimg:nth-child(3) a{ height: 45px; width: 225px;}
.hoverimg:nth-child(4) a{ height: 45px; width: 195px;}
.hoverimg:nth-child(5) a{ height: 45px; width: 210px;}
.hoverimg:nth-child(6) a{ height: 45px; width: 195px;}
.hoverimg:nth-child(7) a{ height: 45px; width: 175px;}

  #top #side-nav.f-hel .navi-inner li:nth-child(8) a { background: #ab0000 url(../images/common/line01.jpg)no-repeat left center; padding: 14px 5px 13px 24px; height: 45px; 
    
    width: 205px; line-height: 1.2;}




  .top-mv {margin: 0 auto;width: 100%;}
  .top-mv .pc02{display:none;}
  .top-mv img {margin: 0 auto;width: 100%;display: inline-block;}
  .slogan-sec {background: url(../images/index/top_bg01.png)no-repeat top center / cover;position: relative;z-index: 1;margin: -66px auto 0;width: 100%;padding-bottom: 118px;overflow: hidden;}
  .slogan-sec .inner {margin: 0px auto 0;width: 90%;padding-top: 185px;position: relative;max-width: 1100px;}
  .slogan-sec .inner h2 { margin-bottom: 35px; }
  .slogan-sec .inner p.slogan-txt { font-size: 16px; color: #3a3a3a; line-height: 2; width: 520px; padding: 0 0 15px 0; }
  .slogan-sec .inner p.slogan-txt2 { font-size: 16px; color: #3a3a3a; line-height: 2; width: 520px; padding: 0 0 30px 0; }
  .slogan-sec .inner .top-img01 {position: absolute;right: -9%;top: 137px;width: 48%;max-width: 747px;}
  .slogan-sec .inner .top-img01 img { width: 100%; }
  .special-sec {background: url(../images/index/special_bg.jpg)no-repeat top center / 100%;background-size: cover;height: 460px;margin-bottom: 70px;}
  .special-sec .inner { margin: 0 auto; width: 76%; position: relative; }
  .special-sec .inner h2 { position: absolute; top: 40px; right: -105px; }
  .special-sec .inner p.f-gothic { position: absolute; right: 0; top: 297px; }
  .special-sec .inner p.f-gothic a { font-size: 16px; font-weight: bold; background: #fff url(../images/common/arrow02.png)no-repeat right 27px center; display: block; width: 346px; height: 55px; text-align: center; letter-spacing: 1px; padding-top: 20px; }
  .work-sec { margin: 0 auto; width: 100%; background: url(../images/index/work_bg01.png)no-repeat top 21px center; padding-bottom: 65px; }
  .work-sec h2 { font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 25px; }
  .work-sec h2 span.f-gothic { font-weight: bold; display: block; margin-bottom: 9px; }
  .work-sec p.work-txt01 { font-size: 14px; color: #3b3b3b; text-align: center; margin-bottom: 55px; }
  .work-sec ul.work-list { margin: 0 auto; width: 1000px; }
  .work-sec ul.work-list li:nth-child(1) { width: 977px; margin-bottom: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, .2); }
  .work-sec ul.work-list li:nth-child(2) { margin-left: 55px; }
  .interview-sec { margin: -40px auto 90px; width: 100%; background: url(../images/index/work_bg02.png)no-repeat top right 22%, url(../images/index/int_bg02.jpg)no-repeat top 575px center; }
  .interview-sec .inner { margin: 0 auto; width: 1300px; padding-top: 95px; }
  .interview-sec .inner .int-block { width: 722px; height: 300px; background: url(../images/index/int_bg01.png)no-repeat top center; box-sizing: border-box; padding: 73px 0 0 44px; margin-bottom: 110px; }
  .interview-sec .inner .int-block h2.f-gothic { font-size: 30px; font-weight: bold; margin-bottom: 32px; }
  .interview-sec .inner .int-block h2.f-gothic span.f-hel { display: block; font-weight: normal; margin-top: 19px; }
  .interview-sec .inner .int-block p { color: #3b3b3b; line-height: 2; font-size: 14px; }
  .interview-sec .inner ul.int-list { display: flex; display: -webkit-flex; display: -moz-flex;
    justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content:
    space-between; margin: 0 auto; width: 1220px; align-items: center; }
  .interview-sec .inner ul.int-list li { width: 215px; position: relative; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); margin-right:25px; }
  .interview-sec .inner ul.int-list li:nth-child(2) { margin-top: -153px; }
  .interview-sec .inner ul.int-list li:nth-child(3) { margin-top: -292px; }
  .interview-sec .inner ul.int-list li:nth-child(4) { margin-top: -389px; }
  .interview-sec .inner ul.int-list li:nth-child(5) { margin-top: -500px; }
  .interview-sec .inner ul.int-list li a { display: block; padding-bottom: 25px; background: #fff; }
  .interview-sec .inner ul.int-list li a img {margin: 0 auto 10px;max-height: 364px;max-width: 215px;display: block;}
  .interview-sec .inner ul.int-list li a p.int-name { font-size: 18px; padding: 0 15px; }
  .interview-sec .inner ul.int-list li a p.int-name span { display: block; color: #ce0000; font-size: 12px; margin-top: 8px; }
  .interview-sec .inner ul.int-list li a p.int-date { font-size: 14px; padding: 10px 14px; }
  .interview-sec .inner ul.int-list li a p.int-txt { color: #3b3b3b; padding: 0 14px; font-size: 14px; line-height: 1.8; height: 50px; overflow: hidden; }
  .interview-sec .inner ul.int-list li a span.occ { position: absolute; right: -17px; top: -15px; background: #ce0000; color: #fff; font-weight: bold; padding: 11px 10px 8px; text-align: center; font-size: 12px; }
  .interview-sec .inner ul.int-list li a span.state { position: absolute; right: -17px; top: 17px; background: #383838; color: #fff; font-weight: bold; padding: 11px 10px 8px; text-align: center; font-size: 12px; }
  .recruit-sec { background: url(../images/index/recruit_bg01.jpg)no-repeat top center; }
  .recruit-sec .inner {margin: 0 auto;width: 1200px;position: relative;}
  .recruit-sec .inner h2 { padding-top: 48px; margin-bottom: 26px; }
  .recruit-sec .inner h2 span.ttl { font-size: 30px; font-weight: bold; color: #fff; letter-spacing: 2px; display: inline-block; vertical-align: middle; margin-right: 9px; }
  .recruit-sec .inner h2 span.ttl-sub { display: inline-block; padding: 20px 0 19px 81px; color: #fff; font-size: 14px; line-height: 2.3; background: url(../images/index/recruit_line.png)no-repeat left center; vertical-align: middle; }
  .recruit-sec .inner p.recruit-btn { position: absolute; right: 0; top: 77px; }
  .recruit-sec .inner p.recruit-btn a { font-size: 16px; font-weight: bold; background: #000 url(../images/common/arrow03.png)no-repeat right 27px center; display: block; width: 346px; height: 55px; text-align: center; letter-spacing: 3px; padding-top: 20px; color: #fff; }
  .recruit-sec .inner ul.recruit-list { display: flex; display: -webkit-flex; display: -moz-flex; justify-content:flex-start;
    -webkit-justify-content: flex-start; -moz-justify-content:flex-start; }
  .recruit-sec .inner ul.recruit-list li { width: 260px; position: relative; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); margin:0 20px 50px 0; }
  .recruit-sec .inner ul.recruit-list li a { display: block; background: #fff; padding-bottom: 9px; }
  .recruit-sec .inner ul.recruit-list li a span.cate { position: absolute; right: 0; top: 0; display: inline-block; color: #fff; width: 94px; height: 29px; text-align: center; box-sizing: border-box; padding-top: 9px; font-size: 12px; font-weight: bold; letter-spacing: 2px; }
  .recruit-sec .inner ul.recruit-list li a span.cate.new { background: #ce0000; }
  .recruit-sec .inner ul.recruit-list li a img { width: 260px; height: 183px; }
  .recruit-sec .inner ul.recruit-list li a p.list-txt { font-size: 14px; background: #fff; padding: 12px 17px 8px; line-height: 1.8; overflow: hidden; height: 64px; }
  .recruit-sec .inner ul.recruit-list li a span.cate.mid { background: #4b4b4b; }
  .recruit-sec .inner p.corp-bnr { margin: 0 auto 95px; width: 1000px; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); }
  #event { margin-bottom: 90px; }
  #event .inner-Box h2.f-gothic { text-align: center; font-size: 30px; font-weight: bold; letter-spacing: 2px; margin-bottom: 40px; }
  #event .inner-Box ul.system-list { margin: 0 auto 70px; width: 1000px; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; }
  #event .inner-Box ul.system-list li { width: 305px; }
  #event .inner-Box ul.system-list li .system-pic a { display: block; position: relative; }
  #event .inner-Box ul.system-list li .system-pic a img.eyecatchImg { width: 305px; height: 205px; position: relative; }
  #event .inner-Box ul.system-list li .system-pic a:after { content: ""; width: 30px; height: 30px; display: inline-block; background: url(../images/common/arrow04.jpg)no-repeat top center; position: absolute; z-index: 1; right: 0; bottom: 0; pointer-events: none; }
  #event .inner-Box ul.system-list li a h3.system-ttl-01 { color: #3b3b3b; font-size: 14px; line-height: 1.6; margin-top: 13px; }

  /* case -------------------------------------*/
  #case { width: 100%; margin: 0 auto; padding: 80px 0; }
  #case h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px; }
  #case .btn { text-align: center; }
  #case .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 .btn a:hover { background: #333; text-decoration: none; }
  #case .inner-Box { width: 100%; margin: 0 auto; }
  #case .system-list { margin-bottom: 20px; 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 .system-list li { width: 19.6%; margin-right: 0.5%; background: #fff; position: relative; margin-bottom: 20px; }
  #case .system-list li:nth-child(5n) { margin-right: 0; }
  #case .system-list li a:hover { text-decoration: none; }
  #case .system-pic { width: 100%; height: 230px; overflow: hidden; text-align: center; }
  #case .system-pic img { width: 100%; height: 230px; }
  #case .system-date { font-size: 0.75em; margin-bottom: 15px; line-height: 1.4; }
  #case .system-date::before { content: "■"; }
  #case .system-ttl-01 { font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
  #case .system-category-set { margin-bottom: 15px; }
  #case .system-category { margin-bottom: 1px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #case .icon01 { background: #000; }
  #case .icon02 { background: #111; }
  #case .icon03 { background: #222; }
  #case .icon04 { background: #333; }
  #case .icon05 { background: #444; }
  #case .icon06 { background: #555; }
  #case .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

  /* casetax-catego -------------------------------------*/
  #casetax-catego { width: 100%; margin: 0 auto; padding: 50px 0; background: #efefef; }
  #casetax-catego h2 { text-align: center; font-size: 1.4em; font-weight: bold; margin-bottom: 50px; }
  #casetax-catego .btn { text-align: center; }
  #casetax-catego .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #casetax-catego .btn a:hover { background: #333; text-decoration: none; }
  #casetax-catego .inner-Box { width: 1100px; margin: 0 auto; }
  #casetax-catego .system-list { margin-bottom: 20px; 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; }
  #casetax-catego .system-list li { width: 19.6%; margin-right: 0.5%; position: relative; margin-bottom: 20px; }
  #casetax-catego .system-list li:nth-child(5n) { margin-right: 0; }
  #casetax-catego .system-list li a:hover { text-decoration: none; }
  #casetax-catego .system-pic { width: 100%; height: 120px; margin-bottom: 10px; overflow: hidden; text-align: center; }
  #casetax-catego .system-pic img { width: 100%; height: 120px; }
  #casetax-catego .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #casetax-catego .system-date::before { content: "■"; }
  #casetax-catego .system-ttl { font-size: 1em; margin-bottom: 20px; line-height: 1.4; }

  /* case-reform -------------------------------------*/
  #case-reform { width: 100%; margin: 0 auto; padding: 80px 0; background: #ccc }
  #case-reform h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px; }
  #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 .inner-Box { width: 1100px; margin: 0 auto; }
  #case-reform .system-list { margin-bottom: 20px; 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-list li { width: 33%; margin-right: 0.5%; background: #fff; position: relative; margin-bottom: 20px; padding: 1%; }
  #case-reform .system-list li:nth-child(3n) { margin-right: 0; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-pic { width: 100%; height: 220px; overflow: hidden; text-align: center; }
  #case-reform .system-pic img { width: 100%; height: 220px; }
  #case-reform .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #case-reform .system-date::before { content: "■"; }
  #case-reform .system-ttl-01 { font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
  #case-reform .system-category-set { margin-bottom: 15px; }
  #case-reform .system-category { margin-bottom: 1px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #case-reform .icon01 { background: #000; }
  #case-reform .icon02 { background: #111; }
  #case-reform .icon03 { background: #222; }
  #case-reform .icon04 { background: #333; }
  #case-reform .icon05 { background: #444; }
  #case-reform .icon06 { background: #555; }
  #case-reform .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

  /* voice -------------------------------------*/
  #voice { width: 100%; margin: 0 auto; padding: 80px 0; background: #f8f8f8; }
  #voice h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px; }
  #voice .btn { text-align: center; }
  #voice .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #voice .btn a:hover { background: #333; text-decoration: none; }
  #voice .inner-Box { width: 1100px; margin: 0 auto; }
  #voice .system-list { margin-bottom: 20px; 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; }
  #voice .system-list li { width: 33%; margin-right: 0.5%; background: #fff; position: relative; margin-bottom: 20px; padding: 1%; }
  #voice .system-list li:nth-child(3n) { margin-right: 0; }
  #voice .system-list li a:hover { text-decoration: none; }
  #voice .system-pic { width: 100%; height: 220px; margin-bottom: 20px; overflow: hidden; text-align: center; }
  #voice .system-pic img { width: 100%; height: 220px; }
  #voice .system-customer { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #voice .system-customer::before { content: "■"; }
  #voice .system-ttl-01 { font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
  #voice .system-category { margin-bottom: 10px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 3px; background-color: rgba(35, 24, 21, 0.7); }
  #blog-news { width: 1100px; margin: 0 auto; padding: 80px 0; }

  /* blog -------------------------------------*/
  #blog { width: 500px; float: left; margin-right: 40px; }
  #blog h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px; }
  #blog .btn { text-align: center; }
  #blog .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #blog .btn a:hover { background: #333; text-decoration: none; }
  #blog .inner-Box { }
  #blog .system-list { margin-bottom: 50px; }
  #blog .system-list li { width: 100%; overflow: hidden; background: #fff; border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 20px; }
  #blog .system-list li a:hover { text-decoration: none; }
  #blog .system-pic { width: 18%; margin-right: 2%; height: auto; overflow: hidden; text-align: center; float: left; }
  #blog .system-pic img { max-width: 100%; height: auto; }
  #blog .system-txt { width: 80%; float: left; }
  #blog .system-date { font-size: 0.75em; margin-bottom: 10px; }
  #blog .system-date::before { content: "■"; }
  #blog .system-ttl { width: 80%; font-size: 1em; line-height: 1.4; }
  #blog .system-category { font-size: 0.625em; color: #fff; text-align: center; padding: 3px; background-color: #111; width: 30%; margin-bottom: 10px; }
  #blog .blog-icon01 { background: #111; }
  #blog .blog-icon02 { background: #222; }
  #blog .blog-icon03 { background: #333; }
  #blog .blog-icon04 { background: #444; }
  #blog .blog-icon05 { background: #555; }
  #blog .blog-icon06 { background: #666; }
  #blog .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

  /* topics -------------------------------------*/
  #topics { width: 500px; float: left; }
  #topics h2 { text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px; }
  #topics .btn { text-align: center; }
  #topics .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; display: inline-block; background: #000; }
  #topics .btn a:hover { background: #333; text-decoration: none; }
  #topics .inner-Box { }
  #topics .system-list { margin-bottom: 50px; }
  #topics .system-list li { width: 100%; overflow: hidden; background: #fff; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 20px; }
  #topics .system-list li a:hover { text-decoration: none; }
  #topics .system-date { font-size: 0.75em; margin-bottom: 10px; }
  #topics .system-date::before { content: "■"; }
  #topics .system-ttl { width: 80%; font-size: 1em; line-height: 1.4; }
  #topics .system-category { font-size: 0.625em; color: #fff; text-align: center; padding: 3px; background-color: #111; width: 30%; margin-bottom: 10px; }
  #topics .icon01 { background: #111; }
  #topics .icon02 { background: #222; }
  #topics .icon03 { background: #333; }
  #topics .icon04 { background: #444; }
  #topics .icon05 { background: #555; }
  #topics .icon06 { background: #666; }
  #topics .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }
  #instagram { width: 1100px; margin: 80px auto; }
  #instagram .instagram-ttl { margin-bottom: 50px; text-align: center; font-size: 1.4em; font-weight: bold; }
  #instagram .instagram li { width: 136px; height: 136px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; float: left; text-align: center; overflow: hidden; }
  #instagram .instagram li img { width: 100%; height: auto; }
}

@media screen and (max-width:1500px){
  #top #side-nav.f-hel { top: 96px;}
  }

  @media screen and (max-width:1400px){
    #top #side-nav.f-hel { top:72px;}
    }

@media screen and (max-width:1300px){
  #top #side-nav.f-hel { top: 30px;}
  }

@media screen and (max-width: 1200px) and (min-width: 768px) {
.top-mv {min-width: 1067px;}
.slogan-sec { min-width: 1067px; }
.special-sec { min-width: 1067px; }
.interview-sec .inner { width: 1000px; }
.interview-sec .inner ul.int-list { width: 990px; }
.interview-sec .inner ul.int-list li { width: 174px; }
.recruit-sec { min-width: 1067px; }
.recruit-sec .inner { width: 1067px; }
.recruit-sec .inner p.recruit-btn a { width: 299px; }
.recruit-sec .inner ul.recruit-list li { width: 235px; }
.recruit-sec .inner ul.recruit-list li a img { width: 235px; height: 160px; }
}

@media screen and (max-width:1500px){
  .top-mv{
    min-width: auto;
    overflow: hidden;
    background-image: url(../images/index/top_mv_sm.jpg);
    background-size: cover;
}
  .top-mv .pc01{display:none;}
  .top-mv .pc02{display:block;width: 100%;}
}



@media screen and (max-width:767px) {

 #loader-bg{
  display: none!important;
}

.wap2{
display:block !important;
opacity: 1.0 !important;
} 



  .top-mv { margin: 0 auto; }
  .top-mv img { margin: 0 auto; }
  .top-mv .pc01,.top-mv .pc02{display:none;}
  .slogan-sec { background: url(../images/index/sp-top_bg01.jpg)no-repeat top center / 100%; position: relative; z-index: 1; padding: 7vw 4vw 5vw; }
  .slogan-sec .inner { margin: 0px auto 0; position: relative; padding-bottom: 88vw; }
  .slogan-sec .inner h2 { margin-bottom: 4vw; }
  .slogan-sec .inner p.slogan-txt { font-size: 3.7vw; color: #3a3a3a; line-height: 1.6;padding: 0 0 4% 0; }
  .slogan-sec .inner p.slogan-txt2 { font-size: 3.7vw; color: #3a3a3a; line-height: 1.6;padding: 0 0 7% 0; }
  .slogan-sec .inner .top-img01 { position: absolute; right: -95px; top: 82px; display: none; }
  .special-sec { background: url(../images/index/sp-special_bg.jpg)no-repeat top center / cover; padding: 6vw 5vw 7vw; margin-bottom: 11vw; }
  .special-sec .inner { margin: 0 auto; position: relative; }
  .special-sec .inner p.f-gothic { position: absolute; right: 0; top: 40vw; left: 0; margin: auto; width: 66vw; }
  .special-sec .inner p.f-gothic a { font-size: 4vw; font-weight: bold; background: #fff url(../images/common/arrow02.png)no-repeat right 6vw center / 5vw; display: block; width: 66vw; height: 13vw; text-align: center; letter-spacing: 0.2vw; padding-top: 4.5vw; }
  .work-sec { margin: 0 auto; background: url(../images/index/sp-work_bg01.png)no-repeat top  center / cover; padding-bottom: 20vw; }
  .work-sec h2 { font-size: 30px; font-weight: bold; text-align: center; }
  .work-sec h2 span.f-gothic { font-weight: bold; display: block; margin-bottom: 3vw; }
  .work-sec p.work-txt01 { font-size: 4vw; color: #3b3b3b; text-align: center; margin-bottom: 7vw; line-height: 1.8; }
  .work-sec ul.work-list { margin: 0 auto; }
  .work-sec ul.work-list li { padding: 0 4vw 0 4vw; margin-bottom: 2vw; }
  .work-sec ul.work-list li:nth-child(2) { padding: 0 1vw 0 7vw; }
  .interview-sec { margin: -14vw auto 7vw; background: url(../images/index/work_bg02.png)no-repeat top 1vw right 4vw /68vw, url(../images/index/sp-int_bg02.jpg)no-repeat bottom 9vw center / 100%; padding-bottom: 9vw; }
  .interview-sec .inner { margin: 0 auto; padding-top: 21vw; }
  .interview-sec .inner .int-block { background: url(../images/index/sp-int_bg01.png)no-repeat top center / 100%; box-sizing: border-box; padding: 7vw 4vw 19vw 10vw; margin-bottom: 0vw; }
  .interview-sec .inner .int-block h2.f-gothic { font-size: 6vw; font-weight: bold; margin-bottom: 3vw; }
  .interview-sec .inner .int-block h2.f-gothic span.f-hel { display: block; font-weight: normal; margin-top: 5vw; }
  .interview-sec .inner .int-block p { color: #3b3b3b; line-height: 1.9; font-size: 4vw; }
  .interview-sec .inner ul.int-list { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; margin: 0 auto; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; padding: 0 4vw; align-items: end; margin-top: -15vw; }
  .interview-sec .inner ul.int-list li { width: 43vw; position: relative; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); margin-bottom: 11vw; }
  .interview-sec .inner ul.int-list li:nth-child(1) { margin-top: 29vw; }
  .interview-sec .inner ul.int-list li:nth-child(2) { margin-top: 14vw; }
  .interview-sec .inner ul.int-list li:nth-child(3) { margin-top: 2vw; }
  .interview-sec .inner ul.int-list li:nth-child(4) { margin-top: -14vw; }
  .interview-sec .inner ul.int-list li:nth-child(5) { display: none; }
  .interview-sec .inner ul.int-list li a { display: block; padding-bottom: 6vw; background: #fff; }
  .interview-sec .inner ul.int-list li a img { margin-bottom: 6px; }
  .interview-sec .inner ul.int-list li a p.int-name { font-size: 4vw; padding: 0 3vw; }
  .interview-sec .inner ul.int-list li a p.int-name span { display: block; color: #ce0000; font-size: 3.5vw; margin-top: 2vw; }
  .interview-sec .inner ul.int-list li a p.int-date { font-size: 3.5vw; padding: 2vw 3vw 3vw; }
  .interview-sec .inner ul.int-list li a p.int-txt { color: #3b3b3b; padding: 0 3vw; font-size: 4vw; line-height: 1.8; height: 14vw; overflow: hidden; }
  .interview-sec .inner ul.int-list li a span.occ { position: absolute; right: -1vw; top: -4vw; background: #ce0000; color: #fff; font-weight: bold; padding: 2.5vw 2vw 2vw; text-align: center; font-size: 3vw; }
  .interview-sec .inner ul.int-list li a span.state { position: absolute; right: -1vw; top: 4vw; background: #383838; color: #fff; font-weight: bold; padding: 2.5vw 2vw 2vw; text-align: center; font-size: 3vw; }
  .recruit-sec { background: url(../images/index/sp-recruit_bg01.jpg)no-repeat top center / 100%; padding: 2vw 4vw; margin-bottom: 11vw; }
  .recruit-sec .inner { margin: 0 auto; position: relative; }
  .recruit-sec .inner h2 { padding-top: 3vw; margin-bottom: 5vw; line-height: 1.6; }
  .recruit-sec .inner h2 span.ttl { font-size: 6vw; font-weight: bold; color: #fff; letter-spacing: 0.3vw; display: inline-block; vertical-align: middle; background: url(../images/index/recruit_line.png)no-repeat right 5vw center / 8vw; padding: 3vw 15vw 2vw 0; }
  .recruit-sec .inner h2 span.ttl-sub { display: inline-block; color: #fff; font-size: 4vw; line-height: 1.9; vertical-align: middle; margin-top: 1vw; }
  .recruit-sec .inner p.recruit-btn { position: absolute; right: 0; top: 77px; display: none; }
  .recruit-sec .inner p.recruit-btn a { font-size: 16px; font-weight: bold; background: #000 url(../images/common/arrow03.png)no-repeat right 27px center; display: block; width: 346px; height: 55px; text-align: center; letter-spacing: 3px; padding-top: 20px; color: #fff; }
  .recruit-sec .inner ul.recruit-list { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; }
  .recruit-sec .inner ul.recruit-list li { width: 43vw; position: relative; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); margin-bottom: 9vw; }
  .recruit-sec .inner ul.recruit-list li a { display: block; background: #fff; padding-bottom: 3vw; }
  .recruit-sec .inner ul.recruit-list li a span.cate { position: absolute; right: 0; top: 0; display: inline-block; color: #fff; width: 19vw; height: 7vw; text-align: center; box-sizing: border-box; padding-top: 2.5vw; font-size: 3vw; font-weight: bold; letter-spacing: 0.2vw; }
  .recruit-sec .inner ul.recruit-list li a span.cate.new { background: #ce0000; }
  .recruit-sec .inner ul.recruit-list li a img { width: 43vw; height: 30vw; }
  .recruit-sec .inner ul.recruit-list li a p.list-txt { font-size: 3.5vw; background: #fff; padding: 2vw; line-height: 1.8; overflow: hidden; height: 20vw; }
  .recruit-sec .inner ul.recruit-list li a span.cate.mid { background: #4b4b4b; }
  .recruit-sec .inner p.corp-bnr { margin: 0 auto; box-shadow: 10px 10px 12px 0 rgba(0, 0, 0, 0.1); }
  #event { margin-bottom: 90px; }
  #event .inner-Box h2.f-gothic { text-align: center; font-size: 6vw; font-weight: bold; letter-spacing: 0.3vw; margin-bottom: 5vw; }
  #event .inner-Box ul.system-list { margin: 0 auto 9vw; display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; width: 92vw; }
  #event .inner-Box ul.system-list li { width: 44vw; box-shadow: 5px 8px 12px -1px rgba(0, 0, 0, 0.08); }
  #event .inner-Box ul.system-list li:nth-child(3) { display: none; }
  #event .inner-Box ul.system-list li .system-pic a { display: block; position: relative; }
  #event .inner-Box ul.system-list li .system-pic a img.eyecatchImg { width: 44vw; height: 28vw; position: relative; }
  #event .inner-Box ul.system-list li .system-pic a:after { content: ""; width: 30px; height: 30px; display: inline-block; background: url(../images/common/arrow04.jpg)no-repeat top center; position: absolute; z-index: 1; right: 0; bottom: 0; pointer-events: none; }
  #event .inner-Box ul.system-list li a h3.system-ttl-01 { color: #3b3b3b; font-size: 14px; line-height: 1.6; margin-top: 13px; }
  #side-nav { display: none; }

  /* event -------------------------------------*/
  #event { width: 100%; margin: 0 auto; }
  #event h2 { text-align: center; font-size: 2rem; font-weight: bold; margin-bottom: 10%; }
  #event .btn { text-align: center; }
  #event .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #event .btn a:hover { background: #333; text-decoration: none; }
  #event .system-list { margin-bottom: 10%; 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; }
  #event .system-list li { width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4; }
  #event .system-list li:nth-child(2n) { margin-right: 0; }
  #event .system-list li a:hover { text-decoration: none; }
  #event .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; }
  #event .system-pic img { max-width: 100%; max-height: 130px; width: auto; height: auto; }
  #event .system-date { font-size: 1.2rem; margin: 0 3% 5%; }
  #event .system-ttl-01 { font-size: 1.4rem; margin: 0 3% 5%; line-height: 1.6; }
  #event .system-icon { font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 8px; background: #000; }
  #event .icon01 { background: #333; }
  #event .icon02 { background: #666; }
  #event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 1.2rem; margin-bottom: 5%; }
  #event .system-icon02 span.icon02-01 { background: #999; }
  #event .system-icon02 span.icon02-02 { background: #ccc; }
  #event .system-icon02 span.icon02-03 { background: #eee; }

  /* case -------------------------------------*/
  #case { width: 100%; margin: 0 auto; padding: 15% 3%; }
  #case h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #case .btn { text-align: center; }
  #case .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #case .btn a:hover { background: #333; text-decoration: none; }
  #case .inner-Box { width: 100%; margin: 0 auto; }
  #case .system-list { margin-bottom: 10%; 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 .system-list li { width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4; }
  #case .system-list li:nth-child(2n) { margin-right: 0; }
  #case .system-list li:nth-child(n+5) { display: none; }
  #case .system-list li a:hover { text-decoration: none; }
  #case .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; }
  #case .system-pic img { width: 100%; height: 120px; }
  #case .system-date { font-size: 1.2rem; margin-bottom: 5%; }
  #case .system-date::before { content: "■"; }
  #case .system-ttl-01 { font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #case .system-category-set { margin-bottom: 5%; }
  #case .system-category { margin-bottom: 1px; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #case .icon01 { background: #000; }
  #case .icon02 { background: #111; }
  #case .icon03 { background: #222; }
  #case .icon04 { background: #333; }
  #case .icon05 { background: #444; }
  #case .icon06 { background: #555; }
  #case .system-icon02 { }

  /* casetax-catego -------------------------------------*/
  #casetax-catego { width: 100%; margin: 0 auto; padding: 15% 3%; background: #efefef; }
  #casetax-catego h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #casetax-catego .btn { text-align: center; }
  #casetax-catego .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #casetax-catego .btn a:hover { background: #333; text-decoration: none; }
  #casetax-catego .inner-Box { width: 100%; margin: 0 auto; }
  #casetax-catego .system-list { margin-bottom: 10%; 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; }
  #casetax-catego .system-list li { width: 49%; margin-right: 2%; position: relative; margin-bottom: 4%; line-height: 1.4; }
  #casetax-catego .system-list li:nth-child(2n) { margin-right: 0; }
  #casetax-catego .system-list li:nth-child(n+5) { display: none; }
  #casetax-catego .system-list li a:hover { text-decoration: none; }
  #casetax-catego .system-pic { width: 100%; height: 120px; margin-bottom: 10px; overflow: hidden; text-align: center; }
  #casetax-catego .system-pic img { width: 100%; height: 120px; }
  #casetax-catego .system-date { font-size: 1.2rem; margin-bottom: 5%; }
  #casetax-catego .system-date::before { content: "■"; }
  #casetax-catego .system-ttl { font-size: 1.4rem; margin-bottom: 5%; }
  #casetax-catego .system-ttl-01 { font-size: 1.4rem; line-height: 1.6; }

  /* case-reform -------------------------------------*/
  #case-reform { width: 100%; margin: 0 auto; padding: 15% 3%; background: #ccc }
  #case-reform h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #case-reform .btn { text-align: center; }
  #case-reform .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #case-reform .btn a:hover { background: #333; text-decoration: none; }
  #case-reform .inner-Box { width: 100%; margin: 0 auto; }
  #case-reform .system-list { margin-bottom: 10%; 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-list li { width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4; padding: 1%; }
  #case-reform .system-list li:nth-child(2n) { margin-right: 0; }
  #case-reform .system-list li:nth-child(n+3) { display: none; }
  #case-reform .system-list li a:hover { text-decoration: none; }
  #case-reform .system-pic { width: 100%; height: 120px; overflow: hidden; text-align: center; }
  #case-reform .system-pic img { width: 100%; height: 120px; }
  #case-reform .system-date { font-size: 1.2rem; margin-bottom: 5%; }
  #case-reform .system-date::before { content: "■"; }
  #case-reform .system-ttl-01 { font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #case-reform .system-category-set { margin-bottom: 5%; }
  #case-reform .system-category { margin-bottom: 1px; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; }
  #case-reform .icon01 { background: #000; }
  #case-reform .icon02 { background: #111; }
  #case-reform .icon03 { background: #222; }
  #case-reform .icon04 { background: #333; }
  #case-reform .icon05 { background: #444; }
  #case-reform .icon06 { background: #555; }
  #case-reform .system-icon02 { }

  /* voice -------------------------------------*/
  #voice { width: 100%; margin: 0 auto; padding: 15% 3%; background: #f8f8f8; }
  #voice h2 { text-align: center; font-size: 2rem; font-weight: bold; margin-bottom: 10%; }
  #voice .btn { text-align: center; }
  #voice .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #voice .btn a:hover { background: #333; text-decoration: none; }
  #voice .inner-Box { width: 100%; margin: 0 auto; }
  #voice .system-list { margin-bottom: 10%; 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; }
  #voice .system-list li { width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4; padding: 1%; }
  #voice .system-list li:nth-child(2n) { margin-right: 0; }
  #voice .system-list li:nth-child(n+3) { display: none; }
  #voice .system-list li a:hover { text-decoration: none; }
  #voice .system-pic { width: 100%; height: 120px; margin-bottom: 5%; overflow: hidden; text-align: center; }
  #voice .system-pic img { width: 100%; height: 120px; }
  #voice .system-customer { font-size: 1.2rem; margin-bottom: 5%; }
  #voice .system-customer::before { content: "■"; }
  #voice .system-ttl-01 { font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #voice .system-category { }
  #blog-news { width: 100%; margin: 0 auto; }

  /* blog -------------------------------------*/
  #blog { width: 100%; margin: 0 auto; padding: 15% 3%; }
  #blog h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #blog .btn { text-align: center; }
  #blog .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #blog .btn a:hover { background: #333; text-decoration: none; }
  #blog .inner-Box { width: 100%; margin: 0 auto; }
  #blog .system-list { margin-bottom: 10%; }
  #blog .system-list li { width: 100%; background: #fff; overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 5%; padding-bottom: 5%; }
  #blog .system-list li a:hover { text-decoration: none; }
  #blog .system-pic { width: 28%; margin-right: 2%; height: auto !important; overflow: hidden; text-align: center; float: left; }
  #blog .system-pic img { max-width: 100%; height: auto !important; }
  #blog .system-txt { width: 70%; float: right; }
  #blog .system-date { font-size: 1.2rem; margin-bottom: 3%; }
  #blog .system-date::before { content: "■"; }
  #blog .system-ttl { width: 70%; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #blog .system-category { width: 28%; font-size: 1.2rem; color: #fff; text-align: center; padding: 3%; background-color: #111; width: 50%; margin-bottom: 3%; }
  #blog .blog-icon01 { background: #111; }
  #blog .blog-icon02 { background: #222; }
  #blog .blog-icon03 { background: #333; }
  #blog .blog-icon04 { background: #444; }
  #blog .blog-icon05 { background: #555; }
  #blog .blog-icon06 { background: #666; }
  #blog .system-icon02 { padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

  /* topics -------------------------------------*/
  #topics { width: 100%; padding: 15% 3%; }
  #topics h2 { text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%; }
  #topics .btn { text-align: center; }
  #topics .btn a { font-weight: bold; margin: 0 auto; color: #fff; padding: 5% 3%; text-align: center; display: block; background: #000; }
  #topics .btn a:hover { background: #333; text-decoration: none; }
  #topics .inner-Box { width: 100%; margin: 0 auto; }
  #topics .system-list { margin-bottom: 10%; }
  #topics .system-list li { width: 100%; background: #fff; overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 5%; padding-bottom: 5%; }
  #topics .system-list li a:hover { text-decoration: none; }
  #topics .system-date { font-size: 1.2rem; margin-bottom: 3%; }
  #topics .system-date::before { content: "■"; }
  #topics .system-ttl { width: 80%; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
  #topics .system-category { font-size: 1.2rem; color: #fff; text-align: center; padding: 2%; background-color: #111; width: 28%; margin-bottom: 3%; }
  #topics .icon01 { background: #111; }
  #topics .icon02 { background: #222; }
  #topics .icon03 { background: #333; }
  #topics .icon04 { background: #444; }
  #topics .icon05 { background: #555; }
  #topics .icon06 { background: #666; }
  #topics .system-icon02 { }
  #instagram { width: 100%; margin: 15% auto; }
  #instagram .instagram-ttl { margin-bottom: 10%; text-align: center; font-size: 1.4rem; font-weight: bold; }
  #instagram .instagram li { width: 25vw; height: 25vw; float: left; text-align: center; overflow: hidden; }
  #instagram .instagram li img { width: 100%; height: auto; }
}
@media screen and (max-width:380px) {
  #case .system-list .system-pic { height: 120px; }
  #case .system-list .system-pic img { height: 120px; }
  #casetax-catego .system-list .system-pic { height: 120px; }
  #casetax-catego .system-list .system-pic img { height: 120px; }
  #casetax-reform .system-list .system-pic { height: 120px; }
  #casetax-reform .system-list .system-pic img { height: 120px; }
  #voice .system-list .system-pic { height: 120px; }
  #voice .system-list .system-pic img { height: 120px; }
}
@media screen and (max-width:321px) {
  #case .system-list .system-pic { height: 100px; }
  #case .system-list .system-pic img { height: 100px; }
  #casetax-catego .system-list .system-pic { height: 100px; }
  #casetax-catego .system-list .system-pic img { height: 100px; }
  #casetax-reform .system-list .system-pic { height: 100px; }
  #casetax-reform .system-list .system-pic img { height: 100px; }
  #voice .system-list .system-pic { height: 100px; }
  #voice .system-list .system-pic img { height: 100px; }
}