@charset "UTF-8";

@media screen and (min-width: 768px),print {  
.side-fix{ display: none;}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat bottom center;padding-right: 40px;height: 49.04vw;z-index: 7;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {position: relative;z-index: 6;width: 27.64vw;padding: 8.5vw 0 0 3vw;margin-bottom: 27.5vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%;height: auto; }
#contentsmain .inner-Box figure.photo {position: absolute;top: -0.7vw;right: 0;width: 66.67vw;z-index: 3;}
#contentsmain .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: absolute;top: 16.4vw;left: 0.3vw;z-index: 3;width: 49.79vw;}
#contentsmain .inner-Box figure.img img{ width: 100%;height: auto; }
#contentsmain .inner-Box p.text {margin-bottom: 30px;position: relative;text-align: center;color: #fff;font-size: 14px;line-height: 1.43;letter-spacing: 1.68px;font-weight: 400;}
#contentsmain span.icon01 {display: block;line-height: 1;position: absolute;top: 16.5vw;right: 14px;}
#contentsmain span.icon01 img {  }
#contentsmain .photo { opacity: 0; transform: translateY(10px); transition: opacity 1.5s ease, transform 1.5s ease; }
#contentsmain .photo.is-visible { opacity: 1; transform: translateY(0); }

/* event -------------------------------------*/
#event {background: url(../images/index/contents01-back01.png) no-repeat top center #4B555E;padding-bottom: 105px;}
#event .inner-Box{padding-left: 461px;position: relative;padding-top: 150px;}
#event .inner-Box h2{font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;position: absolute;top: 127px;left: 100px;}
#event .inner-Box h2 span{display: block;font-size: 70px;line-height: 1.49;letter-spacing: 0;font-weight: 400;}

#event .system-list{margin-bottom: 50px;}
#event .system-list li{position: relative;line-height: 1.4;width: 400px;margin-right: 40px;position: relative;margin-bottom: 20px;background: #fff;}
#event .system-list .icon{border-radius: 30px;width: 125px;height: 30px;text-align: center;color: #fff;padding-top: 5px;margin-bottom: 17px;}

#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li .system-date{font-size: 13px;margin-bottom: 10px;line-height: 1.4;position: relative;color: #888888;padding: 0 0 0 68px;}
#event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;color: #1B1B1B;}
#event .system-list li .system-date .start_text{color: #1B1B1B;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#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{margin-bottom: 10px;padding: 0 0 14px;font-size: 16px;line-height: 1.88;letter-spacing: 0.64px;font-weight: 400;min-height: 75px;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .text-box{padding: 7px 22px 20px;}

#event .inner-Box .more{width: 92px;height: 25px;position: absolute;top: 325px;left: 216px;font-size: 12px;line-height: 1.5;letter-spacing: 0.48px;font-weight: 400;border-bottom: 1px solid;}
#event .inner-Box .more a{display: block;position: relative;}
#event .inner-Box .more a span{position: absolute;top: 0;right: 0;}

#event .prev-arrow{position: absolute;top: 340px;left: -257px;}
#event .next-arrow{position: absolute;top: 340px;left: -190px;transform: scale(-1, 1);}

#contents02 {margin: 0 auto 276px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;overflow: hidden;}
#contents02 .back-Box { margin: 0 auto; position: relative;  background: url('../images/index/contents02-back02.png')repeat-x bottom center;animation: scrollBackground3 60s linear infinite;}
@keyframes scrollBackground3 { 0% { background-position: 0 bottom; } 100% { background-position: -4303px bottom; } }

#contents02 .back-Box h2 {margin-bottom: 106px;position: relative;font-size: 30px;line-height: 2.53;letter-spacing: 9px;font-weight: 400;text-align: center;color: #fff;}
#contents02 .back-Box h2 span {display: block;font-size: 30px;line-height: 1.47;letter-spacing: 0;font-weight: 400;margin-bottom: 52px;}
#contents02 .inner-Box {margin: 0 auto;/* position: relative; */width: 1340px;padding: 278px 30px 0 30px;color: #fff;}
#contents02 .inner-Box figure.photo01 {position: absolute;top: 403px;right: 0;width: 55.2%;}
#contents02 .inner-Box figure.photo01 img{width: 100%;height: auto;}
#contents02 .inner-Box p.text {margin-bottom: 35px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;}
#contents02 .inner-Box .ccmore{padding-top: 24px;}
#contents02 .inner-Box .ccmore a{width: 482px;height: 71px;display: block;position: relative;font-size: 19px;line-height: 1.42;letter-spacing: 1.71px;font-weight: 400;border-radius: 4px;background: #fff;padding: 23px 35px;}
#contents02 .inner-Box .ccmore a span{position: absolute;top: 17px;right: 27px;}

#contents02 .inner-Box2 {margin: 0 auto;position: relative;height: 853px;}
#contents02 .inner-Box2 figure.photo02 {position: absolute;top: 54px;left: 50%;margin: 0 0 0 17px;}
#contents02 .inner-Box2 figure.photo02 img{  }
#contents02 .inner-Box2 figure.photo03 {position: absolute;top: 194px;left: 50%;margin-left: -575px;}
#contents02 .inner-Box2 figure.photo03 img{  }
#contents02 .inner-Box2 figure.photo04 {position: absolute;top: 472px;left: 50%;margin-left: 145px;}
#contents02 .inner-Box2 figure.photo04 img{  }

#contents03 {margin: 0 auto 179px;position: relative;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 0 20px;max-width: 1760px;}
#contents03 .inner-Box h2 {margin-bottom: 50px;position: relative;font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;}
#contents03 .inner-Box h2 span.f-en {font-size: 70px;line-height: 1.49;letter-spacing: 0;font-weight: 400;display: block;}
#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;margin-bottom: -3px;}
#contents03 .inner-Box ul li {position: relative;width: 30.9%;margin-right: 3.6%;margin-bottom: 85px;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 26px;}
#contents03 .inner-Box figure.photo img{width: 100%;}
#contents03 .inner-Box h3 {margin-bottom: 15px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 4.2px;font-weight: 400;}
#contents03 .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.88;letter-spacing: 0.64px;font-weight: 400;}
#contents03 .inner-Box p.btn {text-align: center;padding: 0 40px;max-width: 1560px;margin: 0 auto;}
#contents03 .inner-Box p.btn img {width: 100%;}

#contents03 .inner-Box .ccmore{padding-top: 24px;margin-bottom: 159px;}
#contents03 .inner-Box .ccmore a{width: 545px;height: 81px;display: block;position: relative;border-radius: 4px;background: #fff;padding: 26px 40px;margin: 0 auto;font-size: 20px;line-height: 1.5;letter-spacing: 1.8px;font-weight: 400;}
#contents03 .inner-Box .ccmore a span{position: absolute;top: 17px;right: 27px;}

#contnets04 {margin: 0 auto -165px;position: relative;background: url('../images/index/contnets04-back01.png')no-repeat top center;height: 3054px;z-index: 4;}
#contnets04 .ttl-Box {position: relative;position: sticky;top: 0; /* ← これ必須 */z-index: 10;right: 0;width: 337px;margin-left: auto;/* height: 700px; */padding: 106px 0 20px 0;}
#contnets04 .ttl-Box h2 {margin-bottom: 59px;}
#contnets04 .ttl-Box h2 span{  }
#contnets04 .ttl-Box h2 img {  }
#contnets04 .ttl-Box ul{}
#contnets04 .ttl-Box ul li { position: relative; }
#contnets04 .ttl-Box ul li a {color: #fff;}
#contnets04 .ttl-Box ul li.acv ::before {content: "";display: block;position: absolute;left: 5px;top: 5px;width: 12px;height: 12px;border-radius: 50%;background: #fff;}
#contnets04 .ttl-Box ul li a:hover {  }
#contnets04 .ttl-Box p.ltext {margin-bottom: 21.1px;position: relative;padding-left: 20px;}
#contnets04 .inner-Box {margin: 0 0 80px auto;position: relative;padding: 43px 360px 0 0;width: 914px;height: 640px;color: #fff;top: -610px;}
#contnets04 .inner-Box span.noicon {display: block;line-height: 1;margin-bottom: 99px;}
#contnets04 .inner-Box span.noicon.mmm{margin-bottom: 50px;}
#contnets04 .inner-Box h3 {margin-bottom: 31px;position: relative;font-size: 44px;line-height: 1.68;letter-spacing: 7.17px;font-weight: 400;}
#contnets04 .inner-Box h3 span {font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;display: block;margin-bottom: 16px;}
#contnets04 .inner-Box figure.photo {position: absolute;top: 0;left: -1010px;}
#contnets04 .inner-Box figure.photo img{width: 100%;}
#contnets04 .inner-Box p.text {margin-bottom: 46px;position: relative;font-size: 16px;line-height: 2.25;letter-spacing: 0.64px;font-weight: 400;min-height: 110px;}

#contnets04 .inner-Box .ccmore{padding-top: 24px;margin-bottom: 159px;}
#contnets04 .inner-Box .ccmore a{width: 459px;height: 71px;display: block;position: relative;border-radius: 4px;background: #fff;padding: 21px 35px;font-size: 20px;line-height: 1.5;letter-spacing: 1.8px;font-weight: 400;left: -6px;}
#contnets04 .inner-Box .ccmore a span{position: absolute;top: 12px;right: 27px;}

#contents05 {margin: 0 auto 116px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding-top: 369px;}
#contents05 .inner-Box1 {margin: 0 auto 134px;position: relative;height: 1255px;width: 1200px;padding: 63px 0 0;}
#contents05 .inner-Box1 p.entext {margin-bottom: 82px;position: relative;font-size: 32px;line-height: 1.5;letter-spacing: 0;font-weight: 400;}
#contents05 .inner-Box1 p.entext span.f-en {  }
#contents05 .inner-Box1 h2 {margin-bottom: 51px;}
#contents05 .inner-Box1 h2 span{  }
#contents05 .inner-Box1 h2 img {  }
#contents05 .inner-Box1 h3 {margin-bottom: 47px;z-index: 3;position: relative;}
#contents05 .inner-Box1 h3 span{  }
#contents05 .inner-Box1 h3 img {  }
#contents05 .inner-Box1 figure.photo01 {position: absolute;top: 0;right: -320px;}
#contents05 .inner-Box1 figure.photo01 img{  }
#contents05 .inner-Box1 p.text {margin-bottom: 36px;position: relative;font-size: 16px;line-height: 2.38;letter-spacing: 0.64px;font-weight: 400;width: 535px;}
#contents05 .inner-Box1 figure.photo02 {position: absolute;to;bottom: 2px;left: 269px;}
#contents05 .inner-Box1 figure.photo02 img{  }
#contents05 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 40px;max-width: 1560px;text-align: center;}
#contents05 .inner-Box2 p.btn {margin-bottom: 24px;}
#contents05 .inner-Box2 p.btn img {width: 100%;}
#contents05 .inner-Box2 p.text2 {margin-bottom: 20px;position: relative;font-size: 16px;line-height: 2.38;letter-spacing: 0.64px;font-weight: 400;}
#contents05 .inner-Box2 h4 {margin-bottom: 0px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 2.2px;font-weight: 400;}
#contents05 .inner-Box1 .ccmore{padding-top: 24px;margin-bottom: 159px;}
#contents05 .inner-Box1 .ccmore a{width: 545px;height: 81px;display: block;position: relative;border-radius: 4px;background: #4B555D;padding: 26px 38px;font-size: 20px;line-height: 1.5;letter-spacing: 1.8px;font-weight: 400;color: #fff;}
#contents05 .inner-Box1 .ccmore a span{position: absolute;top: 18px;right: 29px;}


#works {margin: 0 auto 169px;position: relative;}
#works .inner-Box {margin: 0 auto;position: relative;padding: 0 20px;max-width: 1760px;}
#works .inner-Box h2 {margin-bottom: 50px;position: relative;font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;text-align: center;}
#works .inner-Box h2 span.f-en {font-size: 70px;line-height: 1.49;letter-spacing: 0;font-weight: 400;display: block;}

#works .system-list{margin-bottom: -29px;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: 30.9%;margin-right: 3.6%;position: relative;margin-bottom: 107px;}
#works .system-list li:nth-child(3n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list li::before{content: "";}
#works .system-list li .text-cate{color: #ccc;font-size: 12px;margin-bottom: 10px;}
#works .system-list li .text-cate span{display: inline-block;border: #ccc solid 1px;margin: 0 4px 4px 0;padding: 3px;}
#works .text1{ font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#works .text2{margin-bottom: 10px;font-size: 14px;line-height: 1.7;letter-spacing: 1.96px;font-weight: 400;}

#works .system-pic {width: 100%;aspect-ratio: 530 / 315;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{margin-bottom: 10px;font-size: 22px;line-height: 1.55;letter-spacing: 0.88px;font-weight: 400;}
#works .system-list li  .catelist{text-align: right;margin-bottom: -30px;min-height: 34px;}
#works .system-list li  .catelist span{background: #4B555D;margin: 0 0px 10px 10px;display: inline-block;color: #fff;font-size: 14px;line-height: 1;letter-spacing: 0.42px;font-weight: 400;padding: 5px 16px;}
#works .inner-Box .more{padding-top: 24px;}
#works .inner-Box .more a{width: 542px;height: 81px;display: block;position: relative;font-size: 20px;line-height: 1.42;letter-spacing: 1.8px;font-weight: 400;border-radius: 4px;background: #fff;padding: 29px 39px;margin: 0 auto;}
#works .inner-Box .more a span{position: absolute;top: 19px;right: 28px;}


#voice {margin: 0 auto 101px;position: relative;background: #4B555E;padding-bottom: 110px;}
#voice .ttl-Box{color: #fff;margin: 0 auto;width: 1280px;padding: 79px 0 0;}
#voice .ttl-Box h2 {margin-bottom: 56px;position: relative;font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;text-align: left;}
#voice .ttl-Box h2 span.f-en {font-size: 70px;line-height: 1.49;letter-spacing: 0;font-weight: 400;display: block;}
#voice .ttl-Box h2 span.jjp{position: absolute;top: 20px;left: 246px;font-size: 18px;line-height: 2;letter-spacing: 1.98px;font-weight: 600;}

#voice .inner-Box {margin: 0 auto;position: relative;}

#voice .system-list{margin-bottom: 50px;}

#voice .system-list li{line-height: 1.4;width: 820px;height: 300px;margin-right: 40px;position: relative;margin-bottom: 20px;background: #fff;}
#voice .system-list li a span.f-en{font-size: 12px;display: block;margin-bottom: 20px;padding-top: 40px;}
#voice .system-list li a{display: block;padding-left: 513px;padding-top: 49px;padding-right: 30px;}
#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;padding-bottom: 10px;margin-bottom: 20px;padding-right: 30px;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#voice .system-pic {width: 100%;aspect-ratio: 48 / 30;overflow: hidden;text-align: center;margin-bottom: 15px;position: absolute;top: 0;: 0;width: 480px;left: 0;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ }
#voice .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#voice .system-contents .longicon2{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }

#voice .system-ttl-01{font-size: 18px;margin-bottom: 10px;line-height: 1.4;font-weight: 400;letter-spacing: 0px;padding: 0 0 20px 0;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .fffll {color: #AA830C;font-size: 16px;line-height: 2;letter-spacing: 0.96px;font-weight: 400;margin-bottom: 14px;}
#voice .text2{ position: absolute; bottom: 26px; padding-right: 50px; }
#voice .more{width: 112px;height: 30px;position: absolute;top: 135px;left: 50%;border-bottom: 1px solid;color: #fff;margin-left: 388px;font-size: 14px;line-height: 1.5;letter-spacing: 0.56px;font-weight: 400;}
#voice .more a{display: block;position: relative;color: #fff;padding: 0px;}
#voice .more a span{position: absolute;top: -5px;right: 0;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#voice .arr{position: absolute;bottom: 30px;right: 31px;}
#voice .prev-arrow{position: absolute;left: 50%;bottom: -95px;margin-left: -80px;}
#voice .next-arrow{position: absolute;left: 50%;transform: scale(-1, 1);margin-left: 25px;bottom: -95px;}

#contents06 { margin: 0 auto; position: relative; }
#contents06 .inner-Box1 {margin: 0 auto 119px;position: relative;width: 1000px;text-align: center;}
#contents06 .inner-Box1 h2.f-en {margin-bottom: 40px;position: relative;font-size: 32px;line-height: 1.5;letter-spacing: 0;font-weight: 400;}
#contents06 .inner-Box1 p.btn {margin-bottom: 32px;}
#contents06 .inner-Box1 p.btn img {  }
#contents06 .inner-Box1 h3 {margin-bottom: 14px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 3.2px;font-weight: 400;}
#contents06 .inner-Box1 p.text {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 2;letter-spacing: 0.56px;font-weight: 400;}
#contents06 .inner-Box2 {margin: 0 auto 202px;position: relative;max-width: 1720px;background: #DEDEDE;padding: 0 20px;padding-bottom: 45px;}
#contents06 .inner-Box2 h2.f-en {margin-bottom: 11px;position: relative;text-align: center;font-size: 32px;line-height: 1.5;letter-spacing: 0;font-weight: 400;top: -24px;}
#contents06 .inner-Box2 h3 {margin-bottom: 30px;position: relative;text-align: center;font-size: 20px;line-height: 2.2;letter-spacing: 5.2px;font-weight: 600;}
#contents06 .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;max-width: 1370px;}
#contents06 .inner-Box2 ul li {width: 48.2%;margin-right: 3.6%;}
#contents06 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents06 .inner-Box2 ul li figure {margin-bottom: 26px;}
#contents06 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
#contents06 .inner-Box2 ul li a {text-align: center;}
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box2 p.ltext {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 2;letter-spacing: 0.56px;font-weight: 400;}

#contents {margin: 0 auto -119px;position: relative;background: url(../images/index/contents07-back01.png)no-repeat top center;padding-bottom: 48px;z-index: 3;}
#contents .ttl-Box{margin: 0 auto -36px;width: 1099px;padding: 0px 0 0;position: relative;top: -66px;}
#contents .ttl-Box h2 {margin-bottom: 3px;position: relative;font-size: 20px;line-height: 2.6;letter-spacing: 3.2px;font-weight: 600;text-align: left;}
#contents .ttl-Box h2 span.f-en {font-size: 70px;line-height: 1.49;letter-spacing: 0;font-weight: 400;display: block;}
#contents .ttl-Box h2 span.jjp{position: relative;font-size: 30px;line-height: 1.73;letter-spacing: 4.8px;font-weight: 600;margin-top: 12px;display: block;}
#contents .ttl-Box .text{ width: 473px; font-size: 14px; line-height: 2; letter-spacing: 0.56px; font-weight: 400; }

#contents .inner-Box {margin: 0 auto;position: relative;margin-left: 11.4vw;}

#contents .system-list{margin-bottom: 50px;}

#contents .system-list li{line-height: 1.4;width: 751px;height: 242px;margin-right: 50px;position: relative;margin-bottom: 20px;border-bottom: 1px solid #000;}
#contents .system-list li a span.f-en{font-size: 12px;display: block;margin-bottom: 20px;padding-top: 40px;}
#contents .system-list li a{display: block;padding-left: 340px;padding-top: 54px;padding-right: 30px;}
#contents .system-list li a:hover{ text-decoration: none; }
#contents .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; }
#contents .system-list li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;padding-bottom: 10px;margin-bottom: 4px;padding-right: 30px;}
#contents .system-list li .system-text span{display: inline-block;background: #4B555D;color: #fff;margin-left: 15px;padding: 2px 27px;}
#contents .system-list li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#contents .system-pic {width: 100%;aspect-ratio: 295 / 200;overflow: hidden;text-align: center;margin-bottom: 15px;position: absolute;top: 0;: 0;left: 0;width: 295px;}
#contents .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#contents .system-date::before{ }
#contents .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#contents .system-contents .longicon2{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }

#contents .system-ttl-01{margin-bottom: 10px;padding: 0 0 20px 0;font-size: 20px;line-height: 1.3;letter-spacing: 1px;font-weight: 400;}
#contents .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#contents .fffll {color: #AA830C;font-size: 16px;line-height: 2;letter-spacing: 0.96px;font-weight: 400;margin-bottom: 14px;}
#contents .text2{ position: absolute; bottom: 26px; padding-right: 50px; }
#contents .more{width: 92px;height: 25px;position: absolute;top: 70px;left: 50%;border-bottom: 1px solid #000;color: #000;margin-left: 458px;font-size: 12px;line-height: 1.5;letter-spacing: 0.56px;font-weight: 400;}
#contents .more a{display: block;position: relative;color: #000;padding: 0px;}
#contents .more a span{position: absolute;top: -3px;right: 0;}
#contents .arr{position: absolute;bottom: 30px;right: 31px;}
#contents .prev-arrow{position: absolute;left: 50%;margin-left: 148px;top: -130px;}
#contents .next-arrow{position: absolute;left: 50%;transform: scale(-1, 1);margin-left: 213px;top: -130px;}

#contents08 {margin: 0 auto 106px;position: relative;background: #4B555E;padding: 262px 0 60px;}
#contents08 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding-left: 740px;}
#contents08 .inner-Box h2 {margin-bottom: 47px;}
#contents08 .inner-Box h2 span{  }
#contents08 .inner-Box h2 img {  }
#contents08 .inner-Box p.btn {position: absolute;top: -24px;left: 0;}
#contents08 .inner-Box p.btn img {  }
#contents08 .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;}
#contents08 .inner-Box ul li {margin-bottom: 20px;}
#contents08 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents08 .inner-Box ul li figure {  }
#contents08 .inner-Box ul li a {  }
#contents08 .inner-Box ul li a:hover {  }

#contentsend .inner-Box2{font-size: 14px;line-height: 2.29;letter-spacing: 0.98px;font-weight: 500;max-width: 1340px;margin: 0 auto -10px;padding: 177px 30px 0px;}
#contentsend .inner-Box2 p{font-weight: 400;}


}
@media screen and (min-width:768px) and ( max-width:1300px) {
#contnets04 .ttl-Box { width: 227px; }
#contnets04 .inner-Box {padding: 0 260px 0 0;width: 710px;}
#contnets04 .inner-Box figure.photo {
    width: 700px;
    left: -40px;
    transform: translateX(-100%);
}
#contnets04 .inner-Box figure.photo img{width: 100%;}



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

#contentsmain {position: relative;background: url('../images/index/sp-contentsmain-back01.png')no-repeat bottom center;z-index: 7;background-size: 100% auto;padding-bottom: 1vw;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h2 {position: relative;z-index: 6;width: 74.64vw;padding: 9.3vw 0 0 5.8vw;margin-bottom: 5.9vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%;height: auto; }
#contentsmain .inner-Box figure.photo {position: relative;top: -0.7vw;right: 0;width: 94vw;z-index: 3;margin: 0 0 13.2vw auto;}
#contentsmain .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: absolute;top: 79.7vw;left: 3.3vw;z-index: 3;width: 58.79vw;}
#contentsmain .inner-Box figure.img img{ width: 100%;height: auto; }
#contentsmain .inner-Box p.text {margin-bottom: 2.5vw;position: relative;text-align: center;color: #fff;font-size: 2.66vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}
#contentsmain span.icon01 {display: block;line-height: 1;position: absolute;bottom: -6.7vw;left: 5.33vw;width: 40vw;}
#contentsmain span.icon01 img {  }
#contentsmain .photo { opacity: 0; transform: translateY(2.67vw); transition: opacity 1.5s ease, transform 1.5s ease; }
#contentsmain .photo.is-visible { opacity: 1; transform: translateY(0); }

/* event -------------------------------------*/
#event {background: url(../images/index/sp-contents01-back01.png) no-repeat top center #4B555E;padding-bottom: 26.6vw;background-size: 100% auto;padding-top: 16.8vw;}
#event .inner-Box{padding-left: 0vw;position: relative;}
#event .inner-Box h2{position: relative;font-size: 3.38vw;line-height: 2.07;letter-spacing: 0.54vw;font-weight: 600;margin-left: 5.2vw;margin-bottom: 6.9vw;}
#event .inner-Box h2 span{display: block;font-size: 11.11vw;line-height: 1.48;letter-spacing: 0;font-weight: 400;margin-bottom: -1.7vw;}

#event .system-list{margin-bottom: -0.17vw;}
#event .system-list li{position: relative;line-height: 1.4;margin: 0 3.62vw;position: relative;margin-bottom: 5.33vw;background: #fff;width: 60.39vw;}
#event .system-list .icon{width: 19.2vw;border-radius: 8.0vw;height: 5vw;text-align: center;color: #fff;margin-bottom: 2.93vw;font-size: 2.9vw;line-height: 1.92;letter-spacing: 0.35vw;font-weight: 400;display: inline-block;}

#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 4.0vw;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li .system-date{margin-bottom: 0.07vw;position: relative;padding: 0 0 0 18.13vw;font-size: 2.42vw;line-height: 2.5;letter-spacing: 0.29vw;font-weight: 400;}
#event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #1B1B1B;}
#event .system-list li .system-date .start_text{color: #1B1B1B;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#event .system-list li .system-information { border-bottom: 0.27vw solid #eee; padding-bottom: 2.67vw; margin-bottom: 5.33vw;}
#event .system-list li .system-txt{ font-size:  4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
#event .system-list li .system-coment{ font-size: 4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
#event .system-list li .system-ttl-01{margin-bottom: 1.63vw;font-size: 2.66vw;line-height: 1.82;letter-spacing: 0.11vw;font-weight: 400;min-height: 10vw;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .text-box{padding: 0.87vw 3.57vw 5.33vw;}

#event .inner-Box .more{height: 8.67vw;position: relative;border-bottom: 0.27vw solid;margin: 0 47.3vw 0 20vw;font-size: 4.11vw;line-height: 1.47;letter-spacing: 0.16vw;font-weight: 400;}
#event .inner-Box .more a{display: block;position: relative;}
#event .inner-Box .more a span{position: absolute;top: -1vw;width: 3.2vw;right: 0;}

#event .prev-arrow{position: absolute;top: -17.03vw;right: 19.1vw;width: 8.70vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#event .next-arrow{position: absolute;top: -17.1vw;right: 5.4vw;transform: scale(-1, 1);width: 8.70vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

#contents02 {margin: 0 auto -2.5vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top -18.3vw center;overflow: hidden;background-size: 100% auto;}
#contents02 .back-Box {position: relative;background: url('../images/index/contents02-back02.png')repeat-x bottom 47.4vw center;animation: scrollBackground3 160s linear infinite;background-size: auto 19vw;}
@keyframes scrollBackground3 { 0% { background-position:left 0 bottom 47.4vw; } 100% { background-position:left 1039.37vw bottom 47.4vw; } }


#contents02 .back-Box h2 {margin-bottom: 9.97vw;position: relative;text-align: center;color: #fff;font-size: 3.86vw;line-height: 2.38;letter-spacing: 1vw;font-weight: 400;}
#contents02 .back-Box h2 span {display: block;margin-bottom: 7.47vw;font-size: 6.28vw;line-height: 1.5;letter-spacing: 0;font-weight: 400;}
#contents02 .inner-Box {position: relative;color: #fff;}
#contents02 .inner-Box figure.photo01 {position: relative;top: 0;right: 0vw;margin-left: 8.9vw;margin-bottom: 10.7vw;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box p.text {margin: 0 9vw 7.93vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.14vw;font-weight: 400;}
#contents02 .inner-Box .ccmore{ margin: 0 9vw; }
#contents02 .inner-Box .ccmore a{height: 15.43vw;display: block;position: relative;border-radius: 1.07vw;background: #fff;padding: 4.63vw 5.73vw;font-size: 3.86vw;line-height: 1.69;letter-spacing: 0.15vw;font-weight: 400;}
#contents02 .inner-Box .ccmore a span{position: absolute;top: 2.63vw;right: 5.9vw;width: 4.6vw;}

#contents02 .inner-Box2 {position: relative;height: 180vw;}
#contents02 .inner-Box2 figure.photo02 {position: relative;top: 15.3vw;width: 50.7vw;left: 50%;margin: 0 0 0 -14.67vw;}
#contents02 .inner-Box2 figure.photo02 img{  }
#contents02 .inner-Box2 figure.photo03 {position: relative;top: 27.13vw;left: 2.9vw;width: 65.4vw;}
#contents02 .inner-Box2 figure.photo03 img{  }
#contents02 .inner-Box2 figure.photo04 {position: relative;top: 45.4vw;margin-left: 42.2vw;margin-right: 3vw;}
#contents02 .inner-Box2 figure.photo04 img{  }

#contents03 {margin: 0 auto 25.73vw;position: relative;}
#contents03 .inner-Box {position: relative;padding: 1vw 5.33vw 0 5.33vw;}
#contents03 .inner-Box h2 {margin-bottom: 7.93vw;position: relative;font-size: 3.38vw;line-height: 2.07;letter-spacing: 0.54vw;font-weight: 600;}
#contents03 .inner-Box h2 span.f-en {display: block;font-size: 11.11vw;line-height: 1.48;letter-spacing: 0;font-weight: 400;margin-bottom: -1.7vw;}
#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;margin-bottom: 2.8vw;}
#contents03 .inner-Box ul li {position: relative;width: 100%;margin-bottom: 8.37vw;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.03vw;}
#contents03 .inner-Box figure.photo img{width: 100%;}
#contents03 .inner-Box h3 {margin-bottom: 0vw;position: relative;font-size: 4.35vw;line-height: 2.61;letter-spacing: 0.61vw;font-weight: 400;}
#contents03 .inner-Box p.ltext {margin-bottom: 0.0vw;position: relative;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0.14vw;font-weight: 400;}
#contents03 .inner-Box p.btn {text-align: center;margin: 0 -2.5vw;}
#contents03 .inner-Box p.btn img {width: 100%;}
#contents03 .inner-Box p.btn span{font-size: 3.38vw;line-height: 1.86;letter-spacing: 0.14vw;text-align: left;font-weight: 400;padding: 3.4vw 0 0;}

#contents03 .inner-Box .ccmore{margin: 0 3.5vw 20.4vw;}
#contents03 .inner-Box .ccmore a{height: 15.43vw;display: block;position: relative;border-radius: 1.07vw;background: #fff;padding: 4.63vw 5.73vw;font-size: 3.86vw;line-height: 1.69;letter-spacing: 0.15vw;font-weight: 400;}
#contents03 .inner-Box .ccmore a span{position: absolute;top: 2.63vw;right: 5.9vw;width: 4.6vw;}

#contnets04 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contnets04-back01.png')no-repeat top center #4B555E;z-index: 4;background-size: 100% auto;padding-bottom: 4vw;}
#contnets04 .ttl-Box {position: relative; /* ← これ必須 */padding: 11.3vw 5vw 2vw 57.9vw;}
#contnets04 .ttl-Box h2 {position: absolute;top: 11.2vw;left: 5.5vw;width: 37.8vw;}
#contnets04 .ttl-Box h2 span{  }
#contnets04 .ttl-Box h2 img {  }
#contnets04 .ttl-Box ul{}
#contnets04 .ttl-Box ul li { position: relative; }
#contnets04 .ttl-Box ul li a {color: #fff;}
#contnets04 .ttl-Box ul li a:hover {  }
#contnets04 .ttl-Box p.ltext {margin-bottom: 4.03vw;position: relative;padding-left: 5.33vw;}
#contnets04 .inner-Box {margin: 0 0 15.33vw auto;position: relative;color: #fff;padding: 0vw 5.3vw 0;}
#contnets04 .inner-Box span.noicon {display: block;line-height: 1;position: absolute;top: 8.8vw;right: 5.5vw;width: auto;}
#contnets04 .inner-Box span.noicon img{width: auto;height: 12vw;}
#contnets04 .inner-Box span.noicon.mmm{
    top: -1vw;
}
#contnets04 .inner-Box h3 {margin-bottom: -0.43vw;position: relative;font-size: 5.8vw;line-height: 3.08;letter-spacing: 0.99vw;font-weight: 400;}
#contnets04 .inner-Box h3 span {display: block;margin-bottom: -4.23vw;font-size: 4.83vw;line-height: 2.6;letter-spacing: 0.87vw;font-weight: 600;}
#contnets04 .inner-Box figure.photo {position: relative;top: 0;left: 0vw;margin-bottom: 3.6vw;}
#contnets04 .inner-Box figure.photo img{width: 100%;}
#contnets04 .inner-Box p.text {margin-bottom: 4.27vw;position: relative;font-size: 3.86vw;line-height: 2.13;letter-spacing: 0.15vw;font-weight: 400;}

#contnets04 .inner-Box p.ccmore{margin: 0vw 8.5vw;}
#contnets04 .inner-Box p.ccmore a{height: 15.43vw;display: block;position: relative;border-radius: 1.07vw;background: #fff;padding: 4.63vw 5.73vw;font-size: 3.86vw;line-height: 1.69;letter-spacing: 0.15vw;font-weight: 400;}
#contnets04 .inner-Box p.ccmore a span{position: absolute;top: 2.63vw;right: 4.9vw;width: 4.6vw;}

#contents05 {margin: 0 auto 16.43vw;position: relative;background-size: 100% auto;}
#contents05 .inner-Box1 {margin: 0 auto 24.83vw;position: relative;padding: 17.2vw 3vw 2vw;background: url('../images/index/sp-contents05-back01.png')no-repeat bottom center #fff;background-size: 100% auto;}
#contents05 .inner-Box1 p.entext {margin-bottom: 6.87vw;position: relative;font-size: 5.31vw;line-height: 1.5;letter-spacing: 0;font-weight: 400;margin: 0 2.2vw 6.6vw;}
#contents05 .inner-Box1 p.entext span.f-en {  }
#contents05 .inner-Box1 h2 {margin-bottom: 5.2vw;margin-right: 18.4vw;margin-left: 2.5vw;}
#contents05 .inner-Box1 h2 span{  }
#contents05 .inner-Box1 h2 img {  }
#contents05 .inner-Box1 h3 {margin: 0 1.3vw 7.93vw 2.7vw;z-index: 3;position: relative;}
#contents05 .inner-Box1 h3 span{  }
#contents05 .inner-Box1 h3 img {  }
#contents05 .inner-Box1 figure.photo01 {position: relative;top: 0;right: 0vw;margin-bottom: 5vw;}
#contents05 .inner-Box1 figure.photo01 img{  }
#contents05 .inner-Box1 p.text {margin: 0 2.3vw 9.6vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.14vw;font-weight: 400;}
#contents05 .inner-Box1 figure.photo02 {position: relative;to;bottom: -13.47vw;left: 0;margin: 0 8.7vw;}
#contents05 .inner-Box1 figure.photo02 img{  }
#contents05 .inner-Box2 {margin: 0;position: relative;text-align: center;}
#contents05 .inner-Box2 p.btn {margin-bottom: 5.4vw;}
#contents05 .inner-Box2 p.btn img {width: 100%;}
#contents05 .inner-Box2 p.text2 {margin: 0 5.5vw 5.33vw;position: relative;font-size: 2.9vw;line-height: 2.3;letter-spacing: 0.12vw;font-weight: 400;text-align: left;}
#contents05 .inner-Box2 h4 {margin-bottom: 0.0vw;position: relative;font-size: 3.86vw;line-height: 2.5;letter-spacing: 0.23vw;font-weight: 400;}
#contents05 .inner-Box1 .ccmore{margin: 0 5.9vw;}
#contents05 .inner-Box1 .ccmore a{height: 15.43vw;display: block;position: relative;border-radius: 1.07vw;background: #4B555D;color: #fff;padding: 4.63vw 5.73vw;font-size: 3.86vw;line-height: 1.69;letter-spacing: 0.15vw;font-weight: 400;}
#contents05 .inner-Box1 .ccmore a span{position: absolute;top: 2.63vw;right: 5.9vw;width: 4.6vw;}


#works {margin: 0 auto 23.97vw;position: relative;}
#works .inner-Box {margin: 0 2.8vw;position: relative;}
#works .inner-Box h2 {margin-bottom: 9.33vw;position: relative;text-align: center;font-size: 3.38vw;line-height: 2.07;letter-spacing: 0.54vw;font-weight: 600;}
#works .inner-Box h2 span.f-en {display: block;font-size: 11.11vw;line-height: 1.48;letter-spacing: 0;font-weight: 400;}

#works .system-list{margin-bottom: 1vw;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: 47.7%;margin-right: 4.5%;position: relative;margin-bottom: 4.33vw;}
#works .system-list li:nth-child(2n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list li::before{content: "";}
#works .system-list li .text-cate{color: #ccc;font-size: 3.2vw;margin-bottom: 2.67vw;}
#works .system-list li .text-cate span{display: inline-block;border: #ccc solid 0.27vw;margin: 0 1.07vw 1.07vw 0;padding: 0.8vw;}
#works .text1{ font-size: 3.73vw; width: 100%; border: 0.27vw solid #DEDEDE; background: #F8F7F5; height: 10.67vw; text-align: center; padding: 2.4vw; margin-bottom: 2.67vw; font-weight: 400; }
#works .text2{margin-bottom: 1.67vw;font-size: 2.42vw;line-height: 1.6;letter-spacing: 0.34vw;font-weight: 400;}

#works .system-pic {width: 100%;aspect-ratio: 530 / 315;overflow: hidden;text-align: center;margin-bottom: 1.2vw;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 2.67vw; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 1.33vw; line-height: 1.4; }
#works .system-ttl-01{margin-bottom: 2.67vw;font-size: 3.38vw;line-height: 1.57;letter-spacing: 0.14vw;font-weight: 400;}
#works .system-list li  .catelist{text-align: right;margin-bottom: -6.2vw;min-height: 7vw;}
#works .system-list li  .catelist span{background: #4B555D;margin: 0 0.0vw 2.67vw 2.67vw;display: inline-block;color: #fff;padding: 0.93vw 4.27vw;font-size: 1.93vw;line-height: 1;letter-spacing: 0.06vw;font-weight: 400;}
#works .inner-Box .more{padding-top: 6.4vw;}
#works .inner-Box .more a{height: 15.4vw;display: block;position: relative;border-radius: 1.07vw;background: #fff;padding: 4.73vw 6.1vw;margin: 0 6vw;font-size: 3.86vw;line-height: 1.69;letter-spacing: 0.15vw;font-weight: 400;}
#works .inner-Box .more a span{position: absolute;top: 2.67vw;right: 5.87vw;width: 4.5vw;}


#voice {margin: 0 auto 19.93vw;position: relative;background: #4B555E;padding-bottom: 13.33vw;}
#voice .ttl-Box{color: #fff;margin: 0 5vw;padding: 14.17vw 0 0;}
#voice .ttl-Box h2 {margin-bottom: 9.73vw;position: relative;font-size: 5.33vw;/* line-height: 2.6; */letter-spacing: 0.85vw;font-weight: 600;text-align: left;}
#voice .ttl-Box h2 span.f-en {display: block;font-size: 11.11vw;line-height: 1.48;letter-spacing: 0;font-weight: 400;margin-bottom: 3.7vw;}
#voice .ttl-Box h2 span.jjp{position: relative;font-size: 3.38vw;line-height: 1.77;letter-spacing: 0.54vw;font-weight: 600;display: block;margin-right: 1vw;}

#voice .inner-Box {position: relative;}

#voice .system-list{margin-bottom: 5.13vw;}

#voice .system-list li{line-height: 1.4;width: 89.37vw;margin: 0 2.66vw;position: relative;margin-bottom: 5.33vw;background: #fff;}
#voice .system-list li a span.f-en{font-size: 3.2vw;display: block;margin-bottom: 5.33vw;padding-top: 10.67vw;}
#voice .system-list li a{display: block;min-height: 112.9vw;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .longicon{  font-size: 3.73vw; letter-spacing: 0.19vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 9.6vw; 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.6vw; text-align: center; padding: 2.13vw 0 0; z-index: 3; }
#voice .system-list li .system-text{font-size: 3.73vw;letter-spacing: 0.19vw;font-weight: 400;line-height: 1.71;padding-bottom: 2.67vw;margin-bottom: 5.33vw;padding-right: 8.0vw;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 2.67vw; }
#voice .system-list li .honb{color: #D1D1D1;font-size: 3.47vw;margin-bottom: 5.33vw;}
#voice .system-pic {width: 100%;aspect-ratio: 48 / 30;overflow: hidden;text-align: center;margin-bottom: 6vw;: 0;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-date{ font-size: 3.73vw; margin-bottom: 2.67vw; line-height: 1.4; }
#voice .system-date::before{ }
#voice .system-name{font-size: 3.73vw;margin-bottom: 2.67vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.6vw 4.27vw;}
#voice .system-contents .longicon2{  font-size: 3.73vw; letter-spacing: 0.19vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 9.6vw; 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.6vw; text-align: center; padding: 2.13vw 0 0; z-index: 3; }

#voice .system-ttl-01{font-size: 4.8vw;margin: 0 7.2vw 2.67vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.0vw;padding: 0 0 5.33vw 0;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .fffll {color: #AA830C;font-size: 4.27vw;line-height: 2;letter-spacing: 0.26vw;font-weight: 400;margin: 0 7.7vw 3.73vw;}
#voice .text2{position: absolute;bottom: 6.13vw;padding-right: 13.33vw;left: 7.2vw;}
#voice .more{height: 8.0vw;position: relative;border-bottom: 0.27vw solid;color: #fff;margin: 0 33.7vw;font-size: 4.11vw;line-height: 1.47;letter-spacing: 0.16vw;font-weight: 400;}
#voice .more a{display: block;position: relative;color: #fff;padding: 0.0vw;}
#voice .more a span{position: absolute;top: -1.4vw;right: 0;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 3.1vw;}
#voice .arr{position: absolute;bottom: 6.9vw;right: 9.97vw;width: 3.1vw;}
#voice .prev-arrow{position: absolute;left: 2.9vw;top: 23.6vw;margin-left: 0vw;width: 9.2vw;z-index: 3;}
#voice .next-arrow{position: absolute;transform: scale(-1, 1);margin-left: 6.67vw;right: 3vw;width: 9.2vw;top: 23.4vw;}

#contents06 {margin: 0 3vw;position: relative;}
#contents06 .inner-Box1 {margin: 0 auto 23.93vw;position: relative;text-align: center;}
#contents06 .inner-Box1 h2.f-en {margin-bottom: 6.57vw;position: relative;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0;font-weight: 400;}
#contents06 .inner-Box1 p.btn {margin-bottom: 4.73vw;}
#contents06 .inner-Box1 p.btn img {  }
#contents06 .inner-Box1 h3 {margin-bottom: 1.73vw;position: relative;font-size: 4.35vw;line-height: 2.61;letter-spacing: 0.43vw;font-weight: 400;text-align: left;margin-left: 2.2vw;}
#contents06 .inner-Box1 p.text {margin: 0 2vw 8.0vw;position: relative;font-size: 2.9vw;line-height: 2.33;letter-spacing: 0.12vw;font-weight: 400;text-align: left;}
#contents06 .inner-Box2 {margin: 0 auto 18.47vw;position: relative;background: #DEDEDE;padding: 0 6.03vw;padding-bottom: 12.0vw;}
#contents06 .inner-Box2 h2.f-en {margin-bottom: -0.77vw;position: relative;text-align: center;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0;font-weight: 400;top: -6.2vw;}
#contents06 .inner-Box2 h3 {margin-bottom: 5.1vw;position: relative;text-align: center;font-size: 3.38vw;line-height: 3.14;letter-spacing: 0.54vw;font-weight: 600;}
#contents06 .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents06 .inner-Box2 ul li {width: 100%;}
#contents06 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents06 .inner-Box2 ul li figure {margin-bottom: 2.63vw;}
#contents06 .inner-Box2 ul li figure img{ width: 100%; height: auto; }
#contents06 .inner-Box2 ul li a {text-align: center;}
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box2 p.ltext {margin-bottom: 10.5vw;position: relative;font-size: 2.9vw;line-height: 2.33;letter-spacing: 0.12vw;font-weight: 400;text-align: left;}

#contents {margin: 0 auto 35vw;position: relative;background: #FFFFFF;padding-bottom: 0.8vw;z-index: 3;background-size: 100% auto;}
#contents .ttl-Box{margin: 0 auto 8.2vw;padding: 12.6vw 5vw 0;position: relative;top: 0vw;}
#contents .ttl-Box h2 {margin-bottom: 0vw;position: relative;font-size: 5.33vw;line-height: 2.6;letter-spacing: 0.85vw;font-weight: 600;text-align: left;}
#contents .ttl-Box h2 span.f-en {display: block;font-size: 11.11vw;line-height: 1.48;letter-spacing: 0;font-weight: 400;margin-bottom: -3.2vw;}
#contents .ttl-Box h2 span.jjp{position: relative;margin-top: 3.2vw;display: block;font-size: 5.07vw;line-height: 2.24;letter-spacing: 0.71vw;font-weight: 400;}
#contents .ttl-Box .text{font-size: 3.14vw;line-height: 2;letter-spacing: 0.13vw;font-weight: 400;}

#contents .inner-Box {margin: 0 5.3vw;position: relative;}

#contents .system-list{margin-bottom: 8.43vw;}

#contents .system-list li{line-height: 1.4;width: 89.37vw;margin-right: 13.33vw;position: relative;margin-bottom: 5.33vw;border-bottom: 0.27vw solid #000;}
#contents .system-list li a span.f-en{font-size: 3.2vw;display: block;margin-bottom: 5.33vw;padding-top: 10.67vw;}
#contents .system-list li a{display: block;}
#contents .system-list li a:hover{ text-decoration: none; }
#contents .system-list li .longicon{  font-size: 3.73vw; letter-spacing: 0.19vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 9.6vw; 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.6vw; text-align: center; padding: 2.13vw 0 0; z-index: 3; }
#contents .system-list li .system-text{padding-bottom: 2.67vw;margin: 0 7.5vw 1.07vw;padding-right: 8.0vw;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0.17vw;font-weight: 400;}
#contents .system-list li .system-text span{display: inline-block;background: #4B555D;color: #fff;margin-left: 3vw;padding: 0.13vw 5.5vw;}
#contents .system-list li .honb{color: #D1D1D1;font-size: 3.47vw;margin-bottom: 5.33vw;}
#contents .system-pic {width: 100%;aspect-ratio: 295 / 200;overflow: hidden;text-align: center;margin-bottom: 2.6vw;position: relative;top: 0;: 0;left: 0;}
#contents .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents .system-date{ font-size: 3.73vw; margin-bottom: 2.67vw; line-height: 1.4; }
#contents .system-date::before{ }
#contents .system-name{font-size: 3.73vw;margin-bottom: 2.67vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.6vw 4.27vw;}
#contents .system-contents .longicon2{  font-size: 3.73vw; letter-spacing: 0.19vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 9.6vw; 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.6vw; text-align: center; padding: 2.13vw 0 0; z-index: 3; }

#contents .system-ttl-01{margin-bottom: 2.67vw;padding: 0 7.7vw 5.33vw;font-size: 3.86vw;line-height: 1.88;letter-spacing: 0.23vw;font-weight: 400;}
#contents .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#contents .fffll {color: #AA830C;font-size: 4.27vw;line-height: 2;letter-spacing: 0.26vw;font-weight: 400;margin-bottom: 3.73vw;}
#contents .text2{ position: absolute; bottom: 6.93vw; padding-right: 13.33vw; }
#contents .more{height: 8.37vw;position: relative;width: 32.9vw;top: 16.67vw;left: 34vw;border-bottom: 0.27vw solid #000;color: #000;margin-left: 0vw;font-size: 4.11vw;line-height: 1.47;letter-spacing: 0.16vw;font-weight: 400;}
#contents .more a{display: block;position: relative;color: #000;padding: 0.0vw;}
#contents .more a span{position: absolute;top: -0.9vw;right: 0;width: 3.6vw;}
#contents .arr{position: absolute;bottom: 8.0vw;right: 8.27vw;}
#contents .prev-arrow{position: absolute;left: -2.3vw;top: 23.6vw;margin-left: 0vw;width: 9.2vw;z-index: 3;}
#contents .next-arrow{position: absolute;transform: scale(-1, 1);margin-left: 6.67vw;right: -2.5vw;width: 9.2vw;top: 23.4vw;}

#contents08 {margin: 0 auto 10.37vw;position: relative;background: #4B555E;padding: 13.87vw 0 6vw;}
#contents08 .inner-Box {margin: 0 5.3vw;position: relative;padding-left: 0vw;}
#contents08 .inner-Box h2 {margin: 0 6.7vw 7.53vw 0vw;}
#contents08 .inner-Box h2 span{  }
#contents08 .inner-Box h2 img {  }
#contents08 .inner-Box p.btn {position: relative;top: 0vw;margin-bottom: 6vw;left: 0;}
#contents08 .inner-Box p.btn img {  }
#contents08 .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;}
#contents08 .inner-Box ul li {margin-bottom: 3.33vw;}
#contents08 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents08 .inner-Box ul li figure {  }
#contents08 .inner-Box ul li a {  }
#contents08 .inner-Box ul li a:hover {  }

#contentsend .inner-Box2{font-size: 3.73vw;line-height: 2.29;letter-spacing: 0.26vw;font-weight: 500;margin: 0 auto 12.2vw;padding: 14.6vw 2.1vw 0.0vw;}
#contentsend .inner-Box2 p{font-size: 2.9vw;line-height: 2.08;letter-spacing: 0.2vw;font-weight: 500;}






}