@charset "UTF-8";


@media screen and (min-width: 768px),print {  
  #contentsmain {margin: 0 auto -199px;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top center;padding-bottom: 200px;background-size: cover;}
  #contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 45px 0 0;}
  #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 17px;width: auto;margin: 0 auto;text-align: center;}
  #contentsmain .inner-Box figure.img img{width: auto;}
  #contentsmain .inner-Box span.scroll { display: block; line-height: 1; }
  #contentsmain .inner-Box span.scroll img {  }

  #contentsmain .scroll{position: absolute;right: 4.3vw;bottom: 10.5vw;}

  /*スクロールダウン全体の場所*/
  .scrolldown1{/*描画位置※位置は適宜調整してください*/position:absolute;right: 4.7vw;bottom: 12.8vw; /*全体の高さ*/height: 177px;overflow: hidden;width: 1px;z-index: 3;}
  /* 線の描写 */
  .scrolldown1::after{content: ""; /*描画位置*/position: absolute;bottom: 0; /*線の形状*/width: 1px;height: 177px;background: #fff; /*線の動き1.4秒かけて動く。永遠にループ*/animation: pathmove 1.4s ease-in-out infinite;opacity:0;}
  /*高さ・位置・透過が変化して線が上から下に動く*/
  @keyframes pathmove{
  0%{height:0; top:0; opacity: 0; } 30%{height:177px; opacity: 1; } 100%{height:177px; top: 12.6vw; opacity: 0; } }
  
  #contents01 {margin: 0 auto -401px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 284px 0 0;}
  #contents01 figure.img01 {position: absolute;top: 90px;left: -9px;z-index: 3;}
  #contents01 figure.img01 img{  }
  #contents01 .back-Box{margin: 0 auto;position: relative;background: url('../images/index/contents01-back02.png')repeat-x top center;animation: slide-left 60s linear infinite;}
  @keyframes slide-left {
    0% { background-position: 0 top; }
    100% { background-position: -2000px top; }
  }
  #contents01 .inner-Box {margin: 0 auto;position: relative;padding: 359px 0 556px;}
  #contents01 .inner-Box figure.img02 {position: absolute;top: 216px;left: 50%;margin-left: -700px;}
  #contents01 .inner-Box figure.img02 img{  }
  #contents01 .inner-Box p.text {font-size: 24px;line-height: 3.75;font-weight: 500;letter-spacing: 1.2px;margin-bottom: 107px;position: relative;text-align: center;}
  #contents01 .inner-Box span.arr { display: block; line-height: 1; }
  #contents01 .inner-Box figure.img03 {position: absolute;top: 730px;left: 50%;margin-left: 436px;}
  #contents01 .inner-Box figure.img04 {position: absolute;bottom: 370px;left: 50%;margin-left: 501px;z-index: 5;}

  #contents02 {margin: 0 auto -103px;position: relative;max-width: 1800px;background: #003253;height: 504px;padding: 0 20px;z-index: 4;}
  #contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1600px;padding: 77px 0 0;}
  #contents02 .left-Box .morebtn2{position: absolute;top: 34px;right: 0;}
  #contents02 .right-Box .morebtn2{position: absolute;top: 134px;left: 0;}
  #contents02 .left-Box {position: relative;color: #fff;width: 33.8%;float: left;margin-right: 6.2%;}
  #contents02 .left-Box h2 {font-size: 16px;line-height: 1.4;font-weight: 700;letter-spacing: -0.64px;margin-bottom: 59px;position: relative;}
  #contents02 .left-Box h2 span.f-en {font-size: 50px;display: block;margin-bottom: -7px;}
  #contents02 .left-Box li {position: relative;display: block;border-bottom: 1px solid #fff;font-size: 14px;font-weight: 500;padding: 0 0 19px 118px;margin-bottom: 38px;}
  #contents02 .left-Box li a{ color: #fff;}
  #contents02 .left-Box li .system-date{position: absolute;top: 0;left: 0;}
  #contents02 .left-Box li .system-ttl-01{ }

  #contents02 .right-Box {position: relative;float: left;width: 60%;padding: 0 0 0 225px;}
  #contents02 .right-Box h2 {font-size: 16px;line-height: 1.4;font-weight: 700;letter-spacing: -0.64px;margin-bottom: 59px;position: relative;color: #fff;position: absolute;top: 0;left: 0;}
  #contents02 .right-Box h2 span.f-en {font-size: 50px;display: block;margin-bottom: -7px;}
  #contents02 .right-Box .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;}
  #contents02 .right-Box .system-list li{position: relative;line-height: 1.4;width: 100%;position: relative;background: #fff;@: -;padding: 61px 20px 20px 49.5%;height: 344px;}
  #contents02 .right-Box .system-list li a:hover{ text-decoration: none; }
  #contents02 .right-Box .system-list .system-pic {width: 41.4%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: absolute;top: 20px;left: 20px;}
  #contents02 .right-Box .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #contents02 .right-Box .system-list li .system-date{font-size: 13px;margin-bottom: 10px;line-height: 1.4;position: relative;padding: 0 0 0 70px;}
  #contents02 .right-Box .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;color: #9D774F;}
  #contents02 .right-Box .system-list li .system-date .start_text{ }
  #contents02 .right-Box .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
  #contents02 .right-Box .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
  #contents02 .right-Box .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
  #contents02 .right-Box .system-list li .system-ttl-01{font-size: 20px;font-weight: 700;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 20px;padding: 0 0 14px;border-bottom: #CCC dotted 1px;}
  #contents02 .right-Box .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #contents02 .right-Box .system-list li .text-box{padding: 0px 0px 20px;}
  #contents02 .right-Box .icon01{background: #B18B28;}
  #contents02 .right-Box .icon02{ background: #222222; }
  #contents02 .right-Box .icon{display: inline-block;color: #fff;font-size: 14px;padding: 2px 13px;margin-bottom: 9px;}


  #contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding: 227px 0 160px;}
  #contents03 h2 {text-align: center;padding: 0 0 0 187px;margin-bottom: 81px;}
  #contents03 h2 span{  }
  #contents03 h2 img {  }
  #contents03 .inner-Box1 {margin: 0 auto 126px;position: relative;}
  #contents03 .inner-Box1 ul.reas-list {}
  #contents03 .inner-Box1 ul.reas-list li {position: relative;width: 400px;height: 642px;background: #fff;margin: 0 20px;}
  #contents03 .inner-Box1 ul.reas-list li a {  }
  #contents03 .inner-Box1 ul.reas-list li a:hover {  }
  #contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10px;}
  #contents03 .inner-Box1 figure.photo img{  }
  #contents03 .inner-Box1 h3 {font-size: 36px;line-height: 1.4;font-weight: 700;letter-spacing: 0px;margin: 0 33px 4px;position: relative;}
  #contents03 .inner-Box1 p.ltext {font-size: 20px;line-height: 1.75;font-weight: 400;letter-spacing: 0;margin: 0 33px 0px;position: relative;}
  #contents03 .inner-Box1 span.arr {display: block;line-height: 1;position: absolute;bottom: 20px;right: 20px;}
  #contents03 .inner-Box1 span.arr img {  }
  #contents03 .inner-Box1 h3 span {font-size: 20px;}
  #contents03 .inner-Box2 {margin: 0 auto;position: relative;padding: 0 30px;}
  #contents03 .inner-Box2 h4.f-en {font-size: 50px;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 54px;position: relative;text-align: center;color: #fff;}
  #contents03 .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;max-width: 1510px;margin: 0 auto;}
  #contents03 .inner-Box2 ul li {width: 31.9%;margin-right: 2.1%;}
  #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
  #contents03 .inner-Box2 ul li figure img { width: 100%; height: auto; }
  #contents03 .inner-Box2 ul li a {  }
  #contents03 .inner-Box2 ul li a:hover {  }
  

  #works { margin: 0 auto; position: relative; }
  #works .inner-Box { margin: 0 auto; position: relative; }
  #works .inner-Box h2 {  }
  #works .inner-Box h2 span{  }
  #works .inner-Box h2 img {  }

  #works .inner-Box .morebtn{position: absolute;top: 164px;right: 159px;}
  #works .inner-Box .morebtn a{ color: #333;}
  #works .inner-Box {margin: 0 auto;position: relative;padding: 71px 0 60px;color: #fff;}
  #works .inner-Box h2 { padding: 80px 40px 0; max-width: 1680px; margin: 0 auto 72px; }
#works  .morebtn a .arr{ padding-top: 31px; }
  #works .inner-Box h2 span.f-en {display: block;font-size: 38px;letter-spacing: 7.6px;font-weight: 600;margin-bottom: -7px;}
  #works .inner-Box .system-list{position: relative;height: 36.74vw;margin-bottom: 17px;}
  #works .inner-Box .system-list li{background: #000;width: 16.44vw;position: absolute;top: 0;left: 0;}
  #works .inner-Box .system-list li .textbox{position: absolute;top: 70%;left: 50%;z-index: 3;transform: translate(-50%, -50%);opacity: 0;transition: all 0.3s ease-in-out;width: 90%;height: 50%;color: #fff;text-align: left;}
  #works .inner-Box .system-list li p span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
  #works .inner-Box .system-list li p span.arr{display: inline;position: absolute;top: -7px;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(266deg) brightness(105%) contrast(101%);right: 0;}
  #works .inner-Box .system-list li p span.arr img{width: 14px; height: auto;}
  #works .inner-Box .system-list li p.f-en{width: 142px;border-bottom: 1px solid #fff;font-size: 14px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;}
  #works .inner-Box .system-list li .system-text{ font-size: 14px; letter-spacing: 0.7px; }
  #works .inner-Box .system-list li .system-text span{display: inline-block;background: #CDCFCC;color: #333;padding: 2px 10px;}
  #works .inner-Box .system-list li .system-ttl-01{ font-size: 16px; letter-spacing: 0.8px; }

  #works .inner-Box .system-list li:nth-child(1),
  #works .inner-Box .system-list li:nth-child(6){width: 30.08vw;}

  #works .inner-Box .system-list li a:hover .textbox{ opacity: 1; }
  #works .inner-Box .system-list li a:hover .system-pic img{ opacity: 0.2; transform: scale(1.03);}

  #works .inner-Box .system-list .system-pic img { width: 100%; height: 100%; opacity: 1; object-fit: cover; display: block;transition: all 0.3s ease-in-out; }
  #works .inner-Box .system-list li:nth-child(1) .system-pic{width: 100%;aspect-ratio: 4 / 4;overflow: hidden;text-align: center;position: relative;}
  #works .inner-Box .system-list li:nth-child(6) .system-pic{width: 100%;aspect-ratio: 2.63 / 4;overflow: hidden;text-align: center;position: relative;}
  #works .inner-Box .system-list li .system-pic
{width: 100%;aspect-ratio: 210 / 191;overflow: hidden;text-align: center;position: relative;}

  #works .inner-Box .system-list li:nth-child(1){ top: 0vw; left: 0vw; }
  #works .inner-Box .system-list li:nth-child(2){top: 0vw;left: 30.3vw;width: 16.5vw;}
  #works .inner-Box .system-list li:nth-child(3){top: 0vw;left: 47vw;width: 16.5vw;}
  #works .inner-Box .system-list li:nth-child(4){top: 15.1vw;left: 30.3vw;width: 16.5vw;}
  #works .inner-Box .system-list li:nth-child(5){top: 15.1vw;left: 47vw;width: 16.5vw;}
  #works .inner-Box .system-list li:nth-child(6){top: 0vw;left: 63.6vw;width: 19.8vw;}
  #works .inner-Box .system-list li:nth-child(7){top: 0vw;left: auto;right: 0;}
  #works .inner-Box .system-list li:nth-child(8){top: 15.1vw;left: auto;right: 0;}

  #contents05 {margin: 0 auto -100px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;padding-bottom: 77px;}
  #contents05 .inner-Box {margin: 0 auto -220px;position: relative;width: 1441px;padding: 0 20px;}
  #contents05 .inner-Box h2 {text-align: right;padding-top: 22px;margin-bottom: -194px;z-index: 3;position: relative;}
  #contents05 .inner-Box h2 span{  }
  #contents05 .inner-Box h2 img {  }
  #contents05 .inner-Box ul{width: 640px;margin-left: 60px;margin-bottom: 29px;}
  #contents05 .inner-Box ul li {position: relative;width: 640px;height: 100px;background: #fff;margin-bottom: 2px;}
  #contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
  #contents05 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 37px;left: 40px;}
  #contents05 .inner-Box span.ch img {  }
  #contents05 .inner-Box p.ltext {font-size: 22px;line-height: 1.75;font-weight: 500;letter-spacing: 0px;position: relative;padding: 30px 0 0 86px;}
  #contents05 .inner-Box p.text {font-size: 16px;line-height: 1.75;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 13px 60px;position: relative;color: #fff;width: 560px;}
  #contents05 .inner-Box2 {position: relative;width: 660px;margin: 0 auto;left: 368px;}
  #contents05 .inner-Box2 h3.f-en {font-size: 30px;line-height: 1.4;font-weight: 700;letter-spacing: 0px;margin-bottom: 8px;position: relative;color: #fff;}
  #contents05 .inner-Box2 li{width: 660px;height: 260px;background: #fff;padding: 40px;position: relative;}
  #contents05 .inner-Box2 li .system-pic{width: 242px;height: 180px;overflow: hidden;position: absolute;top: 40px;left: 40px;}
  #contents05 .inner-Box2 li .system-pic img{width: 100%;height: 180px;}
  #contents05 .inner-Box2 li a{display: block;padding: 19px 40px 40px 271px;min-height: 180px;}
  #contents05 .inner-Box2 li .system-date{color: #A4A4A4;font-size: 14px;margin-bottom: 12px;}
  #contents05 .inner-Box2 li .system-ttl-01{font-size: 16px;text-decoration: underline;}
  #contents05 .inner-Box2 li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

  #contents05 .inner-Box .morebtn2{position: relative;margin-left: -417px;}
  #contents05 .inner-Box .morebtn2 a{font-size: 20px;}
  #contents05 .inner-Box .morebtn2 a span{ width: 90px; height: 90px; background: #003253; right: -62px; top: -15px; padding: 15px 0 0 39px; }
  #contents05 .inner-Box .morebtn2 a span img{ width: 20px; }

  #contents05 .inner-Box2 .morebtn3{position: absolute;top: 41px;right: -12px;}
  #contents05 .inner-Box2 .morebtn3 a{font-size: 14px;color: #fff;padding-bottom: 6px;letter-spacing: 0;}
  #contents05 .inner-Box2 .morebtn3 a span{}
  #contents05 .inner-Box2 .morebtn3 a span img{width: 13px;}


  #voice { background: url(../images/index/contents06-back01.png)no-repeat top center;}
  #voice .inner-Box{margin-left: 13.5vw;padding: 302px 0 200px;padding-left: 263px;position: relative;margin-bottom: -26px;}
  #voice .inner-Box h2 {font-size: 16px;line-height: 1.4;font-weight: 700;letter-spacing: -0.64px;position: absolute;top: 200px;left: 0;}
  #voice .inner-Box h2 span.f-en {font-size: 50px;display: block;margin-bottom: -7px;}

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

  #voice .system-list li{line-height: 1.4;width: 400px;margin-right: 40px;background: #f8f8f8;position: relative;margin-bottom: 20px;padding: 43px 20px;}
  #voice .system-list li::before{ content: ""; background: #EFE81E; width: 80px; height: 10px; display: block; position: absolute; top: 0; left: 20px; }
  #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;border-bottom: #A4A4A4 1px solid;color: #A4A4A4;padding-bottom: 10px;margin-bottom: 20px;}
  #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: 25 / 16;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
  #voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
  #voice .system-date::before{ }
  #voice .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
  #voice .system-contents .longicon2{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
  
  #voice .prev-arrow{position: absolute;top: -100px;left: 0;}
  #voice .next-arrow{position: absolute;top: -100px;left: 70px;}
  #voice .system-ttl-01{font-size: 18px;margin-bottom: 10px;line-height: 1.4;font-weight: 700;letter-spacing: 0px;}
  #voice .morebtn3{position: absolute;top: 397px;left: 11px;}
  #voice .morebtn3 a{position: relative;left: -13px;border-bottom: 1px solid #333;display: block;padding-bottom: 8px;}
  #voice .morebtn3 span{filter: none;}

  #staff {margin: 0 auto 131px;position: relative;}
  #staff .inner-Box {margin: 0 auto 42px;position: relative;}
  #staff .inner-Box h2 {text-align: center;margin-bottom: -20px;}
  #staff .inner-Box h2 span{  }
  #staff .inner-Box h2 img {  }
  #staff  p.btn {text-align: center;}
  #staff  p.btn img {  }
  #staff .system-list{}
  #staff .system-list li{padding-top: 20px;line-height: 1.4;width: 560px;margin: 0 20px;background: url(../images/index/contents07-img01.png)no-repeat bottom center;position: relative;margin-bottom: 40px;padding-bottom: 58px;}
  #staff .system-list li a:hover{ text-decoration: none; }
  
  #staff .system-pic {width: 100%;aspect-ratio: 56 / 40;overflow: hidden;text-align: center;margin-bottom: 0;position: relative;}
  #staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  
  #staff .system-list li .system-job{font-size: 15px;letter-spacing: 1.5px;margin-bottom: 0px;line-height: 1.4;display: inline-block;background: #222222;color: #fff;font-weight: 500;padding: 8px 21px;position: relative;top: -15px;left: 21px;}
  #staff .system-list li .system-fu{font-size: 14px;margin-bottom: 5px;line-height: 1.4;text-align: center;letter-spacing: 0.7px;background: #fff;writing-mode: vertical-rl;position: absolute;top: 0px;right: 20px;padding: 10px;}
  #staff .system-list li .system-name{ font-size: 16px; margin-bottom: 30px; line-height: 1.4; text-align: center; font-weight: bold;}
  #staff .system-list li .system-ttl{font-size: 24px;margin-bottom: 30px;line-height: 1.4;text-align: center;font-weight: bold;text-align: left;margin-left: 40px;}
  #staff .morebtn3{position: absolute;top: 159px;left: 50%;margin-left: 472px;}
  #staff .morebtn3 a{position: relative;left: -13px;border-bottom: 1px solid #333;display: block;padding-bottom: 8px;font-weight: 600;letter-spacing: 0;}
  #staff .morebtn3 span{filter: none;}


  #blog {margin: 0 auto 157px;width: 1080px;position: relative;}
  #blog .inner-Box{}
  #blog .inner-Box h2 {font-size: 16px;line-height: 1.4;font-weight: 700;letter-spacing: -0.64px;position: relative;left: 0;margin-bottom: 46px;}
  #blog .inner-Box h2 span.f-en {font-size: 50px;margin-bottom: -7px;display: inline-block;margin-right: 18px;position: relative;top: 5px;}

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

  #blog .system-list{margin-bottom: 50px;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;}
  #blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 20px;width: 240px;margin-right: 40px;}
  #blog .system-list li:nth-child(4n) { margin-right: 0px; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list .system-pic{ width: 240px; height: 160px; margin-bottom: 18px; }
  #blog .system-list .system-pic img{width: 240px;height: 160px;}
  #blog .system-list .textbx{}
  #blog .system-day{margin-bottom: 10px;font-size: 13px;line-height: 1.4;color: #A4A4A4;}
  #blog .system-list .system-date::before{ content: "■"; }
  #blog .system-list .system-ttl-01{font-size: 16px;font-weight: 500;line-height: 1.75;margin-bottom: 10px;letter-spacing: 0.8px;}
  #blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  
  #blog .morebtn3{position: absolute;top: 48px;right: -13px;}
  #blog .morebtn3 a{position: relative;left: -13px;border-bottom: 1px solid #333;display: block;padding-bottom: 8px;}
  #blog .morebtn3 span{filter: none;}

.seo-Box{width: 800px;margin: 0 auto;padding: 39px 0 0px;margin-bottom: -3px;}
.seo-Box p{ color: #8E8E8E; font-size: 13px; letter-spacing: 0px; line-height: 1.69; }
}
@media screen and (min-width:768px) and ( max-width:1920px) {
  #contentsmain .inner-Box figure.img {position: relative;top: 0;left: 17px;width: 89.58vw;margin: 0 auto;}
  #contentsmain .inner-Box figure.img img{width: 89.58vw;}


}
@media screen and (min-width:768px) and ( max-width:1580px) {
  #contents05 .inner-Box ul{margin-left: 0px;}
  #contents05 .inner-Box h2 {right: 150px;}
  #contents05 .inner-Box2 {width: 610px;left: 338px;}
  #contents05 .inner-Box2 li{width: 590px;}
  #contents05 .inner-Box2 .morebtn3{ right: 20px;}

}
@media screen and (min-width:768px) and ( max-width:1280px) {
  .scrolldown1 {bottom: 13.8vw;}

}

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

  #contentsmain {margin: 0 auto -13vw;position: relative;background: url('../images/index/contentsmain-back01.png')repeat top center;padding-bottom: 15.33vw;background-size: 100% auto;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box figure.img {position: relative;top: 0;margin: 0 3vw 3vw 3vw;}
  #contentsmain .inner-Box figure.img img{}
  #contentsmain .inner-Box span.scroll {line-height: 1;display: none;}
  #contentsmain .inner-Box span.scroll img {  }
  
  #contentsmain .scroll{display: none;}
  
  /*スクロールダウン全体の場所*/
  .scrolldown1{display: none;}
  /* 線の描写 */
  
  #contents01 {margin: 0 auto -103vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center;padding: 19.23vw 0 0;background-size: 100% auto;}
  #contents01 figure.img01 {position: absolute;top: 0vw;left: 0vw;z-index: 3;width: 45vw;}
  #contents01 figure.img01 img{  }
  #contents01 .back-Box{position: relative;background: url('../images/index/contents01-back02.png')repeat-x top center;animation: slide-left 60s linear infinite;background-size: auto 38.5vw;}
  @keyframes slide-left {
    0% { background-position: 0 top; }
    100% { background-position: 483.09vw top; }
  }
  #contents01 .inner-Box {position: relative;padding: 65.8vw 0vw 130vw 0vw;}
  #contents01 .inner-Box figure.img02 {position: absolute;top: 33.6vw;left: 8vw;width: 30vw;}
  #contents01 .inner-Box figure.img02 img{  }
  #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.86;font-weight: 500;letter-spacing: 0.17vw;margin: 0 5.3vw 21.03vw;position: relative;text-align: left;z-index: 3;}
  #contents01 .inner-Box span.arr { display: block; line-height: 1; }
  #contents01 .inner-Box figure.img03 {position: absolute;top: 139.8vw;width: 23.9vw;display: block;right: 7.8vw;}
  #contents01 .inner-Box figure.img04 {position: absolute;left: 8vw;margin-left: 0vw;top: 198.7vw;width: 17.3vw;z-index: 5;}
  
  #contents02 {margin: 0 3vw -188.4vw;position: relative;background: #003253;padding: 8.8vw 4.73vw;z-index: 4;}
  #contents02 .inner-Box {position: relative;}
  #contents02 .left-Box .morebtn2{position: absolute;top: 1.27vw;right: 0;}
  #contents02 .right-Box .morebtn2{position: absolute;top: 1.27vw;right: 0;}
  #contents02 .left-Box {position: relative;color: #fff;margin-bottom: 14vw;}
  #contents02 .left-Box h2 {font-size: 3.38vw;line-height: 1.4;font-weight: 700;letter-spacing: 0vw;margin-bottom: 6.83vw;position: relative;}
  #contents02 .left-Box h2 span.f-en {font-size: 7.25vw;display: block;margin-bottom: -0.4vw;}
  #contents02 .left-Box li {position: relative;display: block;border-bottom: 0.27vw solid #fff;font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 500;padding: 0 0 4.47vw 0vw;margin-bottom: 9.33vw;}
  #contents02 .left-Box li a{ color: #fff;}
  #contents02 .left-Box li .system-date{position: relative;top: 0;left: 0;margin-bottom: 2.7vw;}
  #contents02 .left-Box li .system-ttl-01{ }
  
  #contents02 .right-Box {
    position: relative;
}
#contents02 .right-Box h2 {font-size: 3.38vw;line-height: 1.4;font-weight: 700;letter-spacing: 0vw;margin-bottom: 6.83vw;position: relative;color: #fff;}
#contents02 .right-Box h2 span.f-en {font-size: 7.25vw;display: block;margin-bottom: -0.4vw;}
#contents02 .right-Box .system-list{margin-bottom: 5.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;}
  #contents02 .right-Box .system-list li{position: relative;line-height: 1.4;width: 100%;position: relative;background: #fff;@: -;padding: 3.7vw 3.7vw 2.7vw;}
  #contents02 .right-Box .system-list li a:hover{ text-decoration: none; }
  #contents02 .right-Box .system-list .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: relative;margin-bottom: 5vw;}
  #contents02 .right-Box .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #contents02 .right-Box .system-list li .system-date{font-size: 3.47vw;margin-bottom: 1.97vw;line-height: 1.4;position: relative;padding: 0 0 0 18.67vw;}
  #contents02 .right-Box .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #9D774F;}
  #contents02 .right-Box .system-list li .system-date .start_text{ }
  #contents02 .right-Box .system-list li .system-information { border-bottom: 0.27vw solid #eee; padding-bottom: 2.67vw; margin-bottom: 5.33vw;}
  #contents02 .right-Box .system-list li .system-txt{ font-size:  4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
  #contents02 .right-Box .system-list li .system-coment{ font-size: 4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
  #contents02 .right-Box .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: 700;letter-spacing: 0.21vw;line-height: 1.63;margin-bottom: 4.53vw;padding: 0 0 4.83vw;border-bottom: #CCC dotted 0.27vw;}
  #contents02 .right-Box .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #contents02 .right-Box .system-list li .text-box{}
  #contents02 .right-Box .icon01{background: #B18B28;}
  #contents02 .right-Box .icon02{ background: #222222; }
  #contents02 .right-Box .icon{display: inline-block;color: #fff;font-size: 3.73vw;padding: 0.13vw 2.77vw;margin-bottom: 2.4vw;}
  
  
  #contents03 {position: relative;background: #051C2B;padding: 203.53vw 0 12.17vw;background-size: 100% auto;}
  #contents03 h2 {text-align: center;margin: 0 0vw 8.1vw 12.5vw;}
  #contents03 h2 span{  }
  #contents03 h2 img {  }
  #contents03 .inner-Box1 {position: relative;margin: 0 0 33.9vw;}
  #contents03 .inner-Box1 ul.reas-list {}
  #contents03 .inner-Box1 ul.reas-list li {width: 91.79vw;height: 137.68vw;background: #fff;margin: 0 1.21vw;padding-bottom: 11vw;position: relative;}
  #contents03 .inner-Box1 ul.reas-list li a {  }
  #contents03 .inner-Box1 ul.reas-list li a:hover {  }
  #contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.67vw;}
  #contents03 .inner-Box1 figure.photo img{  }
  #contents03 .inner-Box1 h3 {font-size: 6.76vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.0vw;margin: 0 3.8vw 1.07vw;position: relative;}
  #contents03 .inner-Box1 p.ltext {font-size: 4.35vw;line-height: 1.75;font-weight: 400;letter-spacing: 0;margin: 0 8.8vw 0.0vw;position: relative;}
  #contents03 .inner-Box1 span.arr {width: 10vw;display: block;line-height: 1;position: absolute;bottom: 2.13vw;right: 3.33vw;}
  #contents03 .inner-Box1 span.arr img {  }
  #contents03 .inner-Box1 h3 span {font-size: 4.35vw;}
  #contents03 .inner-Box2 {margin: 0 2vw;position: relative;}
  #contents03 .inner-Box2 h4.f-en {font-size: 9.66vw;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 8.8vw;position: relative;text-align: center;color: #fff;}
  #contents03 .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 3.1vw;}
  #contents03 .inner-Box2 ul li {width: 100%;margin-bottom: 7vw;}
  #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents03 .inner-Box2 ul li figure img { width: 100%; height: auto; }
  #contents03 .inner-Box2 ul li a {  }
  #contents03 .inner-Box2 ul li a:hover {  }
  
  #contents03 .prev-arrow{position: absolute;bottom: -20vw;left: 34vw;width: 14.49vw;}
  #contents03 .next-arrow{position: absolute;bottom: -20.5vw;left: 51.17vw;width: 14.49vw;}

  
  #works {position: relative;padding: 21.3vw 0 0;height: 371.5vw;}
  #works .inner-Box {position: relative;}
  #works .inner-Box h2 {  }
  #works .inner-Box h2 span{  }
  #works .inner-Box h2 img {  }
  
  #works .inner-Box .morebtn{position: relative;}
  #works .inner-Box .morebtn a{ color: #333;}
  #works .inner-Box {position: relative;padding: 1.93vw 0 16.0vw;color: #fff;}
  #works .inner-Box h2 {margin: 0 12.5vw 10.8vw 5.7vw;}
  #works  .morebtn a .arr{padding-top: 4.27vw;}
  #works .inner-Box h2 span.f-en {display: block;font-size: 10.13vw;letter-spacing: 2.03vw;font-weight: 600;margin-bottom: 0vw;}
  #works .inner-Box .system-list{position: relative;height: 287.54vw;margin-bottom: 4.53vw;}
  #works .inner-Box .system-list li{background: #000;width: 16.44vw;position: absolute;top: 0;left: 0;}
  #works .inner-Box .system-list li .textbox{position: absolute;top: 70%;left: 50%;z-index: 3;transform: translate(-50%, -50%);opacity: 0;transition: all 0.3s ease-in-out;width: 90%;height: 50%;color: #fff;text-align: left;}
  #works .inner-Box .system-list li p span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
  #works .inner-Box .system-list li p span.arr{display: inline;position: absolute;top: 0vw;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(266deg) brightness(105%) contrast(101%);right: 0;}
  #works .inner-Box .system-list li p span.arr img{width: 3.73vw; height: auto;}
  #works .inner-Box .system-list li p.f-en{border-bottom: 0.27vw solid #fff;font-size: 3.73vw;font-weight: 400;position: absolute;bottom: 2.67vw;right: 2.67vw;}
  #works .inner-Box .system-list li .system-text{ font-size: 3.73vw; letter-spacing: 0.19vw; }
  #works .inner-Box .system-list li .system-text span{display: inline-block;background: #CDCFCC;color: #333;padding: 0.53vw 2.67vw;}
  #works .inner-Box .system-list li .system-ttl-01{ font-size: 4.27vw; letter-spacing: 0.21vw; }
  
  #works .inner-Box .system-list li:nth-child(1),
  #works .inner-Box .system-list li:nth-child(6){width: 100vw;}
  
  
  #works .inner-Box .system-list .system-pic img { width: 100%; height: 100%; opacity: 1; object-fit: cover; display: block;transition: all 0.3s ease-in-out; }
  #works .inner-Box .system-list li:nth-child(1) .system-pic{width: 100%;aspect-ratio: 4 / 4;overflow: hidden;text-align: center;position: relative;}
  #works .inner-Box .system-list li:nth-child(6) .system-pic{width: 100%;aspect-ratio: 2.18 / 4;overflow: hidden;text-align: center;position: relative;}
  #works .inner-Box .system-list li .system-pic
  {width: 100%;aspect-ratio: 210 / 191;overflow: hidden;text-align: center;position: relative;}
  
  #works .inner-Box .system-list li:nth-child(1){ top: 0vw; left: 0vw; }
  #works .inner-Box .system-list li:nth-child(2){top: 100vw;left: 0;width: 50vw;}
  #works .inner-Box .system-list li:nth-child(3){top: 100vw;left: auto;width: 50vw;right: 0;}
  #works .inner-Box .system-list li:nth-child(4){top: 145.1vw;left: 0;width: 50vw;}
  #works .inner-Box .system-list li:nth-child(5){top: 145.1vw;left: auto;width: 50vw;right: 0;}
  #works .inner-Box .system-list li:nth-child(6){top: 190vw;width: 50vw;}
  #works .inner-Box .system-list li:nth-child(7){top: 190.6vw;left: auto;right: 0;width: 50vw;}
  #works .inner-Box .system-list li:nth-child(8){top: 236.1vw;left: auto;right: 0;width: 50vw;}
  
  #contents05 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;padding-bottom: 29.43vw;background-size: 100% auto;}
  #contents05 .inner-Box {margin: 0 auto 11.7vw;position: relative;}
  #contents05 .inner-Box h2 {padding-top: 12.77vw;margin: 0 7.1vw 9.6vw;z-index: 3;position: relative;}
  #contents05 .inner-Box h2 span{  }
  #contents05 .inner-Box h2 img {  }
  #contents05 .inner-Box ul{
    margin: 0 5.2vw 4vw;
}
  #contents05 .inner-Box ul li {position: relative;height: 15.87vw;background: #fff;margin-bottom: 0.53vw;}
  #contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents05 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 5.97vw;left: 4.97vw;width: 6vw;}
  #contents05 .inner-Box span.ch img {  }
  #contents05 .inner-Box p.ltext {font-size: 4.35vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.0vw;position: relative;padding: 4.3vw 0 0 12.83vw;}
  #contents05 .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin: 0 5vw 2.57vw 5.3vw;position: relative;color: #fff;}
  #contents05 .inner-Box2 {position: relative;margin: 0 5.2vw;}
  #contents05 .inner-Box2 h3.f-en {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 4.13vw;position: relative;color: #fff;text-align: center;}
  #contents05 .inner-Box2 li{height: 36.43vw;background: #fff;padding: 4.77vw;position: relative;}
  #contents05 .inner-Box2 li .system-pic{overflow: hidden;position: absolute;top: 4.7vw;left: 4.97vw;width: 36vw;height: 27vw;}
  #contents05 .inner-Box2 li .system-pic img{width: 36vw;height: 27vw;}
  #contents05 .inner-Box2 li a{display: block;padding: 3vw 1vw 3vw 39.6vw;}
  #contents05 .inner-Box2 li .system-date{color: #A4A4A4;font-size: 2.90vw;margin-bottom: 0.2vw;}
  #contents05 .inner-Box2 li .system-ttl-01{font-size: 3.38vw;text-decoration: underline;letter-spacing: 0.17vw;line-height: 1.71;}
  #contents05 .inner-Box2 li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  
  #contents05 .inner-Box .morebtn2{position: relative;margin-left: 57.9vw;}
  #contents05 .inner-Box .morebtn2 a{font-size: 3.86vw;}
  #contents05 .inner-Box .morebtn2 a span{width: 19.32vw;height: 19.32vw;background: #003253;right: -5vw;top: -3.2vw;padding: 4.0vw 10.1vw 0 8.6vw;}
  #contents05 .inner-Box .morebtn2 a span img{width: 3.13vw;}
  
  #contents05 .inner-Box2 .morebtn3{position: relative;top: 17.3vw;left: -25.3vw;}
  #contents05 .inner-Box2 .morebtn3 a{font-size: 3.73vw;color: #fff;padding-bottom: 1.6vw;letter-spacing: 0;width: 33.7vw;}
  #contents05 .inner-Box2 .morebtn3 a span{
    width: 3.1vw;
    top: -2vw;
    right: -0.6vw;
}
  #contents05 .inner-Box2 .morebtn3 a span img{width: 2.87vw;}
  
  
  #voice {background: url(../images/index/sp-contents06-back01.png)no-repeat top center;background-size: 100% auto;padding-bottom: 33.7vw;}
  #voice .inner-Box{position: relative;margin-bottom: 0vw;padding: 13.4vw 0 0;}
  #voice .inner-Box h2 {font-size: 3.38vw;line-height: 1.4;font-weight: 700;letter-spacing: 0vw;margin: 0 0 7.5vw 5.5vw;}
  #voice .inner-Box h2 span.f-en {font-size: 7.25vw;display: block;margin-bottom: -1vw;}
  
  #voice .system-list{margin-bottom: 13.33vw;}
  
  #voice .system-list li{line-height: 1.4;margin: 0 1.21vw;background: #f8f8f8;position: relative;margin-bottom: 5.33vw;padding: 9.97vw 4.93vw;width: 84.54vw;}
  #voice .system-list li::before{content: "";background: #EFE81E;width: 19.23vw;height: 2.67vw;display: block;position: absolute;top: 0;left: 5.33vw;}
  #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.14vw;letter-spacing: 0.19vw;font-weight: 400;line-height: 1.71;border-bottom: #A4A4A4 0.27vw solid;color: #A4A4A4;padding-bottom: 2.67vw;margin-bottom: 5.33vw;}
  #voice .system-list li .system-text span{ display: inline-block; padding-left: 2.67vw; }
  #voice .system-list li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 5.33vw;}
  #voice .system-pic {width: 100%;aspect-ratio: 25 / 16;overflow: hidden;text-align: center;margin-bottom: 4.0vw;position: relative;}
  #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 .prev-arrow{position: absolute;bottom: 0vw;left: 34.4vw;width: 14.3vw;z-index: 2;}
  #voice .next-arrow{width: 14.3vw;position: absolute;bottom: 0vw;left: 51.47vw;}
  #voice .system-ttl-01{font-size: 3.86vw;margin-bottom: 2.67vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.0vw;}
  #voice .morebtn3{position: absolute;top: 22.8vw;right: 7vw;}
  #voice .morebtn3 a{position: relative;left: 0vw;width: 34.7vw;letter-spacing: -0.2vw;border-bottom: 0.27vw solid #333;display: block;padding-bottom: 1.13vw;}
  #voice .morebtn3 span{filter: none;top: -2vw;right: 0.6vw;}
  
  #staff {margin: 0 auto 12.43vw;position: relative;}
  #staff .inner-Box {margin: 0 auto 7.2vw;position: relative;}
  #staff .inner-Box h2 {text-align: center;margin: 0 11vw -13.2vw;}
  #staff .inner-Box h2 span{  }
  #staff .inner-Box h2 img {  }
  #staff  p.btn {text-align: center;margin: 0 5.3vw;}
  #staff  p.btn img {  }
  #staff .system-list{}
  #staff .system-list li{line-height: 1.4;margin: 0 2.42vw;background: url(../images/index/contents07-img01.png)no-repeat bottom center;position: relative;margin-bottom: 10.67vw;padding-bottom: 5.57vw;background-size: 100% auto;width: 77.29vw;padding-top: 13vw;}
  #staff .system-list li a:hover{ text-decoration: none; }
  
  #staff .system-pic {width: 100%;aspect-ratio: 56 / 40;overflow: hidden;text-align: center;margin-bottom: -4.3vw;position: relative;}
  #staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  
  #staff .system-list li .system-job{font-size: 4.0vw;letter-spacing: 0.4vw;margin-bottom: 2.8vw;line-height: 1.4;display: inline-block;background: #222222;color: #fff;font-weight: 500;padding: 1.63vw 5.6vw;position: relative;top: 0vw;left: 3.9vw;}
  #staff .system-list li .system-fu{font-size: 3.73vw;margin-bottom: 1.33vw;line-height: 1.4;text-align: center;letter-spacing: 0.19vw;background: #fff;writing-mode: vertical-rl;position: absolute;top: 0vw;right: 2.13vw;padding: 2.67vw;}
  #staff .system-list li .system-name{ font-size: 4.27vw; margin-bottom: 8.0vw; line-height: 1.4; text-align: center; font-weight: bold;}
  #staff .system-list li .system-ttl{font-size: 4.35vw;margin-bottom: 8.0vw;line-height: 1.4;text-align: center;font-weight: bold;text-align: left;margin-left: 3.67vw;}
  #staff .morebtn3{position: relative;margin: -9vw 33vw 0 33vw;}
  #staff .morebtn3 a{position: relative;left: 0vw;border-bottom: 0.27vw solid #333;display: block;padding-bottom: 2.13vw;font-weight: 600;letter-spacing: 0;}
  #staff .morebtn3 span{filter: none;}
  
  
  #blog {margin: 0 4.8vw 41.87vw;position: relative;}
  #blog .inner-Box{}
  #blog .inner-Box h2 {font-size: 3.38vw;line-height: 1.4;font-weight: 700;letter-spacing: 0vw;position: relative;left: 0;margin-bottom: 10.27vw;}
  #blog .inner-Box h2 span.f-en {font-size: 7.25vw;margin-bottom: 0vw;display: block;margin-right: 4.8vw;position: relative;top: 1.33vw;}
  
  #blog .system-list{margin-bottom: 13.33vw;}
  
  #blog .system-list{margin-bottom: 13.33vw;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;}
  #blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 5.33vw;margin-right: 2%;width: 49%;}
  #blog .system-list li:nth-child(2n) { margin-right: 0.0vw; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list .system-pic{height: 29.07vw;margin-bottom: 3vw;overflow: hidden;}
  #blog .system-list .system-pic img{height: 42.67vw;}
  #blog .system-list .textbx{}
  #blog .system-day{margin-bottom: 0.97vw;font-size: 3.47vw;line-height: 1.4;color: #A4A4A4;}
  #blog .system-list .system-date::before{ content: "■"; }
  #blog .system-list .system-ttl-01{font-size: 3.62vw;font-weight: 500;line-height: 1.75;margin-bottom: 2.67vw;letter-spacing: 0.21vw;}
  #blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  #blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
  
  #blog .morebtn3{position: absolute;top: 11vw;right: 2vw;letter-spacing: -0.2vw;}
  #blog .morebtn3 a{position: relative;left: 0vw;border-bottom: 0.27vw solid #333;display: block;padding-bottom: 1.13vw;width: 33.6vw;}
  #blog .morebtn3 span{filter: none;top: -2.6vw;}
  
  .seo-Box{margin: 0 7vw;padding: 9.4vw 0 0.0vw;margin-bottom: 0vw;}
  .seo-Box p{color: #8E8E8E;font-size: 3.14vw;letter-spacing: 0.0vw;line-height: 1.69;}


}