@charset "UTF-8";



@media screen and (min-width: 768px),print {  


body{ padding: 0; background: #fff;}
header{ height: 130px; }

#contentsmain { margin: 0 auto; position: relative; }
#contentsmain .inner-Box1 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box1 ul.mainslider {}
#contentsmain .inner-Box1 ul li {  }
#contentsmain .inner-Box1 ul li figure img{ width: 100%; height: auto; }
#contentsmain .inner-Box1 ul li a {  }
#contentsmain .inner-Box1 ul li a:hover {  }
#contentsmain .inner-Box2 {margin: 39px auto 110px auto;position: relative;}
#contentsmain .inner-Box2 ul.bannerslider {}
#contentsmain .inner-Box2 ul .slick-track li {margin: 0 20px;}
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }

#contentsmain .inner-Box2 .slick-dots {position: absolute;bottom: -43px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
#contentsmain .inner-Box2 .slick-dots li {position: relative;display: inline-block;width: 10px!important;height: 10px!important;margin: 0 7px!important;padding: 0;cursor: pointer;}
#contentsmain .inner-Box2 .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
#contentsmain .inner-Box2 .slick-dots li button:hover, #contentsmain .inner-Box2 .slick-dots li button:focus { outline: none; }
#contentsmain .inner-Box2 .slick-dots li button:hover:before, #contentsmain .inner-Box2 .slick-dots li button:focus:before { opacity: 1; }
#contentsmain .inner-Box2 .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contentsmain .inner-Box2 .slick-dots li.slick-active button { background: #000; }

#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 57px 0 120px;}
#contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;width: 1240px;}
#contents01 .inner-Box1 h2 {text-align: center;position: relative;left: 46px;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h2 img {  }
#contents01 .inner-Box1 ul.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;}
#contents01 .inner-Box1 ul li {margin-right: 20px;}
#contents01 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box1 ul li figure {  }
#contents01 .inner-Box1 ul li a {  }
#contents01 .inner-Box1 ul li a:hover {  }
#contents01 .inner-Box2 {margin: 0 auto;position: relative;border: 1px solid #DFE0D9;background: #E6E7E2;width: 1240px;padding: 49px 59px;}
#contents01 .inner-Box2 h3 {font-size: 18px;line-height: 1.5;font-weight: 700;letter-spacing: 0px;margin-bottom: 20px;position: relative;background: #0A9293;color: #fff;padding: 6px 31px;}
#contents01 .inner-Box2 ul.list2 {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;}
#contents01 .inner-Box2 ul li {margin-right: 20px;}
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box2 ul li figure {  }
#contents01 .inner-Box2 ul li a {  }
#contents01 .inner-Box2 ul li a:hover {  }

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;padding: 54px 0 40px;background-size: cover;}
#contents02 h2 {text-align: center;position: relative;left: -50px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1240px;}
#contents02 .inner-Box ul.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;margin-bottom: 28px;}
#contents02 .inner-Box ul li {position: relative;background: #fff;margin-right: 20px;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover { text-decoration: none; }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3 {font-size: 21px;line-height: 1.38;font-weight: 700;letter-spacing: 0px;margin-bottom: 0px;position: relative;padding: 20px 24px 7px 24px;}
#contents02 .inner-Box p.ltext {font-size: 14px;line-height: 1.94;font-weight: 400;letter-spacing: 0px;margin-bottom: 7px;position: relative;padding: 0px 24px 0px 24px;}
#contents02 .inner-Box p.pritext {font-size: 43px;line-height: 1;font-weight: 700;letter-spacing: 0px;margin-bottom: 23px;position: relative;padding: 0px 24px 5px 24px;color: #DE1A23;}
#contents02 .inner-Box p.pritext span{font-size: 20px;position: relative;display: inline-block;padding-left: 5px;}
#contents02 .inner-Box p.pritext span::before{content: "（税込）";font-size: 12px;position: absolute;top: -18px;left: 4px;width: 50px;display: block;}
#contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: 20px;right: 20px;}
#contents02 .inner-Box span.arr img {  }
#contents02 .inner-Box p.btmtext {font-size: 21px;line-height: 1.94;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;text-align: center;color: #fff;}

#contents03 {margin: 0 auto 80px;position: relative;padding: 81px 0 0;}
#contents03 h2 {text-align: center;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box1 {margin: 0 auto 60px;position: relative;background: #D9E1E5;width: 1180px;height: 240px;padding: 27px 0px 27px 30px;}
#contents03 .inner-Box1 h3 {padding: 0 0 0 13px;margin-bottom: 18px;}
#contents03 .inner-Box1 h3 span{  }
#contents03 .inner-Box1 h3 img {  }
#contents03 .inner-Box1 ul.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;}
#contents03 .inner-Box1 ul li {  }
#contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box1 ul li figure {  }
#contents03 .inner-Box1 ul li a {  }
#contents03 .inner-Box1 ul li a:hover {  }
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 p.btn {text-align: center;}
#contents03 .inner-Box2 p.btn img {  }

#case .system-list{margin-bottom: 68px;}
#case .system-list li{line-height: 1.4;width: 360px;margin: 0 25px;background: #fff;position: relative;margin-bottom: 20px;}

#case .system-list li a:hover{ text-decoration: none; }
#case .text1{ font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#case .text2{color: #B3B3B3;font-size: 15px;margin-bottom: 10px;font-weight: 400;}

#case .system-pic {width: 100%;aspect-ratio: 36 / 27;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case .system-ttl-01{font-size: 18px;margin-bottom: 6px;line-height: 1.56;font-weight: 500;letter-spacing: 0px;}

#case .system-list li .system-text{font-size: 11px;color: #808080;margin-bottom: 12px;}
#case .system-list li .system-text2{margin-bottom: 10px;position: relative;min-height: 25px;border-top: #E6E6E6 1px solid;margin-top: 47px;padding-top: 20px;}
#case .system-list li .system-text2 .koki{font-size: 16px;color: #1A1A1A;text-decoration: underline;display: block;width: 188px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#case .system-list li .system-text2 .prise{font-size: 22px;color: #DE1A23;font-weight: bold;position: absolute;top: 12px;right: 0px;}
#case .system-list li .system-text2 .prise span{ font-size: 16px; }

#case .slick-dots {position: absolute;bottom: -29px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
#case .slick-dots li {position: relative;display: inline-block;width: 10px!important;height: 10px!important;margin: 0 7px!important;padding: 0;cursor: pointer;}
#case .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
#case .slick-dots li button:hover, #case .slick-dots li button:focus { outline: none; }
#case .slick-dots li button:hover:before, #case .slick-dots li button:focus:before { opacity: 1; }
#case .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#case .slick-dots li.slick-active button { background: #000; }

#contents04 {margin: 0 auto 0px;position: relative;background: url('../images/index/contents04-back01.png')repeat top center;padding: 80px 0 40px;}
#contents04 .inner-Box1 {margin: 0 auto 53px;position: relative;width: 1180px;}
#contents04 .inner-Box1 ul.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;}
#contents04 .inner-Box1 ul li {margin-right: 40px;}
#contents04 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; }
#contents04 .inner-Box1 ul li figure {  }
#contents04 .inner-Box1 ul li a {  }
#contents04 .inner-Box1 ul li a:hover {  }
#contents04 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/index/contents04-back02.png')no-repeat bottom center;text-align: center;padding-bottom: 70px;}
#contents04 .inner-Box2 p.btn {  }
#contents04 .inner-Box2 p.btn img {  }

#contents05 {margin: 0 auto -54px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding: 46px 0 130px;background-size: cover;}
#contents05 h2 {text-align: center;margin: 0px 0 72px;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1440px;}
#contents05 .inner-Box ul.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;margin-bottom: -15px;}
#contents05 .inner-Box ul li {position: relative;text-align: center;width: 31.9%;margin-right: 2.1%;margin-bottom: 41px;}
#contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inner-Box ul li:nth-child(4) {margin-left: 16.7%;}
#contents05 .inner-Box ul li a {  }
#contents05 .inner-Box ul li a:hover {  }
#contents05 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 22px;}
#contents05 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents05 .inner-Box h3 {font-size: 20px;line-height: 1.5;font-weight: 700;letter-spacing: 1px;margin-bottom: 18px;position: relative;}
#contents05 .inner-Box p.ltext {font-size: 16px;line-height: 1.63;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents05 .inner-Box p.btn {text-align: center;}
#contents05 .inner-Box p.btn img {  }

#contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding: 175px 0 0;}
#contents06 h2 {text-align: center;margin-bottom: 58px;}
#contents06 h2 span{  }
#contents06 h2 img {  }
#contents06 .inner-Box1 {margin: 0 auto 140px;position: relative;}
#contents06 .inner-Box1 p.btn {text-align: center;padding: 20px 0 0;}
#contents06 .inner-Box1 p.btn img {  }
#contents06 .inner-Box2 {margin: 0 auto 170px;position: relative;width: 1200px;}
#contents06 .inner-Box2 h3 {position: relative;top: 14px;left: -13px;margin: 0 0 40px 0;}
#contents06 .inner-Box2 h3 span{  }
#contents06 .inner-Box2 h3 img {  }
#contents06 .inner-Box2 figure.photo {position: absolute;top: 0;right: 20px;}
#contents06 .inner-Box2 figure.photo img{  }
#contents06 .inner-Box2 p.text {font-size: 16px;line-height: 1.94;font-weight: 400;letter-spacing: 0.8px;margin: 0 0 44px 20px;position: relative;width: 550px;}
#contents06 .inner-Box2 ul.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;margin: 0 0 0 20px;}
#contents06 .inner-Box2 ul li {margin-right: 20px;}
#contents06 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box2 ul li figure {  }
#contents06 .inner-Box2 ul li a {  }
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box3 {margin: 0 auto;position: relative;width: 1160px;}
#contents06 .inner-Box3 p.btn {margin-bottom: 50px;}
#contents06 .inner-Box3 p.btn img {  }

#voice .system-list{margin-bottom: 50px;}
#voice .system-list li.slick-slide{line-height: 1.4; background: #fff; width: 820px; height: 300px;margin: 0 25px;position: relative;margin-bottom: 20px;}
#voice .system-list li::before{background: #EFE81E;width: 80px;height: 10px;display: block;position: absolute;top: 0;left: 20px;}
#voice .system-list li a{display: block;background: #fff;width: 820px;height: 300px;padding: 40px 410px 0 30px;}
#voice .system-list li .longicon{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
#voice .system-list li .system-text{font-size: 13px;line-height: 1;letter-spacing: 0.7px;font-weight: 400;color: #fff;margin-bottom: 20px;display: inline-block;background: #8C6239;padding: 8.7px 12.7px;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#voice .system-list li .more{position: absolute;bottom: 20px;left: 30px;border-bottom: 1px solid #8C6239;width: 400px;display: block;text-align: right;padding: 17px 18px;font-size: 14px;}
#voice .system-pic {aspect-ratio: 36 / 26;overflow: hidden;text-align: center;width: 360px;position: absolute;top: 20px;right: 31px;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ }
#voice .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#voice .system-contents .longicon2{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }

#voice .system-ttl-01{font-size: 20px;margin-bottom: 10px;line-height: 1.65;font-weight: 700;letter-spacing: 1px;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
#voice .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#voice .system-category{ margin-bottom: 1px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#voice .serchcategory{ margin-bottom: 100px;}
#voice .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }

#voice .slick-dots {position: absolute;bottom: -15px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
#voice .slick-dots li {position: relative;display: inline-block;width: 10px!important;height: 10px!important;margin: 0 7px!important;padding: 0;cursor: pointer;}
#voice .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #F2F2F2;}
#voice .slick-dots li button:hover, #voice .slick-dots li button:focus { outline: none; }
#voice .slick-dots li button:hover:before, #voice .slick-dots li button:focus:before { opacity: 1; }
#voice .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#voice .slick-dots li.slick-active button { background: #000; }

#contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat bottom center;background-size: 116.2% auto;}
#contents07 .inner-Box { margin: 0 auto; position: relative; }
#contents07 h2 {text-align: center;margin-bottom: 17px;}
#contents07 h2 span{  }
#contents07 h2 img {  }

#seocontents{background: url(../images/index/seoback.png)no-repeat top center;margin: -140px 0 0;padding: 110px 0 50px;}
#seocontents h2{color: #fff;text-align: center;font-size: 20px;letter-spacing: 1px;margin-bottom: 20px;}
#seocontents p{color: #CCCCCC;font-size: 15px;letter-spacing: 0px;line-height: 1.75;font-weight: 400;width: 1000px;margin: 0 auto;}


}

@media screen and (min-width:768px) and ( max-width:1280px) {
  #contents06 .inner-Box {padding: 280px 0 0 29px;}

}

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

  #contentsmain {position: relative;}
  #contentsmain .inner-Box1 {position: relative;}
  #contentsmain .inner-Box1 ul.mainslider {}
  #contentsmain .inner-Box1 ul li {  }
  #contentsmain .inner-Box1 ul li figure img{ width: 100%; height: auto; }
  #contentsmain .inner-Box1 ul li a {  }
  #contentsmain .inner-Box1 ul li a:hover {  }
  #contentsmain .inner-Box2 {margin: 5.62vw auto 15.57vw auto;position: relative;}
  #contentsmain .inner-Box2 ul.bannerslider {}
  #contentsmain .inner-Box2 ul .slick-track li {margin: 0 2.43vw;width: 67.63vw;}
  #contentsmain .inner-Box2 ul li figure {  }
  #contentsmain .inner-Box2 ul li a {  }
  #contentsmain .inner-Box2 ul li a:hover {  }
  
  #contentsmain .inner-Box2 .slick-dots {position: absolute;bottom: -5.9vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #contentsmain .inner-Box2 .slick-dots li {position: relative;display: inline-block;width: 1.69vw!important;height: 1.69vw!important;margin: 0 1.21vw!important;padding: 0;cursor: pointer;}
  #contentsmain .inner-Box2 .slick-dots li button {width: 1.69vw;font-size: 0;line-height: 0;display: block;height: 1.69vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #contentsmain .inner-Box2 .slick-dots li button:hover, #contentsmain .inner-Box2 .slick-dots li button:focus { outline: none; }
  #contentsmain .inner-Box2 .slick-dots li button:hover:before, #contentsmain .inner-Box2 .slick-dots li button:focus:before { opacity: 1; }
  #contentsmain .inner-Box2 .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #contentsmain .inner-Box2 .slick-dots li.slick-active button { background: #000; }
  
  #contents01 {position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding: 8.77vw 0 0;background-size: 100% auto;}
  #contents01 .inner-Box1 {margin: 0 auto 4.49vw;position: relative;}
  #contents01 .inner-Box1 h2 {text-align: center;position: relative;margin: 0 11.3vw 6vw 4.5vw;}
  #contents01 .inner-Box1 h2 span{  }
  #contents01 .inner-Box1 h2 img {  }
  #contents01 .inner-Box1 ul.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;margin: 0 3vw;}
  #contents01 .inner-Box1 ul li {margin-bottom: 1.83vw;}
  #contents01 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents01 .inner-Box1 ul li figure {  }
  #contents01 .inner-Box1 ul li a {  }
  #contents01 .inner-Box1 ul li a:hover {  }
  #contents01 .inner-Box2 {position: relative;background: #E6E7E2;padding: 5.64vw 2.85vw 3.44vw 2.85vw;}
  #contents01 .inner-Box2 h3 {font-size: 3.62vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.83vw;position: relative;background: #0A9293;color: #fff;padding: 0.85vw 4.49vw;}
  #contents01 .inner-Box2 ul.list2 {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;}
  #contents01 .inner-Box2 ul li {margin-bottom: 2.13vw;}
  #contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents01 .inner-Box2 ul li figure {  }
  #contents01 .inner-Box2 ul li a {  }
  #contents01 .inner-Box2 ul li a:hover {  }
  
  #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;padding: 9.74vw 0 1.66vw;background-size: cover;}
  #contents02 h2 {text-align: center;position: relative;left: 0vw;margin: 0 1.2vw 7.2vw 15.6vw;}
  #contents02 h2 span{  }
  #contents02 h2 img {  }
  #contents02 .inner-Box {margin: 0 2.9vw;position: relative;}
  #contents02 .inner-Box ul.list {margin-bottom: 5.46vw;}
  #contents02 .inner-Box ul li {position: relative;background: #fff;margin-bottom: 2.42vw;height: 26.57vw;}
  #contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents02 .inner-Box ul li a {display: block;padding: 3.6vw 0 0 37vw;}
  #contents02 .inner-Box ul li a:hover { text-decoration: none; }
  #contents02 .inner-Box figure.photo {position: absolute;top: 0;left: 0;width: 33.8vw;}
  #contents02 .inner-Box figure.photo img{  }
  #contents02 .inner-Box h3 {font-size: 3.86vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.2vw;position: relative;}
  #contents02 .inner-Box p.ltext {font-size: 3.14vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: -7.31vw;position: relative;}
  #contents02 .inner-Box p.pritext {font-size: 6.28vw;line-height: 1;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 5.56vw;position: relative;padding: 0.0vw 5.8vw 1.21vw 15.1vw;color: #DE1A23;}
  #contents02 .inner-Box p.pritext span{font-size: 2.66vw;position: relative;display: inline-block;padding-left: 1.21vw;}
  #contents02 .inner-Box p.pritext span::before{content: "（税込）";font-size: 1.69vw;position: absolute;top: -3vw;left: -0.03vw;width: 12.08vw;display: block;}
  #contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: 2.23vw;right: 2.23vw;width: 6.1vw;}
  #contents02 .inner-Box span.arr img {  }
  #contents02 .inner-Box p.btmtext {font-size: 3.38vw;line-height: 1.94;font-weight: 700;letter-spacing: 0.17vw;margin: 0 -1vw 7.25vw;position: relative;text-align: center;color: #fff;}
  
  #contents03 {margin: 0 auto 7.72vw;position: relative;padding: 6.37vw 0 0;}
  #contents03 h2 {text-align: center;margin: 0 4vw 0.7vw;}
  #contents03 h2 span{  }
  #contents03 h2 img {  }
  #contents03 .inner-Box1 {margin: 0 auto -4.11vw;position: relative;height: 57.97vw;padding: 0 4vw 0;}
  #contents03 .inner-Box1 h3 {padding: 0 0 0 2.34vw;margin-bottom: 2.35vw;width: 25.9vw;}
  #contents03 .inner-Box1 h3 span{  }
  #contents03 .inner-Box1 h3 img {  }
  #contents03 .inner-Box1 ul.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;}
  #contents03 .inner-Box1 ul li {width: 50%;margin-bottom: -1px;}
  #contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents03 .inner-Box1 ul li figure {  }
  #contents03 .inner-Box1 ul li a {  }
  #contents03 .inner-Box1 ul li a:hover {  }
  #contents03 .inner-Box2 {position: relative;}
  #contents03 .inner-Box2 p.btn {text-align: center;margin: 0 18.6vw;}
  #contents03 .inner-Box2 p.btn img {  }
  
  #case .system-list{margin-bottom: 6.93vw;}
  #case .system-list li{line-height: 1.4;margin: 0 2.34vw;background: #fff;position: relative;margin-bottom: 4.83vw;width: 57.97vw;}
  
  #case .system-list li a:hover{ text-decoration: none; }
  #case .text1{ font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
  #case .text2{color: #B3B3B3;font-size: 3.62vw;margin-bottom: 2.42vw;font-weight: 400;}
  
  #case .system-pic {width: 100%;aspect-ratio: 36 / 25.6;overflow: hidden;text-align: center;margin-bottom: 2.02vw;position: relative;}
  #case .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #case .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #case .system-ttl-01{font-size: 3.86vw;margin-bottom: 1.15vw;line-height: 1.56;font-weight: 500;letter-spacing: 0.0vw;}
  
  #case .system-list li .system-text{font-size: 2.42vw;color: #808080;margin-bottom: 1.1vw;}
  #case .system-list li .system-text2{margin-bottom: 2.42vw;position: relative;border-top: #E6E6E6 0.24vw solid;margin-top: 2.95vw;padding-top: 2.93vw;}
  #case .system-list li .system-text2 .koki{font-size: 2.90vw;color: #1A1A1A;text-decoration: underline;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
  #case .system-list li .system-text2 .prise{font-size: 5.31vw;color: #DE1A23;font-weight: bold;}
  #case .system-list li .system-text2 .prise span{ font-size: 3.86vw; }
  
  #case .inner-Box2 .slick-dots {position: absolute;bottom: -5.9vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #case .inner-Box2 .slick-dots li {position: relative;display: inline-block;width: 1.69vw!important;height: 1.69vw!important;margin: 0 1.21vw!important;padding: 0;cursor: pointer;}
  #case .inner-Box2 .slick-dots li button {width: 1.69vw;font-size: 0;line-height: 0;display: block;height: 1.69vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #case .inner-Box2 .slick-dots li button:hover, #case .inner-Box2 .slick-dots li button:focus { outline: none; }
  #case .inner-Box2 .slick-dots li button:hover:before, #case .inner-Box2 .slick-dots li button:focus:before { opacity: 1; }
  #case .inner-Box2 .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #case .inner-Box2 .slick-dots li.slick-active button { background: #000; }
  
  #contents04 {margin: 0 auto 0.0vw;position: relative;background: url('../images/index/sp-contents04-back01.png')repeat top center;padding: 5.62vw 0 0;background-size: 100% auto;}
  #contents04 .inner-Box1 {margin: 0 6.5vw 5.8vw;position: relative;}
  #contents04 .inner-Box1 ul.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;}
  #contents04 .inner-Box1 ul li {margin-bottom: 2.66vw;}
  #contents04 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents04 .inner-Box1 ul li figure {  }
  #contents04 .inner-Box1 ul li a {  }
  #contents04 .inner-Box1 ul li a:hover {  }
  #contents04 .inner-Box2{position: relative;background: url('../images/index/sp-contents04-back02.png')no-repeat bottom center;text-align: center;padding-bottom: 7.31vw;background-size: 100% auto;}
  #contents04 .inner-Box2 p.btn {margin: 0 4vw;}
  #contents04 .inner-Box2 p.btn img {  }
  
  #contents05 {margin: 0 auto -7vw;position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;padding: 2.11vw 0 15.7vw;background-size: cover;}
  #contents05 h2 {text-align: center;margin: 0.0vw 6.5vw 13.99vw 5vw;}
  #contents05 h2 span{  }
  #contents05 h2 img {  }
  #contents05 .inner-Box {margin: 0 2.9vw 0 4.1vw;position: relative;}
  #contents05 .inner-Box ul.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;margin-bottom: 2.7vw;}
  #contents05 .inner-Box ul li {position: relative;margin-bottom: -1.9vw;}
  #contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents05 .inner-Box ul li:nth-child(4) {}
  #contents05 .inner-Box ul li a {  }
  #contents05 .inner-Box ul li a:hover {  }
  #contents05 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -15.89vw;}
  #contents05 .inner-Box figure.photo img{width: 100%;height: auto;}
  #contents05 .inner-Box h3 {font-size: 3.14vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.16vw;margin-bottom: 1.05vw;position: relative;}
  #contents05 .inner-Box p.ltext {font-size: 2.90vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 7.25vw;position: relative;}
  #contents05 .inner-Box p.btn {text-align: center;margin: 0 15.6vw 0 14.4vw;}
  #contents05 .inner-Box p.btn img {  }
  
  #contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top center;padding: 21.07vw 0 0;background-size: 100% auto;z-index: 3;margin-bottom: -0.6vw;}
  #contents06 h2 {text-align: center;margin: 0 15vw 5.71vw 14vw;}
  #contents06 h2 span{  }
  #contents06 h2 img {  }
  #contents06 .inner-Box1 {margin: 0 auto 13.82vw;position: relative;}
  #contents06 .inner-Box1 p.btn {text-align: center;padding: 4.83vw 18.6vw 0;}
  #contents06 .inner-Box1 p.btn img {  }
  #contents06 .inner-Box2 {margin: 0 auto 21.36vw;position: relative;}
  #contents06 .inner-Box2 h3 {position: relative;top: 3.38vw;left: 0vw;margin: 0 26.3vw 8.16vw;}
  #contents06 .inner-Box2 h3 span{  }
  #contents06 .inner-Box2 h3 img {  }
  #contents06 .inner-Box2 figure.photo {position: relative;top: 0;margin: 0 6.5vw 3.2vw 9vw;}
  #contents06 .inner-Box2 figure.photo img{  }
  #contents06 .inner-Box2 p.text {font-size: 2.90vw;line-height: 1.67;font-weight: 400;letter-spacing: 0.14vw;margin: 0 9vw 4.53vw;position: relative;}
  #contents06 .inner-Box2 ul.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;margin: 0 0 0 5.23vw;}
  #contents06 .inner-Box2 ul li {margin-right: 2.53vw;width: 43.5vw;}
  #contents06 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents06 .inner-Box2 ul li figure {  }
  #contents06 .inner-Box2 ul li a {  }
  #contents06 .inner-Box2 ul li a:hover {  }
  #contents06 .inner-Box3 {margin: 0 4vw;position: relative;}
  #contents06 .inner-Box3 p.btn {margin-bottom: 7.08vw;}
  #contents06 .inner-Box3 p.btn img {  }
  
  #voice .system-list{margin-bottom: 4.38vw;}
  #voice .system-list li.slick-slide{line-height: 1.4;background: #fff;width: 67.63vw;height: 77.46vw;margin: 0 2.42vw;position: relative;margin-bottom: 4.83vw;}
  #voice .system-list li::before{background: #EFE81E;width: 19.32vw;height: 2.42vw;display: block;position: absolute;top: 0;left: 4.83vw;}
  #voice .system-list li a{display: block;background: #fff;padding: 2.6vw 2.4vw;}
  #voice .system-list li .longicon{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0.0vw 0.0vw 0.0vw 1.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
  #voice .system-list li .system-text{font-size: 2.66vw;line-height: 1;letter-spacing: 0.17vw;font-weight: 400;color: #fff;margin-bottom: 0.83vw;display: inline-block;background: #8C6239;padding: 1.3vw 2.47vw;}
  #voice .system-list li .system-text span{ display: inline-block; padding-left: 2.42vw; }
  #voice .system-list li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 4.83vw;}
  #voice .system-list li .more{position: absolute;bottom: 4.36vw;left: 2.45vw;border-bottom: 0.24vw solid #8C6239;display: block;text-align: right;padding: 1.91vw 1.85vw;font-size: 2.66vw;width: 62.8vw;}
  #voice .system-pic {aspect-ratio: 36 / 23.7;overflow: hidden;text-align: center;position: relative;margin-bottom: 2.1vw;}
  #voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #voice .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #voice .system-date::before{ }
  #voice .system-name{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.45vw 3.86vw;}
  #voice .system-contents .longicon2{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0.0vw 0.0vw 0.0vw 1.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
  
  #voice .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.64;font-weight: 700;letter-spacing: 0.17vw;}
  #voice .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  #voice .system-category-set { margin-bottom: 3.62vw; margin-top: 0vw;}
  #voice .system-category{ margin-bottom: 0.24vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 1.93vw; background-color: #ccc;}
  #voice .serchcategory{ margin-bottom: 24.15vw;}
  #voice .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; }
  
  #voice .inner-Box2 .slick-dots {position: absolute;bottom: -5.9vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #voice .inner-Box2 .slick-dots li {position: relative;display: inline-block;width: 1.69vw!important;height: 1.69vw!important;margin: 0 1.21vw!important;padding: 0;cursor: pointer;}
  #voice .inner-Box2 .slick-dots li button {width: 1.69vw;font-size: 0;line-height: 0;display: block;height: 1.69vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #voice .inner-Box2 .slick-dots li button:hover, #voice .inner-Box2 .slick-dots li button:focus { outline: none; }
  #voice .inner-Box2 .slick-dots li button:hover:before, #voice .inner-Box2 .slick-dots li button:focus:before { opacity: 1; }
  #voice .inner-Box2 .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #voice .inner-Box2 .slick-dots li.slick-active button { background: #000; }
  
  #contents07 {position: relative;background: url('../images/index/contents07-back01.png')no-repeat bottom center;background-size: 116.2% auto;}
  #contents07 .inner-Box { margin: 0 4vw; position: relative; }
  #contents07 h2 {text-align: center;margin-bottom: 4.61vw;}
  #contents07 h2 span{  }
  #contents07 h2 img {  }

  #seocontents{background: url(../images/index/sp-seoback.png)no-repeat top center;margin: 0vw 0 0;padding: 13.33vw 3vw 13.33vw;background-size: 100% auto;}
  #seocontents h2{color: #fff;text-align: center;font-size: 3.38vw;letter-spacing: 0.27vw;font-weight: bold;margin-bottom: 5.33vw;}
  #seocontents p{color: #CCCCCC;font-size: 2.66vw;letter-spacing: 0.0vw;line-height: 1.82;font-weight: 400;margin: 0 4vw;}
  


}