@charset "UTF-8";


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

  header{ position: absolute; top: 0; z-index: 3; width: 100%;}
  body{overflow-x: clip;}

  
  #contentsmain { margin: 0 auto; position: relative; background: #000;}
  #contentsmain .inner-Box { margin: 0 auto; position: relative; }
  #contentsmain .inner-Box h2 {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
  #contentsmain .inner-Box figure img{ width: 100%; height: auto; }
  #contentsmain .inner-Box figure.main-movie { margin: 0; }
  #contentsmain .inner-Box figure.main-movie video{ display: block; width: 100%; max-width: 1920px; height: auto; margin: 0 auto; aspect-ratio: 1920 / 1080; background: url('../movie/poster.webp')no-repeat top center; background-size: cover; }

  #contentsmain .slick-dots {position: absolute;bottom: 17px;display: block;width: 100%;padding: 0;margin: 0px 0 0 30px;list-style: none;text-align: left;}
  #contentsmain .slick-dots li {position: relative;display: inline-block;margin: 0 10px;padding: 0;cursor: pointer;width: 13px;height: 13px;}
  #contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 13px;height: 13px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #202C3A;}
  #contentsmain .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  #contentsmain .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  #contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 13px;height: 13px;content: ' ';text-align: center;opacity: .25;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  #contentsmain .slick-dots li.slick-active button:before {opacity: 1;color: black;background: #fff;}


  #contents00 {width: 700px;height: 177px;background: #F7F7F7;margin: 0 40px -207px auto;position: relative;box-shadow: 0px 30px 60px #00000033;top: -70px;padding: 49px 49px 49px 49px;z-index: 4;}
  #contents00 .inner-Box { margin: 0 auto; position: relative; }
  #contents00 .inner-Box h2 {position: absolute;top: 0px;left: 21px;}
  #contents00 .inner-Box h2 img{  }
  #contents00 .inner-Box p.btn{position: absolute;top: 38px;left: 80px;}
  #contents00 .inner-Box p.btn img{  }
  #contents00 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 26px;right: 32px;}
  #contents00 .min-box{position: relative;padding: 24px 68px 0 267px;}
  #contents00 .min-box a{ color: #0F0F0F;}
  #contents00 .min-box .system-date{font-size: 14px;line-height: 1.6;letter-spacing: 1.4px;font-weight: 400;position: absolute;top: 25px;left: 174px;}
  #contents00 .min-box .system-ttl{font-size: 14px;line-height: 1.6;letter-spacing: 1.4px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.backk{background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 191px 0 0;max-width: 1920px;position: relative;margin: 0 auto;}

#contents01 {margin: 0 auto 83px;position: relative;}
#contents01 .inner-Box1 {margin: 0 auto 160px;position: relative;max-width: 1560px;width: 100%;min-width: 1280px;padding: 0 20px;color: #F7F7F7;}
#contents01 .inner-Box1 h2 {margin-bottom: 82px;}
#contents01 .inner-Box1 h2 img{  }
#contents01 figure.photo01 {position: absolute;top: 136px;right: 0;}
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 34px;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 27px;}
#contents01 .inner-Box1 p.text2 {font-size: 16px;line-height: 34px;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 67px;}
#contents01 .inner-Box1 p.btn{padding-top: 77px;}
#contents01 .inner-Box1 p.btn img{  }
#contents01 figure.photo02 { position: relative; top: 0; left: 0; }

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;padding-bottom: 150px;}
#contents02 .inner-Box1 {margin: 0 auto 62px;position: relative;width: 1050px;text-align: center;padding: 169px 0 0;}
#contents02 .inner-Box1 h2 {position: relative;left: 3px;margin-bottom: 5px;}
#contents02 .inner-Box1 h2 img{  }
#contents02 .inner-Box1 p.subtext {font-size: 16px;line-height: 27px;font-weight: 500;letter-spacing: 2.4px;margin-bottom: 30px;}
#contents02 .inner-Box2 {margin: 0 auto 91px;position: relative;width: 1050px;height: 1050px;}
#contents02 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box2 ul li{ position: relative; width: 280px; text-align: center; position: absolute; }
#contents02 .inner-Box2 ul li:nth-child(1){top: 53px;left: 542px;}
#contents02 .inner-Box2 ul li:nth-child(2){top: 297px;left: 758px;}
#contents02 .inner-Box2 ul li:nth-child(3){top: 563px;left: 758px;}
#contents02 .inner-Box2 ul li:nth-child(4){top: 793px;left: 542px;}
#contents02 .inner-Box2 ul li:nth-child(5){top: 793px;left: 229px;}
#contents02 .inner-Box2 ul li:nth-child(6){top: 563px;left: 13px;}
#contents02 .inner-Box2 ul li:nth-child(7){top: 297px;left: 12px;}
#contents02 .inner-Box2 ul li:nth-child(8){top: 53px;left: 229px;}
#contents02 .inner-Box2 span.no {display: block;line-height: 1;margin-bottom: 14px;}
#contents02 .inner-Box2 h3{font-size: 32px;line-height: 41px;font-weight: 600;letter-spacing: 1.6px;margin-bottom: 10px;}
#contents02 .inner-Box2 h3 span{  }
#contents02 .inner-Box2 p.litext {font-size: 16px;line-height: 26px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents02 .inner-Box2 figure.img {position: absolute;top: 399px;left: 453px;}
#contents02 p.btn{text-align: center;}
#contents02 p.btn img{  }

#contents03 {margin: 0 auto 200px;position: relative;max-width: 1465px;width: 100%;padding: 180px 45px 0 45px;min-width: 1280px;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .inner-Box h2{font-size: 32px;line-height: 1.6;font-weight: 700;letter-spacing: 4.8px;margin-bottom: -10px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box span.dl {display: block;line-height: 1;position: absolute;bottom: 10px;right: 0;}
#contents03 .inner-Box p.btn{text-align: center;}
#contents03 .inner-Box p.btn img{  }

#case .system-list{padding: 40px 0 31px;}
#case .system-list li{ position: relative; margin-bottom: 50px;}
#case .system-list li .photobox{position: relative;margin-bottom: 26px;}

#case .system-pic{ width: 912px; height: 684px; overflow: hidden; text-align: center; }
#case .system-pic img{ width: 912px; height: 684px; }
#case .system-pic2{ width: 441px;height: 331px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 0;}
#case .system-pic2 img{ width: 441px;height: 331px; }
#case .system-pic3{ width: 441px;height: 331px; overflow: hidden; text-align: center; position: absolute; bottom: 0; right: 0;}
#case .system-pic3 img{ width: 441px;height: 331px; }
#case .system-ttl-01{font-size: 32px;margin-bottom: 5px;line-height: 1.4;letter-spacing: 4.8px;font-weight: 400;}
#case .system-date{font-size: 16px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0.8px;}

#case .system-list li a:hover{ text-decoration: none; }
#case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case .system-list .btn::after { content: ' >';}

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;padding: 112px 0 164px;}
#contents04 h2 {text-align: center;margin-bottom: 72px;}
#contents04 h2 img{  }
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 1412px;}
#contents04 .inner-Box h3 {position: sticky;top: 0;left: 0;padding-left: 17px;}
#contents04 .inner-Box h3 img{  }
#contents04 .inBox {margin: 0 auto;position: absolute;top: 0;right: 0;width: 880px;}
#contents04 .inBox ul{}
#contents04 .inBox ul li{position: relative;background: #0F0F0F;padding: 1px;margin-bottom: 41px;}
#contents04 .inBox ul li div{background: #F7F7F7;border-radius: 12px;position: relative;padding: 71px 74px 74px 189px;}
#contents04 .inBox span.no {display: block;line-height: 1;position: absolute;top: 29px;left: 56px;}
#contents04 .inBox p.intext span{font-size: 18px;line-height: 1.6;font-weight: 400;letter-spacing: 0.9px;display: block;margin-bottom: 3px;}
#contents04 .inBox p.intext {font-size: 32px;line-height: 44px;font-weight: 500;letter-spacing: 1.6px;}
#contents04 p.btn{text-align: center;padding-top: 86px;}
#contents04 p.btn img{  }

#contents05 { margin: 0 auto; position: relative; background: url('../images/index/contents05-back01.png')no-repeat top center; }
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1560px;padding: 170px 80px 156px 80px;}
#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;}
#contents05 .inner-Box ul li {width: 640px;margin-bottom: 60px;}
#contents05 .inner-Box ul li:nth-child(2) {margin-left: 120px;}
#contents05 .inner-Box ul li:nth-child(3) {width: 900px;left: 50%;position: relative;margin-left: -450px;}
#contents05 .inner-Box ul li figure{margin-bottom: 10px;}
#contents05 .inner-Box p.text { color: #fff; font-size: 16px; line-height: 30px; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; }

#contents06 {margin: 0 auto;position: relative;width: 1100px;padding: 133px 0 139px;}
#contents06 .inner-Box { margin: 0 auto; position: relative; }
#contents06 .inBox1 {position: relative;width: 530px;float: left;}
#contents06 .inBox1 h2 {margin-bottom: 49px;}
#contents06 .inBox1 h2 img{  }
#contents06 .inBox1 p.btn{text-align: right;position: relative;top: -20px;}
#contents06 .inBox1 p.btn img{  }
#contents06 .inBox2 {position: relative;width: 500px;float: left;margin-left: 60px;}
#contents06 .inBox2 h2 {margin-bottom: 28px;padding-left: 9px;}
#contents06 .inBox2 h2 img{  }
#contents06 .inBox2 p.btn{text-align: right;position: relative;top: 10px;right: -10px;}
#contents06 .inBox2 p.btn img{  }

#event-list .inner { width: 1100px; margin: 0 auto; }
#event .form-Box{ width: 100%; }
#event .system-list {margin-bottom: 0px;}
#event .system-list li {line-height: 1.4;position: relative;border-bottom: 1px dotted #000;margin-bottom: 40px;padding-bottom: 21px;}
#event .system-list li a:hover { text-decoration: none; }
#event .system-list li:nth-child(2){ border-bottom: none; }
#event .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; padding: 3%; }
#event .system-list .btn::after { content: ' >'; }
#event .system-pic {width: 248px;height: 186px;overflow: hidden;text-align: center;margin-bottom: 20px;float: left;margin-right: 20px;}
#event .system-pic img {width: 248px;height: 186px;}
#event .system-txt {font-size: 14px;margin-bottom: 4px;line-height: 1.4;color: #3e3a39;letter-spacing: 0.7px;}
#event .system-txt  span:nth-child(1)::before {}
#event .system-txt  span:nth-child(2)::before { content: "～ "; }
#event .system-ttl-01 { font-size: 16px; font-weight: 600; line-height: 2; color: #3e3a39; margin-bottom: 30px; letter-spacing: 0.8px; }
#event .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#event .system-information{ width: 262px; float: left; }

#blog .system-list { margin-bottom: 50px; }
#blog .system-list li {overflow: hidden;line-height: 1.4;margin-bottom: 0px;padding: 20px 0px 0px 10px;position: relative;}
#blog .system-list li a:hover { text-decoration: none; }
#blog .system-list .system-pic {text-align: center;overflow: hidden;width: 184px;height: 138px;float: left;}
#blog .system-list .system-pic img {width: 184px;height: 138px;}
#blog .system-list .system-date {margin-bottom: 10px;font-size: 0.938em;line-height: 1.4;margin-top: 8px;font-size: 14px;}
#blog .system-list .system-date::before {}
#blog .system-list .system-ttl-01 {font-size: 16px;line-height: 1.6;margin-bottom: 10px;}
#blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#blog .system-list .system-information{width: 277px;float: left;margin-left: 19px;}

#blog .system-list .system-category{ background: #403D6A; display: inline-block;padding: 2px 19px;color: #fff;font-size: 14px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;padding-top: 3px;}
#blog .system-list .system-category p{ display: inline-block; }

#contents07 { margin: 0 auto; position: relative; background: url('../images/index/contents07-back01.png')no-repeat top center; }
#contents07 .inner-Box {margin: 0 auto 96px;position: relative;max-width: 1530px;color: #fff;width: 100%;min-width: 1280px;padding: 373px 50px 0 50px;}
#contents07 .inner-Box h2 {position: absolute;top: 172px;left: -52px;z-index: 4;}
#contents07 .inner-Box h2 img{  }
#contents07 .inner-Box h3 {margin-bottom: 73px;}
#contents07 .inner-Box h3 img{  }
#contents07 .inner-Box figure.photo01 {position: absolute;top: 224px;left: 50%;margin-left: 107px;}
#contents07 .inner-Box p.text {font-size: 16px;line-height: 34px;font-weight: 500;letter-spacing: 3.2px;margin-bottom: 26px;width: 656px;}
#contents07 .inner-Box figure.photo02 {position: absolute;top: 649px;left: 50%;margin-left: 472px;}
#contents07 .inner-Box2 {margin: 0 auto;position: relative;padding-bottom: 200px;}
#contents07 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 694px;margin: 0 auto;}
#contents07 .inner-Box2 ul li {  }
#contents07 .inner-Box2 ul li:nth-child(2) {margin-right: 0px;position: relative;right: -54px;}
#contents07 .inner-Box2 ul li figure{  }



}
@media screen and (min-width:768px) and ( max-width:1910px) {

#contentsmain .inner-Box h2 {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}

#contents01 figure.photo01 {position: absolute;top: 136px;right: 0;width: 45.57vw;}
#contents01 figure.photo01 img{ width: 100%; height: auto; }
#contents01 figure.photo02 {width: 90.45vw;}
#contents01 figure.photo02 img{ width: 100%; height: auto; }

#contents05 .inner-Box ul li {width: 44%;margin-bottom: 60px;}
#contents05 .inner-Box ul li:nth-child(2) {margin-left: 12%;}
#contents05 .inner-Box ul li:nth-child(1) img,#contents05 .inner-Box ul li:nth-child(2) img{ width: 100%; height: auto; }
}
@media screen and (min-width:768px) and ( max-width:1455px) {

#contents03 .inner-Box { width: 1100px; }
#case .system-pic{ width: 730px; height: 547px; }
#case .system-pic img{ width: 730px; height: 547px; }
#case .system-pic2{width: 352px;height: 267px;}
#case .system-pic2 img{width: 352px;height: 267px;}
#case .system-pic3{ width: 352px;height: 267px; }
#case .system-pic3 img{ width: 352px;height: 267px; }

#contents05 { background: url('../images/index/contents05-back01.png')no-repeat top center; background-size: cover; }



#contents07 { background: url('../images/index/contents07-back01.png')no-repeat top center; background-size: cover; }
#contents07 .inner-Box h2 {left: 28px;}
#contents07 .inner-Box figure.photo01 {margin-left: -3px;}
#contents07 .inner-Box figure.photo02 {margin-left: 172px;}
#contents07 .inner-Box p.text {width: 556px;}

}

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

  header{position: absolute;top: 0;z-index: 13;width: 100%;}
.side-fix{display: none!important;}

  #contentsmain {position: relative;background: #fff;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box h2 {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
  #contentsmain .inner-Box figure img{ width: 100%; height: auto; }
  #contentsmain .inner-Box figure.main-movie { margin: 0; }
  #contentsmain .inner-Box figure.main-movie video{ display: block; width: 100%; max-width: 1920px; height: auto; margin: 0 auto; aspect-ratio: 848 / 1508;
  /* background: url('../movie/sp-poster.webp')no-repeat top center; background-size: cover; */
  }
  
  #contentsmain .slick-dots {position: absolute;bottom: 16.3vw;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
  #contentsmain .slick-dots li {position: relative;display: inline-block;margin: 0 1.2vw;padding: 0;cursor: pointer;height: 1.93vw;width: 1.93vw;}
  #contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;height: 1.93vw;width: 1.93vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #202C3A;padding: 0;}
  #contentsmain .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  #contentsmain .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  #contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 1.4vw;line-height:1.6;position: absolute;top: 0;left: 0;height: 1.93vw;width: 1.93vw;content: '';text-align: center;opacity: .25;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  #contentsmain .slick-dots li.slick-active button:before {opacity: 1;color: black;background: #fff;}
  
  
  #contents00 {height: 34vw;background: #F7F7F7;margin: 0 4vw -49vw 4vw;position: relative;box-shadow: 0.0vw 7.2vw 14.5vw #00000033;top: -4.4vw;padding: 3.8vw 1.8vw 0vw;z-index: 4;}
  #contents00 .inner-Box {margin: 0 4vw;position: relative;padding-top: 11.7vw;}
  #contents00 .inner-Box h2 {position: absolute;top: 0.5vw;left: -0.9vw;width: 23.1vw;}
  #contents00 .inner-Box h2 img{  }
  #contents00 .inner-Box p.btn{position: absolute;top: 2.7vw;right: -0.8vw;width: 13.8vw;}
  #contents00 .inner-Box p.btn img{  }
  #contents00 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 2.5vw;right: -0.7vw;width: 3.1vw;}
  #contents00 .min-box{position: relative;padding-left: 22vw;padding-right: 4vw;}
  #contents00 .min-box a{ color: #0F0F0F;}
  #contents00 .min-box .system-date{font-size: 3.86vw;line-height: 1.6;letter-spacing: 0.19vw;font-weight: 400;position: absolute;top: -0.3vw;left: -0.9vw;}
  #contents00 .min-box .system-ttl{font-size: 4.34vw;line-height: 5.79vw;letter-spacing: 0.21vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  
  .backk{background: url('../images/index/sp-contents01-back01.png') no-repeat top center;background-size: 100% 100%;padding: 55.5vw 0 0;}
  
  #contents01 {margin: 0 8.3vw 16.7vw;position: relative;}
  #contents01 .inner-Box1 {margin: 0 auto 17.7vw;position: relative;max-width: 100%;color: #F7F7F7;}
  #contents01 .inner-Box1 h2 {margin: 0 -0.8vw 12.1vw 1.3vw;}
  #contents01 .inner-Box1 h2 img{  }
  #contents01 figure.photo01 {position: relative;margin-bottom: 10.6vw;}
  #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.77vw;margin-bottom: 8vw;}
  #contents01 .inner-Box1 p.text2 {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.77vw;margin-bottom: 17.7vw;}
  #contents01 .inner-Box1 p.btn{padding-top: 7.3vw;}
  #contents01 .inner-Box1 p.btn img{  }
  #contents01 figure.photo02 { position: relative; top: 0; left: 0; }
  
  #contents02 {margin: 0 4vw;position: relative;padding-bottom: 26.5vw;}
  #contents02 .inner-Box1 {margin: 0 auto 2.8vw;position: relative;text-align: center;padding:  0 0;}
  #contents02 .inner-Box1 h2 {position: relative;margin: 0 3.9vw 1.2vw;}
  #contents02 .inner-Box1 h2 img{  }
  #contents02 .inner-Box1 p.subtext {font-size: 4.34vw;line-height: 6.52vw;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 3.2vw;}
  #contents02 .inner-Box2 {margin: 0 auto 7.7vw;position: relative;}
  #contents02 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1.4vw;}
  #contents02 .inner-Box2 ul li{width: 50%;position: relative;text-align: center;padding: 12.24vw 2vw 3.44vw 0vw;}
  #contents02 .inner-Box2 ul li::before{content: "";background: #000;width: 1px;height: 57.97vw;position: absolute;right: 0vw;top: 6.6vw;}
  #contents02 .inner-Box2 ul li:nth-child(2n)::before{width: 91.78vw;height: 1px;position: absolute;left: -46vw;bottom: 0vw;top: auto;}
  #contents02 .inner-Box2 ul li:nth-child(8)::before{content: none;}
  #contents02 .inner-Box2 ul li:nth-child(2n){width: 50%;position: relative;text-align: center;padding: 12.24vw 2vw 0.24vw 4vw;}

  #contents02 .inner-Box2 h3{font-size: 5.79vw;line-height: 7.48vw;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 4.3vw;}
  #contents02 .inner-Box2 span.no img{ width: auto; height: 6vw;}
  #contents02 .inner-Box2 span.no {display: block;line-height: 1;margin-bottom: 5vw;}
  #contents02 .inner-Box2 h3 span{  }
  #contents02 .inner-Box2 p.litext {font-size: 4.1vw;line-height: 6.28vw;font-weight: 400;letter-spacing: 0.12vw;margin: 0 2.1vw 7.2vw;}
  #contents02 .inner-Box2 ul li:nth-child(2n) p.litext {margin: 0 0.1vw 7.2vw;}
  #contents02 .inner-Box2 figure.img {position: relative;margin: 0vw 35.5vw 0vw 36.2vw;}
  #contents02 p.btn{text-align: center;margin: 0 4.2vw;}
  #contents02 p.btn img{  }
  
  #contents03 {margin: 0 auto 24.1vw;position: relative;max-width: 100%;padding: 17.1vw 4.2vw 0;min-}
  #contents03 .inner-Box {position: relative;}
  #contents03 .inner-Box h2{ margin: 0 23.9vw; }
  #contents03 .inner-Box h2 span{  }
  #contents03 .inner-Box span.dl {display: block;line-height: 1;position: relative;width: 46.1vw;margin: 0 4.1vw 0 auto;}
  #contents03 .inner-Box p.btn{text-align: center;margin: 0 4vw;}
  #contents03 .inner-Box p.btn img{  }
  
  #case .system-list{padding: 9.7vw 0 7.5vw;}
  #case .system-list li{position: relative;margin-bottom: 6.9vw;}
  #case .system-list li .photobox{position: relative;margin-bottom: 5.1vw;height: 104.3vw;}
  
  #case .system-pic{height: 68.8vw;width: 100%;overflow: hidden;text-align: center;}
  #case .system-pic img{height: 68.8vw;}
  #case .system-pic2{height: 33.8vw;overflow: hidden;text-align: center;position: absolute;bottom: 0vw;left: 0;width: 45.1vw;}
  #case .system-pic2 img{height: 33.8vw;width: 45.1vw;}
  #case .system-pic3{height: 33.8vw;overflow: hidden;text-align: center;position: absolute;bottom: 0vw;right: 0;width: 45.1vw;}
  #case .system-pic3 img{height: 33.8vw;width: 45.1vw;}
  #case .system-ttl-01{font-size: 6.28vw;margin-bottom: 1.2vw;line-height: 1.4;letter-spacing: 0.94vw;font-weight: 400;padding: 0 4.1vw;}
  #case .system-date{font-size: 3.86vw;margin-bottom: 5.3vw;line-height: 1.4;letter-spacing: 0.19vw;padding: 0vw 4vw;}
  
  #case .system-list li a:hover{ text-decoration: none; }
  #case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #case .system-list .btn::after { content: ' >';}
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png') no-repeat top center;background-size: 100% auto;padding: 15.7vw 0 29.3vw;}
  #contents04 h2 {text-align: center;margin: 0 14.5vw -3.9vw;}
  #contents04 h2 img{  }
  #contents04 .inner-Box {margin: 0 0vw;position: relative;height: 477.9vw;}
  #contents04 .inner-Box h3 {position: sticky;top: 0;left: 0;width: 12.7vw;}
  #contents04 .inner-Box h3 img{  }
  #contents04 .inBox {margin: 0 4vw 0 12.3vw;position: absolute;top: 0;right: 0;padding-top: 16vw;}
  #contents04 .inBox ul{}
  #contents04 .inBox ul li{position: relative;background: #0F0F0F;padding: 0.2vw;margin-bottom: 7.4vw;text-align: center;}
  #contents04 .inBox ul li div{background: #F7F7F7;border-radius: 2.9vw;position: relative;padding: 7.2vw 7.2vw 15.2vw 7.2vw;}
  #contents04 .inBox span.no {display: block;line-height: 1;position: relative;margin-bottom: 8vw;}
  #contents04 .inBox p.intext span{font-size: 4.83vw;line-height: 6.52vw;font-weight: 400;letter-spacing: 0.24vw;display: block;margin-bottom: 3.7vw;}
  #contents04 .inBox p.intext {font-size: 7vw;line-height: 8.69vw;font-weight: 500;letter-spacing: 0.35vw;}
  #contents04 p.btn{text-align: center;padding-top: 20.8vw;margin: 0 4vw;}
  #contents04 p.btn img{  }
  
  #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 20.1vw;}
  #contents05 .inner-Box {margin: 0 4vw;position: relative;padding: 19vw 0 0;}
  #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;}
  #contents05 .inner-Box ul li {margin-bottom: 21.7vw;}
  #contents05 .inner-Box ul li:nth-child(2) {}
  #contents05 .inner-Box ul li:nth-child(3) { margin: 0 4.2vw; position: relative; top: -1vw; }
  #contents05 .inner-Box ul li figure{margin-bottom: 2.5vw;}
  #contents05 .inner-Box p.text {color: #fff;font-size: 3.86vw;line-height: 6.52vw;font-weight: 500;letter-spacing: 0.19vw;margin: 0 4.3vw 10.3vw;}
#contents05 .inner-Box span.arr{margin: 0 4.3vw;}
  
  #contents06 {margin: 0 4vw;position: relative;padding: 20.1vw 0 24vw;}
  #contents06 .inner-Box {position: relative;}
  #contents06 .inBox1 {position: relative;margin-bottom: 19.9vw;}
  #contents06 .inBox1 h2 {margin: 0 14.5vw 7.8vw 16.7vw;}
  #contents06 .inBox1 h2 img{  }
  #contents06 .inBox1 p.btn{text-align: right;position: relative;top: -4.8vw;margin: 0 4.3vw;}
  #contents06 .inBox1 p.btn img{  }
  #contents06 .inBox2 {position: relative;}
  #contents06 .inBox2 h2 {margin: 0 8.2vw 7.8vw 8.9vw;}
  #contents06 .inBox2 h2 img{  }
  #contents06 .inBox2 p.btn{text-align: right;position: relative;top: -4.8vw;margin: 0 4.3vw;}
  #contents06 .inBox2 p.btn img{  }
  
  #event-list .inner {  margin: 0 4vw; }
  #event .form-Box{ width: 100%; }
  #event .system-list {margin-bottom: 15.8vw;}
  #event .system-list li {line-height: 1.4;position: relative;border-bottom: 1px dotted #000;margin-bottom: 8vw;padding-bottom: 2.1vw;}
  #event .system-list li a:hover { text-decoration: none; }
  #event .system-list li:nth-child(2){ border-bottom: none; }
  #event .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 4.8vw; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; padding: 3%; }
  #event .system-list .btn::after { content: ' >'; }
  #event .system-pic {height: 24.8vw;overflow: hidden;text-align: center;margin-bottom: 4.8vw;margin-right: 3.8vw;width: 32.8vw;float: left;}
  #event .system-pic img {height: 24.8vw;width: 100%;}
  #event .system-txt {font-size: 3.86vw;margin-bottom: 2vw;line-height: 1.4;color: #3e3a39;letter-spacing: 0.19vw;}
  #event .system-txt  span:nth-child(1)::before {}
  #event .system-txt  span:nth-child(2)::before { content: "～ "; }
  #event .system-ttl-01 {font-size: 4.34vw;font-weight: 600;line-height: 7.24vw;color: #3e3a39;margin-bottom: 3.2vw;letter-spacing: 0.21vw;}
  #event .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
  #event .system-information{width: 55vw;float: left;}
  
  #blog .system-list { margin-bottom: 12.1vw; }
  #blog .system-list li {overflow: hidden;line-height: 1.4;margin-bottom: 3.1vw;position: relative;}
  #blog .system-list li a:hover { text-decoration: none; }
  #blog .system-pic {height: 21.5vw;overflow: hidden;text-align: center;margin-bottom: 4.8vw;margin-right: 3.8vw;width: 28.8vw;float: left;}
  #blog .system-pic img {height: 21.5vw;width: 100%;}
  #blog .system-list .system-date {margin-bottom: 1.6vw;font-size: 0.938em;line-height: 1.4;margin-top: 1.6vw;font-size: 3.4vw;}
  #blog .system-list .system-date::before {}
  #blog .system-list .system-ttl-01 {font-size: 3.86vw;line-height: 6.76vw;margin-bottom: 2.4vw;letter-spacing: 0.2vw;}
  #blog .system-list .system-ttl-01 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
  
  #blog .system-information{width: 55vw;float: left;}

  #blog .system-list .system-category{ background: #403D6A; display: inline-block;padding: 0.5vw 4.6vw;color: #fff;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;padding-top: 0.7vw;}
  #blog .system-list .system-category p{ display: inline-block; }
  
  #contents07 {position: relative;background: url('../images/index/sp-contents07-back01.png') no-repeat top center;background-size: 100% auto;padding: 16.8vw 0 0;}
  #contents07 .inner-Box {margin: 0 auto 9.2vw;position: relative;color: #fff;width: 100%;}
  #contents07 .inner-Box h2 {position: absolute;top: -13.2vw;left: 0vw;z-index: 2;width: 10.9vw;}
  #contents07 .inner-Box h2 img{  }
  #contents07 .inner-Box h3 {margin: 0 3.5vw 11.8vw 7.8vw;position: relative;z-index: 3;}
  #contents07 .inner-Box h3 img{  }
  #contents07 .inner-Box figure.photo01 {position: relative;margin: 0 12.8vw 7.3vw 13.3vw;}
  #contents07 .inner-Box p.text {font-size: 3.86vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.35vw;margin: 0 13.3vw 6.3vw;}
  #contents07 .inner-Box figure.photo02 {position: relative;margin: 9vw 18.2vw 0 18.8vw;}
  #contents07 .inner-Box2 {margin: 0 4vw;position: relative;padding-bottom: 14.6vw;}
  #contents07 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 7.6vw;}
  #contents07 .inner-Box2 ul li {margin-bottom: 1vw;}
  #contents07 .inner-Box2 ul li:nth-child(2) {margin-right: 0.0vw;position: relative;}
  #contents07 .inner-Box2 ul li figure{ margin-bottom: 4vw; }
  


}