@charset "UTF-8";
@media screen and (min-width: 768px),print { 
 
#contentsmain {margin: 0 auto -616px;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top center;z-index: 3;}
#contentsmain h2 {text-align: center;position: relative;padding: 45px 0 0;margin-bottom: 10px;}
#contentsmain h2 span{  }
#contentsmain h2 img {position: relative;left: 6px;}
#contentsmain .inner-Box {margin: 0 auto; padding-bottom: 49px; position: relative;box-shadow: 14px 14px 40px #00000014;width: 1000px;background: #fff;text-align: center;}
#contentsmain .inner-Box h3 {font-size: 16px;line-height: 1.68;font-weight: 700;letter-spacing: 1.6px;position: relative;top: -20px;margin-bottom: 16px;}
#contentsmain .inner-Box h3 span {display: inline-block;background: #F0F0F0;border-radius: 30px;padding: 13px 34px;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.6px;position: absolute; bottom: 69px; right: 101px;}

#contents01 {margin: 0 auto -100px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;max-width: 1920px;padding: 686px 0 170px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box span.icon {display: block;line-height: 1;text-align: center;margin-bottom: -6px;}
#contents01 .inner-Box span.icon img {  }
#contents01 .inner-Box h2 {font-size: 31px;line-height: 1.68;font-weight: 700;letter-spacing: 1.55px;margin-bottom: 26px;position: relative;text-align: center;}
#contents01 .inner-Box .prev-arrow{position: absolute;top: 120px;left: 50%;z-index: 4;margin-left: -365px;}
#contents01 .inner-Box .next-arrow{position: absolute;top: 120px;left: 50%;z-index: 4;margin-left: 334px;transform: scale(-1, 1);}
#contents01 .inner-Box ul.banner-slide {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: 19px;}
#contents01 .inner-Box ul li {margin: 0 25px;}
#contents01 .inner-Box ul li figure {  }
#contents01 .inner-Box ul li a {  }
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box p.commonbtn {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 30px;position: relative;text-align: center;}
#contents01 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 260px;height: 74px;position: relative;border-radius: 50px;text-align: left;padding: 24px 22px 22px 30px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 29px;right: 30px;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.commonbtn a:hover span.arr{ right: 25px; }

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;text-align: center;padding: 198px 0 0;height: 1305px;max-width: 1920px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 62px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 22px;position: relative;}

#contents02 .inner-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 30px;position: relative;text-align: center;margin-top: 96px;}
#contents02 .inner-Box p.commonbtn a {background: #398FD0;color: #fff;display: inline-block;width: 450px;height: 97px;position: relative;border-radius: 50px;text-align: left;padding: 33px 22px 22px 55px;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #00A8D7; }
#contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 40px;right: 44px;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box p.commonbtn a:hover span.arr{ right: 40px; }

#contents03 { margin: 0 auto; position: relative; background: url('../images/index/contents03-back02.png')no-repeat top center; max-width: 1920px;}
#contents03 .bk-Box {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png') repeat-x top center;background-repeat: repeat-x;animation: scrollBackground 60s linear infinite; /* 速度は60秒で1ループ */padding-top: 313px;padding-bottom: 144px;}
@keyframes scrollBackground {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -2840px 0;
  }
}

#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 954px;background: #fff;}
#contents03 .inner-Box h2 {text-align: center;position: relative;top: -73px;margin-bottom: -56px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box ul.list1 {width: 440px;margin: 0 auto 50px;position: relative;}
#contents03 .inner-Box ul.list1::before{content: "など";position: absolute;bottom: -45px;right: 0;font-size: 18px;letter-spacing: 1.8px;font-weight: 500;}
#contents03 .inner-Box ul.list1 li {position: relative;border-bottom: #00A8D7 dashed 1px;margin-bottom: 16px;}
#contents03 .inner-Box ul.list1 li span.ch {display: block;line-height: 1;position: absolute;top: 5px;left: 0;}
#contents03 .inner-Box ul.list1 li span.ch img {  }
#contents03 .inner-Box ul.list1 li p.litext {font-size: 18px;line-height: 1.88;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 2px;position: relative;padding: 0 0 0 30px;}

#contents03 .inner-Box ul.list2 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 988px;margin: 0 auto 28px;}
#contents03 .inner-Box ul.list2 li{width: 320px;height: 154px;box-shadow: 6px 6px 14px #00000024;border: 2px solid #FAD100;border-radius: 7px;background: #FFE500;margin-right: 14px;padding: 10px 0 0;position: relative;}
#contents03 .inner-Box ul.list2 li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul.list2 li span.ch {display: block;line-height: 1;position: absolute;top: 60px;left: 26px;}
#contents03 .inner-Box ul.list2 li span.ch img {  }
#contents03 .inner-Box ul.list2 li p.litext {font-size: 20px;line-height: 1.5;font-weight: 700;letter-spacing: 1px;margin-bottom: 2px;position: relative;padding: 0px 0 0 90px;}
#contents03 .inner-Box ul.list2 li span.f-en{text-align: center;display: block;font-size: 15px;font-weight: 700;color: #FAA700;position: relative;margin-bottom: 18px;}
#contents03 .inner-Box ul.list2 li span.f-en::before{ content: ""; background: #FAA700; width: 20px; height: 2px; display: block; left: 50%; position: absolute; bottom: -2px; transform: translateX(-50%); }

#contents03 .inner-Box figure.photo01 {position: absolute;top: 490px;left: 193px;}
#contents03 .inner-Box figure.photo01 img{  }
#contents03 .inner-Box figure.photo02 {position: absolute;top: 472px;right: 187px;}
#contents03 .inner-Box figure.photo02 img{  }

#contents03 .inner-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}
#contents03 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 450px;height: 98px;position: relative;border-radius: 50px;text-align: left;padding: 34px 22px 22px 56px;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
#contents03 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 41px;right: 43px;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box p.commonbtn a:hover span.arr{ right: 40px; }

#contents04 {margin: 0 auto -1px;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;max-width: 1920px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 102px 0 120px;max-width: 1580px;}
#contents04 .inner-Box h2 {text-align: center;margin-bottom: -180px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {position: relative;left: 80px;}
#contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 70px;}
#contents04 .inner-Box ul li {position: relative;box-shadow: 6px 6px 30px #00000042;background: #fff;width: 30.4%;margin-right: 4.4%;}
#contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inner-Box ul li a {display: block;padding: 25px 30px;}
#contents04 .inner-Box ul li a:hover {  }
#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 14px;}
#contents04 .inner-Box figure.photo img{width: 100%;}
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin: 0 11px 27px;position: relative;}
#contents04 .inner-Box p.dl {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 36px;position: relative;text-align: center;}
#contents04 .inner-Box p.dl span {display: inline-block;background: #00A8D7;color: #fff;padding: 11px 44px;border-radius: 40px;}

#contents04 .inner-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}
#contents04 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 450px;height: 98px;position: relative;border-radius: 50px;text-align: left;padding: 34px 22px 22px 56px;transition: all 0.3s ease-in-out;}
#contents04 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
#contents04 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 41px;right: 43px;transition: all 0.3s ease-in-out;}
#contents04 .inner-Box p.commonbtn a:hover span.arr{ right: 40px; }

#contents05 {margin: 0 auto 166px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding: 180px 0 0;}
#contents05 .inner-Box {margin: 0 auto;position: relative;display: flex;align-items: flex-start;gap: 0px;width: 1200px;background: #fff;border-radius: 25px;padding: 141px 70px 45px 70px;}
#contents05 .ttl-Box {position: sticky;top: 30px;width: 600px;padding: 0px 0 0 0;}
#contents05 .ttl-Box h2 {position: relative;top: -15px;left: -20px;margin-bottom: 14px;}
#contents05 .ttl-Box h2 span{  }
#contents05 .ttl-Box h2 img {  }
#contents05 .ttl-Box p.ttltext {font-size: 20px;line-height: 1.6;font-weight: 500;letter-spacing: 3px;margin: 0 0 193px 23px;position: relative;}
#contents05 .ttl-Box figure.img {position: absolute;top: 195px;left: 64px;}
#contents05 .ttl-Box figure.img img{  }
#contents05 .ttl-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.4px;margin-bottom: 30px;position: relative;text-align: left;margin-top: 96px;margin-left: 23px;}
#contents05 .ttl-Box p.commonbtn a {background: #398FD0;color: #fff;display: inline-block;width: 410px;height: 97px;position: relative;border-radius: 50px;text-align: left;padding: 33px 22px 22px 55px;transition: all 0.3s ease-in-out;}
#contents05 .ttl-Box p.commonbtn a:hover { text-decoration: none; background: #00A8D7; }
#contents05 .ttl-Box span.arr {display: block;line-height: 1;position: absolute;top: 40px;right: 44px;transition: all 0.3s ease-in-out;}
#contents05 .ttl-Box p.commonbtn a:hover span.arr{ right: 40px; }
#contents05al{ width: 460px;}

#contents05 .inner-Box1 { margin: 0 auto; position: relative; }
#contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 30px;}
#contents05 .inner-Box1 figure.photo img{  }
#contents05 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: -46px;}
#contents05 .inner-Box1 span.icon img {  }
#contents05 .inner-Box1 h3 {font-size: 24px;line-height: 1.68;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 21px;position: relative;color: #398FD0;padding: 0 0 0 76px;}
#contents05 .inner-Box1 p.ltext {font-size: 16px;line-height: 1.75;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 90px;position: relative;}

#contents05 p.btn {text-align: center;}
#contents05 p.btn img {position: relative;left: 6px;}

#contents06 {margin: 0 auto 140px;position: relative;background: url('../images/index/contents06-back01.jpg')no-repeat top center;padding: 129px 0 0;}
#contents06 .inner-Box {margin: 0 auto;position: relative;padding: 0 40px 109px;max-width: 1650px;}
#contents06 h2 {text-align: center;margin-bottom: 30px;}
#contents06 h2 span{  }
#contents06 h2 img {position: relative;left: 11px;}

#contents06 .inner-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}
#contents06 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 450px;height: 98px;position: relative;border-radius: 50px;text-align: left;padding: 34px 22px 22px 56px;transition: all 0.3s ease-in-out;}
#contents06 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
#contents06 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 41px;right: 43px;transition: all 0.3s ease-in-out;}
#contents06 .inner-Box p.commonbtn a:hover span.arr{ right: 40px; }

#works .system-list{margin-bottom: 20px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#works .system-list li{line-height: 1.4;width: 23.5%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 60px;padding-bottom: 64px;}
#works .system-list li:nth-child(4n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-pic{width: 100%;height: 250px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#works .system-pic img{width: 100%;height: 250px;}
#works .system-date{font-size: 14px;margin: 0 21px 21px;line-height: 1.4;letter-spacing: 0.7px;color: #398FD0;}
#works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-list li .system-ttl-01{font-size: 17px;letter-spacing: 0.85px;font-weight: bold;margin-bottom: 5px;line-height: 1.53;padding: 8px 20px 3px 20px;}
#works .system-list li .staffbox{position: relative;padding: 0 0 0 114px;margin: 0 18px 0 33px;min-height: 100px;}
#works .system-list li .staffbox .system-staff-pic{width: 92px;height: 92px;overflow: hidden;border-radius: 50%;position: absolute;top: 0;left: 0;}
#works .system-list li .staffbox .system-staff-pic img{width: 100%;height: 94px;}
#works .system-list li .staffbox .pritext{font-size: 18px;margin-bottom: 14px;}
#works .system-list li .staffbox .pritext span{font-size: 38px;font-weight: 700;display: inline-block;margin-right: 3px;}
#works .system-list li .staffbox .tantext{font-size: 16px;letter-spacing: 0.8px;text-align: right;margin-right: 13px;}
#works .system-list li .staffbox .tantext span{font-size: 12px;display: inline-block;border: 1px solid #000;padding: 3px 7px;margin-right: 5px;position: relative;top: -2px;}
#works .system-contents .system-ttl-01{font-size: 32px;font-weight: bold;margin-bottom: 5px;line-height: 1.4;margin-right: 330px;}

#contents07 {margin: 0 auto 188px;position: relative;width: 1100px;}
#contents07 .inner-Box {margin: 0 auto;position: relative;padding: 23px 0 0 320px;}
#contents07 .inner-Box h2 {position: absolute;top: 4px;left: 13px;}
#contents07 .inner-Box h2 span{  }
#contents07 .inner-Box h2 img {  }

#contents07 .inner-Box ul {  }
#contents07 .inner-Box ul li {position: relative;border-bottom: #F0F0F0 1px solid;padding-bottom: 12px;margin-bottom: 18px;}
#contents07 .inner-Box ul li .system-date{position: absolute;top: 1px;left: 0;color: #398FD0;font-size: 14px;letter-spacing: 0.7px;font-weight: 400;}
#contents07 .inner-Box ul li .system-ttl{padding-left: 100px;}

#contents07 .inner-Box p.commonbtn {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;position: absolute;top: 117px;left: 0;}
#contents07 .inner-Box p.commonbtn a {color: #1A1A1A;display: inline-block;width: 260px;height: 75px;position: relative;border-radius: 50px;text-align: left;padding: 24px 22px 22px 30px;transition: all 0.3s ease-in-out;border: 1px solid #000;}
#contents07 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #ccc; }
#contents07 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 30px;right: 29px;transition: all 0.3s ease-in-out;}
#contents07 .inner-Box span.arr img{/* black */filter: brightness(0);}
#contents07 .inner-Box p.commonbtn a:hover span.arr{ right: 25px; }

#contents08 {margin: 0 auto;position: relative;background: url('../images/index/contents08-back01.png')no-repeat top center;max-width: 1920px;}
#contents08 .inner-Box {margin: 0 auto;position: relative;padding: 113px 0 0;}
#contents08 .inner-Box h2 {text-align: center;margin-bottom: 48px;}
#contents08 .inner-Box h2 span{  }
#contents08 .inner-Box h2 img {  }
#contents08 .inner-Box span.icon01 { display: block; line-height: 1; }
#contents08 .inner-Box span.icon01 img {  }
#contents08 .inBox{ padding-left: 26.5%; }
#contents08 .prev-arrow{display: none!important;  }
#contents08 .next-arrow{ position: absolute; top: 178px; left: -46px; }
#staff .system-list{margin-bottom: 40px;}
#staff .system-list li{width: 280px;margin-right: 45px;background: #fff;position: relative;margin-bottom: 20px;padding: 20px;}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-pic{width: 100%;height: 240px;margin-bottom: 19px;overflow: hidden;text-align: center;}
#staff .system-pic img{width: 100%;height: 240px;}
#staff .system-job{font-size: 16px;margin-bottom: 1px;letter-spacing: 0.8px;line-height: 1.4;text-align: center;color: #398FD0;font-weight: 400;}
#staff .system-list li .system-name{font-size: 22px;letter-spacing: 2.2px;margin-bottom: 30px;line-height: 1.4;text-align: center;font-weight: 500;}
#contents08 .inner-Box p.commonbtn {font-size: 16px;line-height: 1.88;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}
#contents08 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 450px;height: 98px;position: relative;border-radius: 50px;text-align: left;padding: 34px 22px 22px 56px;transition: all 0.3s ease-in-out;left: 17px;}
#contents08 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
#contents08 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 41px;right: 43px;transition: all 0.3s ease-in-out;}
#contents08 .inner-Box p.commonbtn a:hover span.arr{ right: 40px; }

#contnts09 {margin: 0 auto 193px;position: relative;padding: 100px 0 0;}
#contnts09 .inner-Box {margin: 0 auto 160px;position: relative;width: 870px;}
#contnts09 .inner-Box ul.list1 {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;}
#contnts09 .inner-Box ul.list1 li {margin-right: 70px;}
#contnts09 .inner-Box ul.list1 li:nth-child(2n) { margin-right: 0px; }
#contnts09 .inner-Box ul.list1 li figure {  }
#contnts09 .inner-Box ul.list1 li a {  }
#contnts09 .inner-Box ul.list1 li a:hover {  }
#contnts09 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contnts09 .inner-Box2 h2 {margin-bottom: 63px;}
#contnts09 .inner-Box2 h2 span{  }
#contnts09 .inner-Box2 h2 img {  }

#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;}
#column .system-list li{line-height: 1.4;width: 23.2%;margin-right: 2.4%;background: #fff;position: relative;margin-bottom: 20px;}
#column .system-list li:nth-child(4n){ 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: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#column .system-list .btn::after { content: ' >';}
#column .system-pic{width: 100%;height: 190px;overflow: hidden;text-align: center;margin-bottom: 23px;}
#column .system-pic img{width: 100%;height: 190px;}
#column .system-date{font-size: 14px;margin-bottom: 6px;line-height: 1.4;color: #398FD0;}
#column .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#column .system-ttl-01{font-size: 16px;margin-bottom: 20px;line-height: 1.63;letter-spacing: 0.8px;font-weight: 500;}

#contnts09 .inner-Box2 p.commonbtn {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;position: absolute;top: -20px;right: 0;}
#contnts09 .inner-Box2 p.commonbtn a {color: #1A1A1A;display: inline-block;width: 260px;height: 75px;position: relative;border-radius: 50px;text-align: left;padding: 24px 22px 22px 30px;transition: all 0.3s ease-in-out;border: 1px solid #000;}
#contnts09 .inner-Box2 p.commonbtn a:hover { text-decoration: none; background: #ccc; }
#contnts09 .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;top: 30px;right: 29px;transition: all 0.3s ease-in-out;}
#contnts09 .inner-Box2 span.arr img{/* black */filter: brightness(0);}
#contnts09 .inner-Box2 p.commonbtn a:hover span.arr{ right: 25px; }

.inndex-Boxseo{width: 1000px;margin: 0 auto;padding: 59px 0 43px;}
.inndex-Boxseo h4{margin-bottom: 12px;}
.inndex-Boxseo p{font-size: 14px;letter-spacing: 0.7px;line-height: 2.14;text-align: -webkit-auto;}

}
@media screen and (min-width:768px) and ( max-width:1280px) {
#contents04 .inner-Box ul li a {display: block;padding: 15px 15px;}
#works .system-list li .staffbox{position: relative;padding: 0 0 0 74px;}
#works .system-list li .staffbox .system-staff-pic{width: 52px;height: 52px;}
#contents08 .inBox{ padding-left: 16.5%; }


}

@media screen and (max-width: 767px) {
.side-fix{ display: none!important;}
  #contentsmain {margin: 0 auto -201.6vw;position: relative;z-index: 3;}
  #contentsmain h2 {text-align: center;position: relative;margin-bottom: 12.62vw;}
  #contentsmain h2 span{  }
  #contentsmain h2 img {position: relative;}
  #contentsmain .inner-Box {margin: 0 4vw; padding-bottom: 1vw; position: relative;box-shadow: 3.38vw 3.38vw 9.66vw #00000014;background: #fff;text-align: center;}
  #contentsmain .inner-Box h3 {font-size: 3.38vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.34vw;position: relative;top: -5.2vw;margin-bottom: 0.8vw;}
  #contentsmain .inner-Box h3 span {display: inline-block;background: #fff;border-radius: 7.25vw;padding: 2.44vw 8.21vw 2.24vw 8.21vw;border: 2px solid #F0F0F0;}
  #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 5.5vw 5.1vw;}
  #contentsmain .inner-Box figure.img img{  }
  #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.58;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;}
  
  #contents01 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding: 213.54vw 0 7.06vw;background-size: 100% auto;}
  #contents01 .inner-Box {position: relative;}
  #contents01 .inner-Box span.icon {display: block;line-height: 1;text-align: center;margin: 0 15.5vw 2.3vw;}
  #contents01 .inner-Box span.icon img {  }
  #contents01 .inner-Box h2 {font-size: 5.80vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.37vw;margin-bottom: 4.98vw;position: relative;text-align: center;}
  #contents01 .inner-Box .prev-arrow{position: absolute;top: 25.49vw;left: 50%;z-index: 4;margin-left: -45.4vw;width: 7.2vw;}
  #contents01 .inner-Box .next-arrow{position: absolute;top: 25.39vw;left: 50%;z-index: 4;margin-left: 38.2vw;transform: scale(-1, 1);width: 7.2vw;}
  #contents01 .inner-Box ul.banner-slide {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: 4.59vw;}
  #contents01 .inner-Box ul li {margin: 0 2.04vw;width: 83.57vw;}
  #contents01 .inner-Box ul li figure {  }
  #contents01 .inner-Box ul li a {  }
  #contents01 .inner-Box ul li a:hover {  }
  #contents01 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
  #contents01 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 63vw;height: 17.87vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.8vw 5.31vw 5.31vw 7.25vw;transition: all 0.3s ease-in-out;}
  #contents01 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
  #contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 7.0vw;right: 7.25vw;width: 3vw;transition: all 0.3s ease-in-out;}
  #contents01 .inner-Box p.commonbtn a:hover span.arr{ right: 6.04vw; }
  
  #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;text-align: center;padding: 40.33vw 0 0;background-size: 100% auto;}
  #contents02 .inner-Box {position: relative;padding-bottom: 82.8vw;}
  #contents02 .inner-Box h2 {margin: 0 12.6vw 8.98vw;}
  #contents02 .inner-Box h2 span{  }
  #contents02 .inner-Box h2 img {  }
  #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin: 0 8.2vw 5.31vw;position: relative;text-align: left;}
  
  #contents02 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;text-align: center;margin-top: 13.79vw;}
  #contents02 .inner-Box p.commonbtn a {background: #398FD0;color: #fff;display: inline-block;width: 69vw;height: 17.73vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.67vw 5.31vw 5.31vw 7.29vw;transition: all 0.3s ease-in-out;}
  #contents02 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #00A8D7; }
  #contents02 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 6.96vw;right: 6.93vw;transition: all 0.3s ease-in-out;width: 3.1vw;}
  #contents02 .inner-Box p.commonbtn a:hover span.arr{ right: 9.66vw; }
  
  #contents03 {position: relative;background: url('../images/index/sp-contents03-back02.png')no-repeat top center;background-size: 100% 100%;}
  #contents03 .bk-Box {position: relative;background: url('../images/index/contents03-back01.png') repeat-x top center;background-repeat: repeat-x;animation: scrollBackground 60s linear infinite; /* 速度は60秒で1ループ */padding-top: 35.6vw;padding-bottom: 18.78vw;background-size: auto 29.1vw;}
  @keyframes scrollBackground {
    0% {
      background-position: 100% 0;
    }
    100% {
      background-position: 0vw 0;
    }
  }
  
  #contents03 .inner-Box {margin: 0 4vw;position: relative;background: #fff;height: 224.8vw;}
  #contents03 .inner-Box h2 {text-align: center;position: relative;top: -17.1vw;margin-bottom: -13.9vw;margin-right: 4.1vw;}
  #contents03 .inner-Box h2 span{  }
  #contents03 .inner-Box h2 img {  }
  #contents03 .inner-Box ul.list1 {margin: 0 9vw 27.08vw;position: relative;}
  #contents03 .inner-Box ul.list1::before{content: "など";position: absolute;bottom: -8.1vw;right: 0;font-size: 3.65vw;letter-spacing: 0.43vw;font-weight: 500;}
  #contents03 .inner-Box ul.list1 li {position: relative;border-bottom: #00A8D7 dashed 0.34vw;margin-bottom: 2.06vw;padding-bottom: 0.8vw;}
  #contents03 .inner-Box ul.list1 li span.ch {display: block;line-height: 1;position: absolute;top: 1.21vw;left: 0;width: 4.9vw;}
  #contents03 .inner-Box ul.list1 li span.ch img {  }
  #contents03 .inner-Box ul.list1 li p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 0.48vw;position: relative;padding: 0 0 0 7.25vw;}
  
  #contents03 .inner-Box ul.list2 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 9.7vw 2.46vw;}
  #contents03 .inner-Box ul.list2 li{height: 26vw;box-shadow: 1.45vw 1.45vw 3.38vw #00000024;border: 0.48vw solid #FAD100;border-radius: 1.69vw;background: #FFE500;margin-bottom: 2.28vw;padding: 0.32vw 0 0;position: relative;width: 100%;}
  #contents03 .inner-Box ul.list2 li:nth-child(1) span.f-en{margin-bottom: 4.9vw;}
  #contents03 .inner-Box ul.list2 li:nth-child(3n) { margin-right: 0.0vw; }
  #contents03 .inner-Box ul.list2 li span.ch {display: block;line-height: 1;position: absolute;top: 7.49vw;left: 6.28vw;width: 10.8vw;}
  #contents03 .inner-Box ul.list2 li span.ch img {  }
  #contents03 .inner-Box ul.list2 li p.litext {font-size: 4.35vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 0.48vw;position: relative;padding: 0.0vw 0 0 20.14vw;}
  #contents03 .inner-Box ul.list2 li span.f-en{text-align: center;display: block;font-size: 2.90vw;font-weight: 700;color: #FAA700;position: relative;margin-bottom: 2.15vw;text-align: left;padding: 0vw 0 0 1.3vw;}
  #contents03 .inner-Box ul.list2 li span.f-en::before{content: "";background: #FAA700;width: 4.83vw;height: 0.28vw;display: block;left: 1.3vw;position: absolute;bottom: 0vw;}
  
  #contents03 .inner-Box figure.photo01 {position: absolute;top: 105vw;left: 25.22vw;width: 21.3vw;}
  #contents03 .inner-Box figure.photo01 img{  }
  #contents03 .inner-Box figure.photo02 {position: absolute;top: 103.6vw;right: 24.77vw;width: 20vw;}
  #contents03 .inner-Box figure.photo02 img{  }
  
  #contents03 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 700;letter-spacing: 0.34vw;position: relative;text-align: center;}
  #contents03 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;height: 17.77vw;width: 69.1vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.61vw 5.31vw 5.31vw 7.23vw;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
  #contents03 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 7.4vw;right: 7.29vw;transition: all 0.3s ease-in-out;width: 2.8vw;}
  #contents03 .inner-Box p.commonbtn a:hover span.arr{ right: 9.66vw; }
  
  #contents04 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;background-size: 100% 100%;}
  #contents04 .inner-Box {position: relative;padding: 14.84vw 0 14.49vw;}
  #contents04 .inner-Box h2 {text-align: center;margin: 0 -17.2vw -22vw 7vw;}
  #contents04 .inner-Box h2 span{  }
  #contents04 .inner-Box h2 img {position: relative;}
  #contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4vw 4.81vw;}
  #contents04 .inner-Box ul li {position: relative;box-shadow: 1.45vw 1.45vw 7.25vw #00000042;background: #fff;width: 100%;padding: 4.1vw 4.1vw 5.8vw;margin-bottom: 4.9vw;}
  #contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents04 .inner-Box ul li a {display: block;}
  #contents04 .inner-Box ul li a:hover {  }
  #contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.18vw;}
  #contents04 .inner-Box figure.photo img{width: 100%;}
  #contents04 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 2.66vw 3.92vw;position: relative;}
  #contents04 .inner-Box p.dl {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 8.7vw;position: relative;text-align: center;}
  #contents04 .inner-Box p.dl span {display: inline-block;background: #00A8D7;color: #fff;padding: 4.06vw 12.73vw;border-radius: 9.66vw;}
  
  #contents04 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
  #contents04 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;height: 17.87vw;width: 69.1vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.51vw 5.31vw 5.31vw 7.03vw;transition: all 0.3s ease-in-out;}
  #contents04 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
  #contents04 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 7.3vw;right: 7.39vw;transition: all 0.3s ease-in-out;width: 2.7vw;}
  #contents04 .inner-Box p.commonbtn a:hover span.arr{ right: 9.66vw; }
  
  #contents05 {margin: 0 auto 20.2vw;position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;padding: 28.98vw 0 0;background-size: 100% auto;}
  #contents05 .inner-Box {margin: 0 4vw;position: relative;background: #fff;border-radius: 3.04vw;padding: 11.1vw 2vw;}
  #contents05 .ttl-Box {position: sticky;top: 7.25vw;padding: 0.0vw 0 0 0;}
  #contents05 .ttl-Box h2 {position: relative;top: 0vw;left: 0vw;margin-bottom: 3.68vw;}
  #contents05 .ttl-Box h2 span{  }
  #contents05 .ttl-Box h2 img {  }
  #contents05 .ttl-Box p.ttltext {font-size: 3.86vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.58vw;position: relative;text-align: center;margin-bottom: 6vw;}
  #contents05 .ttl-Box figure.img {position: relative;margin: 0 6vw 0 22vw;}
  #contents05 .ttl-Box figure.img img{  }
  #contents05 p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;text-align: left;margin: 23.1vw 15vw 24.1vw;}
  #contents05 p.commonbtn a {background: #398FD0;color: #fff;display: inline-block;height: 18.03vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.97vw 5.31vw 5.31vw 7.59vw;transition: all 0.3s ease-in-out;width: 69.6vw;}
  #contents05 p.commonbtn a:hover { text-decoration: none; background: #00A8D7; }
  #contents05 span.arr {display: block;line-height: 1;position: absolute;top: 7.36vw;right: 7.23vw;transition: all 0.3s ease-in-out;width: 2.8vw;}
  #contents05 p.commonbtn a:hover span.arr{ right: 9.66vw; }
  #contents05al{margin-bottom: -26.8vw;}
  
  #contents05 .inner-Box1 {margin: 0 4.7vw;position: relative;}
  #contents05 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.25vw;}
  #contents05 .inner-Box1 figure.photo img{  }
  #contents05 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: -8.5vw;width: 11.6vw;margin-left: 7.9vw;}
  #contents05 .inner-Box1 span.icon img {  }
  #contents05 .inner-Box1 span.icon.aa1{left: -20px;position: relative;}
  #contents05 .inner-Box1 span.icon.aa2{left: 0px;position: relative;}
  #contents05 .inner-Box1 span.icon.aa3{left: -40px;position: relative;}
  #contents05 .inner-Box1 span.icon.aa4{left: -20px;position: relative; }
  #contents05 .inner-Box1 span.icon.aa5{left: 0px;position: relative;}
  #contents05 .inner-Box1 h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 3.27vw;position: relative;color: #398FD0;padding: 0 0 0;text-align: center;}
  #contents05 .inner-Box1 p.ltext {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 17.84vw;position: relative;}
  
  #contents05 p.btn {margin: 0 8vw 0 6.8vw;text-align: center;}
  #contents05 p.btn img {position: relative;left: 1.45vw;}
  
  #contents06 {margin: 0 auto 14.42vw;position: relative;background: url('../images/index/sp-contents06-back01.jpg')no-repeat top center;padding: 3.16vw 0 14.4vw;background-size: 100% auto;}
  #contents06 .inner-Box {margin: 0 4vw;position: relative;}
  #contents06 h2 {text-align: center;margin: 0 2.65vw -3.55vw -2.75vw;}
  #contents06 h2 span{  }
  #contents06 h2 img {position: relative;left: 2.66vw;}
  
  #contents06 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
  #contents06 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;height: 17.67vw;width: 68vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.51vw 5.31vw 5.31vw 6.43vw;transition: all 0.3s ease-in-out;}
  #contents06 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
  #contents06 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 7.2vw;right: 6.89vw;transition: all 0.3s ease-in-out;width: 2.7vw;}
  #contents06 .inner-Box p.commonbtn a:hover span.arr{ right: 9.66vw; }
  
  #works .system-list{margin-bottom: 7.33vw;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;}
  #works .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 2.59vw;padding-bottom: 5.56vw;}
  #works .system-list li:nth-child(2n){ margin-right: 0}
  #works .system-list li a:hover{ text-decoration: none; }
  #works .system-pic{width: 100%;height: 30.39vw;overflow: hidden;text-align: center;margin-bottom: 2.32vw;}
  #works .system-pic img{width: 100%;height: 30.39vw;}
  #works .system-date{font-size: 3.38vw;margin: 0 2.57vw 2.87vw;line-height: 1.4;letter-spacing: 0.17vw;color: #398FD0;}
  #works .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #works .system-list li .system-ttl-01{font-size: 3.86vw;letter-spacing: 0.19vw;font-weight: bold;margin-bottom: 1.71vw;line-height: 1.53;padding: 0 2.6vw;}
  #works .system-list li .staffbox{position: relative;margin: 0 2.85vw 0 9.97vw;}
  #works .system-list li .staffbox .system-staff-pic{width: 22.22vw;height: 22.22vw;overflow: hidden;border-radius: 50%;position: relative;top: 0;left: 0;margin-left: 1.6vw;margin-bottom: 2.5vw;}
  #works .system-list li .staffbox .system-staff-pic img{width: 100%;height: 23vw;}
  #works .system-list li .staffbox .pritext{font-size: 3.38vw;margin-bottom: 4.58vw;text-align: right;}
  #works .system-list li .staffbox .pritext span{font-size: 9.18vw;font-weight: 700;display: block;margin-right: 0.72vw;position: relative;left: -6.6vw;margin-bottom: -0.8vw;}
  #works .system-list li .staffbox .tantext{font-size: 3.86vw;letter-spacing: 0.19vw;text-align: right;margin-right: 3.14vw;left: -2.9vw;position: relative;}
  #works .system-list li .staffbox .tantext span{font-size: 2.9vw;display: inline-block;border: 0.24vw solid #000;padding: 0.72vw 1.69vw;margin-right: 1.21vw;position: relative;top: -0.5vw;}
  #works .system-contents .system-ttl-01{font-size: 7.73vw;font-weight: bold;margin-bottom: 1.21vw;line-height: 1.4;margin-right: 79.71vw;}
  
  #contents07 {margin: 0 auto 19.31vw;position: relative;}
  #contents07 .inner-Box {margin: 0 4vw;position: relative;}
  #contents07 .inner-Box h2 {position: relative;margin: 0 26.8vw 6.7vw 25.2vw;}
  #contents07 .inner-Box h2 span{  }
  #contents07 .inner-Box h2 img {  }
  
  #contents07 .inner-Box ul {margin: 0 4.2vw 8.7vw;}
  #contents07 .inner-Box ul li {position: relative;border-bottom: #F0F0F0 0.24vw solid;padding-bottom: 3.6vw;margin-bottom: 5.55vw;}
  #contents07 .inner-Box ul li .system-date{color: #398FD0;font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;margin-bottom: 1.1vw;}
  #contents07 .inner-Box ul li .system-ttl{
    font-size: 3.86vw;
    letter-spacing: 0.39vw;
    line-height: 1.5;
    font-weight: 400;
}
  
  #contents07 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;text-align: center;position: relative;}
  #contents07 .inner-Box p.commonbtn a {color: #1A1A1A;display: inline-block;height: 18.12vw;width: 63.2vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.8vw 5.31vw 5.31vw 7.25vw;transition: all 0.3s ease-in-out;border: 0.24vw solid #000;}
  #contents07 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #ccc; }
  #contents07 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 7.05vw;right: 7.3vw;width: 2.6vw;transition: all 0.3s ease-in-out;}
  #contents07 .inner-Box span.arr img{/* black */filter: brightness(0);}
  #contents07 .inner-Box p.commonbtn a:hover span.arr{ right: 6.04vw; }
  
  #contents08 {position: relative;background: url('../images/index/sp-contents08-back01.png')no-repeat top center;background-size: 100% auto;}
  #contents08 .inner-Box {position: relative;padding: 14.59vw 0 0;}
  #contents08 .inner-Box h2 {text-align: center;margin: 0 8.1vw 8.19vw 8.5vw;}
  #contents08 .inner-Box h2 span{  }
  #contents08 .inner-Box h2 img {  }
  #contents08 .inner-Box span.icon01 { display: block; line-height: 1; }
  #contents08 .inner-Box span.icon01 img {  }
  #contents08 .inBox{}
  #contents08 .prev-arrow{
    width: 7.2vw;
    position: absolute;
    top: 19vw;
    right: 0vw;
    z-index: 3;
    transform: scale(-1, 1);
}
  #contents08 .next-arrow{width: 7.2vw;position: absolute;top: 18.9vw;left: 0vw;}
  #staff .system-list{margin-bottom: 3.66vw;}
  #staff .system-list li{width: 47.83vw;margin: 0 1.69vw;background: #fff;position: relative;margin-bottom: 4.83vw;padding: 3.53vw;}
  #staff .system-list li a:hover{ text-decoration: none; }
  #staff .system-pic{width: 100%;height: 41.06vw;margin-bottom: 2.69vw;overflow: hidden;text-align: center;}
  #staff .system-pic img{width: 100%;height: 41.06vw;}
  #staff .system-job{font-size: 3.36vw;margin-bottom: 0.24vw;letter-spacing: 0.19vw;line-height: 1.4;text-align: center;color: #398FD0;font-weight: 400;}
  #staff .system-list li .system-name{font-size: 4.83vw;letter-spacing: 0.48vw;margin-bottom: 7.25vw;line-height: 1.4;text-align: center;font-weight: 500;margin: 0 0 3vw;}
  #contents08 .inner-Box p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
  #contents08 .inner-Box p.commonbtn a {background: #1A1A1A;color: #fff;display: inline-block;width: 69vw;height: 17.67vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.21vw 5.31vw 5.31vw 7.33vw;transition: all 0.3s ease-in-out;}
  #contents08 .inner-Box p.commonbtn a:hover { text-decoration: none; background: #333; }
  #contents08 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 6.9vw;right: 6.89vw;transition: all 0.3s ease-in-out;width: 3.2vw;}
  #contents08 .inner-Box p.commonbtn a:hover span.arr{ right: 9.66vw; }
  
  #contnts09 {margin: 0 auto 29.62vw;position: relative;padding: 12.05vw 0 0;}
  #contnts09 .inner-Box {margin: 0 auto 14.25vw;position: relative;}
  #contnts09 .inner-Box ul.list1 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 9vw;}
  #contnts09 .inner-Box ul.list1 li {
    margin-bottom: 5.1vw;
}
  #contnts09 .inner-Box ul.list1 li:nth-child(2n) { margin-right: 0.0vw; }
  #contnts09 .inner-Box ul.list1 li figure {  }
  #contnts09 .inner-Box ul.list1 li a {  }
  #contnts09 .inner-Box ul.list1 li a:hover {  }
  #contnts09 .inner-Box2 {margin: 0 6.6vw;position: relative;}
  #contnts09 .inner-Box2 h2 {margin: 0 20.7vw 8.22vw 21.7vw;}
  #contnts09 .inner-Box2 h2 span{  }
  #contnts09 .inner-Box2 h2 img {  }
  
  #column .system-list{margin-bottom: 4.48vw;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;}
  #column .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 4.83vw;}
  #column .system-list li:nth-child(2n){ 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: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #column .system-list .btn::after { content: ' >';}
  #column .system-pic{width: 100%;height: 31.29vw;overflow: hidden;text-align: center;margin-bottom: 2.76vw;}
  #column .system-pic img{width: 100%;height: 31.29vw;}
  #column .system-date{font-size: 3.38vw;margin-bottom: 0.75vw;line-height: 1.4;color: #398FD0;}
  #column .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #column .system-ttl-01{font-size: 3.86vw;margin-bottom: 4.83vw;line-height: 1.63;letter-spacing: 0.19vw;font-weight: 500;}
  
  #contnts09 .inner-Box2 p.commonbtn {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 7.25vw;position: relative;text-align: center;top: 0vw;right: 0;}
  #contnts09 .inner-Box2 p.commonbtn a {color: #1A1A1A;display: inline-block;width: 62.8vw;height: 18.12vw;position: relative;border-radius: 12.08vw;text-align: left;padding: 5.8vw 5.31vw 5.31vw 7.25vw;transition: all 0.3s ease-in-out;border: 0.24vw solid #000;}
  #contnts09 .inner-Box2 p.commonbtn a:hover { text-decoration: none; background: #ccc; }
  #contnts09 .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;width: 3vw;top: 7.25vw;right: 7.0vw;transition: all 0.3s ease-in-out;}
  #contnts09 .inner-Box2 span.arr img{/* black */filter: brightness(0);}
  #contnts09 .inner-Box2 p.commonbtn a:hover span.arr{ right: 6.04vw; }
  
  .inndex-Boxseo{margin: 0 4vw;padding: 11.75vw 0 10.39vw;}
  .inndex-Boxseo h4{margin-bottom: 2.9vw;margin: 0 34.2vw 1.7vw;}
  .inndex-Boxseo p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 2.14;text-align: left;margin: 0 4.3vw 1.1vw;}
  

}