@charset "UTF-8";

@media screen and (min-width: 768px),print {  
  header{ background: #F6F6F4;}
header .h-btn2{ border-left: 1px #E8E8E6 solid;}

  #contentsmain {margin: 0 auto;position: relative;height: 760px;}
  #contentsmain .inner-Box {margin: 0 auto;position: relative;height: 760px;}
  #contentsmain .inner-Box h2 {position: absolute;top: 265px;left: 50%;z-index: 4;transform: translateX(-50%);}
  #contentsmain .inner-Box h2 span{  }
  #contentsmain .inner-Box h2 img {  }
  #contentsmain .inner-Box ul.snslist {position: absolute;z-index: 3;top: 259px;left: 20px;}
  #contentsmain .inner-Box ul li {  }
  #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
  #contentsmain .inner-Box ul li figure {  }
  #contentsmain .inner-Box ul li a {  }
  #contentsmain .inner-Box ul li a:hover {  }
  #contentsmain .inner-Box ul.mainslide { position: relative; width: 1920px; }
  #contentsmain .inner-Box ul li {position: relative;margin-bottom: -1px;}
  #contentsmain .inner-Box figure.photo {  }
  #contentsmain .inner-Box figure.photo img{  }
  #contentsmain .inner-Box figure.img01 {position: absolute;bottom: 90px;right: 30px;}
  #contentsmain .inner-Box figure.img01 img{  }
  #contentsmain .inner-Box ul.contactlist {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;position: absolute;bottom: 0;right: 0;}
  #contentsmain .inner-Box .mmsss{position: absolute;left: 50%;margin-left: -960px;display: block;/* width: 1px; */}

  .backk{background: #F6F6F4;padding: 21px 0 0;}

  #contents01 {margin: 0 auto;position: relative;width: 1160px;}
  #contents01 p.subtext {font-size: 12px;line-height: 2;font-weight: 400;letter-spacing: 0.6px;margin-bottom: 90px;position: relative;text-align: center;color: #333333;}
  #contents01 .inner-Box { margin: 0 auto; position: relative; }
  #contents01 .left-Box {position: relative;width: 540px;float: left;margin-right: 80px;}
  #contents01 .left-Box h2.f-min {font-size: 17px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;text-align: center;}
  #contents01 .left-Box ul.tablist {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 .left-Box ul.tablist li { position: relative; }

  #contents01 .left-Box p.ltext {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 14px;position: relative;padding: 16px 0 0;}
  #contents01 .blog-Box { margin: 0 auto; position: relative; }
  #contents01 .blog-Box p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
  #contents01 .insta-Box { margin: 0 auto; position: relative; }
  #contents01 .insta-Box p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
  #contents01 .right-Box {position: relative;width: 540px;float: left;}
  #contents01 .right-Box h2.f-min {font-size: 17px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;text-align: center;}
  #contents01 .right-Box h3 {font-size: 14px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 0px;position: relative;text-align: center;border: #D6D6D4 1px solid;border-bottom: none;padding: 18px 0 15px;}
  #contents01 p.btn {text-align: center;padding-top: 100px;padding-bottom: 150px;}
  #contents01 p.btn img {  }

  #contents01 .tablist{ display:flex; }
  #contents01 .tablist .tab{cursor:pointer;width: 50%;text-align: center;border-bottom: none;border-bottom: #D6D6D4 1px solid;}
  #contents01 .tablist .tab.is-active{background: #F6F6F4;border: #D6D6D4 1px solid;border-bottom: none;}
  #contents01 .tablist .tab:not(.is-active){ background:#eee; }
  
  #contents01 .tab-content{ display:none; }
  #contents01 .tab-content.is-show{ display:block; }

  #blog.system-list{padding: 50px 0px 6px;}
  #blog.system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 29px;border-bottom: 1px solid #D6D6D4;padding: 0 20px 15px;}
  #blog.system-list li a:hover{ text-decoration: none; }

  #blog.system-list .system-pic {width: 120px;aspect-ratio: 12 / 9;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;float: left;}
  #blog.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

  #blog.system-list .textbx{width: 363px;float: left;margin-left: 2%;}
  #blog.system-list .system-date::before{ content: "■"; }
  #blog.system-list .system-ttl-01{font-size: 0.938em;line-height: 1.6;margin: 0 0 0 10px;}
  #blog.system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  
#blog.system-list li .system-day{position: relative;padding: 0 0 0 90px;min-height: 20px;font-size: 12px;letter-spacing: 0;}
#blog.system-list li .system-day .date{position: absolute;font-weight: 400;top: 2px;left: 9px;}
#blog.system-list li .system-day .cate{display: inline-block;border: #EFEFED 1px solid;font-weight: 400;padding: 6px 17px;border-radius: 30px;margin: 0 5px 5px 0px;background: #fff;font-size: 10px;}
  
#contents01 .tab-content .morebtn{ text-align: right; }
#contents01 .tab-content .morebtn a{display: inline-block;font-size: 14px;border-bottom: 1px solid;padding: 0 52px 10px 10px;}
#contents01 .tab-content .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 10px;right: 4px;}
#contents01 .tab-content .morebtn a.blank::before{display: block;content: ""; width: 13px; height: 13px; background: url(../images/index/contents01-icon01.svg)no-repeat; position: absolute;bottom: 10px;right: 4px;}

#instagram.system-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 50px 20px 0;}
#instagram.system-list li{width: 160px;margin:0 10px 10px 0px;}
#instagram.system-list li:nth-child(3n){margin-right: 0px;} 
#instagram .system-pic {width: 160px;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;}
#instagram .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#event.system-list{margin-bottom: 50px;padding-top: 11px;}
#event.system-list li{position: relative;line-height: 1.4;position: relative;margin-bottom: -11px;padding: 40px 20px 11px;border-bottom: #D6D6D4 1px solid;}
#event.system-list li a:hover{ text-decoration: none; }
#event.system-list .system-pic {float: left;width: 190px;aspect-ratio: 19 / 13;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;margin-right: 20px;}
#event.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event.system-list li .system-date{font-size: 12px;margin-bottom: 10px;line-height: 1.4;font-weight: 400;position: relative;color: #888888;}
#event.system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;color: #808080;}
#event.system-list li .system-date .start_text{ }
#event.system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event.system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event.system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event.system-list li .system-ttl-01{font-size: 16px;font-weight: 400;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 10px;}
#event.system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event.system-list li .text-box{padding: 0px 0px 8px;width: 290px;float: left;}
#event.system-list li .more{font-size: 16px;text-align: center;border: 1px solid #959595;border-radius: 20px;width: 110px;height: 40px;margin: 30px auto 0 auto;padding: 6px 0 0;}
#event.system-list li .eicon{display: inline-block;color: #fff;font-size: 10px;padding: 7px 15px;margin-bottom: 10px;font-weight: 400;letter-spacing: 0;}

#contents01 .event-Box .morebtn{ text-align: right; }
#contents01 .event-Box .morebtn a{display: inline-block;font-size: 14px;border-bottom: 1px solid;padding: 0 52px 10px 10px;}
#contents01 .event-Box .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 10px;right: 4px;}

#contents02 {margin: 0 auto;position: relative;max-width: 1680px;height: 800px;background: #fff;margin-bottom: 100px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding: 81px 0 0;}
#contents02 .inner-Box figure.photo01 {position: absolute;top: -50px;right: 0;width: 180px;height: 180px;background: url(../images/index/contents02-photo012.png)no-repeat top center;}
#contents02 .inner-Box figure.photo01 img{opacity: 0; transition: opacity 1s ease; display: block;  }
#contents02 .inner-Box figure.photo02 {position: absolute;top: 90px;right: 210px;width: 420px;height: 560px;background: url(../images/index/contents02-photo022.png)no-repeat top center;}
#contents02 .inner-Box figure.photo02 img{  opacity: 0; transition: opacity 1s ease; display: block;}
#contents02 .inner-Box figure.photo03 {position: absolute;top: 500px;right: -30px;width: 320px;height: 240px;background: url(../images/index/contents02-photo032.png)no-repeat top center;}
#contents02 .inner-Box figure.photo03 img{ opacity: 0; transition: opacity 1s ease; display: block; }
#contents02 .inner-Box h2.f-min {font-size: 27px;line-height: 1.78;font-weight: 400;letter-spacing: 0px;margin-bottom: 38px;position: relative;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 35px;position: relative;}
#contents02 .inner-Box p.cmorebtn {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;padding-top: 19px;}
#contents02 .inner-Box p.cmorebtn a {border: #333333 1px solid;width: 280px;height: 60px;display: block;position: relative;padding: 15px 0 0 24px;}
#contents02 .inner-Box p.cmorebtn a::before{content: "→";position: absolute;top: 10px;right: 20px;font-size: 20px;}
#contents02 .inner-Box p.cmorebtn a:hover {  }

#contentsgoogle{text-align: center;padding: 100px 0 150px;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center #9E9F9C;padding-top: 31.7vw;background-size: 100% auto;padding-bottom: 130px;}
#contents03 .inner-Box {margin: 0 auto 150px;position: relative;padding: 0 30px;max-width: 1740px;color: #fff;}
#contents03 .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;}
#contents03 .inner-Box ul li {width: 21.4%;margin-right: 4.8%;}
#contents03 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents03 .inner-Box ul li figure img{width: 100%;height: auto;margin-bottom: 20px;}
#contents03 .inner-Box a { color: #fff; }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box h2 {font-size: 15px;line-height: 1.73;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 25px;position: relative;}
#contents03 .inner-Box p.ltext {font-size: 14px;line-height: 1.5;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contents03 .inner-Box2 span.aficon {display: block;line-height: 1;position: absolute;top: -29px;left: 50%;margin-left: 210px;}
#contents03 .inner-Box2 span.aficon img {  }
#contents03 .inner-Box2 h3.f-min {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 41px;position: relative;text-align: center;color: #fff;}
#contents03 .inner-Box2 p.btn {margin-bottom: 14px;}
#contents03 .inner-Box2 p.btn img {  }
#contents03 .inner-Box2 p.subtext {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #fff;text-align: center;}

/* 全体 */
#case_newly{width: 1220px;margin: 0 auto;padding: 100px 0 107px;}
#case_newly h2{text-align: center;font-size: 26px;font-weight: 600;letter-spacing: 1.3px;margin-bottom: 27px;}
#case_newly .tag-Box{ position: relative;}
#case_newly .tag-Box h3{font-size: 14px;margin-left: 14px;margin-bottom: 12px;}
#case_newly .keywrap{position: relative;overflow: hidden;transition: max-height .35s ease; #D6D6D4 1pxborder:solid;border-bottom: #D6D6D4 1px solid;padding-bottom: 70px;margin-bottom: 40px;}
#case_newly .keywrap.is-close{max-height: 45px;padding-bottom: 30px;margin-bottom: 40px;}
#case_newly .keywrap.is-open{ max-height: 500px; /* 多めに */ }
#case_newly .keylist{display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0 40px 0px 9px; /* 右に矢印分の余白 */list-style: none;line-height: 20px; /* ← ここ重要（1行=20px） */}
#case_newly .keylist li a{display: inline-block;padding: 3px 16px;background: #eee;border-radius: 3px;text-decoration: none;font-size: 12px;margin: 0 6px 6px 0px;}
#case_newly .keyarr{position: absolute;right: 22px;top: 37px;height: 8px; /* 1行に合わせる */display: flex;align-items: center;cursor: pointer;z-index: 3;}
#case_newly .keyarr img{width: 18px;transition: transform .3s ease;transform-origin: center;}
#case_newly .keyarr.is-open img{ transform: rotate(180deg); }
#case_newly .system-list{margin-bottom: 13px;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{line-height: 1.4;width: 32.7%;margin-right: 0.9%;position: relative;margin-bottom: 20px;}
#case_newly .system-list li:nth-child(3n){ margin-right: 0}
#case_newly .system-list li a:hover{ text-decoration: none; }

#case_newly .system-list li .text-cate{color: #ccc;font-size: 12px;margin-bottom: 10px;}
#case_newly .system-list li .text-cate a{color: #ccc;transition: all 0.3s ease-in-out;}
#case_newly .system-list li .text-cate a:hover{color: #333;}
#case_newly .system-list li .text-cate span{display: inline-block;margin: 0 4px 4px 0;padding: 3px;}
#case_newly .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_newly .text2{color: #B3B3B3;font-size: 15px;margin-bottom: 10px;font-weight: 400;}

#case_newly .system-pic {width: 100%;aspect-ratio: 40 / 30;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#case_newly .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case_newly .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#case_newly .system-date::before{ content: "■"; }
#case_newly .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case_newly .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.5;font-weight: 500;letter-spacing: 0px;}
#case_newly .inner-Box p.cmorebtn {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;padding-top: 19px;}
#case_newly .inner-Box p.cmorebtn a {border: #333333 1px solid;width: 280px;height: 60px;position: relative;padding: 15px 0 0 24px;background: #fff;display: block;margin: 0 auto;}
#case_newly .inner-Box p.cmorebtn a::before{content: "→";position: absolute;top: 10px;right: 20px;font-size: 20px;}
#case_newly .inner-Box p.cmorebtn a:hover {  }


#contents05 {margin: 0 auto;position: relative;padding-bottom: 94px;}
#contents05 .ttl-Box {margin: 0 auto;position: relative;width: 1110px;}
#contents05 .ttl-Box h2.f-en {font-size: 21px;line-height: 1.75;font-weight: 500;letter-spacing: 1.05px;margin-bottom: -37px;position: relative;}
#contents05 .ttl-Box p.subttl {font-size: 18px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 38px;position: relative;padding-left: 170px;}
#contents05 .inner-Box {margin: 0 auto 159px;position: relative;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;width: 1160px;}
#contents05 .inner-Box2 ul.bannerlist {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-Box2 ul li {margin-right: 120px;position: relative;}
#contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inner-Box2 ul li figure {margin-bottom: 12px;}
#contents05 .inner-Box2 ul li a {  }
#contents05 .inner-Box2 ul li a:hover {  }
#contents05 .inner-Box2 ul li::before{content: "→";display: block;position: absolute;bottom: 25px;right: 6px;font-weight: 300;}

#contents05 .inner-Box2 p.ltext {font-size: 14px;line-height: 1.5;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#voice .system-list .slick-track{margin-bottom: 77px;}
#voice .system-list .slick-track li{line-height: 1.4;width: 360px;margin: 0 20px;position: relative;margin-bottom: 20px;background: #FFFFFF;}
#voice .system-list .slick-track li::before{content: "→";display: block;position: absolute;bottom: 17px;right: 20px;font-weight: 300;}
#voice .system-list .slick-track li a:hover{ text-decoration: none; }
#voice .system-list .slick-track 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 .slick-track li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;color: #A4A4A4;padding-right: 30px;margin: 0 20px 10px;}
#voice .system-list .slick-track li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list .slick-track li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#voice .system-pic {width: 100%;aspect-ratio: 25 / 16;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#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: 16px;margin: 0 20px 10px;line-height: 1.4;font-weight: 400;letter-spacing: 0px;}
#voice .slick-dots { position: absolute; bottom: 2vw; display: block; width: 100%; padding: 0; list-style: none; text-align: left; text-align: center; }
#voice .slick-dots li {position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;width: 8px;height: 8px;}
#voice .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 8px;height: 8px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
#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: black; }

#voice .morebtn{text-align: right;width: 1160px;margin: -70px auto 0 auto;}
#voice .morebtn a{display: inline-block;font-size: 14px;border-bottom: 1px solid;padding: 0 52px 6px 10px;position: relative;}
#voice .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 6px;right: 4px;}

#contents06 {margin: 0 auto;position: relative;padding: 105px 0 117px;background: #fff;}
#contents06 .ttl-Box {margin: 0 auto;position: relative;width: 1150px;}
#contents06 .ttl-Box h2.f-en {font-size: 21px;line-height: 1.75;font-weight: 500;letter-spacing: 1.05px;margin-bottom: -37px;position: relative;}
#contents06 .ttl-Box p.subttl {font-size: 18px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 38px;position: relative;padding-left: 170px;}
#contents06 .inner-Box {position: relative;}

#contents06 .inner-Box2 p.ltext {font-size: 14px;line-height: 1.5;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#youtube .system-list .slick-track{margin-bottom: 77px;}
#youtube .system-list .slick-track li{line-height: 1.4;width: 243px;margin: 0 15px;position: relative;margin-bottom: 20px;background: #FFFFFF;}
#youtube .system-list .slick-track li::before{display: block;position: absolute;bottom: 17px;right: 20px;font-weight: 300;}
#youtube .system-list .slick-track li a:hover{ text-decoration: none; }
#youtube .system-list .slick-track 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; }
#youtube .system-list .slick-track li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;color: #A4A4A4;padding-right: 30px;margin: 0 20px 10px;}
#youtube .system-list .slick-track li .system-text span{ display: inline-block; padding-left: 10px; }
#youtube .system-list .slick-track li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#youtube .system-pic {width: 100%;aspect-ratio: 243 / 135;overflow: hidden;text-align: center;margin-bottom: 10px;position: relative;}
#youtube .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#youtube .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#youtube .system-date::before{ }
#youtube .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#youtube .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; }

#youtube .system-ttl-01{font-size: 12px;margin: 0 0px 10px;line-height: 1.33;font-weight: 400;letter-spacing: 0px;color: #888888;}
#youtube .slick-dots { position: absolute; bottom: 2vw; display: block; width: 100%; padding: 0; list-style: none; text-align: left; text-align: center; }
#youtube .slick-dots li {position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;width: 8px;height: 8px;}
#youtube .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 8px;height: 8px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
#youtube .slick-dots li button:hover, #youtube .slick-dots li button:focus { outline: none; }
#youtube .slick-dots li button:hover:before, #youtube .slick-dots li button:focus:before { opacity: 1; }
#youtube .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; }
#youtube .slick-dots li.slick-active button { background: black; }

#youtube .morebtn{text-align: right;width: 1160px;margin: -70px auto 0 auto;}
#youtube .morebtn a{display: inline-block;font-size: 14px;border-bottom: 1px solid;padding: 0 52px 6px 10px;position: relative;}
#youtube .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 6px;right: 4px;}

#contentsend .endttl{font-size: 27px;letter-spacing: 0px;text-align: center;color: #fff;line-height: 1.7;font-weight: 500;margin: -44px 0 84px;}

#contents07 { margin: 0 auto; position: relative; background: url('../images/index/contents07-back01.png')no-repeat top center; }
#contents07 .inner-Box {margin: 0 auto;position: relative;padding: 135px 0 0;width: 1200px;}
#contents07 .inner-Box h2.f-min {font-size: 21px;line-height: 1.75;font-weight: 500;letter-spacing: 1.89px;margin-bottom: 233px;position: relative;text-align: center;color: #Fff;}
#contents07 .inner-Box figure.photo {position: absolute;top: 399px;right: 0;}
#contents07 .inner-Box figure.photo img{  }
#contents07 .inner-Box h3.f-min {font-size: 18px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 72px;position: relative;margin-left: 5px;}
#contents07 .inner-Box h3.f-min span.f-en {font-size: 21px;display: block;font-weight: 600;letter-spacing: 2.1px;margin-left: 4px;margin-bottom: 4px;}
#contents07 .inner-Box ul.list {width: 650px;border-top: #D6D6D4 1px solid;margin-bottom: 135px;}
#contents07 .inner-Box ul.list li {position: relative;border-bottom: #D6D6D4 1px solid;}
#contents07 .inner-Box ul.list li:nth-child(3n) { margin-right: 0px; }
#contents07 .inner-Box ul.list li a {display: block;position: relative;padding: 18px 24px;transition: all 0.3s ease-in-out;}
#contents07 .inner-Box ul.list li a:hover { background: #E8E8E6; }
#contents07 .inner-Box ul.list li a::before{display: inline-block;content: "→";position: absolute;bottom: 20px;right: 14px;}

#contents07 .inner-Box p.ltext {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;position: relative;}
#contents07 .inner-Box p.ltext span.f-en {display: inline-block;margin-right: 9px;font-size: 16px;}
#contents07 .inner-Box ul.banner-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;width: 720px;margin: 0 0 47px auto;}
#contents07 .inner-Box ul.banner-list li {/* width: 100%; *//* border-bottom: #D6D6D4 1px solid; */margin-left: 30px;}
#contents07 .inner-Box ul.banner-list li figure {  }
#contents07 .inner-Box2 {width: 1200px;margin: 0 auto;position: relative;padding-bottom: 80px;}
#contents07 .inner-Box2 p.text {font-size: 12px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #888888;}

#review-bottom { width: 1160px; padding: 30px 0 30px; margin: 0 auto 150px; background-color: #F7F7F7;border: 1px solid #D6D6D4;background-image: url("../images/index/review-bg.png");background-repeat: repeat-x;background-position: top center;position: relative;}
#review-bottom .midashi { width: 960px; margin: 0 auto; overflow: hidden; padding: 20px 25px 10px;}
#review-bottom .midashi .review-g-logo { width: 152px;position: absolute;top: 80px;left: 100px;}
#review-bottom .midashi .review-g-logo .kuchi-num { font-weight: bold; background: #fabe00; color: #fff; padding: 5px; font-size: 14px; display: inline-block; line-height: 1em; border-radius: 14px; position: absolute; border: solid 1px #fff; top: -8px; right: -7px; min-width: 1em; text-align: center; }
#review-bottom .midashi .review-company { font-size: 18px; color: #ffffff; float: left; margin-left: 24px; }
#review-bottom .midashi .review-info { text-align: center;}
#review-bottom .midashi .review-info .review-evaluation { float: left; font-size: 24px; font-weight: bold; color: #fff; margin-left: 24px; margin-top: 11px; }
#review-bottom .midashi .review-info .star-rating { position: relative; margin-left: 14px; }
#review-bottom .midashi .review-info .star-rating .star-rating-front { font-size: 25px; color: #fabe00; width: 92%; overflow: hidden; position: relative; z-index: 9; margin-top: 4px; }
#review-bottom .midashi .review-info .star-rating .star-rating-back { font-size: 25px; color: #ffffff; position: absolute; top: 0; left: 0; right: 0;}
#review-bottom .midashi .review-info .kuchi-num { float: left; font-size: 24px; margin-left: 14px; margin-top: 0; }
#review-bottom .midashi .review-info .review-star-num { font-size: 24px; margin-left: 24px; margin-top: 0; }
	#review-bottom .midashi .review-info .review-star-num .gr-total-rating{font-size: 52px;position: relative;bottom: -5px;}
#review-bottom .kuchi-frame { width: 960px; height: 380px; margin: 0 auto 50px; padding: 25px 40px 25px 0; overflow-y: scroll; }
#review-bottom .kuchi-frame ul { border-top: 1px solid #D6D6D4;padding-top: 30px;}
#review-bottom .kuchi-frame ul li { border-bottom: 1px solid #D6D6D4; padding-bottom: 40px; margin-bottom: 30px; }
#review-bottom .kuchi-frame ul li:last-child { margin-bottom: 0; }
#review-bottom .kuchi-frame ul li dt { font-size: 16px; overflow: hidden; margin-bottom: 10px; }
#review-bottom .kuchi-frame ul li dt .star-rating { float: left; position: relative; }
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front { font-size: 16px; color: #fabe00; width: 80%; overflow: hidden; position: relative; z-index: 9; }
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back { font-size: 16px; color: #e8e8e8; position: absolute; top: 0; left: 0; }
#review-bottom .kuchi-frame ul li dt .review-date { font-size: 16px; margin-left: 30px; float: left; }
#review-bottom .kuchi-frame ul li dt .review-name { font-size: 16px; font-weight: bold; margin-left: 30px; float: left; }
#review-bottom .kuchi-frame ul li dd { font-size: 14px; color: #666666; line-height: 24px; }
#review-bottom .review-btn { position: absolute;top: 110px;right: 100px;}
	
}
@media screen and (min-width:768px) and ( max-width:1280px) {



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

  #contentsmain {position: relative;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box h2 {position: absolute;top: 14.71vw;left: 50%;z-index: 4;transform: translateX(-50%);width: 70vw;}
  #contentsmain .inner-Box h2 span{  }
  #contentsmain .inner-Box h2 img {  }
  #contentsmain .inner-Box ul.snslist {position: absolute;z-index: 3;top: 62.56vw;left: 4.83vw;display: none;}
  #contentsmain .inner-Box ul li {  }
  #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contentsmain .inner-Box ul li figure {  }
  #contentsmain .inner-Box ul li a {  }
  #contentsmain .inner-Box ul li a:hover {  }
  #contentsmain .inner-Box ul.mainslide { position: relative;  }
  #contentsmain .inner-Box ul li {position: relative;margin-bottom: 0vw;}
  #contentsmain .inner-Box figure.photo {  }
  #contentsmain .inner-Box figure.photo img{  }
  #contentsmain .inner-Box figure.img01 {position: absolute;bottom: 5.24vw;right: 2.95vw;width: 27vw;}
  #contentsmain .inner-Box figure.img01 img{  }
  #contentsmain .inner-Box ul.contactlist {display: none;}
  #contentsmain .inner-Box .mmsss{position: relative;/*  */margin-bottom: -3vw;}
  
  .backk{background: #F6F6F4;padding: 3.27vw 0 0;}
  
  #contents01 {position: relative;margin-bottom: 20vw;}
  #contents01 p.subtext {font-size: 2.66vw;line-height: 1.55;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 15.74vw;position: relative;text-align: center;color: #333333;}
  #contents01 .inner-Box { margin: 0 4vw; position: relative; }
  #contents01 .left-Box {position: relative;margin-bottom: 14vw;}
  #contents01 .left-Box h2.f-min {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.55vw;position: relative;text-align: center;}
  #contents01 .left-Box ul.tablist {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 .left-Box ul.tablist li { position: relative; }
  
  #contents01 .left-Box p.ltext {font-size: 3.14vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 3.38vw;position: relative;padding: 4.76vw 0 0;}
  #contents01 .blog-Box { margin: 0 4vw; position: relative; }
  #contents01 .blog-Box p.text { font-size: 3.86vw; line-height: 2; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 .insta-Box { margin: 0 4vw; position: relative; }
  #contents01 .insta-Box p.text { font-size: 3.86vw; line-height: 2; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 .right-Box {position: relative;}
  #contents01 .right-Box h2.f-min {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.45vw;position: relative;text-align: center;}
  #contents01 .right-Box h3 {font-size: 3.38vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0.0vw;position: relative;text-align: center;border: #D6D6D4 0.24vw solid;border-bottom: none;padding: 4.35vw 0 3.62vw;}
  #contents01 p.btn {text-align: center;padding-top: 17.45vw;padding-bottom: 36.23vw;margin: 0 3vw;}
  #contents01 p.btn img {  }
  
  #contents01 .tablist{ display:flex; }
  #contents01 .tablist .tab{cursor:pointer;width: 50%;text-align: center;border-bottom: none;border-bottom: #D6D6D4 0.24vw solid;}
  #contents01 .tablist .tab.is-active{background: #F6F6F4;border: #D6D6D4 0.24vw solid;border-bottom: none;}
  #contents01 .tablist .tab:not(.is-active){ background:#eee; }
  
  #contents01 .tab-content{ display:none; }
  #contents01 .tab-content.is-show{ display:block; }
  
  #blog.system-list{padding: 0vw 0.0vw 1.45vw;margin-bottom: 5.5vw;}
  #blog.system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 0vw;border-bottom: 0.24vw solid #D6D6D4;padding: 5vw 2.63vw 1.32vw;}
  #blog.system-list li a:hover{ text-decoration: none; }
  
  #blog.system-list .system-pic {aspect-ratio: 12 / 9;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;width: 24vw;float: left;}
  #blog.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  
  #blog.system-list .textbx{margin-left: 2%;width: 61vw;float: left;}
  #blog.system-list .system-date::before{ content: "■"; }
  #blog.system-list .system-ttl-01{font-size: 3.38vw;line-height: 1.6;margin: 0 0 0 2.42vw;}
  #blog.system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  
  #blog.system-list li .system-day{position: relative;padding: 0 0 0 20.24vw;font-size: 2.9vw;letter-spacing: 0;height: 7vw;}
  #blog.system-list li .system-day .date{position: absolute;font-weight: 400;top: 0.48vw;left: 2.17vw;}
  #blog.system-list li .system-day .cate{display: inline-block;border: #EFEFED 0.24vw solid;font-weight: 400;padding: 1.25vw 4.11vw;border-radius: 7.25vw;margin: 0 1.21vw 1.21vw 0.0vw;background: #fff;font-size: 2.42vw;}
  
  #contents01 .tab-content .morebtn{text-align: right;font-size: 3.14vw;}
  #contents01 .tab-content .morebtn a{display: inline-block;font-size: 3.14vw;border-bottom: 0.24vw solid;padding: 0.7vw 13.96vw 2.22vw 2.42vw;letter-spacing: 0.2vw;}
  #contents01 .tab-content .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 2.42vw;right: 0.97vw;}
  #contents01 .tab-content .morebtn a.blank::before{display: block;content: ""; width: 3.14vw; height: 3.14vw; background: url(../images/index/contents01-icon01.svg)no-repeat; position: absolute;bottom: 2.42vw;right: 0.97vw; background-size: 100% auto;}
  
  #instagram.system-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 8.08vw 2.83vw 0;}
  #instagram.system-list li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
  #instagram.system-list li:nth-child(2n){margin-right: 0.0vw;} 
  #instagram .system-pic {aspect-ratio: 1 / 1;overflow: hidden;text-align: center;}
  #instagram .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  
  #event.system-list{margin-bottom: 7.28vw;padding-top: 2.66vw;}
  #event.system-list li{position: relative;line-height: 1.4;position: relative;margin-bottom: 2vw;padding: 2.66vw 2.43vw 0.66vw;border-bottom: #D6D6D4 0.24vw solid;}
  #event.system-list li a:hover{ text-decoration: none; }
  #event.system-list .system-pic {aspect-ratio: 19 / 13;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;margin-right: 2.33vw;width: 33.9vw;float: left;}
  #event.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #event.system-list li .system-date{font-size: 2.9vw;margin-bottom: 2.42vw;line-height: 1.4;font-weight: 400;position: relative;color: #888888;}
  #event.system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #808080;}
  #event.system-list li .system-date .start_text{ }
  #event.system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
  #event.system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event.system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event.system-list li .system-ttl-01{font-size: 3.38vw;font-weight: 400;letter-spacing: 0vw;line-height: 1.5;margin-bottom: 2.42vw;}
  #event.system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #event.system-list li .text-box{padding: 0.0vw 0.0vw 1.93vw;float: left;width: 50vw;}
  #event.system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}
  #event.system-list li .eicon{display: inline-block;color: #fff;font-size: 2.42vw;padding: 1.19vw 3.62vw;margin-bottom: 1.42vw;font-weight: 400;letter-spacing: 0;}
  
  #contents01 .event-Box .morebtn{text-align: right;font-size: 3.14vw;}
  #contents01 .event-Box .morebtn a{display: inline-block;font-size: 3.14vw;border-bottom: 0.24vw solid;padding: 0.7vw 13.96vw 2.22vw 2.42vw;letter-spacing: 0.2vw;}
  #contents01 .event-Box .morebtn a::before{display: inline-block;content: "→";position: absolute;bottom: 2.42vw;right: 0.97vw;}
  
  #contents02 {margin: 0 4vw 15vw;position: relative;background: #fff;}
  #contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 62.27vw 3.3vw 7vw;}
  #contents02 .inner-Box figure.photo01 {position: absolute;top: -42vw;right: 7vw;height: 43.48vw;background: url(../images/index/contents02-photo012.png)no-repeat top center;background-size: 100% auto;width: 20.9vw;}
  #contents02 .inner-Box figure.photo01 img{opacity: 0; transition: opacity 1s ease; display: block;  }
  #contents02 .inner-Box figure.photo02 {position: absolute;top: -19.26vw;left: 3.42vw;background: url(../images/index/contents02-photo022.png)no-repeat top center;background-size: 100% auto;width: 49vw;}
  #contents02 .inner-Box figure.photo02 img{  opacity: 0; transition: opacity 1s ease; display: block;}
  #contents02 .inner-Box figure.photo03 {position: absolute;top: 20.2vw;left: 43vw;height: 57.97vw;background: url(../images/index/contents02-photo032.png)no-repeat top center;background-size: 100% auto;width: 37.7vw;}
  #contents02 .inner-Box figure.photo03 img{ opacity: 0; transition: opacity 1s ease; display: block; }
  #contents02 .inner-Box h2.f-min {font-size: 4.35vw;line-height: 1.78;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.48vw;position: relative;margin-right: -1vw;}
  #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 5.95vw;position: relative;}
  #contents02 .inner-Box p.cmorebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;padding-top: 3.19vw;}
  #contents02 .inner-Box p.cmorebtn a {border: #333333 0.24vw solid;height: 14.49vw;display: block;position: relative;padding: 3.62vw 0 0 5.8vw;}
  #contents02 .inner-Box p.cmorebtn a::before{content: "→";position: absolute;top: 2.42vw;right: 4.83vw;font-size: 4.83vw;}
  #contents02 .inner-Box p.cmorebtn a:hover {  }
  
  #contentsgoogle{text-align: center;padding: 14.85vw 4vw 19.23vw;}
  
  #contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center #9E9F9C;padding-top: 106vw;background-size: 100% auto;padding-bottom: 13.8vw;}
  #contents03 .inner-Box {margin: 0 auto 16.43vw;position: relative;padding: 0 9.05vw;color: #fff;}
  #contents03 .inner-Box ul.list {}
  #contents03 .inner-Box ul li {
}
  #contents03 .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
  #contents03 .inner-Box ul li figure img{width: 100%;height: auto;margin-bottom: 4.83vw;}
  #contents03 .inner-Box a { color: #fff; }
  #contents03 .inner-Box ul li a:hover {  }
  #contents03 .inner-Box h2 {font-size: 3.38vw;line-height: 1.73;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 1.64vw;position: relative;margin-top: -3.2vw;}
  #contents03 .inner-Box p.ltext {font-size: 2.90vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.55vw;position: relative;}
  #contents03 .inner-Box2 {margin: 0 4vw;position: relative;}
  #contents03 .inner-Box2 span.aficon {display: block;line-height: 1;position: absolute;right: 6.2vw;width: 14.5vw;top: -2vw;}
  #contents03 .inner-Box2 span.aficon img {  }
  #contents03 .inner-Box2 h3.f-min {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.22vw;margin-bottom: 4.9vw;position: relative;text-align: center;color: #fff;}
  #contents03 .inner-Box2 p.btn {margin: 0 5.1vw 3.38vw;}
  #contents03 .inner-Box2 p.btn img {  }
  #contents03 .inner-Box2 p.subtext {font-size: 2.90vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.0vw;margin: 0 5.2vw 7.25vw;position: relative;color: #fff;}
  
  /* 全体 */
  #case_newly{padding: 16.75vw 0 8.85vw;}
  #case_newly h2{text-align: center;font-size: 5.80vw;font-weight: 600;letter-spacing: 0.31vw;margin-bottom: 5.52vw;}
  #case_newly .tag-Box{margin: 0 6.6vw;position: relative;}
  #case_newly .tag-Box h3{font-size: 3.38vw;letter-spacing: 0.17vw;margin-left: 3.38vw;margin-bottom: 2.9vw;}
  #case_newly .keywrap{position: relative;overflow: hidden;transition: max-height .35s ease; #D6D6D4 0.24vwborder:solid;border-bottom: #D6D6D4 0.24vw solid;padding-bottom: 16.91vw;margin-bottom: 9.66vw;}
  #case_newly .keywrap.is-close{padding-bottom: 10.25vw;margin-bottom: 4.96vw;}
  #case_newly .keywrap.is-open{  /* 多めに */ }
  #case_newly .keylist{display: flex;flex-wrap: wrap;gap: 1.45vw;margin: 0;padding: 0 0vw 0.0vw 0vw; /* 右に矢印分の余白 */list-style: none;line-height: 4.83vw; /* ← ここ重要（1行=4.83vw） */}
  #case_newly .keylist li a{display: inline-block;padding: 0.72vw 3.86vw;background: #eee;border-radius: 0.72vw;text-decoration: none;font-size: 2.9vw;margin: 0 1.45vw 1.45vw 0.0vw;}
  #case_newly .keyarr{position: absolute;right: -0.29vw;top: 0.14vw;height: 1.93vw; /* 1行に合わせる */display: flex;align-items: center;cursor: pointer;z-index: 3;}
  #case_newly .keyarr img{transition: transform .3s ease;transform-origin: center;width: 4.4vw;}
  #case_newly .keyarr.is-open img{ transform: rotate(180deg); }
  #case_newly .system-list{margin-bottom: 3.14vw;}
  #case_newly .system-list li{line-height: 1.4;width: 57.97vw;margin: 0 2.42vw;position: relative;margin-bottom: 4.83vw;}

  #case_newly .system-list li a:hover{ text-decoration: none; }
  
  #case_newly .system-list li .text-cate{color: #ccc;font-size: 2.9vw;margin-bottom: 2.42vw;}
  #case_newly .system-list li .text-cate a{color: #ccc;transition: all 0.3s ease-in-out;}
  #case_newly .system-list li .text-cate a:hover{color: #333;}
  #case_newly .system-list li .text-cate span{display: inline-block;margin: 0 0.97vw 0.97vw 0;padding: 0.72vw;}
  #case_newly .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_newly .text2{color: #B3B3B3;font-size: 3.62vw;margin-bottom: 2.42vw;font-weight: 400;}
  
  #case_newly .system-pic {width: 100%;aspect-ratio: 40 / 30;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
  #case_newly .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #case_newly .system-date{ font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4; }
  #case_newly .system-date::before{ content: "■"; }
  #case_newly .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #case_newly .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.0vw;margin-top: -1vw;}
  #case_newly .inner-Box p.cmorebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;padding-top: 2.89vw;}
  #case_newly .inner-Box p.cmorebtn a {border: #333333 0.24vw solid;height: 14.49vw;position: relative;padding: 3.62vw 0 0 5.8vw;background: #fff;display: block;margin: 0 11.4vw;}
  #case_newly .inner-Box p.cmorebtn a::before{content: "→";position: absolute;top: 2.42vw;right: 4.83vw;font-size: 4.83vw;}
  #case_newly .inner-Box p.cmorebtn a:hover {  }
  
  #case_newly .slick-dots { position: absolute; bottom: 2vw; display: block; width: 100%; padding: 0; list-style: none; text-align: left; text-align: center; }
  #case_newly .slick-dots li {position: relative;display: inline-block;margin: 0 1.21vw;padding: 0;cursor: pointer;height: 1.93vw;width: 1.93vw;}
  #case_newly .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 1.93vw;height: 1.93vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #case_newly .slick-dots li button:hover, #case_newly .slick-dots li button:focus { outline: none; }
  #case_newly .slick-dots li button:hover:before, #case_newly .slick-dots li button:focus:before { opacity: 1; }
  #case_newly .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_newly .slick-dots li.slick-active button { background: black; }
  
  
  #contents05 {position: relative;padding-bottom: 4.71vw;}
  #contents05 .ttl-Box {margin: 0 4vw;position: relative;}
  #contents05 .ttl-Box h2.f-en {font-size: 5.07vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: -0.7vw;position: relative;text-align: center;}
  #contents05 .ttl-Box p.subttl {font-size: 3.62vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.18vw;position: relative;text-align: center;}
  #contents05 .inner-Box {margin: 0 auto 21.71vw;position: relative;}
  #contents05 .inner-Box2 {margin: 0 9vw;position: relative;}
  #contents05 .inner-Box2 ul.bannerlist {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-Box2 ul li {margin-bottom: 5.89vw;position: relative;}
  #contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents05 .inner-Box2 ul li figure {margin-bottom: 2.5vw;}
  #contents05 .inner-Box2 ul li a {  }
  #contents05 .inner-Box2 ul li a:hover {  }
  #contents05 .inner-Box2 ul li::before{content: "→";display: block;position: absolute;bottom: 6.04vw;right: 1.45vw;font-weight: 300;}
  
  #contents05 .inner-Box2 p.ltext {font-size: 2.90vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
  #voice .system-list .slick-track{margin-bottom: 18.6vw;}
  #voice .system-list .slick-track li{line-height: 1.4;width: 57.97vw;margin: 0 2.42vw;position: relative;background: #FFFFFF;}
  #voice .system-list .slick-track li::before{content: "→";display: block;position: absolute;bottom: 3.11vw;right: 3.83vw;font-weight: 300;}
  #voice .system-list .slick-track li a:hover{ text-decoration: none; }
  #voice .system-list .slick-track 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 .slick-track li .system-text{font-size: 2.66vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;color: #A4A4A4;padding-right: 7.25vw;margin: 0 4.83vw 4.42vw;}
  #voice .system-list .slick-track li .system-text span{ display: inline-block; padding-left: 2.42vw; }
  #voice .system-list .slick-track li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 4.83vw;}
  #voice .system-pic {width: 100%;aspect-ratio: 25 / 16;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
  #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: 0 4.83vw 2.42vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.0vw;}
  #contents05 .inner-Box p.morebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;padding-top: 2.89vw;}
  #contents05 .inner-Box p.morebtn a {border: #333333 0.24vw solid;height: 14.49vw;position: relative;padding: 3.62vw 0 0 5.8vw;background: #fff;display: block;margin: 0 11.4vw;}
  #contents05 .inner-Box p.morebtn a::before{content: "→";position: absolute;top: 2.42vw;right: 4.83vw;font-size: 4.83vw;}
  #contents05 .inner-Box p.morebtn a:hover {  }
  
  #voice .slick-dots { position: absolute; bottom: 2vw; display: block; width: 100%; padding: 0; list-style: none; text-align: left; text-align: center; }
  #voice .slick-dots li {position: relative;display: inline-block;margin: 0 1.21vw;padding: 0;cursor: pointer;height: 1.93vw;width: 1.93vw;}
  #voice .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 1.93vw;height: 1.93vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #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: 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 .slick-dots li.slick-active button { background: black; }
  
  #contents06 {position: relative;padding-bottom: 4.71vw;background: #fff;padding-top: 15.2vw;}
  #contents06 .ttl-Box {margin: 0 4vw;position: relative;}
  #contents06 .ttl-Box h2.f-en {font-size: 5.07vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: 1.3vw;position: relative;text-align: center;}
  #contents06 .ttl-Box p.subttl {font-size: 3.62vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 8.18vw;position: relative;text-align: center;}
  #contents06 .inner-Box {margin: 0 auto 12.21vw;position: relative;}
  
  #contents06 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
  #youtube .system-list .slick-track{margin-bottom: 18.6vw;}
  #youtube .system-list .slick-track li{line-height: 1.4;width: 57.97vw;margin: 0 2.42vw -3vw;position: relative;background: #FFFFFF;}
  #youtube .system-list .slick-track li::before{display: block;position: absolute;bottom: 4.11vw;right: 4.83vw;font-weight: 300;}
  #youtube .system-list .slick-track li a:hover{ text-decoration: none; }
  #youtube .system-list .slick-track 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; }
  #youtube .system-list .slick-track li .system-text{font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;color: #A4A4A4;padding-right: 7.25vw;margin: 0 4.83vw 2.42vw;}
  #youtube .system-list .slick-track li .system-text span{ display: inline-block; padding-left: 2.42vw; }
  #youtube .system-list .slick-track li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 4.83vw;}
  #youtube .system-pic {width: 100%;aspect-ratio: 243 / 135;overflow: hidden;text-align: center;margin-bottom: 2.42vw;position: relative;}
  #youtube .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #youtube .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #youtube .system-date::before{ }
  #youtube .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;}
  #youtube .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; }
  
  #youtube .system-ttl-01{font-size: 2.9vw;margin: 0 0.0vw 2.42vw;line-height: 1.33;font-weight: 400;letter-spacing: 0.0vw;color: #888888;}
  #youtube .slick-dots { position: absolute; bottom: 2vw; display: block; width: 100%; padding: 0; list-style: none; text-align: left; text-align: center; }
  #youtube .slick-dots li {position: relative;display: inline-block;margin: 0 1.21vw;padding: 0;cursor: pointer;height: 1.93vw;width: 1.93vw;}
  #youtube .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 1.93vw;height: 1.93vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #youtube .slick-dots li button:hover, #youtube .slick-dots li button:focus { outline: none; }
  #youtube .slick-dots li button:hover:before, #youtube .slick-dots li button:focus:before { opacity: 1; }
  #youtube .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; }
  #youtube .slick-dots li.slick-active button { background: black; }
  
  #youtube p.morebtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;padding-top: 2.89vw;}
  #youtube p.morebtn a {border: #333333 0.24vw solid;height: 14.49vw;position: relative;padding: 3.62vw 0 0 5.8vw;background: #fff;display: block;margin: 0 11.4vw;}
  #youtube p.morebtn a::before{content: "→";position: absolute;top: 2.42vw;right: 4.83vw;font-size: 4.83vw;}
  #youtube p.morebtn a:hover {  }
  
  #contentsend .endttl{font-size: 4.35vw;letter-spacing: 0.0vw;text-align: center;color: #fff;line-height: 1.8;font-weight: 500;margin: -5.2vw 0 10.49vw;}
  
  #contents07 {position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top center #F6F6F4;background-size: 100% auto;}
  #contents07 .inner-Box {position: relative;padding: 15.91vw 0 0;}
  #contents07 .inner-Box h2.f-min {font-size: 3.62vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 20.78vw;position: relative;text-align: center;color: #Fff;}
  #contents07 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin: 0 16vw 9.7vw;}
  #contents07 .inner-Box figure.photo img{  }
  #contents07 .inner-Box h3.f-min {font-size: 3.62vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.99vw;position: relative;margin-left: 9.21vw;}
  #contents07 .inner-Box h3.f-min span.f-en {font-size: 5.07vw;display: block;font-weight: 600;letter-spacing: 0.31vw;margin-left: -0.03vw;margin-bottom: -0.03vw;}
  #contents07 .inner-Box ul.list {border-top: #D6D6D4 0.24vw solid;margin: 0 9.2vw 12.01vw;}
  #contents07 .inner-Box ul.list li {position: relative;border-bottom: #D6D6D4 0.24vw solid;}
  #contents07 .inner-Box ul.list li:nth-child(3n) { margin-right: 0.0vw; }
  #contents07 .inner-Box ul.list li a {display: block;position: relative;padding: 3.35vw 1.6vw;transition: all 0.3s ease-in-out;}
  #contents07 .inner-Box ul.list li a:hover { background: #E8E8E6; }
  #contents07 .inner-Box ul.list li a::before{display: inline-block;content: "→";position: absolute;bottom: 3.83vw;right: 1.88vw;}
  
  #contents07 .inner-Box p.ltext {font-size: 3.14vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;position: relative;}
  #contents07 .inner-Box p.ltext span.f-en {display: inline-block;margin-right: 2.17vw;font-size: 3.62vw;}
  #contents07 .inner-Box ul.banner-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 8.8vw 2.35vw 26vw;}
  #contents07 .inner-Box ul.banner-list li {/* width: 100%; *//* border-bottom: #D6D6D4 0.24vw solid; */margin-left: 7.25vw;margin-bottom: 5.8vw;}
  #contents07 .inner-Box ul.banner-list li figure {  }
  #contents07 .inner-Box2 {margin: 0 4vw;position: relative;padding-bottom: 19.32vw;}
  #contents07 .inner-Box2 p.text {font-size: 2.66vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.0vw;margin: 0 5vw 7.25vw;position: relative;color: #888888;}
  
#review-bottom { width: 92%; margin: 0 auto 20vw; padding: 6% 3% 12%; background-color: #F7F7F7; border: 1px solid #D6D6D4;background-image: url(../images/index/review-bg-sp.png);background-repeat: repeat-x;background-position: top center;background-size: 3%;}
#review-bottom .midashi { padding: 2.5% 4% 2.5%; position: relative; }
#review-bottom .midashi .review-g-logo { width: 74%; margin:0 auto 2vw; }
#review-bottom .midashi .review-company { font-size: 3.4vw; color: #ffffff; }
#review-bottom .midashi .review-info { text-align: center;}
#review-bottom .midashi .review-info .review-evaluation { float: left; font-size: 3.4vw; font-weight: bold; color: #fff; }
#review-bottom .midashi .review-info .star-rating { position: relative; margin-left: 3%; }
#review-bottom .midashi .review-info .star-rating .star-rating-front { font-size: 4.8vw; color: #fabe00; width: 92%; overflow: hidden; position: relative; z-index: 9; }
#review-bottom .midashi .review-info .star-rating .star-rating-back { font-size: 4.8vw; position: absolute; top: 0; left: 0; right: 0;}
#review-bottom .midashi .review-info .kuchi-num { float: left; font-size: 3.8vw; font-weight: bold; margin-left: 3%; }
#review-bottom .midashi .review-info .review-star-num { font-size: 4.2vw; }
	#review-bottom .midashi .review-info .review-star-num .gr-total-rating{font-size: 7.2vw;}
#review-bottom .midashi .review-info .review-btn { width: 20%; float: right; }
#review-bottom .kuchi-frame { width: 100%; height: 100vw; padding: 5% 5% 7%; overflow-y: scroll; margin-bottom: 8%; }
#review-bottom .kuchi-frame ul { border-top: 1px solid #D6D6D4;}
#review-bottom .kuchi-frame ul li { border-bottom: 1px solid #a1a1a1; padding-top: 5%; padding-bottom: 8%; margin-bottom: 5%; }
#review-bottom .kuchi-frame ul li:last-child { margin-bottom: 0; }
#review-bottom .kuchi-frame ul li dt { font-size: 3.8vw; overflow: hidden; margin-bottom: 3%; }
#review-bottom .kuchi-frame ul li dt .star-rating { position: relative; }
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-front { font-size: 4.8vw; color: #fabe00; width: 80%; overflow: hidden; position: relative; z-index: 9; }
#review-bottom .kuchi-frame ul li dt .star-rating .star-rating-back { font-size: 4.8vw; color: #e8e8e8; position: absolute; top: 0; left: 0; }
#review-bottom .kuchi-frame ul li dt .review-date { font-size: 3.8vw; margin-left: 3%;}
#review-bottom .kuchi-frame ul li dt .review-name { font-size: 3.8vw; font-weight: bold; float: left; }
#review-bottom .kuchi-frame ul li dd { font-size: 3.4vw; color: #666666; line-height: 6.4vw; }
#review-bottom .review-btn { width: 34%; float: right;}
#review-bottom .review-btn img { width: 100%; }

}