@charset "UTF-8";


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

  header{ background: #F7F8F8; }
  #g-nav{margin-bottom: 150px;}
  #contentsmain {margin: 0 auto -159px;position: relative;background: #F7F8F8;padding-left: 80px;top: -55px;padding-bottom: 86px;}
  #contentsmain .inner-Box { margin: 0 auto; position: relative; }
  #contentsmain .inner-Box h1 {position: absolute;bottom: 127px;left: 133px;z-index: 3;}
  #contentsmain .inner-Box h1 span{  }
  #contentsmain .inner-Box h1 img {  }
  #contentsmain .inner-Box ul.main-slide {}
  #contentsmain .inner-Box ul li { position: relative; }
  #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
  #contentsmain .inner-Box figure.photo { }
  #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
  #contentsmain .inner-Box span.scl {display: block;line-height: 1;position: absolute;bottom: -8px;right: 52px;}
  #contentsmain .inner-Box span.scl img {  }
  #contentsmain .prev-arrow{position: absolute;bottom: 70px;left: -80px;}
  #contentsmain .next-arrow{position: absolute;bottom: 17px;left: -80px;}
  #contentsmain #pro-bar {position: absolute;top: 0;left: -38px;width: 1px;height: 460px;background: transparent;overflow: hidden;}
  #contentsmain #pro-bar .bar-fill { display: block; width: 100%; height: 0; background: #000; }
  #contentsmain #pro-bar .bar-fill.animating { animation: slidebar 4.5s linear forwards; }
  
  @keyframes slidebar { 0% {height: 0;} 100% {height: 460px;} }


  #event{margin: -30px 0 220px;}
  #event .inner-Box{width: 1200px;margin: 0 auto;}
  #event .inner-Box h2{font-size: 80px;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 16px;}
  #event .system-list{margin-bottom: 34px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #event .system-list li{position: relative;line-height: 1.4;width: 30%;margin-right: 5%;position: relative;margin-bottom: 20px;}
  #event .system-list li:nth-child(3n){ margin-right: 0}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list li .system-pic{width: 100%;height: 360px;overflow: hidden;text-align: center;margin-bottom: 30px;}
  #event .system-list li .system-pic img{width: 100%;height: 360px;}
  #event .system-list li .system-date{font-size: 13px;margin-bottom: 8px;line-height: 1.4;position: relative;padding: 0 0 0 52px;}
  #event .system-list li .system-date .date-ttl{position: absolute;top: 2px;left: 0;border-right: #919191 1px solid;width: 42px;color: #919191;line-height: 1;}
  #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: bold;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 23px;}
  #event .system-list li .text-box{padding: 0px 0px 20px;}
  
  #event .icon{display: inline-block;padding: 0 21px;margin-bottom: 13px;}
  
  #contents01 {margin: 0 auto 126px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding-bottom: 70px;}
  #contents01 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents01-back02.png')repeat-x bottom center;height: 1167px;animation: slide-left 60s linear infinite;}
  #contents01 .inner-Box h2 {font-size: 158px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 0px;position: absolute;top: -88px;right: 178px;}
  #contents01 .inner-Box h3 {font-size: 69px;line-height: 1.38;font-weight: 500;letter-spacing: 1.1px;margin-bottom: 0px;position: absolute;top: 140px;left: 50%;margin-left: -770px;}
  #contents01 .inner-Box figure.photo {position: absolute;top: 155px;left: 50%;margin-left: 60px;}
  #contents01 .inner-Box figure.photo img{  }
  #contents01 .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: absolute;top: 352px;left: 50%;margin-left: -757px;}
  #contents01 .morebtn{position: absolute;top: 630px;left: 50%;margin-left: -757px;}
  @keyframes slide-left {
    0% {background-position: 0 bottom;}
    100% {background-position: -3207px bottom;}
  }

  #contents02 {margin: 0 auto 144px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;width: 1200px;height: 500px;padding-top: 84px;}
  #contents02 .inner-Box {margin: 0 auto 0 72px;position: relative;background: #FFE600;width: 634px;height: 318px;border-radius: 22px;padding: 47px 51px;}
  #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -10px;left: 50px;}
  #contents02 .inner-Box span.icon img {  }
  #contents02 .inner-Box h2 {margin-bottom: 20px;}
  #contents02 .inner-Box h2 span{  }
  #contents02 .inner-Box h2 img {  }
  #contents02 .inner-Box p.text {font-size: 15px;line-height: 2.13;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
  #contents02 figure.img {position: absolute;top: 81px;right: 40px;}
  #contents02 figure.img img{  }
  #contents02 .morebtn{position: absolute;bottom: 37px;right: 50px;}

  #contents03 {margin: 0 auto 190px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding: 80px 0;}
  #contents03 h2 {font-size: 44px;line-height: 1.38;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 0px;position: relative;color: #6E6E6E;transform: rotate(90deg);transform-origin: center;display: block;position: absolute;top: 318px;left: -100px;}
  #contents03 .inner-Box {margin: 0 auto;position: relative;background: #F7F8F8;max-width: 1412px;}
  #contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0px 42px;}
  #contents03 .inner-Box ul li {position: relative;height: 725px;width: 33.33333%;border-right: #DBDFDF 1px solid;}
  #contents03 .inner-Box ul li:nth-child(3n) {margin-right: 0px;border-right: 0;}
  #contents03 .inner-Box ul li a {display: block;padding: 92px 0px;width: 357px;margin: 0 auto;}
  #contents03 .inner-Box ul li a:hover {  }
  #contents03 .inner-Box h3 {margin-bottom: 14px;}
  #contents03 .inner-Box h3 span{  }
  #contents03 .inner-Box h3 img {  }
  #contents03 .inner-Box p.litext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 23px;position: relative;min-height: 89px;}
  #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;margin-bottom: 50px;}
  #contents03 .inner-Box figure.photo img{display: block;transition: transform 0.4s ease;transform: scale(1);transform-origin: center center;}
  #contents03 .inner-Box p.more {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.7px;margin: 0 0 30px auto;position: relative;width: 133px;height: 38px;border-radius: 19px;background: #202020;border: #202020 1px solid;color: #fff;padding: 4px 7px 7px 27px;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box p.more .arr{position: relative;top: -11px;right: -3px;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box a:hover{ text-decoration: none;}
  #contents03 .inner-Box a:hover figure.photo img{transform: scale(1.05);}
  #contents03 .inner-Box a:hover p.more{ background: #fff; color: #202020; }
  #contents03 .inner-Box a:hover p.more .arr{ right: -10px;  -webkit-filter: brightness(0); filter: brightness(0);}
  
  
  #gallery {margin: 0 auto 116px;position: relative;width: 1280px;}
  #gallery .inner-Box {margin: 0 auto;position: relative;padding-right: 40px;padding-left: 400px;}
  #gallery .inner-Box h2 {position: absolute;top: 0;left: 0;}
  #gallery .inner-Box h2 span{  }
  #gallery .inner-Box h2 img {  }
  #gallery .system-list{margin-bottom: 50px;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;top: -10px;position: relative;}
  #gallery .system-list li{line-height: 1.4;width: 28.6%;margin-right: 7.1%;background: #fff;position: relative;margin-bottom: 52px;}
  #gallery .system-list li:nth-child(3n){ margin-right: 0}
  #gallery .system-list li a:hover{ text-decoration: none; }
  #gallery .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #gallery .system-list .btn::after { content: ' >';}
  #gallery .system-pic{width: 100%;height: 180px;overflow: hidden;text-align: center;margin-bottom: 9px;}
  #gallery .system-pic img{width: 100%;height: 180px;}
  #gallery .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
  #gallery .system-ttl-01{font-size: 15px;margin-bottom: 10px;font-weight: 500;line-height: 1.73;letter-spacing: 0.75px;}
  #gallery .morebtn2{position: absolute;top: 203px;left: 0;}
  #gallery .morebtn2 a{border-radius: 82px;width: 333px;height: 54px;padding: 11px;font-size: 15px;padding-right: 58px;}
  #gallery .morebtn2 a .arr{right: 31px;top: 3px;}  

  #voice {margin: 0 auto 222px;position: relative;max-width: 1510px;background: #EBEBDE;padding: 0 20px;}
  #voice .inner-Box {margin: 0 auto;position: relative;}
  #voice .inner-Box h2{text-align: center;position: relative;top: -73px;left: -64px;margin-bottom: -24px;}
  #voice .system-list{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;position: relative;max-width: 1300px;margin: 0 auto;}
  
  #voice .system-list li{line-height: 1.4;width: 32.3%;margin-right: 1.5%;position: relative;margin-bottom: 32px;background: #fff;box-shadow: 0px 0px 20px #00000029;border-top: #BF9C28 4px solid;}
  #voice .system-list li:nth-child(3n){ margin-right: 0}
  #voice .system-list li a{display: block;padding: 36px 40px 47px 40px;}
  #voice .system-list li a:hover{ text-decoration: none; }
  #voice .system-list li .longicon{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
  #voice .system-list li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;}
  #voice .system-list li .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  #voice .system-pic{width: 100%;height: 240px;overflow: hidden;text-align: center;margin-bottom: 15px;margin-bottom: 20px;}
  #voice .system-pic img{ width: 100%; height: 240px; }
  #voice .system-pic { width: 100%; aspect-ratio: 17 / 12; 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: 4px;line-height: 1.4;}
  #voice .morebtn{position: relative;top: 30px;}
  
  #contents04 {margin: 0 auto 5px;position: relative;max-width: 1920px;}
  #contents04 .inner-Box1 {margin: 0 auto;position: relative;height: 927px;}
  #contents04 .inner-Box1 h2 {position: absolute;top: -31px;left: 50%;margin-left: 52px;}
  #contents04 .inner-Box1 h2 span{  }
  #contents04 .inner-Box1 h2 img {  }
  #contents04 .inner-Box1 figure.img01 {position: absolute;top: 483px;left: 50%;margin-left: 411px;}
  #contents04 .inner-Box1 figure.img01 img{  }
  #contents04 .inner-Box1 figure.photo01 { position: absolute; top: 0; left: 0; }
  #contents04 .inner-Box1 figure.photo01 img{  }
  #contents04 .inner-Box1 p.text {font-size: 15px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: absolute;width: 430px;top: 448px;left: 50%;margin-left: 70px;z-index: 6;}
  #contents04 .inner-Box1 p.btn {position: absolute;top: 646px;left: 50%;margin-left: 70px;}
  #contents04 .inner-Box1 p.btn img {  }
  #contents04 .inner-Box2 {margin: 0 auto;position: relative;height: 1080px;}
  #contents04 .inner-Box2 h2 {position: absolute;top: 0;left: 50%;margin-left: -632px;}
  #contents04 .inner-Box2 h2 span{  }
  #contents04 .inner-Box2 h2 img {  }
  #contents04 .inner-Box2 figure.photo {position: absolute;top: 0;left: 50%;}
  #contents04 .inner-Box2 figure.photo img{  }
  #contents04 .inner-Box2 p.text { font-size: 15px; line-height: 2; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: absolute; width: 540px; top: 468px; left: 50%; margin-left: -551px; z-index: 6; }
  #contents04 .inner-Box2 p.btn {position: absolute;top: 668px;left: 50%;margin-left: -550px;}
  #contents04 .inner-Box2 p.btn img {  }

  #contents05 {margin: 0 auto 141px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding: 73px 30px;}
  #contents05 .inner-Box {margin: 0 auto;position: relative;background: #fff;max-width: 1500px;padding: 95px 35px 84px 35px;height: 543px;}
  #contents05 .inBox{width: 1150px;margin: 0 auto;}  
  #contents05 h2{font-size: 36px;letter-spacing: 0;border-bottom: #CCCCCC 1px solid;padding: 0px 24px 11px;margin-bottom: 61px;}

  #contents05 #news{width: 550px;float: left;position: relative;}
  #news .system-list{padding: 1px;margin-bottom: 50px;}
  #news .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 44px;border-bottom: 1px solid #CCCCCC;padding: 0 0 20px;position: relative;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list .system-date{font-size: 13px;line-height: 1.4;color: #808080;position: absolute;top: 4px;left: 31px;}
  #news .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;display: block;width: 100%;padding: 0 0 0 112px;}
  
  #contents05 #column{width: 550px;float: right;position: relative;}
  #column .system-list{margin-bottom: 50px;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;margin: -43px 33px 0;}
  #column .system-list li{line-height: 1.4;background: #fff;position: relative;margin-bottom: 20px;}
  #column .system-list li:nth-child(3n){ margin-right: 0}
  #column .system-list li a:hover{ text-decoration: none; }
  #column .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #column .system-list .btn::after { content: ' >';}
  #column .system-pic{width: 130px;height: 80px;overflow: hidden;text-align: center;float: left;}
  #column .system-pic img{width: 100%;height: 80px;}
  #column .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
  #column .system-date::before{}
  #column .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
  #column .system-ttl-01{font-size: 14px;margin-bottom: 10px;font-weight: 500;line-height: 1.4;float: left;width: 341px;margin-left: 10px;position: relative;top: 50%;transform: translateY(-50%);}
  
  #contents05 .morebtn2{position: absolute;top: 8px;right: 0;}
  #contents05 .morebtn2 a{border-radius: 82px;padding: 14px;font-size: 14px;width: 165px;height: 35px;text-align: center;padding: 4px 0 0;}
  #contents05 .morebtn2 a .arr{right: 20px;top: -5px;}  

  #land{margin: 0px auto 158px;background: #F7F8F8;max-width: 1500px;padding-bottom: 100px;}
  #land .inner-Box{width: 1200px;margin: 0 auto;padding: 65px 0 0;}
  #land .inner-Box h2 span{font-size: 35px;letter-spacing: 3.5px;display: block;margin-bottom: -15px;}
  #land .inner-Box h2{font-size: 61px;font-weight: 500;letter-spacing: 12.2px;text-align: center;margin-bottom: 26px;}
  #land .system-list{margin-bottom: 34px;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;width: 1200px;margin: 0 auto;}
  #land .system-list li{position: relative;line-height: 1.4;width: 30%;margin-right: 5%;position: relative;margin-bottom: 27px;}
  #land .system-list li:nth-child(3n){ margin-right: 0}
  #land .system-list li a:hover{ text-decoration: none; }
  #land .system-list li .system-pic{width: 100%;height: 260px;overflow: hidden;text-align: center;margin-bottom: 14px;}
  #land .system-list li .system-pic img{width: 100%;height: 260px;}
  #land .system-list li .system-date{font-size: 13px;margin-bottom: 6px;line-height: 1.4;position: relative;padding: 0 0 0 78px;}
  #land .system-list li .system-date .date-ttl{position: absolute;top: 2px;left: 0;border-right: #919191 1px solid;width: 67px;color: #919191;line-height: 1;}
  #land .system-list li .system-date .start_text{ }
  #land .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
  #land .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
  #land .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
  #land .system-list li .system-ttl-01{font-size: 16px;font-weight: bold;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: -8px;}
  #land .system-list li .text-box{padding: 0px 0px 20px;}
  
#land .system-list li .system-pri{font-size: 20px;margin-bottom: 12px;}
#land .system-list li .system-pri .line{ display: inline-block; border-bottom: #FFE600 2px solid;}
#land .system-list li .system-pri .pri_text{ font-size: 38px; letter-spacing: 0; }


  #land .icon{display: inline-block;padding: 0 21px;margin-bottom: 13px;background: #FFE600;}
  .companybanner{text-align: center;margin-bottom: 170px;}


  #staff {margin: 0 auto 168px;position: relative;background: url(../images/index/contentsstaff-back01.png)no-repeat top center;height: 520px;}
  #staff .inner-Box {margin: 0 auto;position: relative;margin-left: 10.9vw;padding-left: 393px;height: 520px;padding-top: 81px;}
  #staff .inner-Box h2 {text-align: center;font-size: 27px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 0px;position: absolute;top: 110px;left: 98px;}
  #staff .inner-Box h2 span {display: block;font-size: 51px;letter-spacing: 0;margin-bottom: -5px;}
  #staff .inner-Box figure.img {position: absolute;bottom: 0;left: 119px;}
  #staff .inner-Box figure.img img{  }

  #staff .system-list{margin-bottom: 50px;}
  #staff .system-list li{line-height: 1.4;width: 200px;position: relative;margin-bottom: 20px;margin-right: 40px;text-align: center;}
  #staff .system-list li a:hover{ text-decoration: none; }
  
  #staff .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;border-radius: 50%;}
  #staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #staff .system-list li .system-ttl,#staff .system-list li .system-job span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}  
  #staff .system-list li .system-job{font-size: 13px;letter-spacing: 0.52px;margin-bottom: 5px;line-height: 1.4;text-align: center;}
  #staff .system-list li .system-ttl{font-size: 18px;margin-bottom: 30px;letter-spacing: 0.9px;line-height: 1.4;text-align: center;}
  #staff .morebtn{position: absolute;bottom: 70px;left: 50%;margin-left: -315px;}
  
  #staff .prev-arrow{position: absolute;top: 159px;left: -272px;}
  #staff .next-arrow{position: absolute;top: 159px;left: -218px;transform: scale(-1, 1);}

  .seo-txt{background: #CECEC1;padding: 51px 0;}
  .seo-txt h2{text-align: center;font-size: 18px;margin-bottom: 14px;}
  .seo-txt p{width: 1100px;margin: 0 auto;font-size: 13px;line-height: 1.7;letter-spacing: 0.52px;}

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

#contents03 h2{ display: none;}
}

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

#contents04 .inner-Box1 figure.photo01 img{ width: 50vw; }
#contents04 .inner-Box2 figure.photo img{ width: 50vw; }
}

@media screen and (min-width:768px) and ( max-width:1550px) {
	
  #contents01 .inner-Box h2 {font-size: 108px;right: 178px;}
  #contents01 .inner-Box h3 {font-size: 49px;margin-left: -590px;}
  #contents01 .inner-Box p.text {font-size: 16px;margin-left: -577px;top: 290px;width: 550px;}
  #contents01 .morebtn{margin-left: -577px;}




}

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

  header{ background: #F7F8F8; }
  #g-nav{margin-bottom: 36.23vw;}
  #contentsmain {margin: 0 auto 7.4vw;position: relative;background: #F7F8F8;top: 0vw;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box h1 {position: absolute;bottom: 24.68vw;left: 6.53vw;z-index: 3;width: 74.2vw;}
  #contentsmain .inner-Box h1 span{  }
  #contentsmain .inner-Box h1 img {  }
  #contentsmain .inner-Box ul.main-slide {}
  #contentsmain .inner-Box ul li { position: relative; }
  #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contentsmain .inner-Box figure.photo { }
  #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
  #contentsmain .inner-Box span.scl {display: block;line-height: 1;position: absolute;bottom: -3.4vw;right: 6.86vw;width: 3.1vw;}
  #contentsmain .inner-Box span.scl img {  }
  #contentsmain #pro-bar {display: none;}
    

  #event{margin: 0vw 0 26.24vw;}
  #event .inner-Box{}
  #event .inner-Box h2{font-size: 12.08vw;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 3.86vw;}
  #event .system-list{margin-bottom: 12.51vw;}
  #event .system-list li.slick-slide{position: relative;line-height: 1.4;width: 72.46vw;margin-right: 7.62vw;position: relative;margin-bottom: -0.17vw;}
  #event .system-list li:nth-child(3n){}
  #event .system-list li.slick-slide a:hover{ text-decoration: none; }
  #event .system-list li.slick-slide .system-pic{width: 100%;height: 73.96vw;overflow: hidden;text-align: center;margin-bottom: 5.25vw;}
  #event .system-list li.slick-slide .system-pic img{width: 100%;height: 73.96vw;}
  #event .system-list li.slick-slide .system-date{font-size: 3.14vw;margin-bottom: 1.93vw;line-height: 1.4;position: relative;padding: 0 0 0 12.56vw;}
  #event .system-list li.slick-slide .system-date .date-ttl{position: absolute;top: 0.48vw;left: 0;border-right: #919191 0.24vw solid;color: #919191;line-height: 1;width: 10vw;}
  #event .system-list li.slick-slide .system-date .start_text{ }
  #event .system-list li.slick-slide .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
  #event .system-list li.slick-slide .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li.slick-slide .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li.slick-slide .system-ttl-01{font-size: 3.86vw;font-weight: bold;letter-spacing: 0.19vw;line-height: 1.63;margin-bottom: 5.56vw;}
  #event .system-list li.slick-slide .text-box{padding: 0.0vw 0.0vw 4.83vw;}
  
  #event .icon{display: inline-block;padding: 0 5.57vw;margin-bottom: 3.14vw;}
  
  #contents01 {margin: 0 auto 4.53vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding-bottom: 16.91vw;background-size: 100% auto;}
  #contents01 .inner-Box{position: relative;background: url('../images/index/contents01-back02.png')repeat-x bottom center;animation: slide-left 100s linear infinite;background-size: 383vw auto;padding-bottom: 54.6vw;}
  #contents01 .inner-Box h2 {font-size: 12.08vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: -5.9vw;text-align: center;position: relative;top: -6.1vw;}
  #contents01 .inner-Box h3 {font-size: 8.70vw;line-height: 1.58;font-weight: 500;letter-spacing: 0vw;margin-bottom: 0.0vw;margin: 0 -5vw 7.9vw 5vw;}
  #contents01 .inner-Box figure.photo {position: relative;margin: 0 5.2vw 8.1vw;}
  #contents01 .inner-Box figure.photo img{  }
  #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.19vw;margin: 0 5.1vw 8.95vw;}
  #contents01 .morebtn{position: relative;}
  @keyframes slide-left {
    0% {background-position: 0 bottom;}
    100% {background-position: -774.64vw bottom;}
  }
  
  #contents02 {margin: 0 auto 17vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;padding-top: 11.39vw;background-size: 100% auto;padding-bottom: 14.9vw;}
  #contents02 .inner-Box {margin: 0 4vw 12.7vw;position: relative;background: #FFE600;height: 76.81vw;border-radius: 5.31vw;padding: 8.85vw 6.42vw;}
  #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -2.7vw;left: 6.48vw;width: 31vw;}
  #contents02 .inner-Box span.icon img {  }
  #contents02 .inner-Box h2 {margin-bottom: 2.93vw;}
  #contents02 .inner-Box h2 span{  }
  #contents02 .inner-Box h2 img {  }
  #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 1.71;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
  #contents02 figure.img {position: absolute;top: 67.6vw;width: 65.5vw;left: 17.3vw;}
  #contents02 figure.img img{  }
  #contents02 .morebtn{position: relative;margin: 0 1.6vw;}
  
  #contents03 {margin: 0 auto 20.39vw;position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center;padding: 5.82vw 6.5vw 8.92vw;background-size: 100% auto;}
  #contents03 h2 {font-size: 5.07vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.25vw;margin-bottom: 5vw;color: #6E6E6E;transform-origin: center;display: block;text-align: center;}
  #contents03 .inner-Box {position: relative;}
  #contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #contents03 .inner-Box ul li {position: relative;margin-bottom: 2.7vw;background: #F7F8F8;}
  #contents03 .inner-Box ul li:nth-child(3n) {margin-right: 0.0vw;border-right: 0;}
  #contents03 .inner-Box ul li a {display: block;padding: 4.32vw 7.2vw;}
  #contents03 .inner-Box ul li a:hover {  }
  #contents03 .inner-Box h3 {margin-bottom: 3.38vw;margin-right: 9vw;}
  #contents03 .inner-Box h3 span{  }
  #contents03 .inner-Box h3 img {  }
  #contents03 .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 5.56vw;position: relative;}
  #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;margin-bottom: 5.08vw;}
  #contents03 .inner-Box figure.photo img{display: block;transition: transform 0.4s ease;transform: scale(1);transform-origin: center center;}
  #contents03 .inner-Box p.more {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.17vw;margin: 0 0 1.15vw auto;position: relative;width: 32vw;height: 9.18vw;border-radius: 4.59vw;background: #202020;border: #202020 0.24vw solid;color: #fff;padding: 1.69vw 1.69vw 1.69vw 6.52vw;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box p.more .arr{position: absolute;top: -1vw;right: 3vw;transition: all 0.3s ease-in-out;width: 3.1vw;display: block;}
  #contents03 .inner-Box a:hover{ text-decoration: none;}
  #contents03 .inner-Box a:hover figure.photo img{transform: scale(1.05);}
  #contents03 .inner-Box a:hover p.more{ background: #fff; color: #202020; }
  #contents03 .inner-Box a:hover p.more .arr{ right: 0vw;  -webkit-filter: brightness(0); filter: brightness(0);}
  
  
  #gallery {margin: 0 auto 23.02vw;position: relative;}
  #gallery .inner-Box {position: relative;}
  #gallery .inner-Box h2 {position: relative;top: 0;left: 0;margin: 0 7.6vw 7.7vw 13.6vw;}
  #gallery .inner-Box h2 span{  }
  #gallery .inner-Box h2 img {  }
  #gallery .system-list{ margin: 0 0vw 6.2vw; }
  #gallery .slick-dots{margin-bottom: 0vw;bottom: 5vw;}
  #gallery .system-list li.slick-slide{line-height: 1.4;width: 57.97vw;margin: 0 3.62vw;background: #fff;position: relative;margin-bottom: 12.56vw;}
  #gallery .system-list li a:hover{ text-decoration: none; }
  #gallery .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #gallery .system-list .btn::after { content: ' >';}
  #gallery .system-pic{width: 100%;height: 43.48vw;overflow: hidden;text-align: center;margin-bottom: 2.17vw;}
  #gallery .system-pic img{width: 100%;height: 43.48vw;}
  #gallery .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #gallery .system-ttl-01{font-size: 3.62vw;margin-bottom: 2.42vw;font-weight: 500;line-height: 1.73;letter-spacing: 0.18vw;}
  #gallery .morebtn2{position: relative;left: 0;margin: 0 6vw;}
  #gallery .morebtn2 a{border-radius: 19.81vw;height: 13.04vw;padding: 3.38vw;font-size: 3.62vw;padding-right: 3.01vw;letter-spacing: 0.2vw;}
  #gallery .morebtn2 a .arr{right: 7.49vw;top: 0.72vw;}  
  
  #voice {margin: 0 auto 18.52vw;position: relative;background: #EBEBDE;}
  #voice .inner-Box {position: relative;padding-bottom: 19vw;}
  #voice .inner-Box h2{text-align: center;position: relative;top: -5vw;left: 0vw;margin: 0 7.7vw 0vw;}
  #voice .system-list{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;position: relative;margin-bottom: -2vw;}
  #voice .slick-dots{margin-bottom: 0vw;bottom: 1.3vw;}
  
  #voice .system-list li.slick-slide{line-height: 1.4;width: 74.88vw;min-height: 83.1vw;margin: 0 2.42vw;position: relative;margin-bottom: 7.73vw;background: #fff;box-shadow: 0.0vw 0.0vw 4.83vw #00000029;border-top: #BF9C28 0.97vw solid;}
  #voice .system-list li.slick-slide a{display: block;padding: 6.2vw 6.66vw 11.35vw;}
  #voice .system-list li.slick-slide a:hover{ text-decoration: none; }
  #voice .system-list li.slick-slide .longicon{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0.0vw 0.0vw 0.0vw 1.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
  #voice .system-list li.slick-slide .system-text{font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;}
  #voice .system-list li.slick-slide .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  #voice .system-pic{width: 100%;aspect-ratio: 34 / 24;overflow: hidden;text-align: center;margin-bottom: 3.62vw;margin-bottom: 4.83vw;}
  #voice .system-pic img{ width: 100%; height: 100%; }
  #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: 0.97vw;line-height: 1.4;}
  #voice .morebtn{position: relative;top: 7.25vw;margin: 0 3.8vw;}
  #voice .slick-dots li button{ background: #fff;}
    #voice .slick-dots li.slick-active button{ background: #202020; }
  #contents04 {margin: 0 auto 16.81vw;position: relative;}
  #contents04 .inner-Box1 {position: relative;margin-bottom: 17.7vw;}
  #contents04 .inner-Box1 h2 {position: relative;margin: 0 36.7vw 11vw 8.8vw;z-index: 3;}
  #contents04 .inner-Box1 h2 span{  }
  #contents04 .inner-Box1 h2 img {  }
  #contents04 .inner-Box1 figure.img01 {position: absolute;top: 63.5vw;margin-left: 0;right: 0;width: 44vw;}
  #contents04 .inner-Box1 figure.img01 img{  }
  #contents04 .inner-Box1 figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: 9.4vw;}
  #contents04 .inner-Box1 figure.photo01 img{  }
  #contents04 .inner-Box1 p.text {font-size: 3.62vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 9vw 8.25vw 8vw;}
  #contents04 .inner-Box1 p.btn {position: relative;margin: 0 16vw;}
  #contents04 .inner-Box1 p.btn img {  }
  #contents04 .inner-Box2 {position: relative;}
  #contents04 .inner-Box2 h2 {position: relative;margin: 0 8.2vw 11vw 6.5vw;}
  #contents04 .inner-Box2 h2 span{  }
  #contents04 .inner-Box2 h2 img {  }
  #contents04 .inner-Box2 figure.photo {position: relative;top: 0;margin-bottom: 11vw;}
  #contents04 .inner-Box2 figure.photo img{  }
  #contents04 .inner-Box2 p.text {font-size: 3.62vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 8vw 16.25vw 8vw;}
  #contents04 .inner-Box2 p.btn {
    margin: 0 16vw;
}
  #contents04 .inner-Box2 p.btn img {  }
  
  #contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.png')repeat top center;padding: 5.13vw 3.25vw;background-size: 100% auto;}
  #contents05 .inner-Box {position: relative;background: #fff;padding: 17.95vw 4.65vw 16.39vw;}
  #contents05 .inBox{}  
  #contents05 h2{font-size: 8.7vw;letter-spacing: 0;border-bottom: #CCCCCC 0.24vw solid;padding: 0.0vw 5.8vw 2.66vw;margin-bottom: 5.13vw;text-align: center;}
  
  #contents05 #news{position: relative;margin-bottom: 18vw;}
  #news .system-list{padding: 0.24vw;margin-bottom: 3.58vw;}
  #news .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 5.83vw;border-bottom: 0.24vw solid #CCCCCC;padding: 0 5.9vw 4.83vw;position: relative;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list .system-date{font-size: 3.14vw;line-height: 1.4;margin-bottom: 0.67vw;color: #808080;display: block;}
  #news .system-list .system-ttl-01{font-size: 3.38vw;line-height: 1.6;display: block;width: 100%;}
  
  #contents05 #column{position: relative;}
  #column .system-list{margin-bottom: 12.08vw;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;margin-top: 6vw;}
  #column .system-list li{line-height: 1.4;background: #fff;position: relative;margin-bottom: 7.53vw;width: 100%;}
  #column .system-list li:nth-child(3n){ margin-right: 0}
  #column .system-list li a:hover{ text-decoration: none; }
  #column .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.38vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #column .system-list .btn::after { content: ' >';}
  #column .system-pic{float: left;height: 19.32vw;overflow: hidden;text-align: center;width: 31.4vw;}
  #column .system-pic img{width: 100%;height: 19.32vw;}
  #column .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #column .system-date::before{}
  #column .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #column .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.42vw;font-weight: 500;line-height: 1.4;margin-left: 3.22vw;position: relative;top: 50%;transform: translateY(-50%);width: 47vw;float: left;}
  
  #contents05 .morebtn2{position: relative;margin: 0vw 5.4vw;}
  #contents05 .morebtn2 a{border-radius: 19.81vw;font-size: 3.78vw;height: 13.05vw;text-align: center;padding: 3.45vw 0 0;}
  #contents05 .morebtn2 a .arr{right: 7.13vw;top: 0.5vw;width: 3.2vw;}  
  
  #land{margin: 0.0vw auto 19.36vw;background: #F7F8F8;padding-bottom: 12.15vw;}
  #land .inner-Box{padding: 10.7vw 0 0;}
  #land .inner-Box h2 span{font-size: 8.45vw;letter-spacing: 0.85vw;display: block;margin-bottom: -1.8vw;}
  #land .inner-Box h2{font-size: 11.11vw;font-weight: 500;letter-spacing: 2.95vw;text-align: center;margin-bottom: 7.78vw;}
  #land .system-list{margin-bottom: 8.21vw;}
  #land .system-list li.slick-slide{position: relative;line-height: 1.4;width: 72.95vw;margin: 0 3.62vw;position: relative;margin-bottom: 6.52vw;}
  #land .system-list li.slick-slide a:hover{ text-decoration: none; }
  #land .system-list li.slick-slide .system-pic{width: 100%;height: 52.8vw;overflow: hidden;text-align: center;margin-bottom: 4.38vw;}
  #land .system-list li.slick-slide .system-pic img{width: 100%;height: 52.8vw;}
  #land .system-list li.slick-slide .system-date{font-size: 3.14vw;margin-bottom: 1.45vw;line-height: 1.4;position: relative;padding: 0 0 0 18.84vw;}
  #land .system-list li.slick-slide .system-date .date-ttl{position: absolute;top: 0.48vw;left: 0;border-right: #919191 0.24vw solid;color: #919191;line-height: 1;width: 16vw;}
  #land .system-list li.slick-slide .system-date .start_text{ }
  #land .system-list li.slick-slide .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
  #land .system-list li.slick-slide .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #land .system-list li.slick-slide .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #land .system-list li.slick-slide .system-ttl-01{font-size: 3.86vw;font-weight: bold;letter-spacing: 0.19vw;line-height: 1.63;margin-bottom: -2vw;}
  #land .system-list li.slick-slide .text-box{padding: 0.0vw 0.0vw 4.83vw;}
  
  #land .system-list li.slick-slide .system-pri{font-size: 4.83vw;margin-bottom: 2.9vw;}
  #land .system-list li.slick-slide .system-pri .line{ display: inline-block; border-bottom: #FFE600 0.48vw solid;}
  #land .system-list li.slick-slide .system-pri .pri_text{ font-size: 9.18vw; letter-spacing: 0; }
  #land .slick-dots{margin-bottom: 0vw;bottom: 1vw;}
  
  
  #land .icon{display: inline-block;padding: 0 5.07vw;margin-bottom: 3.14vw;background: #FFE600;}
  .companybanner{text-align: center;margin: 0 7.7vw 26.06vw;}
  
  
  #staff {margin: 0 auto 13.78vw;position: relative;background: #F7F8F8;padding-bottom: 15vw;}
  #staff .inner-Box {position: relative;padding-top: 10vw;}
  #staff .inner-Box h2 {text-align: center;font-size: 7.25vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 5.3vw;}
  #staff .inner-Box h2 span {display: block;font-size: 14.49vw;letter-spacing: 0;margin-bottom: -3vw;}
  #staff .inner-Box figure.img {position: absolute;width: 11.1vw;right: 7.3vw;top: -13.4vw;}
  #staff .inner-Box figure.img img{  }
  
  #staff .system-list{margin-bottom: 12.08vw;}
  #staff .system-list li.slick-slide{line-height: 1.4;position: relative;margin-bottom: 4.83vw;margin: 0 4.83vw -2.5vw;text-align: center;width: 48.31vw;}
  #staff .system-list li.slick-slide a:hover{ text-decoration: none; }
  
  #staff .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 4.12vw;position: relative;border-radius: 50%;}
  #staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #staff .system-list li.slick-slide .system-ttl,#staff .system-list li.slick-slide .system-job span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}  
  #staff .system-list li.slick-slide .system-job{font-size: 3.14vw;letter-spacing: 0.13vw;margin-bottom: -0.29vw;line-height: 1.4;text-align: center;}
  #staff .system-list li.slick-slide .system-ttl{font-size: 4.35vw;margin-bottom: 7.25vw;letter-spacing: 0.22vw;line-height: 1.4;text-align: center;}
  #staff .morebtn{}
  
  #staff .prev-arrow{position: absolute;top: 38.41vw;left: 0vw;}
  #staff .next-arrow{position: absolute;top: 38.41vw;left: 0vw;transform: scale(-1, 1);}
  
  .seo-txt{background: #CECEC1;padding: 12.32vw 7.7vw 14.12vw 7.7vw;}
  .seo-txt h2{font-size: 4.35vw;margin-bottom: 2.38vw;letter-spacing: 0.2vw;line-height: 2;}
  .seo-txt p{font-size: 3.14vw;line-height: 1.7;letter-spacing: 0.13vw;}
  


}