@charset "UTF-8";

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


.nagare-move-u{
  --nagare-w: 2075px;   /* 背景画像の横幅 */
  --nagare-h: 258px;    /* 背景画像の高さ */
  --nagare-speed: 80s;  /* 1周する時間。長いほどゆっくり */

  background-image: url(../images/index/mv-01.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-left var(--nagare-speed) linear infinite;
  will-change: background-position;
}

.nagare-move-u2{
  --nagare-w: 2490px;   /* 背景画像の横幅 */
  --nagare-h: 258px;    /* 背景画像の高さ */
  --nagare-speed: 100s;  /* 1周する時間。長いほどゆっくり */

  background-image: url(../images/index/mv-02.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-right var(--nagare-speed) linear infinite;
  will-change: background-position;
}

/* ← 左方向に流す */
@keyframes nagare-left{
  from { background-position-x: 0; }
  to   { background-position-x: calc(-1 * var(--nagare-w)); }
}

/* → 右方向に流す */
@keyframes nagare-right{
  from { background-position-x: calc(-1 * var(--nagare-w)); }
  to   { background-position-x: 0; }
}

@media (prefers-reduced-motion: reduce){
  .nagare-move-u{ animation: none; }
  .nagare-move-u2{ animation: none; }
}

#mv{
   margin-top: 25px;
}

#mv .mv-rel-box{
   position: relative;
   width: 1100px;
   height: 232px;
   margin: 0 auto;
}
#mv .mv-rel-box .mv-ttl{
   position: absolute;
   top: -15px;
   left: 17px;
}
#mv .mv-rel-box .mv-txt{
   position: absolute;
   top: 147px;
   left: 618px;
   font-size: 18px;
   letter-spacing: 0.08em;
   line-height: 32px;
   text-align: left;
   color: #222;
}
#mv .mv-rel-box{}

.mv-staff-rel{
   position: relative;
}

.mv-staff-rel .mv-staff{
   width: 791px;
   margin: 0 auto;
   margin-top: -56px;
   margin-bottom: 46px;
}

.topnavi{
   width: 722px;
   margin: 0 auto;
   font-size: 14px;
   letter-spacing: 0.05em;
   margin-bottom: 49px;
}



#contentsmain {margin: 0 auto 76px;position: relative;max-width: 1920px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;padding-bottom: 110px;}
#contentsmain .inner-Box h1 {position: absolute;bottom: 0;left: 0;z-index: 3;width: 77.86vw;max-width: 1495px;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {width: 100%;height: auto;}
#contentsmain .inner-Box ul.main-slide { margin: 0 40px; }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: absolute;bottom: -40px;right: 80px;width: 13.02vw;max-width: 250px;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}

#contents01 {margin: 0 auto 114px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;height: 1487px;}
#contents01 .news-Box {margin: 0 auto;position: relative;width: 1000px;height: 96px;background: #fff;padding: 35px 0 0 194px;}
#contents01 .news-Box h2.f-en {margin-bottom: 0px;position: relative;font-size: 28px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;position: absolute;top: 27px;left: 40px;}
#contents01 .news-Box p.text {position: relative;}
#contents01 .news-Box p.text span.date {color: #3B699B;margin-right: 10px;display: inline-block;position: absolute;top: 0;left: 0;}
#contents01 .news-Box p.text a{display: block;position: relative;padding-right: 100px;padding-left: 100px;}
#contents01 .news-Box p.text a::before{content: "→";display: block;background: #3B699B;border-radius: 4px;position: absolute;top: 0;right: 40px;color: #fff;font-size: 10px;font-weight: 200;padding: 4px 14px;}
#contents01 .news-Box p.text span.ttl {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#contents01 .inner-Box {margin: 0 0 0 auto;position: relative;max-width: 1700px;padding: 0 0 0 20px;padding-top: 120px;}
#contents01 .inner-Box h3 {margin-bottom: 0px;position: relative;font-size: 50px;line-height: 2.24;letter-spacing: 2.5px;font-weight: 500;text-align: left;margin-bottom: 40px;}
#contents01 .miBox{margin:0 auto;position:relative;display:flex;gap:5.882%;}
#contents01 .leftmiBox{margin:0;position:relative;width: 35.794%;order:1;padding-top: 28px;}
#contents01 .rightmiBox{margin:0;position:relative;flex:1;order:2;}

#contents01 .leftmiBox p.text {margin-bottom: 50px;position: relative;font-size: 18px;line-height: 2.78;letter-spacing: 0.9px;font-weight: 500;text-align: left;}
#contents01 .rightmiBox figure.photo {  }
#contents01 .rightmiBox figure.photo img{ width: 100%;height: auto; }

#contents02 {margin: 0 auto 121px 16.8vw;position: relative;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 6px 0 0 395px;}
#contents02 .inner-Box h2.f-en {position: absolute;font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;top: 4px;left: -2px;}
#contents02 .inner-Box p.subttl {font-size: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;position: absolute;top: 70px;left: -2px;}
#contents02 .inner-Box ul{border-bottom: #828282 1px solid;position: relative;padding-bottom: 87px;}
#contents02 .inner-Box ul::before{ content: ""; background: #222; display: block; width: 242px; height: 1px; position: absolute; bottom: -1px; left: 0;}
#contents02 .inner-Box ul li {position: relative;width: 346px;margin-right: 60px;}
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box figure.photo {width: 100%;aspect-ratio: 346 / 260;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents02 .inner-Box p.ctext {margin-bottom: 8px;position: relative;font-size: 14px;line-height: 1.43;letter-spacing: 0px;font-weight: 400;color: #fff;}
#contents02 .inner-Box h3 {margin-bottom: 20px;position: relative;font-size: 20px;line-height: 1.55;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents02 .inner-Box p.text {margin-bottom: 1px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0px;font-weight: 500;text-align: left;color: #646464;}
#contents02 .inner-Box p.ctext span{border-radius: 4px;display: inline-block;padding: 6px 16px;}
#contents02 .inner-Box p.ctext span.cate01 { background: #3B699B; }
#contents02 .inner-Box p.ctext span.cate02 { background: #60544E;  }
#contents02 .inner-Box p.ctext span.cate03 { background: #222222;  }
#contents02 .inner-Box span.arr { display: block; line-height: 1; }
#contents02 .inner-Box span.arr img {  }
#contents02 .inner-Box p.moretbtn {margin-bottom: 30px;position: absolute;width: 240px;top: 158px;left: -3px;}
#contents02 .inner-Box .next-arrow{position: absolute;bottom: 0;left: -326px;transform: scale(-1, 1);}
#contents02 .inner-Box .prev-arrow{position: absolute;bottom: -1px;left: -398px;}
/* ケンガククラウド埋め込み（#iemiru-cms-index-page）をスライドで表示：上の ul/li/figure.photo/h3/p.text と同じ値に揃える。ラベルは埋め込みのまま */
#contents02 #iemiru-cms-index-page {max-width: none;margin: 0;clear: none;border-bottom: #828282 1px solid;position: relative;padding-bottom: 87px;}
#contents02 #iemiru-cms-index-page::before{ content: ""; background: #222; display: block; width: 242px; height: 1px; position: absolute; bottom: -1px; left: 0;}
#contents02 #iemiru-cms-index-page::after{ content: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event {position: relative;width: 346px;margin: 0 60px 0 0;padding: 0;border-radius: 0;background: none;min-height: 0;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image-wrapper {width: 100%;aspect-ratio: 346 / 260;overflow: hidden;margin-bottom: 15px;position: relative;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image-wrapper::before {content: none !important;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;float: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event-content {margin: 0 !important;}
#contents02 #iemiru-cms-index-page .index-page__events-event-labels {margin-bottom: 8px;}
#contents02 #iemiru-cms-index-page .index-page__events-event-name {height: auto !important;margin-bottom: 20px;overflow: visible;white-space: normal;font-family: "Noto Sans JP", sans-serif;font-size: 20px;line-height: 1.55;letter-spacing: 0px;font-weight: 500;color: inherit;}
#contents02 #iemiru-cms-index-page .index-page__events-event-description {display: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event-date,
#contents02 #iemiru-cms-index-page .index-page__events-event-address {height: auto !important;margin-bottom: 1px;font-family: "Noto Sans JP", sans-serif;font-size: 16px;line-height: 1.75;letter-spacing: 0px;font-weight: 500;color: #646464;}

p.moretbtn span.arr {position: absolute;top: 22px;right: 17px;}
p.moretbtn a {border: 1px solid #222222;border-radius: 200px;display: block;position: relative;background: #fff;height: 60px;text-align: center;font-size: 14px;line-height: 1.43;letter-spacing: 0px;font-weight: 400;text-align: center;padding-top: 20px;transition: all 0.3s ease-in-out;}
p.moretbtn a:hover { text-decoration: none; background: #ccc; }

#landreport{max-width: 1760px;background: #fff;padding: 76px 30px 34px;margin: 0 auto -140px;z-index: 3;position: relative;}
#landreport .inner-Box{ max-width: 1280px; margin: 0 auto; position: relative;}
#landreport .inner-Box h2{font-size: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;margin: 0 0 40px;}
#landreport .inner-Box h2 span{font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;margin-right: 24px;}
#landreport p.moretbtn{position: absolute;width: 240px;top: 0;right: 0;}

#landreport .system-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;}
#landreport .system-list li{margin-bottom: 37px;width: 31.3%;margin-right: 3%;}
#landreport .system-list li:nth-child(3n){ margin-right: 0}
#landreport .system-list li .text-box{}
#landreport .system-list li .escate{font-size: 14px;line-height: 1.43;letter-spacing: 0px;font-weight: 500;text-align: left;margin: 0 0 8px;}
#landreport .system-list li .escate span{background: #E7F3EB;display: inline-block;padding: 3px 15px;border-radius: 3px;margin: 0 3px 3px 0;}
#landreport .system-list li .system-pic {width: 100%;aspect-ratio: 2.83 / 2;overflow: hidden;text-align: center;margin-bottom: 19px;position: relative;margin-right: 40px;}
#landreport .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#landreport .system-list li .ricon{background: #EB5A23;display: inline-block;padding: 6px 12px;font-size: 14px;color: #fff;border-radius: 6px;margin-bottom: 14px;}
#landreport .system-list li .ricon.icon01{ }
#landreport .system-list li .ricon.icon02{ background: #1C1C1C; }
#landreport .system-list li .system-ttl{top: 0;margin-bottom: 13px;font-size: 22px;line-height: 1.41;letter-spacing: 0px;font-weight: 500;text-align: left;}
#landreport .system-list li table {width: 100%;font-size: 16px;line-height: 1.75;letter-spacing: 0px;font-weight: 500;text-align: left;}
#landreport .system-list li table th{text-align: left;width: 76px;}
#landreport .system-list li table td{}
#landreport .system-list li .spt{ display: none;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding: 240px 0 90px 0;}
#contents03 .inner-Box {margin: 0 auto;position: relative;height: 440px;width: 1060px;padding: 73px 0 0;}
#contents03 .inner-Box h2 {margin-bottom: 72px;position: relative;color: #FFFFFF;font-size: 32px;line-height: 1.94;letter-spacing: 3.2px;font-weight: 500;text-align: left;z-index: 3;}
#contents03 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.moretbtn{position: relative;width: 360px;top: 0;right: 0;}
#contents03 .inner-Box p.moretbtn a{ color: #fff; border: 1px solid #fff; background: none;}
#contents03 .inner-Box p.moretbtn a:hover{ background: none;}

#contents04{margin:0 auto;position:relative;background:url('../images/index/contents04-back02.png') repeat-x bottom left;background-size:1920px auto;animation:bgscroll 30s linear infinite;padding: 140px 0 160px;}
@keyframes bgscroll{ from{background-position:0 bottom;} to{background-position:-1920px bottom;} }
#contents04 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;max-width: 1440px;height: 560px;padding: 2.6% 600px 0 4.1%;}
#contents04 .inner-Box h2 {margin-bottom: 14px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box figure.photo {position: absolute;top: 3.5%;right: 1.4%;width: 44.5%;}
#contents04 .inner-Box figure.photo img{width: 100%;}
#contents04 .inner-Box h3 {margin-bottom: 24px;position: relative;font-size: 26px;line-height: 1.62;letter-spacing: 1.3px;font-weight: 500;text-align: left;}
#contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;max-width: 640px;margin-bottom: 6px;}
#contents04 .inner-Box figure.img img{width: 100%;height: auto;}
#contents04 .inner-Box p.text {position: relative;font-size: 16px;line-height: 2.63;letter-spacing: 0.8px;font-weight: 500;text-align: left;margin-bottom: 30px;}
#contents04 .inner-Box p.moretbtn{position: relative;width: 360px;top: 0;right: 0;}
#contents04 .inner-Box p.moretbtn a{ color: #222; border: 1px solid #222; background: none;}
#contents04 .inner-Box p.moretbtn a:hover{ background: none;}

#contents05 {margin: 0 auto 100px;position: relative;padding: 160px 30px 0;}
#contents05 h2 {text-align: center;margin-bottom: 64px;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 .inner-Box{margin:0 auto;position:relative;display:flex;max-width: 1600px;}
#contents05 .left-Box{margin:0;position:relative;width:50%;background: url(../images/index/contents05-photo01.png)no-repeat top center #E5E5D9; background-size: 100% auto;}
#contents05 .right-Box{margin:0;position:relative;width:50%;background: url(../images/index/contents05-photo02.png)no-repeat top center #E5E5D9; background-size: 100% auto;}

#contents05 a{}
#contents05 a:hover{ text-decoration: none;}
#contents05 a:hover figure.photo,#contents05 a:hover figure.photo img { opacity: 1; }
#contents05 figure.photo {position: relative;left: 0;opacity: 0;transition: all 0.3s ease-in-out;margin-bottom: 45px;}
#contents05 figure.photo img{ width: 100%; height: auto; }
#contents05 ul{ padding: 0 0 62px 100px; }
#contents05 ul li {position: relative;margin-bottom: 23px;}
#contents05 ul li::before{content: "#";position: absolute;top: -5px;left: -19px;color: #917050;font-size: 20px;}
#contents05 p.ltext {position: relative;font-size: 20px;line-height: 1.05;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents05 span.arr {display: block;line-height: 1;position: absolute;bottom: 40px;right: 40px;}
#contents05 span.arr img {  }

#contents06 {margin: 0 auto -421px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding-bottom: 260px;z-index: 3;background-size: 100% auto;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1280px;padding: 215px 0 0;}
#contents06 .inner-Box h2 {margin-bottom: 36px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box h3 {margin-bottom: 27px;position: relative;font-size: 35px;line-height: 1.73;letter-spacing: 1.75px;font-weight: 500;text-align: left;}
#contents06 .inner-Box p.text {margin-bottom: 24px;position: relative;font-size: 16px;line-height: 1.63;letter-spacing: 0px;font-weight: 500;text-align: left;color: #fff;}
#contents06 .inner-Box p.text span {background: #60544E;padding: 10px 14px 9px 14px;}
#contents06 .inner-Box figure.img01 {position: relative;top: 0;left: 0;text-align: center;margin-bottom: -8px;}
#contents06 .inner-Box figure.img01 img{  }
#contents06 .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin: 49px 0 -41px;}
#contents06 .inner-Box figure.photo01 img{  }
#contents06 .inner-Box p.btn {text-align: center;z-index: 3;position: relative;}
#contents06 .inner-Box p.btn img {  }

#contents07 {margin: 0 auto -580px;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;color: #fff;padding: 549px 0 820px 40px;}
#contents07 .inner-Box {margin: 0 auto;position: relative;max-width: 1480px;}
#contents07 .inner-Box h2 {margin-bottom: 84px;}
#contents07 .inner-Box h2 span{  }
#contents07 .inner-Box h2 img {  }
#contents07 .inner-Box p.text {margin-bottom: 64px;position: relative;font-size: 22px;line-height: 2.91;letter-spacing: 1.1px;font-weight: 500;text-align: left;}

#contents07 .inner-Box p.moretbtn{position: relative;width: 360px;top: 0;right: 0;margin-top: 83px;}
#contents07 .inner-Box p.moretbtn a{color: #fff;border: 1px solid #fff;background: none;font-size: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;padding: 27px 0 0;height: 80px;}
#contents07 .inner-Box p.moretbtn a:hover{ background: none;}
#contents07 .inner-Box p.moretbtn .arr{top: 29px;}

#contents08 {margin: 0 auto 293px;position: relative;max-width: 1600px;height: 820px;background: #fff;padding: 120px 50px 0;}
#contents08 .inner-Box{margin: 0 auto 79px;position:relative;max-width: 1280px;display:flex;gap:80px;}
#contents08 .left-Box{margin:0;position:relative;width:640px;}
#contents08 .right-Box{margin:0;position:relative;flex:1;}

#contents08 .left-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents08 .left-Box figure.photo img{  }
#contents08 .right-Box h2 {margin-bottom: 33px;position: relative;font-size: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents08 .right-Box h2 span.f-en {font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;display: block;margin-bottom: 4px;}
#contents08 .right-Box p.text {margin-bottom: 34px;position: relative;font-size: 14px;line-height: 2.43;letter-spacing: 0.7px;font-weight: 500;text-align: left;}
#contents08 .right-Box p.btnn {margin-bottom: 30px;position: relative;width: 162px;height: 48px;margin: 0 0 0 auto;font-size: 14px;line-height: 1.43;letter-spacing: 0px;font-weight: 400;text-align: left;border-bottom: #222 1px solid;padding-top: 15px;}
#contents08 .right-Box p.btnn span.arr {position: absolute;top: 16px;right: -2px;}
#contents08 .right-Box p.btnn span.f-en {  }
#contents08 .right-Box p.btnn a {  }
#contents08 .right-Box p.btnn a:hover {  }
#contents08 .inner-Box2 {margin: 0 auto;position: relative;background: #A6A090;width: 1100px;height: 360px;padding-right: 550px;text-align: center;padding-top: 45px;}
#contents08 .inner-Box2 figure.photo {position: absolute;top: 0;right: 0;}
#contents08 .inner-Box2 figure.photo img{  }
#contents08 .inner-Box2 h3 {padding: 0 47px 7px 0px;}
#contents08 .inner-Box2 h3 span{  }
#contents08 .inner-Box2 h3 img {  }
#contents08 .inner-Box2 p.text2 {margin-bottom: 36px;position: relative;font-size: 16px;line-height: 1.88;letter-spacing: 0px;font-weight: 500;text-align: center;color: #fff;}
#contents08 .inner-Box2 p.moretbtn{position: relative;width: 320px;top: 0;right: 0;margin: 0 auto;}
#contents08 .inner-Box2 p.moretbtn a{color: #fff;border: 1px solid #fff;background: none;}
#contents08 .inner-Box2 p.moretbtn a:hover{ background: none;}
#contents08 .inner-Box2 p.moretbtn .arr{}

#works{padding: 6px 30px 120px;margin: 0 auto;z-index: 3;position: relative;}
#works .inner-Box{ max-width: 1280px; margin: 0 auto; position: relative;}
#works .inner-Box h2{font-size: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;margin: 0 0 35px;text-align: center;}
#works .inner-Box h2 span{font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;display: block;margin-bottom: 5px;}
#works p.moretbtn{position: relative;width: 360px;top: 0;right: 0;margin: 0 auto;}

#works .system-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-bottom: 26px;}
#works .system-list li{line-height: 1.4;width: 29.7%;margin-right: 5.4%;position: relative;margin-bottom: 20px;}
#works .system-list li span.no::before{content: "WORKS.01";font-size: 12px;line-height: 1.5;letter-spacing: 0px;font-weight: 400;text-align: left;font-family: "Poppins", sans-serif;}
#works .system-list li:nth-child(2) span.no::before{ content: "WORKS.02"; }
#works .system-list li:nth-child(3) span.no::before{ content: "WORKS.03"; }
#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: 0;font-weight: 400;color: #646464;}

#works .system-pic {width: 100%;aspect-ratio: 530 / 374.8;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;margin-top: 6px;}
#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: 16px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#works .system-list li  .catelist{text-align: right;margin-bottom: -30px;min-height: 34px;position: absolute;top: 20px;right: -2px;}
#works .system-list li  .catelist span{background: #222222;margin: 0 10px 10px 0;display: inline-block;color: #fff;font-size: 14px;line-height: 1;letter-spacing: 0.42px;font-weight: 400;padding: 4.1px 15px;border-radius: 4px;}

#contents09{margin:0 auto;position:relative;display:flex;background: #E5E5D9;}
#contents09 .left-Box{margin:0;position:relative;width:50%;background: url('../images/index/contents09-back01.png') no-repeat top right;height: 540px;padding: 78px 0 0 4.1%;}
#contents09 .right-Box{margin:0;position:relative;width:50%;background: url('../images/index/contents09-back02.png') no-repeat top right;height: 540px;padding: 78px 0 0 4.1%;}
#contents09 h2.f-en {margin-bottom: 20px;position: relative;font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents09 h3 {margin-bottom: 0px;position: relative;font-size: 24px;line-height: 1.75;letter-spacing: 1.2px;font-weight: 500;text-align: left;}
#contents09 p.text {margin-bottom: 95px;position: relative;font-size: 16px;line-height: 2.63;letter-spacing: 0.8px;font-weight: 500;text-align: left;}
#contents09 p.text2 {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 1.86;letter-spacing: 0.7px;font-weight: 500;text-align: left;}

#contents09 p.moretbtn{position: absolute;width: 360px;bottom: 70px;left: 80px;}
#contents09 p.moretbtn a{}
#contents09 p.moretbtn a:hover{ background: none;}

#contents10 {margin: 0 auto 116px;position: relative;background: url('../images/index/contents10-back01.png')no-repeat top center;padding: 120px 0 0;}
#contents10 .ttl-Box {margin: 0 auto 79px;position: relative;width: 960px;}
#contents10 .ttl-Box h2 {margin-bottom: 44px;position: relative;font-size: 40px;line-height: 2.48;letter-spacing: 2px;font-weight: 500;text-align: center;color: #fff;}
#contents10 .ttl-Box ul.bannerlist {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;}
#contents10 .ttl-Box ul li {margin-right: 80px;}
#contents10 .ttl-Box ul li:nth-child(2) { margin-right: 0px; }
#contents10 .ttl-Box ul li figure {  }
#contents10 .ttl-Box ul li a {  }
#contents10 .ttl-Box ul li a:hover {  }
#contents10 .inner-Box {margin: 0 auto 80px;position: relative;width: 1200px;height: 533px;background: #fff;padding: 59px 141px;}
#contents10 .inner-Box h3 {margin-bottom: 40px;position: relative;font-size: 20px;line-height: 1.45;letter-spacing: 0px;font-weight: 500;}
#contents10 .inner-Box h3 span.f-en {font-size: 40px;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;display: block;margin-bottom: 5px;}
#contents10 .inner-Box2 {margin: 0 auto 80px;position: relative;text-align: center;}
#contents10 .inner-Box2 p.btn {  }
#contents10 .inner-Box2 p.btn img {  }
#contents10 .inner-Box3 {margin: 0 auto;position: relative;width: 1200px;}
#contents10 .inner-Box3 h3.f-en {margin-bottom: 19px;position: relative;font-size: 16px;line-height: 1.56;letter-spacing: 0px;font-weight: 400;text-align: center;}
#contents10 .inner-Box3 p.text {margin-bottom: 30px;color: #707070;position: relative;font-size: 14px;line-height: 1.93;letter-spacing: 0px;font-weight: 400;text-align: left;}

#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;padding: 0 0 20px;width: 440px;margin-right: 38px;margin-bottom: 5px;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(2n){ margin-right: 0}
#blog .system-list .system-pic {width: 160px;aspect-ratio: 16 / 11;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;float: left;}
#blog .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#blog .system-list .textbx{width: 270px;float: left;margin-left: 2%;padding: 5px 0 0 7px;}
#blog .system-day{margin-bottom: 10px;font-size: 13px;line-height: 1.4;color: #A4A4A4;}
#blog .system-list .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#blog .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/**/

#blog .newicon{font-size: 12px;line-height: 1.41667;letter-spacing: 0px;font-weight: 500;text-align: left;margin-bottom: 10px;}
#blog .newicon span{display: inline-block;color: #fff;background: #3B699B;border-radius: 4px;padding: 0px 16px;}
#blog p.moretbtn{position: absolute;width: 240px;top: 93px;right: 140px;}



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




}
@media screen and (min-width:768px) and ( max-width:1500px) {
#contents05 ul{padding: 0 0 52px 110px;}
#contents05 p.ltext{ font-size: 15px;}
#contents09 .left-Box{background: url('../images/index/contents09-back01.png') no-repeat top right -70px;padding: 78px 0 0 2.1%;background-size: 90%;}
#contents09 .right-Box{background: url('../images/index/contents09-back02.png') no-repeat top right -110px;padding: 78px 0 0 2.1%;}
#contents06 .inner-Box h2 {width: 740px;height: auto;}
#contents06 .inner-Box h2 img{ width: 100%; height: auto;}

#contents06 .inner-Box{ padding-left: 40px;}

#contents01 .leftmiBox{margin:0;position:relative;width: 48.794%;order:1;padding-top: 28px;}
#contents01 .leftmiBox p.text {margin-bottom: 50px;position: relative;font-size: 16px;line-height: 2.1;letter-spacing: 0.9px;font-weight: 500;text-align: left;}
#contents02 {margin: 0 auto 121px 6.8vw;position: relative;}
#contents04 .inner-Box{width: 1100px;padding-right: 550px;height: 440px;padding-top: 13px;}
#contents04 .inner-Box figure.img{width: 400px;}
#contents04 .inner-Box h3{font-size: 20px;}



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

.nagare-move-u{
  --nagare-w: 233.333vw;   /* 背景画像の横幅 */
  --nagare-h: 28.986vw;    /* 背景画像の高さ */
  --nagare-speed: 80s;  /* 1周する時間。長いほどゆっくり */

  background-image: url(../images/index/sp-mv-01.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-left var(--nagare-speed) linear infinite;
  will-change: background-position;
}

.nagare-move-u2{
  --nagare-w: 278.744vw;   /* 背景画像の横幅 */
  --nagare-h: 28.986vw;    /* 背景画像の高さ */
  --nagare-speed: 100s;  /* 1周する時間。長いほどゆっくり */

  background-image: url(../images/index/sp-mv-02.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-right var(--nagare-speed) linear infinite;
  will-change: background-position;
}

/* ← 左方向に流す */
@keyframes nagare-left{
  from { background-position-x: 0; }
  to   { background-position-x: calc(-1 * var(--nagare-w)); }
}

/* → 右方向に流す */
@keyframes nagare-right{
  from { background-position-x: calc(-1 * var(--nagare-w)); }
  to   { background-position-x: 0; }
}

@media (prefers-reduced-motion: reduce){
  .nagare-move-u{ animation: none; }
  .nagare-move-u2{ animation: none; }
}



#mv{
   margin-bottom: 5.797vw;
}

#mv .mv-rel-box{
   position: relative;
   width: 100%;
   height: 120.29vw;
   margin: 0 auto;
}
#mv .mv-rel-box .mv-ttl{
   position: absolute;
   top: 6.039vw;
   left: 3.865vw;
   width: 92.391vw;
}
#mv .mv-rel-box .mv-txt{
   position: absolute;
   top: 65.7vw;
   left: 2.174vw;
   text-align: center;
   color: #222;
   font-size: 3.865vw;
   letter-spacing: 0.08em;
   line-height: 7.246vw;
   font-weight: 500;
}
#mv .mv-rel-box{}

.mv-staff-rel{
   position: relative;
}

.mv-staff-rel .mv-staff{
   width: 88.164vw;
   margin: 0 auto;
   position: absolute;
   left: 0;
   right: 0;
   top: -71.014vw;
}


.topnavi{
display: none;
}


#contentsmain {margin: 0 auto 14.36vw;position: relative;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h1 {position: relative;left: 0;z-index: 3;margin: 2.2vw 7.8vw 6vw 5.3vw;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {width: 100%;height: auto;}
#contentsmain .inner-Box ul.main-slide {}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: absolute;bottom: -11.8vw;right: 3vw;width: 24.02vw;z-index: 3;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}

#contents01 {margin: 0 auto 18.64vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top 13vw center;background-size: 100% auto;}
#contents01 .news-Box {margin: 0 3vw;position: relative;height: 26.29vw;background: #fff;padding: 3.9vw 0 0 6.06vw;}
#contents01 .news-Box h2.f-en {margin-bottom: 1.1vw;font-size: 4.35vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents01 .news-Box p.text {position: relative;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0px;font-weight: 400;text-align: left;}
#contents01 .news-Box p.text span.date {color: #3B699B;margin-right: 2.42vw;display: inline-block;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0px;font-weight: 400;text-align: left;margin-bottom: 1vw;}
#contents01 .news-Box p.text a{display: block;position: relative;padding-right: 17.15vw;}
#contents01 .news-Box p.text a::before{content: "→";display: block;background: #3B699B;border-radius: 0.97vw;position: absolute;top: 6.1vw;right: 5.76vw;color: #fff;font-size: 2.42vw;font-weight: 200;padding: 0.67vw 3.78vw;}
#contents01 .news-Box p.text span.ttl {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#contents01 .inner-Box {margin: 0 0 0 auto;position: relative;padding-top: 23.69vw;padding-bottom: 14vw;}
#contents01 .inner-Box h3 {position: relative;margin-bottom: 6.96vw;font-size: 4.83vw;line-height: 1.7;letter-spacing: 0.48vw;font-weight: 500;text-align: left;margin-right: -1vw;padding-left: 5.3vw;}
#contents01 .miBox{}
#contents01 .leftmiBox{margin:0;position:relative;padding: 0 5.4vw 0;}
#contents01 .rightmiBox{position:relative;margin-bottom: 8.5vw;}

#contents01 .leftmiBox p.text {margin-bottom: 7.78vw;position: relative;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.17vw;font-weight: 500;text-align: left;}
#contents01 .rightmiBox figure.photo {  }
#contents01 .rightmiBox figure.photo img{ width: 100%;height: auto; }

#contents02 {position: relative;padding-bottom: 17.2vw;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box h2.f-en {font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;margin-bottom: 1.8vw;}
#contents02 .inner-Box p.subttl {position: relative;left: 0vw;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;margin-bottom: 9.8vw;}
#contents02 .inner-Box ul{position: relative;padding-bottom: 15.41vw;}
#contents02 .inner-Box ul::before{content: "";}
#contents02 .inner-Box ul li {position: relative;margin: 0 3.20vw;width: 77.29vw;}
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }
#contents02 .inner-Box figure.photo {width: 100%;aspect-ratio: 346 / 260;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
#contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents02 .inner-Box p.ctext {margin-bottom: 0.93vw;position: relative;color: #fff;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents02 .inner-Box h3 {margin-bottom: 1.83vw;position: relative;font-size: 3.86vw;line-height: 1.94;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents02 .inner-Box p.text {margin-bottom: 0.24vw;position: relative;color: #646464;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents02 .inner-Box p.ctext span{border-radius: 0.97vw;display: inline-block;padding: 0.45vw 3.86vw;}
#contents02 .inner-Box p.ctext span.cate01 { background: #3B699B; }
#contents02 .inner-Box p.ctext span.cate02 { background: #60544E;  }
#contents02 .inner-Box p.ctext span.cate03 { background: #222222;  }
#contents02 .inner-Box span.arr { display: block; line-height: 1; }
#contents02 .inner-Box span.arr img {  }
#contents02 .inner-Box p.moretbtn {margin: 0 9vw 7.25vw;position: relative;left: 0vw;}
#contents02 .inner-Box .next-arrow{position: absolute;top: 26.1vw;right: 3vw;transform: scale(-1, 1);width: 12vw;}
#contents02 .inner-Box .prev-arrow{position: absolute;top: 25.7vw;left: 3vw;width: 12vw;z-index: 3;}
/* ケンガククラウド埋め込み（#iemiru-cms-index-page）をスライドで表示：上の ul/li/figure.photo/h3/p.text と同じ値に揃える。ラベルは埋め込みのまま */
#contents02 #iemiru-cms-index-page {max-width: none;margin: 0;clear: none;position: relative;padding-bottom: 15.41vw;}
#contents02 #iemiru-cms-index-page::after{ content: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event {position: relative;width: 77.29vw;margin: 0 3.20vw;padding: 0;border-radius: 0;background: none;min-height: 0;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image-wrapper {width: 100% !important;aspect-ratio: 346 / 260;overflow: hidden;margin-bottom: 3.62vw;position: relative !important;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image-wrapper::before {content: none !important;}
#contents02 #iemiru-cms-index-page .index-page__events-event-image {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;float: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event-content {margin: 0 !important;}
#contents02 #iemiru-cms-index-page .index-page__events-event-labels {margin-bottom: 0.93vw;}
#contents02 #iemiru-cms-index-page .index-page__events-event-name {height: auto !important;margin-bottom: 1.83vw;overflow: visible;white-space: normal;font-family: "Noto Sans JP", sans-serif;font-size: 3.86vw;line-height: 1.94;letter-spacing: 0px;font-weight: 500;color: inherit;}
#contents02 #iemiru-cms-index-page .index-page__events-event-description {display: none;}
#contents02 #iemiru-cms-index-page .index-page__events-event-date,
#contents02 #iemiru-cms-index-page .index-page__events-event-address {height: auto !important;margin-bottom: 0.24vw;font-family: "Noto Sans JP", sans-serif;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;color: #646464;}

p.moretbtn span.arr {position: absolute;top: 5.11vw;right: 4.81vw;}
p.moretbtn a {border: 0.24vw solid #222222;border-radius: 48.31vw;display: block;position: relative;background: #fff;height: 14.49vw;text-align: center;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0.0vw;font-weight: 400;text-align: center;padding-top: 4.83vw;transition: all 0.3s ease-in-out;}
p.moretbtn a:hover { text-decoration: none; background: #ccc; }

#landreport{background: #fff;padding: 10.96vw 3.75vw 9.81vw;margin: 0 5.2vw -14.6vw;z-index: 3;position: relative;}
#landreport .inner-Box{position: relative;}
#landreport .inner-Box h2{font-size: 3.86vw;line-height: 1.5;letter-spacing: 0.0vw;font-weight: 500;margin: 0 0 7.06vw;text-align: center;}
#landreport .inner-Box h2 span{font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;display: block;position: relative;top: 0.6vw;margin-bottom: 2.7vw;}
#landreport p.moretbtn{position: relative;top: 0;right: 0;margin: 0 2.5vw;}

#landreport .system-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;}
#landreport .system-list li{margin-bottom: 6.34vw;}
#landreport .system-list li:nth-child(3n){ margin-right: 0}
#landreport .system-list li .text-box{}
#landreport .system-list li .escate{font-size: 3.38vw;line-height: 1.43;letter-spacing: 0.0vw;font-weight: 500;text-align: left;margin: 0 0 1.93vw;}
#landreport .system-list li .escate span{background: #E7F3EB;display: inline-block;padding: 0.72vw 3.62vw;border-radius: 0.72vw;margin: 0 0.72vw 0.72vw 0;}
#landreport .system-list li .system-pic {width: 100%;aspect-ratio: 2.83 / 2;overflow: hidden;text-align: center;margin-bottom: 4.59vw;position: relative;margin-right: 9.66vw;}
#landreport .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#landreport .system-list li .ricon{background: #EB5A23;display: inline-block;padding: 1.45vw 2.9vw;font-size: 3.38vw;color: #fff;border-radius: 1.45vw;margin-bottom: 3.38vw;}
#landreport .system-list li .ricon.icon01{ }
#landreport .system-list li .ricon.icon02{ background: #1C1C1C; }
#landreport .system-list li .system-ttl{top: 0;margin-bottom: 3.14vw;font-size: 5.31vw;line-height: 1.41;letter-spacing: 0.0vw;font-weight: 500;text-align: left;}
#landreport .system-list li table {width: 100%;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;text-align: left;}
#landreport .system-list li table th{text-align: left;width: 16vw;}
#landreport .system-list li table td{}
#landreport .system-list li .spt{ display: none;}

#contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top center;padding: 13.97vw 0 24.24vw 0;background-size: 100% auto;margin-bottom: 24vw;}
#contents03 .inner-Box {margin: 0 5.2vw;position: relative;padding: 19.03vw 0 0;}
#contents03 .inner-Box h2 {margin-bottom: 8.49vw;position: relative;color: #FFFFFF;z-index: 3;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.53vw;font-weight: 500;text-align: left;margin-left: 4vw;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin: 0 3.7vw 9.7vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.moretbtn{position: relative;top: 0;right: 0;}
#contents03 .inner-Box p.moretbtn a{ color: #fff; border: 0.24vw solid #fff; background: none;}
#contents03 .inner-Box p.moretbtn a:hover{ background: none;}

#contents04{margin:0 auto;position:relative;background:url('../images/index/contents04-back02.png') repeat-x bottom left;background-size: 200vw auto;animation:bgscroll 30s linear infinite;padding: 0vw 0 20.45vw;}
@keyframes bgscroll{ from{background-position:0 bottom;} to{background-position:-200vw bottom;} }
#contents04 .inner-Box{position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;background-size: 100% auto;padding: 9.8vw 2.9vw 15vw;}
#contents04 .inner-Box h2 {margin: 0 21.9vw 3.78vw;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box figure.photo {position: relative;margin-bottom: 3.2vw;}
#contents04 .inner-Box figure.photo img{width: 100%;}
#contents04 .inner-Box h3 {margin-bottom: 4.2vw;position: relative;font-size: 4.83vw;line-height: 1.7;letter-spacing: 0.24vw;font-weight: 500;text-align: center;}
#contents04 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.45vw;}
#contents04 .inner-Box figure.img img{width: 100%;height: auto;}
#contents04 .inner-Box p.text {position: relative;margin-bottom: 6.25vw;font-size: 3.38vw;line-height: 2;letter-spacing: 0.17vw;font-weight: 500;text-align: center;}
#contents04 .inner-Box p.moretbtn{position: relative;top: 0;right: 0;}
#contents04 .inner-Box p.moretbtn a{ color: #222; border: 0.24vw solid #222; background: none;}
#contents04 .inner-Box p.moretbtn a:hover{ background: none;}

#contents05 {margin: 0 auto 19.35vw;position: relative;padding: 19.25vw 2.85vw 0;}
#contents05 h2 {text-align: center;margin: 0 10.6vw 9.86vw;}
#contents05 h2 span{  }
#contents05 h2 img {  }
#contents05 .inner-Box{margin:0 auto;position:relative;}
#contents05 .left-Box{margin:0;position:relative;background: #E5E5D9;margin-bottom: 5.8vw;}
#contents05 .right-Box{margin:0;position:relative;background: #E5E5D9;background-size: 100% auto;padding-bottom: 17.6vw;}

#contents05 a{}
#contents05 a:hover{ text-decoration: none;}
#contents05 figure.photo {position: relative;left: 0;margin-bottom: 5.17vw;}
#contents05 figure.photo img{ width: 100%; height: auto; }
#contents05 ul{padding: 0 0 4.98vw 9.05vw;}
#contents05 ul li {position: relative;margin-bottom: 0.56vw;}
#contents05 ul li::before{content: "#";position: absolute;top: 0.1vw;left: -3vw;color: #917050;font-size: 3.83vw;}
#contents05 p.ltext {position: relative;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents05 span.arr {display: block;line-height: 1;position: absolute;bottom: 4.96vw;right: 4.66vw;width: 14.6vw;}
#contents05 span.arr img {  }

#contents06 {margin: 0 auto -6.9vw;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top center;z-index: 3;background-size: 100% auto;}
#contents06 .inner-Box {margin: 0 5.1vw;position: relative;padding: 86.23vw 0 0;}
#contents06 .inner-Box h2 {margin-bottom: 6.8vw;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box h3 {margin-bottom: 5.32vw;position: relative;font-size: 5.8vw;line-height: 1.63;letter-spacing: 0.29vw;font-weight: 500;text-align: left;}
#contents06 .inner-Box p.text {margin-bottom: 1.6vw;position: relative;color: #fff;font-size: 2.9vw;line-height: 1.83;letter-spacing: 0px;font-weight: 500;text-align: left;z-index: 3;}
#contents06 .inner-Box p.text span {background: #60544E;padding: 2.02vw 0.38vw 1.77vw 2.68vw;display: block;}
#contents06 .inner-Box p.text.mmm{margin-right: 10vw;}
#contents06 .inner-Box figure.img01 {position: relative;top: 0;left: 0;text-align: center;margin: 0 -3vw 4.1vw;}
#contents06 .inner-Box figure.img01 img{  }
#contents06 .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin: -3.2vw -2.2vw -3.5vw;}
#contents06 .inner-Box figure.photo01 img{  }
#contents06 .inner-Box p.btn {text-align: center;z-index: 3;position: relative;margin: 0 -2.2vw;}
#contents06 .inner-Box p.btn img {  }

#contents07 {margin: 0 auto -35.7vw;position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top center;color: #fff;padding: 57vw 0 60vw 1.36vw;background-size: 100% auto;}
#contents07 .inner-Box {margin: 0 4vw;position: relative;}
#contents07 .inner-Box h2 {margin-bottom: 8.39vw;margin-right: 2vw;}
#contents07 .inner-Box h2 span{  }
#contents07 .inner-Box h2 img {  }
#contents07 .inner-Box p.text {margin-bottom: 7.46vw;position: relative;font-size: 3.38vw;line-height: 2.14;letter-spacing: 0.17vw;font-weight: 500;text-align: left;}

#contents07 .inner-Box p.moretbtn{position: relative;top: 0;right: 0;margin-top: 8.15vw;}
#contents07 .inner-Box p.moretbtn a{color: #fff;border: 0.24vw solid #fff;background: none;margin-right: 1.2vw;}
#contents07 .inner-Box p.moretbtn a:hover{ background: none;}
#contents07 .inner-Box p.moretbtn .arr{}

#contents08 {margin: 0 2.9vw 104.87vw;position: relative;background: #fff;padding: 9.69vw 6vw 0;height: 200vw;}
#contents08 .inner-Box{margin: 0 auto 14.18vw;position:relative;}
#contents08 .left-Box{margin:0;position:relative;margin-bottom: 5.3vw;}
#contents08 .right-Box{margin:0;position:relative;flex:1;}

#contents08 .left-Box figure.photo { position: relative; top: 0; left: 0; }
#contents08 .left-Box figure.photo img{  }
#contents08 .right-Box h2 {margin-bottom: 0.97vw;position: relative;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0.0vw;font-weight: 500;text-align: left;}
#contents08 .right-Box h2 span.f-en {display: inline-block;margin-bottom: 0.97vw;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;margin-right: 2vw;}
#contents08 .right-Box p.text {margin-bottom: -0.29vw;position: relative;font-size: 3.38vw;line-height: 2.33;letter-spacing: 0.17vw;font-weight: 500;text-align: left;}
#contents08 .right-Box p.btnn {margin-bottom: 7.25vw;position: relative;height: 11.59vw;margin: 2.7vw 0 0 auto;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0.0vw;font-weight: 400;text-align: left;border-bottom: #222 0.24vw solid;padding-top: 3.62vw;margin-right: 43.2vw;}
#contents08 .right-Box p.btnn span.arr {position: absolute;top: 3.86vw;right: 0vw;}
#contents08 .right-Box p.btnn span.f-en {  }
#contents08 .right-Box p.btnn a {  }
#contents08 .right-Box p.btnn a:hover {  }
#contents08 .inner-Box2 {position: relative;background: #A6A090;padding-right: 0vw;text-align: center;padding-bottom: 9.7vw;}
#contents08 .inner-Box2 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 3.3vw;}
#contents08 .inner-Box2 figure.photo img{  }
#contents08 .inner-Box2 h3 {padding: 0 26.25vw 2.69vw 15.8vw;}
#contents08 .inner-Box2 h3 span{  }
#contents08 .inner-Box2 h3 img {  }
#contents08 .inner-Box2 p.text2 {margin-bottom: 5vw;position: relative;color: #fff;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;text-align: center;}
#contents08 .inner-Box2 p.moretbtn{position: relative;top: 0;right: 0;margin: 0 5vw;}
#contents08 .inner-Box2 p.moretbtn a{color: #fff;border: 0.24vw solid #fff;background: none;}
#contents08 .inner-Box2 p.moretbtn a:hover{ background: none;}
#contents08 .inner-Box2 p.moretbtn .arr{}

#works{margin: 0 4vw 19.3vw;z-index: 3;position: relative;}
#works .inner-Box{position: relative;}
#works .inner-Box h2{margin: 0 0 6.45vw;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;}
#works .inner-Box h2 span{display: block;margin-bottom: 2.21vw;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: center;}
#works p.moretbtn{position: relative;top: 0;right: 0;margin: 0 5vw;}

#works .system-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-bottom: 0.68vw;}
#works .system-list li{line-height: 1.4;width: 100%;position: relative;margin-bottom: 5.73vw;}
#works .system-list li span.no::before{content: "WORKS.01";font-size: 2.9vw;line-height: 1.5;letter-spacing: 0.0vw;font-weight: 400;text-align: left;font-family: "Poppins", sans-serif;}
#works .system-list li:nth-child(2) span.no::before{ content: "WORKS.02"; }
#works .system-list li:nth-child(3) span.no::before{ content: "WORKS.03"; }
#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: 2.9vw;margin-bottom: 2.42vw;}
#works .system-list li .text-cate span{display: inline-block;border: #ccc solid 0.24vw;margin: 0 0.97vw 0.97vw 0;padding: 0.72vw;}
#works .text1{ font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
#works .text2{margin-bottom: 2.42vw;color: #646464;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0px;font-weight: 500;text-align: left;}

#works .system-pic {width: 100%;aspect-ratio: 530 / 374.8;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;margin-top: 1.45vw;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
#works .system-ttl-01{margin-bottom: 1.42vw;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#works .system-list li  .catelist{text-align: right;margin-bottom: 0vw;position: absolute;top: 3.43vw;right: -0.3vw;}
#works .system-list li  .catelist span{background: #222222;margin: 0 2.42vw 2.42vw 0;display: inline-block;color: #fff;font-size: 3.38vw;line-height: 1;letter-spacing: 0.1vw;font-weight: 400;padding: 1.69vw 3.62vw;border-radius: 0.97vw;}

#contents09{margin:0 auto;position:relative;}
#contents09 .left-Box{margin:0;position:relative;width: 100%;background: url('../images/index/sp-contents09-back01.png') no-repeat top 38.6vw right #E5E5D9;padding: 9.74vw 5.5vw 25.6vw;background-size: 100% auto;margin-bottom: 5vw;}
#contents09 .right-Box{margin:0;position:relative;background: url('../images/index/sp-contents09-back02.png') no-repeat top 33.1vw right #E5E5D9;padding: 9.24vw 5.2vw 0;background-size: 100% auto;height: 129.7vw;}
#contents09 h2.f-en {margin-bottom: 1.03vw;position: relative;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents09 h3 {margin-bottom: -2vw;position: relative;font-size: 4.83vw;line-height: 2.1;letter-spacing: 0.24vw;font-weight: 500;text-align: left;}
#contents09 p.text {margin-bottom: 84.65vw;position: relative;font-size: 3.38vw;line-height: 3;letter-spacing: 0.17vw;font-weight: 500;text-align: left;}
#contents09 p.text2 {margin-bottom: 7.25vw;position: relative;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0.17vw;font-weight: 500;text-align: left;}

#contents09 .right-Box h2{ margin-bottom: -2vw; }
#contents09 .right-Box h3{ margin-bottom: 65.4vw; }
#contents09 .right-Box p.text{ text-align: center; }

#contents09 p.moretbtn{position: absolute;bottom: 9.61vw;left: 5.32vw;width: 89.4vw;}
#contents09 p.moretbtn a{}
#contents09 p.moretbtn a:hover{ background: none;}

#contents10 {margin: 0 auto 18.32vw;position: relative;background: url('../images/index/sp-contents10-back01.png')no-repeat top center;padding: 16.99vw 0 0;background-size: 100% auto;}
#contents10 .ttl-Box {margin: 0 auto 13.38vw;position: relative;}
#contents10 .ttl-Box h2 {margin-bottom: 1.83vw;position: relative;color: #fff;font-size: 6.28vw;line-height: 3.81;letter-spacing: 0.31vw;font-weight: 500;text-align: center;}
#contents10 .ttl-Box ul.bannerlist {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 3vw;}
#contents10 .ttl-Box ul li {
    margin-bottom: 6vw;
}
#contents10 .ttl-Box ul li:nth-child(2) { margin-right: 0.0vw; }
#contents10 .ttl-Box ul li figure {  }
#contents10 .ttl-Box ul li a {  }
#contents10 .ttl-Box ul li a:hover {  }
#contents10 .inner-Box {margin: 0 3vw 19.42vw;position: relative;background: #fff;padding: 7.15vw 5.86vw 14.15vw 5.86vw;}
#contents10 .inner-Box h3 {margin-bottom: 5.66vw;position: relative;font-size: 3.86vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents10 .inner-Box h3 span.f-en {display: block;margin-bottom: -0.59vw;font-size: 7.73vw;line-height: 1.5;letter-spacing: 0px;font-weight: 500;text-align: left;}
#contents10 .inner-Box2 {margin: 0 2.9vw 19.32vw;position: relative;text-align: center;}
#contents10 .inner-Box2 p.btn {  }
#contents10 .inner-Box2 p.btn img {  }
#contents10 .inner-Box3 {margin: 0 5.3vw;position: relative;}
#contents10 .inner-Box3 h3.f-en {margin-bottom: 3.79vw;position: relative;font-size: 3.86vw;line-height: 1.56;letter-spacing: 0.0vw;font-weight: 400;text-align: center;}
#contents10 .inner-Box3 p.text {margin-bottom: 7.25vw;color: #707070;position: relative;font-size: 2.9vw;line-height: 2;letter-spacing: 0px;font-weight: 400;text-align: left;}

#blog .system-list{margin-bottom: 5.58vw;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: 4.83vw;padding: 0 0 0.83vw;margin-bottom: 1.21vw;width: 100%;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(2n){ margin-right: 0}
#blog .system-list .system-pic {aspect-ratio: 16 / 11;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;width: 33.8vw;float: left;}
#blog .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#blog .system-list .textbx{margin-left: 2%;padding: 0.21vw 0 0 1.99vw;width: 46vw;float: left;}
#blog .system-day{margin-bottom: 2.42vw;color: #A4A4A4;font-size: 2.9vw;line-height: 1.42;letter-spacing: 0px;font-weight: 500;text-align: left;}
#blog .system-list .system-ttl-01{margin-bottom: 2.42vw;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0px;font-weight: 700;text-align: left;}
#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 .newicon{font-size: 2.9vw;line-height: 1.41667;letter-spacing: 0.0vw;font-weight: 500;text-align: left;margin-bottom: 1.42vw;}
#blog .newicon span{display: inline-block;color: #fff;background: #3B699B;border-radius: 0.97vw;padding: 0.5vw 1.96vw;}
#blog p.moretbtn{position: relative;}

#contentsend {position: relative;background: url('../images/common/sp-contentsend-back01.png')no-repeat top center;padding: 19.27vw 5.25vw 11vw;background-size: cover;}

#contentsend .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;border-top: #E4E4DF 0.24vw solid;padding: 9.2vw 0 0;margin: 0 3.9vw 9.6vw;border-bottom: none;}
#contentsend .inner-Box ul li {width: 100%;height: auto;border-bottom: #E4E4DF 0.24vw solid;margin-bottom: 9.4vw;}
#contentsend .inner-Box ul li figure {margin-bottom: -0.11vw;}
#contentsend .inner-Box ul li figure img{width: auto;height: 15.2vw;}
#contentsend .inner-Box ul li a {color: #fff;display: block;text-align: center;padding-top: 1.21vw;padding-bottom: 9.6vw;}
#contentsend .inner-Box ul li a:hover { text-decoration: none; }
#contentsend .inner-Box h3 {position: relative;font-size: 5.88vw;line-height: 1.42857;letter-spacing: 0vw;font-weight: 500;text-align: center;height: 16.7vw;padding-top: 1.6vw;margin-bottom: 7.5vw;}
#contentsend .inner-Box h3 span.f-en {display: block;margin-bottom: 1.69vw;font-size: 3.43vw;line-height: 1.5;letter-spacing: 0vw;font-weight: 500;text-align: center;}
#contentsend .inner-Box h3 br{ display: none!important;}
#contentsend .inner-Box p.mobtn {color: #000;position: relative;height: 12.28vw;background: #fff;border-radius: 12.08vw;font-size: 3.36vw;line-height: 1.45455;letter-spacing: 0vw;font-weight: 500;text-align: center;width: 44.5vw;margin: 0 auto;padding-top: 3.8vw;padding-right: 5vw;}
#contentsend .inner-Box p.mobtn .arr{position: absolute;top: 2.27vw;right: 3.14vw;width: 3.1vw;}



}