@charset "UTF-8";


@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/

.side-fix { display: none;}
header{ margin-bottom: -51px; }
#contentsmain { position: relative;  margin-bottom: -176px;}
#contentsmain .inner-Box { max-width: 1920px; width: 100%; min-width: 1280px; margin: 0 auto; position: relative;}
#contentsmain .inner-Box span.en { position: absolute; top: 12.9vw; left: 2.3vw; }
#contentsmain .inner-Box figure{  }
#contentsmain .inner-Box figure img{ width: 100%; height: auto; }
#contentsmain .sns-box { position: absolute; top: 10.8vw; right: 2.2vw; }
#contentsmain .sns-box p.ttl {  }
#contentsmain .sns-box ul{  position: relative;top: 30px;left: 5px;}
#contentsmain .sns-box ul li { display: block; margin-bottom: 5px;}
#contentsmain .sns-box ul li img{  }

#contents01 { background: url('../images/index/contents01-back.jpg')no-repeat top center; min-height: 1124px; padding-top: 300px;margin-bottom: 150px;}
#contents01 .inner-Box { width: 1100px; position: relative; margin: 0 auto; }
#contents01 .inner-Box span.en {  position: relative;left: 6px;margin-bottom: 7px;display: block;}
#contents01 .inner-Box h2 {  padding-left: 82px;margin-bottom: 47px;}
#contents01 .inner-Box h2 img{  }
#contents01 .inner-Box p.text {  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;padding-left: 80px;margin-bottom: 91px;}
#contents01 .inner-Box p.btn{  margin-left: 78px;}
#contents01 .inner-Box p.btn img{  }

#contents02 { width: 100%; max-width: 1520px; min-width: 1280px; margin: 0 auto -480px; }
#contents02 .inner-Box {  }
#contents02 .inner-Box span.subttl { display: block; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 15px;}
#contents02 .inner-Box h2 { width: 955px; margin: 0 auto 39px; text-align: center; position: relative;}
#contents02 .inner-Box h2 img{  position: relative;left: -4px;}
#contents02 .inner-Box h2::before{position: absolute;bottom: -68px;left: -3px;}
#contents02 .inner-Box h2::after{ content: url('../images/index/contents02-ttlright.png'); position: absolute; bottom: -68px; right: 4px; }
#contents02 .inner-Box ul{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;}
#contents02 .inner-Box ul li { width: 49%; margin-right: 2%; }
#contents02 .inner-Box ul li:nth-child(2n){ margin-right: 0px; }
#contents02 .inner-Box ul li img{ width: 100%; height: auto; margin-bottom: 12px;}
#contents02 .inner-Box ul li p{ width: 530px; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; text-align: center; margin-left: auto; }
#contents02 .inner-Box ul li:nth-child(2n) p{ width: 530px; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; text-align: center; margin-right: auto; margin-left: 0; }

#contents03 { background-color: #f4efe7; padding-top: 537px; margin-bottom: -411px;}
#contents03 .inner-Box { max-width: 1400px; width: 100%; min-width: 1280px; margin: 0 auto; border: 11px solid #ebe3d6; background: #d8cdbb; padding-top: 62px;position: relative;}
#contents03 .inner-Box h2 span { display: block; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; }
#contents03 .inner-Box h2{ font-size: 38px; font-weight: 700; letter-spacing: 1.9px; text-align: center; margin-bottom: 25px;}
#contents03 .inner-Box ul{ width: 1140px; 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;}
#contents03 .inner-Box ul li { width: 270px; margin-bottom: 26px; margin-right: 20px; text-align: center; }
#contents03 .inner-Box ul li:nth-child(4n){ margin-right: 0px; }
#contents03 .inner-Box ul li img{  }
#contents03 .inner-Box h3{ background-color: #38240e; font-size: 22px; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 16px;}
#contents03 .inner-Box p{  }
#contents03 .inner-Box p.btn{ width: 400px; margin: 0 auto; text-align: center;display: block;position: relative;top: 30px;}
#contents03 .inner-Box p.btn img{  }

#contents04 { background: url('../images/index/contents04-back.jpg')no-repeat bottom center; padding-top: 672px;margin-bottom: 121px;}
#contents04 .inner-Box {  width: 100%;   }
#contents04 .inner-Box h2 {  text-align: center;margin-bottom: 6px;}
#contents04 .inner-Box h2 img{  position: relative;left: 33px;}
#contents04 .inner-Box ul{width: 100%; position: relative; 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;min-height: 70vw;}
#contents04 .inner-Box ul li { position: absolute;  width: 27.6vw;top: 0vw;left: 5.5vw;}
#contents04 .inner-Box ul li:nth-child(2){ position: absolute; top: 4.3vw; left: 36.3vw; }
#contents04 .inner-Box ul li:nth-child(3){ position: absolute; top: 8.5vw; left: 67vw; }
#contents04 .inner-Box ul li:nth-child(4){ position: absolute; top: 32.8vw; left: 21vw; }
#contents04 .inner-Box ul li:nth-child(5){ position: absolute; top: 37vw; left: 51.6vw; }
#contents04 .inner-Box ul li img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li p{ text-align: center; font-size: 0.86vw; width: 100%; letter-spacing: 0.16px; line-height: 1.6; position: absolute; bottom: 1.5vw;}
#contents04 .inner-Box p.btn{ position: relative; margin: 0 auto; text-align: center; top: -100px;  }


/* case -------------------------------------*/
#case_newly { width: 1233px; margin: 0 auto 43px; padding: 0px 0px 0px 320px; position: relative;}
#case_newly h2{ position: absolute; top: 83px; left: 52px; font-size: 22px; font-weight: bold; letter-spacing: 1.1px; }
#case_newly .en{ position: absolute; top: 14px; left: 3px; }
#case_newly .btn{ position: absolute; top: 147px; left: 15px; }
#case_newly .inner-Box{ width: 100%; margin: 0 auto; }
#case_newly .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_newly .system-list li{ width: 290px; margin-right: 20px; position: relative; }
#case_newly .system-list li:nth-child(3){ margin-right: 0;}
#case_newly .system-list li:nth-child(4){ display: none; }
#case_newly .system-list li a:hover{ text-decoration: none; }
#case_newly .system-pic{ width: 100%; height: 201px; overflow: hidden; text-align: center; margin-bottom: 20px;}
#case_newly .system-pic img{ width: 100%; height: 230px; }
#case_newly .system-date{  margin-bottom: 15px; line-height: 1.4;color: #474645;font-size: 14px;}
#case_newly .system-ttl-01{ font-size: 16px; margin-bottom: 10px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;border-bottom: 1px solid #bdbebf;padding-bottom: 14px;}
#case_newly .system-category-set { margin-bottom: 15px;}
#case_newly .system-category{ margin-bottom: 1px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; padding: 8px;}
#case_newly .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

/* case-reform -------------------------------------*/
#case_reform { width: 1233px; margin: 0 auto 101px; padding: 0px 0px 0px 320px; position: relative;}
#case_reform h2{ position: absolute; top: 83px; left: 19px; font-size: 22px; font-weight: bold; letter-spacing: 1.1px; }
#case_reform .en{ position: absolute; top: 14px; left: -5px; }
#case_reform .btn{ position: absolute; top: 147px; left: 15px; }
#case_reform .inner-Box{ width: 100%; 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: 290px; margin-right: 20px; position: relative; }
#case_reform .system-list li:nth-child(3){ margin-right: 0;}
#case_reform .system-list li:nth-child(4){ display: none; }
#case_reform .system-list li a:hover{ text-decoration: none; }
#case_reform .system-pic{ width: 100%; height: 170px; overflow: hidden; text-align: center; }
#case_reform .system-pic img{ width: 100%; height: 230px; }
#case_reform .system-date{  margin-bottom: 15px; line-height: 1.4;color: #474645;font-size: 14px;}
#case_reform .system-ttl-01{ font-size: 16px; margin-bottom: 10px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;border-bottom: 1px solid #bdbebf;padding-bottom: 14px;}
#case_reform .system-category-set { margin-bottom: 21px;}
#case_reform .system-category{ margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 1px;}
#case_reform .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

#contents05 { background: url('../images/index/contents05-back.jpg')no-repeat top center; min-height: 914px;}
#contents05 .inner-Box {  }
#contents05 .inner-Box span.subttl { text-align: center; font-size: 28px; font-weight: 700; letter-spacing: 1.4px; line-height: 47px; display: block; margin-bottom: -143px;z-index: 3;position: relative;padding-top: 22px;}
#contents05 .inner-Box h2{ background: url('../images/index/contents05-ttl.png')no-repeat top center; width: 493px; height: 248px; margin: 0 auto 39px;text-align: center; position: relative;left: -36px;padding-top: 145px;font-size: 53px;font-weight: 700;letter-spacing: 2.7px;padding-left: 77px;}
#contents05 .inner-Box h2 span{ font-size: 44px; }
#contents05 .inner-Box ul{ max-width: 1736px; min-width: 1280px; width: 100%; 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;}
#contents05 .inner-Box ul li { width: 32%; margin-right: 2%; }
#contents05 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents05 .inner-Box ul li img{ width: 100%; height: auto; }
#contents05 .inner-Box p.btn{ position: relative; margin: 0 auto; text-align: center; top: 50px;  }



/* voice -------------------------------------*/
#voice{ width: 100%; margin: 0 auto 156px; padding: 124px 0 80px 0; }
#voice h2{   font-weight: bold; margin-bottom: 30px;font-size: 24px;letter-spacing: 1.2px;}
#voice .en{ display: block; margin-bottom: 18px;}
#voice .inner-Box{ width: 1032px; margin: 0 auto; position: relative; }
#voice .inner-Box::before{ content: url('../images/index/contents06-ttl.png'); position: absolute; top: -230px; right: -3px; }
#voice .system-list{ position: absolute; top: 0; left: 50%; margin-left: -520px; min-height: 446px; width: 1040px;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic{ width: 600px; height: 400px;overflow: hidden; text-align: center; position: absolute; top: 0; right: 0; }
#voice .system-pic img{ width: auto; height: 400px; }
#voice .textbox{ width: 480px; height: 180px; padding: 40px; background: #f3f2f3; position: absolute; bottom: 0; left: 0; }
#voice .textbox::before{ content: url('../images/index/voice-arr.svg');position: absolute; bottom: 12px; right: 20px; }
#voice .system-customer{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; border-bottom: 1px solid #ccc;padding-bottom: 7px;}
#voice .system-ttl-01{ font-size: 16px; margin-bottom: 20px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;}
#voice .system-category{ margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; padding: 3px; background-color: rgba(35, 24, 21, 0.7);}
#voice .inner-Box .btn{ position: absolute; right: 0; bottom: -260px; }



#contents07 { background: url('../images/index/contents07-back.jpg')no-repeat top center; padding-top: 201px;margin-bottom: 61px;}
#contents07 h2{ text-align: center; font-size: 40px; font-weight: 700; letter-spacing: 2px; margin-bottom: 21px;}
#contents07 h2 span{ font-size: 30px; }
#contents07 .inner-Box { max-width: 1400px; min-width: 1280px; width: 100%; margin: 0 auto 40px; background: #fff; padding: 45px 88px 46px 88px;}
#contents07 .inner-Box ul{ width: 1100px; 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;}
#contents07 .inner-Box ul li { width: 350px; float: left; margin-right: 25px; text-align: center; }
#contents07 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents07 .inner-Box ul li img{ margin-bottom: 16px; }
#contents07 .inner-Box ul li h3{ font-size: 22px; font-weight: 700; letter-spacing: 1.1px; margin-bottom: 5px;}
#contents07 .inner-Box ul li p{ font-size: 16px; letter-spacing: 0.8px; line-height: 28px; font-weight: 500;  }
#contents07 p.btn{  text-align: center;}
#contents07 p.btn img{  margin-bottom: 17px;}
#contents07 p.btn  span{  display: block;font-size: 16px;font-weight: 700;}

#staff { background: url('../images/index/contents08-back.jpg')no-repeat top center; padding-top: 114px;margin-bottom: 119px;}
#staff .enicon{ display: block; text-align: center; margin-bottom: 13px;}
#staff h2{ text-align: center; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 120px;}
#staff .inner-Box{ width: 940px; margin: 0 auto 42px; position: relative;  }
#staff .inner-Box h3{ position: absolute; top: 5px; left: 219px; font-size: 24px; font-weight: 700; letter-spacing: 1.2px; }
#staff .inner-Box .en{ display: block; margin-bottom: 20px;}
#staff .inner-Box .btn{ position: absolute; top: 32px; right: 0; }
#staff .full-screen-case{ position: relative; }
#staff .full-screen-case .sliderArea { max-width: 100%; margin: 0 auto;}
#staff .full-screen-case .slick-slide {margin: 0 30px;width: 280px;text-align: center;}
#staff .full-screen-case .next-arrow {z-index: 1;position: absolute;top: 78px;left: 50%;margin-left: 577px;}
#staff .full-screen-case .prev-arrow { z-index: 1;position: absolute;top: 78px;left: 50%;margin-left: -622px; }
#staff .full-screen-case .slick-active { opacity: 1;}
#staff .full-screen-case .slick-current { opacity: 1;}
#staff .full-screen-case .thumb { margin: 20px 0 0; }
#staff .full-screen-case .thumb .slick-slide { cursor: pointer;}
#staff .full-screen-case .thumb .slick-slide:hover { opacity: .7;}
#staff .full-screen-case .slick-list { overflow: visible; }
#staff .system-pic{ width: 280px; height: 280px; border-radius: 190px; overflow: hidden; text-align: center; margin-bottom: 21px;}
#staff .system-pic img{ width: auto; height: 280px; }
#staff .system-job{ font-size: 16px; color: #38240e; letter-spacing: 0.8px; margin-bottom: 5px;}
#staff .system-name{ font-size: 20px; font-weight: 700; letter-spacing: 1px; }

  /* topics -------------------------------------*/
  #topics{  width: 1100px; height: 305px; background: #f9f9f9; margin: 0 auto 70px; position: relative; padding: 35px 40px 0px 433px;}
  #topics .ttlbox{  width: 390px; height: 305px; background-color: #f4efe7; position: absolute; top: 0; left: 0; text-align: center;padding-top: 68px;}
  #topics .ttlbox span{ display: block;  margin-bottom: 24px;}
  #topics h2{ text-align: center;  font-weight: bold; color: #38240e;font-size: 22px;margin-bottom: 22px;}
  #topics .btn{ text-align: center; padding-left: 10px;}
  #topics .inner-Box{ }
  #topics .system-list{ margin-bottom: 50px; }
  #topics .system-list li{ width: 100%; overflow: hidden;  position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 26px; padding-bottom: 10px; }
  #topics .system-list li:nth-child(n+4){ display: none; }
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-date{  margin-bottom: 0px; font-size: 14px;color: #6cae30;}
  #topics .system-txt {  }

  #topics .system-date::before{ content: "■"; }
  #topics .system-ttl{ font-size: 16px; line-height: 1.4; font-weight: 700;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
  #topics .system-category{ font-size: 10px; color: #fff; text-align: center; padding: 3px; background-color: #111; width: 30%; margin-bottom: 10px;}
  #topics .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }




#blog { width: 1000px; margin: 0 auto 33px;  position: relative;}
#blog h2{ color: #38240e; font-size: 22px; font-weight: bold; letter-spacing: 1.1px; margin-bottom: 25px;}
#blog .en{  display: block;margin-bottom: 13px;}
#blog .btn{ position: absolute; top: 35px; right: -1px; }
#blog .inner-Box{ width: 100%; margin: 0 auto; }
#blog .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; }
#blog .system-list li{ width: 320px; margin-right: 20px; position: relative; }
#blog .system-list li:nth-child(3){ margin-right: 0;}
#blog .system-list li:nth-child(4){ display: none; }
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-pic{ width: 100%; height: 200px; overflow: hidden; text-align: center; }
#blog .system-pic img{ width: 100%; height: auto; }
#blog .system-date{  margin-bottom: 7px; line-height: 1.4;color: #474645;font-size: 14px;padding-top: 17px;border-bottom: #ccc solid 1px;padding-bottom: 3px;}
#blog .system-ttl{ font-size: 16px; margin-bottom: 10px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;padding-bottom: 14px;font-weight: 700;line-height: 28px;}
#blog .system-category-set { margin-bottom: 21px;}
#blog .system-category{ margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 1px;}
#blog .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }

ul.bottom-banner { width: 720px; margin: 0 auto 107px; 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;}
ul.bottom-banner li { width: 340px; float: left; margin-right: 40px; }
ul.bottom-banner li:nth-child(2){ margin-right: 0px; }
ul.bottom-banner li img{ margin-bottom: 17px; }
ul.bottom-banner li p{ font-size: 14px; letter-spacing: 0.7px; text-align: center; }

#end-contact{ background: url('../images/index/end-back.jpg')no-repeat top center; padding-top: 64px; }
#end-contact .seotext{ width: 1100px; margin: 0 auto 474px; color: #ffffff; font-size: 16px; letter-spacing: 0.8px; line-height: 28px; }
  
  }

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

#bx-sra {}

.sp-header{ margin-bottom: -2vw; }

#contentsmain { position: relative;  margin-bottom: -37.9vw;}
#contentsmain .inner-Box { max- width: 100%; min- margin: 0 4vw; position: relative;}
#contentsmain .inner-Box span.en { position: absolute; top: 12.9vw; left: 2.3vw; }
#contentsmain .inner-Box figure{ margin-bottom: 4vw; }
#contentsmain .inner-Box figure img{ width: 100%; height: auto; }
#contentsmain .sns-box { position: absolute; top: 10.8vw; right: 2.2vw; }
#contentsmain .sns-box p.ttl {  }
#contentsmain .sns-box ul{  position: relative;top: 3.9vw;left: 0.7vw;}
#contentsmain .sns-box ul li { display: block; margin-bottom: 0.7vw;}
#contentsmain .sns-box ul li img{  }

#contents01 { background: url('../images/index/sp-contents01-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 50.1vw;padding-bottom: 21.6vw;}
#contents01 .inner-Box {  position: relative; margin: 0 4vw; }
#contents01 .inner-Box span.en {  position: relative;left: 4.8vw;margin-bottom: 1.9vw;display: block;width: 33vw;}
#contents01 .inner-Box h2 {  padding-left: 6.7vw;padding-right: 7vw;margin-bottom: 8.4vw;}
#contents01 .inner-Box h2 img{  }
#contents01 .inner-Box p.text {  font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;padding-left: 6.4vw;margin-bottom: 20.9vw;line-height: 1.8;}
#contents01 .inner-Box p.btn{  margin: 0 7vw 0vw;}
#contents01 .inner-Box p.btn img{  }

#contents02 { width: 100%;margin: 0 auto -191vw;; }
#contents02 .inner-Box {  padding-top: 14.4vw;}
#contents02 .inner-Box span.subttl { display: block; text-align: center; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 0.7vw;}
#contents02 .inner-Box h2 {  margin: 0 4vw -3vw 6vw; text-align: center; position: relative;}
#contents02 .inner-Box h2 img{  position: relative;left: -0.5vw;}
#contents02 .inner-Box ul{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;margin: 0 5vw;position: relative;}
#contents02 .inner-Box ul li {  margin-bottom: 8vw; }
#contents02 .inner-Box ul li:nth-child(2n){ margin-right: 0vw; }
#contents02 .inner-Box ul li img{ width: 100%; height: auto; margin-bottom: 3.6vw;}
#contents02 .inner-Box ul li p{  font-size: 3.5vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; text-align: center; margin-left: auto; }

#contents03 { background-color: #f4efe7;  padding-top: 198vw;margin-bottom: -16vw;}
#contents03 .inner-Box {margin: 0 4vw; border: 1.4vw solid #ebe3d6; background: #d8cdbb; padding-top: 10.1vw;position: relative;}
#contents03 .inner-Box h2 span { display: block; text-align: center; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; }
#contents03 .inner-Box h2{ font-size: 6.6vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center; margin-bottom: 3vw;}
#contents03 .inner-Box ul{  margin: 0 4vw; 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;}
#contents03 .inner-Box ul li { width: 48%; margin-bottom: 4vw; margin-right: 4%; text-align: center; }
#contents03 .inner-Box ul li:nth-child(2n){ margin-right: 0vw; }
#contents03 .inner-Box ul li img{  }
#contents03 .inner-Box h3{ background-color: #38240e; font-size: 3.9vw; color: #ffffff; font-weight: 700; text-align: center; margin-bottom: 1.8vw;padding: 0.5vw;}
#contents03 .inner-Box p{  font-size: 3.6vw;}
#contents03 .inner-Box p.btn{  margin: 0 2vw; text-align: center;display: block;position: relative;top: 5.9vw;}
#contents03 .inner-Box p.btn img{  }

#contents04 { background: url('../images/index/sp-contents04-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 58.6vw;margin-bottom: 16.8vw;}
#contents04 .inner-Box {  width: 100%;   padding-bottom: 15vw;}
#contents04 .inner-Box h2 {  text-align: center;margin-bottom: -4.2vw;}
#contents04 .inner-Box h2 img{  position: relative;}
#contents04 .inner-Box ul{ position: relative; 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;margin: 0 9vw;}
#contents04 .inner-Box ul li { position: relative;margin-bottom: 8vw;}
#contents04 .inner-Box ul li img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li p{ text-align: center; font-size: 3.4vw; width: 100%; letter-spacing: 0.3vw; line-height: 1.6; position: absolute; bottom: 10vw;}
#contents04 .inner-Box ul li:nth-child(3) p{ bottom: 5vw; }
#contents04 .inner-Box ul li:nth-child(4) p{ bottom: 5vw; }
#contents04 .inner-Box p.btn{ width: 80vw; position: relative; margin: 0 auto; text-align: center; }


/* case -------------------------------------*/
#case_newly {  margin: 0 0vw 17.4vw;  position: relative;}
#case_newly h2{       position: absolute;top: 2vw;right: 24vw;font-weight: bold;}
#case_newly .en{    width: 43vw;display: block;margin-bottom: 6vw;}
#case_newly .btn{    margin: 0 7vw;}
#case_newly .inner-Box{  margin: 0 4vw; position: relative;}
#case_newly .system-list{ margin-bottom: 2.6vw; 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_newly .system-list li{  margin-right: 5%; position: relative; width: 47.5%;}
#case_newly .system-list li:nth-child(2n){ margin-right: 0;}
#case_newly .system-list li a:hover{ text-decoration: none; }
#case_newly .system-pic{ width: 100%; height: 33.2vw; overflow: hidden; text-align: center; margin-bottom: 2.6vw;}
#case_newly .system-pic img{ width: 100%;  height: auto;}
#case_newly .system-date{  margin-bottom: 3.5vw; line-height: 1.4;color: #474645;font-size: 3.5vw;}
#case_newly .system-ttl-01{ font-size: 3.8vw; margin-bottom: 1.3vw; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;border-bottom: 0.1vw solid #bdbebf;padding-bottom: 2vw;}
#case_newly .system-category-set { margin-bottom: 10.7vw;}
#case_newly .system-category{ margin-bottom: 0.1vw; font-size: 1.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1.0vw;}
#case_newly .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }

/* case_reform -------------------------------------*/
#case_reform {  margin: 0 0vw 26.4vw;  position: relative;}
#case_reform h2{       position: absolute;top: 2vw;right: 7vw;font-weight: bold;font-size: 3.8vw;letter-spacing: 0.1vw;}
#case_reform .en{    width: 46vw;display: block;margin-bottom: 6vw;}
#case_reform .btn{    margin: 0 7vw;}
#case_reform .inner-Box{  margin: 0 4vw; position: relative;}
#case_reform .system-list{ margin-bottom: 2.6vw; 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{  margin-right: 5%; position: relative; width: 47.5%;}
#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: 29.5vw; overflow: hidden; text-align: center; }
#case_reform .system-pic img{ width: 100%;  height: auto;}
#case_reform .system-date{  margin-bottom: 3.5vw; line-height: 1.4;color: #474645;font-size: 3.5vw;}
#case_reform .system-ttl-01{ font-size: 3.8vw; margin-bottom: 1.3vw; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;border-bottom: 0.1vw solid #bdbebf;padding-bottom: 2vw;}
#case_reform .system-category-set { margin-bottom: 2vw;}
#case_reform .system-category{ margin-bottom: 0.1vw; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 0vw;}
#case_reform .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }

#contents05 { background: url('../images/index/sp-contents05-back.png')no-repeat top center; background-size: 100% auto; padding-bottom: 45vw;margin-bottom: -11vw;}
#contents05 .inner-Box {  }
#contents05 .inner-Box span.subttl { text-align: center; font-size: 21.0vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; display: block; margin-bottom: -140.4vw;z-index: 3;position: relative;padding-top: 2.9vw;}
#contents05 .inner-Box h2{    margin: 0 21vw 2.1vw 22vw;text-align: center; position: relative;top: -8vw;}
#contents05 .inner-Box h2 span{ font-size: 40.5vw; }
#contents05 .inner-Box ul{ margin: 0 4vw; 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;}
#contents05 .inner-Box ul li {   margin-bottom: 7vw;}
#contents05 .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }
#contents05 .inner-Box ul li img{ width: 100%; height: auto; }
#contents05 .inner-Box p.btn{ width: 80vw; position: relative; margin: 0 auto; text-align: center; }


/* voice -------------------------------------*/
#voice{ width: 100%; margin: 0 auto 4.8vw;  }
#voice h2{   font-weight: bold; margin-bottom: 1.9vw;font-size: 4.6vw;letter-spacing: 0.7vw;}
#voice .en{ display: block; margin: 0 28vw 4vw 1vw;}
#voice .text{ font-size: 3.6vw; margin-bottom: 7vw;}
#voice .inner-Box{  margin: 0 4vw; position: relative; }
#voice .inner-Box::before{  position: absolute; top: -23.9vw; right: -0.4vw; }
#voice .system-list{      }
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic{  height: 60.2vw;overflow: hidden; text-align: center;    margin-bottom: -5vw;}
#voice .system-pic img{ width: auto; height: 64.2vw; }
#voice .textbox{   padding: 5.2vw 5.2vw 9.2vw; background: #f3f2f3;    position: relative;margin: 0 5vw 5vw;}
#voice .textbox::before{ content: url('../images/index/voice-arr.svg');position: absolute; bottom: 1.6vw; right: 2.6vw; }
#voice .system-customer{ font-size: 3.6vw; margin-bottom: 1.3vw; line-height: 1.4; border-bottom: 1px solid #ccc;padding-bottom: 1.9vw;}
#voice .system-ttl-01{ font-size: 3.6vw; margin-bottom: 2.6vw; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;}
#voice .system-category{ margin-bottom: 1.3vw; font-size: 1.6vw; font-weight: bold; color: #fff; text-align: center; padding: 0.4vw; background-color: rgba(35, 24, 21, 0.7);}
#voice .inner-Box .btn{ width: 80vw; margin: 0 auto; }



#contents07 { background: url('../images/index/sp-contents07-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 27vw;margin-bottom: 8vw;}
#contents07 h2{ text-align: center; font-size: 6.4vw; font-weight: 700; letter-spacing: 0.5vw; margin-bottom: 4.1vw;}
#contents07 h2 span{ font-size: 3.9vw; }
#contents07 .inner-Box {; margin: 0 4vw 5.2vw; background: #fff; padding: 9vw 5vw 0vw 5vw;}
#contents07 .inner-Box ul{   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;}
#contents07 .inner-Box ul li {    text-align: center; margin-bottom: 9vw;}
#contents07 .inner-Box ul li:nth-child(3n){ margin-right: 0vw; }
#contents07 .inner-Box ul li img{ margin-bottom: 1.8vw; }
#contents07 .inner-Box ul li h3{ font-size: 4.9vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 1.7vw;}
#contents07 .inner-Box ul li p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; font-weight: 500;  }
#contents07 p.btn{  text-align: center;margin: 7vw 4vw 1vw 4vw;}
#contents07 p.btn img{  margin-bottom: 2.9vw;}
#contents07 p.btn  span{  display: block;font-size: 3.5vw;font-weight: 700;letter-spacing: 0.4vw;}

#staff { background: url('../images/index/sp-contents08-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 20.5vw;margin-bottom: 15.5vw;}
#staff .enicon{ display: block; text-align: center; margin: 0 auto 3.4vw;width: 24vw;}
#staff h2{ text-align: center; color: #fff; font-size: 4.6vw; font-weight: 700; letter-spacing: 0.3vw; margin-bottom: 22.6vw;}
#staff .inner-Box{  margin: 0 auto 5.5vw; position: relative;  }
#staff .inner-Box h3{ position: absolute; top: 2.7vw; left: 43.5vw; font-size: 3.6vw; font-weight: 700; letter-spacing: 0.3vw; }
#staff .inner-Box .en{ display: block; margin: 0 60vw 4vw 9vw;}
#staff .inner-Box p{ font-size: 3.5vw; margin: 0 9vw;}
#staff .btn{ margin: 0 11.5vw 4vw; }

#staff .full-screen-case { 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; margin: 0 11vw;position: relative;left: -2vw;}
#staff .full-screen-case .sysbox{ width: 49%; float: left; margin-right: 2%; text-align: center;margin-bottom: 4vw;}
#staff .full-screen-case .sysbox:nth-child(2n){ margin-right: 0; position: relative;left: 3vw;}
#staff .full-screen-case .sysbox:nth-child(5){ display: none;}

#staff .system-pic{  height: 37vw; border-radius: 34.8vw; overflow: hidden; text-align: center; margin-bottom: 3vw;}
#staff .system-pic img{width: 100%;height: auto;}
#staff .system-job{ font-size: 3.6vw; color: #38240e; letter-spacing: 0.3vw; margin-bottom: 0.7vw;}
#staff .system-name{ font-size: 4.6vw; font-weight: 700; letter-spacing: 0.3vw; }

  /* topics -------------------------------------*/
  #topics{     margin: 0 4vw 16.1vw; position: relative; }
  #topics .ttlbox{    background-color: #f4efe7;    padding: 5vw 8vw;position: relative;}
  #topics .ttlbox span{display: block;}
  #topics .ttlbox span img{ width: 32vw; height: auto; }
  #topics h2{ text-align: center;  font-weight: bold; color: #38240e;font-size: 3.8vw;margin-bottom: 2.9vw;position: absolute;top: 7vw;right: 6vw;}
  #topics .btn{ text-align: center; margin: 0 7.5vw 4vw;}
  #topics .inner-Box{ }
  #topics .system-list{margin-bottom: 3.5vw;padding: 4vw 4vw;overflow-y: scroll;height: 65vw;background: #f9f9f9;}
  #topics .system-list li{ width: 100%; overflow: hidden;  position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 2vw; padding-bottom: 2.3vw; }
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-date{  margin-bottom: 0vw; font-size: 3.6vw;color: #6cae30;}
  #topics .system-txt {  }

  #topics .system-date::before{ content: "■"; }
  #topics .system-ttl{ font-size: 3.8vw; line-height: 1.4; font-weight: 700;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
  #topics .system-category{ font-size: 1.3vw; color: #fff; text-align: center; padding: 0.4vw; background-color: #111; width: 30%; margin-bottom: 1.3vw;}
  #topics .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }




#blog {  margin: 0 9vw 18.4vw;  position: relative;}
#blog h2{ color: #38240e; font-size: 3.6vw; font-weight: bold; letter-spacing: 0.3vw; margin-bottom: 3.7vw;}
#blog .en{  display: block;margin-bottom: 3.4vw;}
#blog .en img{ width: 29vw; }
#blog .btn{ text-align: center; margin: 0 2.5vw 4vw; }
#blog .inner-Box{   }
#blog .system-list{ margin-bottom: 2.6vw; 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; }
#blog .system-list li{  margin-right: 5%; position: relative; width: 47.5%;}
#blog .system-list li:nth-child(2n){ margin-right: 0;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-pic{ width: 100%; height: 24.5vw; overflow: hidden; text-align: center; }
#blog .system-pic img{ width: 100%;  height: auto;}
#blog .system-date{border-bottom: 1px solid #bdbebf;padding-bottom: 2vw;margin-bottom: 3.5vw;line-height: 1.4;color: #474645;font-size: 3.5vw;margin-top: 3vw;}
#blog .system-ttl{ font-size: 3.8vw; margin-bottom: 1.3vw; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-weight: bold;}
#blog .system-category-set { margin-bottom: 2vw;}
#blog .system-category{margin-bottom: 0vw;font-size: 3.6vw;font-weight: bold;color: #fff;text-align: center;padding: 0vw;}
#blog .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }

ul.bottom-banner {  margin: 0 11.5vw 10vw; 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;}
ul.bottom-banner li {   margin-bottom: 4.2vw; }
ul.bottom-banner li:nth-child(2){ margin-right: 0vw; }
ul.bottom-banner li img{ margin-bottom: 1.9vw; }
ul.bottom-banner li p{ font-size: 3.6vw; letter-spacing: 0vw; text-align: center; }

#end-contact{ background: url('../images/index/sp-end-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 9.5vw; }
#end-contact .seotext{  margin: 0 5vw 67.5vw; color: #ffffff; font-size: 3.4vw; letter-spacing: 0.3vw; line-height: 1.4; }



}