@charset "UTF-8";



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

header{ position: absolute; top: 0; z-index: 3; }

#contentsmain {margin: 0 auto 167px;position: relative;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {position: absolute;top: 230px;left: 34px;z-index: 3;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.img { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box figure.img img{ width: 100%; height: auto; }

#contents01 {margin: 0 auto 236px;position: relative;width: 852px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {position: absolute;right: 0px;top: -32px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 72px;}
#contents01 .inner-Box figure.img img{  }

#information .prev-arrow{position: absolute;top: -102px;right: 230px;}
#information .next-arrow{position: absolute;top: -102px;right: 160px;transform: scale(-1, 1);}

#information{ margin-bottom: 144px; }
#information h2{font-size: 85px;position: absolute;top;top: 30px;left: 160px;line-height: 1;}
#information p.subttl{font-size: 20px;position: absolute;top: 132px;left: 164px;}
#information .morebtn{position: absolute;top: 230px;left: 160px;}

#information .inner-Box{padding-left: 31.8vw;position: relative;}
#information .system-list{margin-bottom: 50px;}
#information .system-list li{position: relative;line-height: 1.4;width: 500px;margin-right: 50px;position: relative;margin-bottom: 20px;padding-top: 40px;}
#information .system-list li a:hover{ text-decoration: none; }
#information .system-list .system-pic {width: 100%;aspect-ratio: 1 / 0.7;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#information .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#information .system-list li .system-date{font-size: 13px;margin-bottom: 3px;line-height: 1.4;position: relative;padding: 0 0 0 42px;}
#information .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;color: #3F7340;}
#information .system-list li .system-date .start_text{ }
#information .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#information .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#information .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#information .system-list li .system-ttl-01{font-size: 16px;font-weight: 400;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 20px;padding: 0 0 14px;border-bottom: #CCC dotted 1px;}
#information .system-list li .text-box{padding: 0px 0px 20px;}
#information .system-list li .more{font-size: 16px;text-align: center;border: 1px solid #959595;border-radius: 20px;width: 110px;height: 40px;margin: 30px auto 0 auto;padding: 6px 0 0;}

#information .inicon{text-align: center;display: block;background: none;display: inline-block;font-size: 11px;color: #fff;position: absolute;top: 15px;left: 19px;z-index: 3;width: 50px;height: 50px;border-radius: 50%;padding-top: 17px;background: #C3891B;border-radius: 0px 0px 25px 25px;}
#information .inicon.icon02{ background: #1A1A1A;}

#contents03 { margin: 0 auto; position: relative; background: url(../images/common/common-back.jpg)repeat; }
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 89px 30px 105px;max-width: 1540px;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 20px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .inner-Box span.img {display: block;line-height: 1;position: absolute;top: 110px;left: 50%;margin-left: 410px;}
#contents03 .inner-Box span.img img {  }
#contents03 .inner-Box p.text {font-size: 20px;line-height: 1.88;font-weight: 500;letter-spacing: 1px;margin-bottom: 30px;position: relative;text-align: center;}
#contents03 .inner-Box p.btn {text-align: center;}
#contents03 .inner-Box p.btn img {width: 100%;max-width: 1200px;}

#modelhouse .system-list{margin-bottom: 28px;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;}
#modelhouse .system-list li{line-height: 1.4;width: 29.7%;margin-right: 5.4%;background: #fff;position: relative;margin-bottom: 20px;box-shadow: 0px 30px 30px #0000001F;padding-bottom: 28px;margin-bottom: 90px;}
#modelhouse .system-list li:nth-child(2),#modelhouse .system-list li:nth-child(5){ top: 40px; }
#modelhouse .system-list li:nth-child(3n){ margin-right: 0}
#modelhouse .system-list li a:hover{ text-decoration: none; }
#modelhouse .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; }
#modelhouse .text2{letter-spacing: 1px;font-size: 20px;margin-bottom: 10px;font-weight: 400;text-align: center;line-height: 1.65;padding: 37px 0 17px;}

#modelhouse .system-pic {width: 100%;aspect-ratio: 340 / 150;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#modelhouse .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#modelhouse a:hover .system-pic img{transform: scale(1);}
#modelhouse .system-ttl-01{font-size: 18px;margin-bottom: 10px;line-height: 1.56;font-weight: 500;letter-spacing: 0px;}
#modelhouse .more{width: 280px;border-bottom: #1A1A1A 1px solid;margin: 0 auto;padding: 0 0 11px 7px;font-size: 15px;letter-spacing: 0.75px;position: relative;}
#modelhouse .more .arr{position: absolute;top: 6px;right: 19px;}

#contents04 {margin: 0 auto 118px;position: relative;padding: 105px 0 0;}
#contents04 h2 {text-align: center;padding-left: 107px;margin-bottom: 45px;}
#contents04 h2 span{  }
#contents04 h2 img {  }
#contents04 .inner-Box { margin: 0 auto; position: relative; max-width: 1920px;}
#contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;color: #fff;}
#contents04 .inner-Box ul li {width: 50%;height: 680px;position: relative;padding: 286px 0 0 53px;}
#contents04 .inner-Box ul li:nth-child(1) {margin-right: 0px;background: url(../images/index/contents04-back01.png)no-repeat center center;background-size: auto 100%;}
#contents04 .inner-Box ul li:nth-child(2) {margin-right: 0px;background: url(../images/index/contents04-back02.png)no-repeat center center;background-size: auto 100%;}
#contents04 .inner-Box h3 {position: absolute;top: 17px;right: 44px;}
#contents04 .inner-Box h3 span{  }
#contents04 .inner-Box h3 img {  }
#contents04 .inner-Box h4.f-min {font-size: 27px;line-height: 1.48;font-weight: 400;letter-spacing: 1.35px;margin-bottom: 17px;position: relative;}
#contents04 .inner-Box p.ltext {font-size: 15px;line-height: 2;font-weight: 500;letter-spacing: 0.75px;margin-bottom: 57px;position: relative;width: 420px;}
#contents04 .inner-Box p.morebtn{margin: 0;width: 241px;}


	#lineup{width: 980px;margin: 0 auto 70px;}
	
	
#gallery{width: 1180px;margin: 0 auto -13px;}
#gallery .inner-Box  {position: relative;}
#gallery .inner-Box h2 {font-size: 48px;font-weight: 400;}
#gallery .inner-Box .subtt {font-size: 20px;letter-spacing: 1px;font-weight: 600;margin-bottom: 43px;margin-left: 7px;}
#gallery .inner-Box p.morebtn{margin: 0;width: 241px;position: absolute;top: 62px;right: 0;}
#gallery .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#gallery .system-list li{line-height: 1.4;width: 30.5%;margin-right: 4.2%;background: #fff;position: relative;margin-bottom: 46px;}
#gallery .system-list li:nth-child(3n){ margin-right: 0}
#gallery .system-list li a:hover{ text-decoration: none; }
#gallery .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; }
#gallery .text2{color: #3F7340;font-size: 13px;letter-spacing: 0.65px;margin-bottom: 10px;font-weight: 400;}

#gallery .system-pic {width: 100%;aspect-ratio: 340 / 247;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#gallery .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#gallery .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#gallery .system-date::before{ content: "■"; }
#gallery .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#gallery .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.56;font-weight: 500;letter-spacing: 0.8px;}

#contents05 {margin: 0 auto 240px;position: relative;width: 1180px;}
#contents05 .inner-Box {margin: 0 auto 130px;position: relative;background: #F2F2F2;padding: 80px 100px 50px 100px;}
#contents05 .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;}
#contents05 .inner-Box ul li {margin-bottom: 30px;}
#contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents05 .inner-Box ul li figure {  }
#contents05 .inner-Box ul li a {  }
#contents05 .inner-Box ul li a:hover {  }
#contents05 .inner-Box2 { margin: 0 auto; position: relative; }
#contents05 .inner-Box2 ul.list2 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents05 .inner-Box2 ul li {text-align: center;margin-right: 60px;}
#contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inner-Box2 ul li figure {margin-bottom: 14px;}
#contents05 .inner-Box2 ul li a {  }
#contents05 .inner-Box2 ul li a:hover {  }
#contents05 .inner-Box2 p.ltext {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0.75px;margin-bottom: 30px;position: relative;}

#voice{margin-bottom: 97px;}
#voice h2{font-size: 85px;position: absolute;top;top: -126px;left: 157px;line-height: 1;}
#voice h3{font-size: 20px;letter-spacing: 1px;position: absolute;top;top: 140px;left: 151px;line-height: 1.85;}
#voice p.subttl{font-size: 16px;letter-spacing: 0.8px;line-height: 2;position: absolute;top: 236px;left: 160px;}
#voice .morebtn{position: absolute;top: 348px;left: 160px;}

#voice .prev-arrow{position: absolute;top: -102px;right: 230px;}
#voice .next-arrow{position: absolute;top: -102px;right: 160px;transform: scale(-1, 1);}

#voice .system-list{margin-bottom: 50px;}
#voice .system-list li{line-height: 1.4;width: 420px;min-height: 500px;margin-right: 50px;position: relative;margin-bottom: 20px;border: 1px solid #E6E6E6;padding: 27px 30px 84px 30px;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .system-text{font-size: 13px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;color: #9B7350;margin-bottom: 10px;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list li .system-ttl-01{ }
#voice .system-list li .arrr{width: 360px;border-bottom: 1px dotted #333;display: block;position: absolute;bottom: 40px;padding-bottom: 16px;padding-right: 8px;}
#voice .system-list li .arrr img{margin: 0 0 0 auto;}
#voice .system-pic {width: 100%;aspect-ratio: 25 / 16.7;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 .inner-Box{padding-left: 31.8vw;position: relative;}


#estate{width: 1180px;margin: 0 auto 99px;}
#estate .inner-Box  {position: relative;}
#estate .inner-Box h2 {font-size: 48px;font-weight: 400;}
#estate .inner-Box .subtt {font-size: 20px;letter-spacing: 1px;font-weight: 600;margin-bottom: 43px;margin-left: 7px;}
#estate .inner-Box p.morebtn{margin: 0;width: 241px;position: absolute;top: 62px;right: 0;}
#estate .icon{width: 80px;height: 80px;border-radius: 40px;text-align: center;padding-top: 29px;display: block;background: #003547;color: #fff;position: absolute;top: -20px;left: -20px;z-index: 4;}
#estate .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;}
#estate .system-list li{width: 30.4%;margin-right: 4.4%;margin-bottom: 50px;}
#estate .system-list li a:hover{ text-decoration: none; }
#estate .system-list li:nth-child(3n){ margin-right: 0;}

#estate .system-list li .system-pic { width: 100%; aspect-ratio: 36 / 26; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#estate .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#estate .system-list .text-box{}
#estate .system-list .system-ttl-01{font-size: 18px;font-weight: 400;letter-spacing: 0.9px;line-height: 1.39;margin-bottom: 10px;}
#estate .system-list li table{width: 100%;font-size: 12px;}
#estate .system-list li table th{border: 1px solid #E6E6E6;background: #F2F2F2;text-align: left;color: #919090;padding: 10px 6px;width: 69px;}
#estate .system-list li table td{border: 1px solid #E6E6E6;padding: 10px;}
#estate .system-list li table td span{ color: #F36E17; }

#contents06 {margin: 0 auto 86px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding-bottom: 120px;}
#contents06 h2 {text-align: center;padding: 27px 0 0;margin-bottom: 50px;}
#contents06 h2 span{  }
#contents06 h2 img {  }
#contents06 .inner-Box1 {margin: 0 auto;position: relative;max-width: 1460px;padding: 130px 780px 0 30px;min-height: 584px;color: #fff;}
#contents06 .inner-Box1 h3.f-min {font-size: 20px;line-height: 1.85;font-weight: 400;letter-spacing: 1px;margin-bottom: 10px;position: relative;}
#contents06 .inner-Box1 h3.f-min span {  }
#contents06 .inner-Box1 figure.photo {position: absolute;top: 4px;right: 30px;}
#contents06 .inner-Box1 figure.photo img{  }
#contents06 .inner-Box1 .morebtn{ margin: 0;width: 241px;}

#contents06 .inner-Box1 p.text {font-size: 15px;line-height: 2;font-weight: 500;letter-spacing: 0px;margin-bottom: 40px;position: relative;}
#contents06 .inner-Box2{margin: 0 auto 70px;position: relative;background: url('../images/index/contents06-back02.png')no-repeat bottom center;background-size: 100% auto;max-width: 1400px;padding-bottom: 45px;}
#contents06 .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1120px;margin: 0 auto;}
#contents06 .inner-Box2 ul li {width: 540px;margin-right: 40px;}
#contents06 .inner-Box2 ul li:nth-child(1) {position: relative;right: 45px;}
#contents06 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents06 .inner-Box2 ul li figure {  }
#contents06 .inner-Box2 ul li a {  }
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box3 {margin: 0 auto;position: relative;width: 730px;}
#contents06 .inner-Box3 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents06 .inner-Box3 ul li {margin-right: 50px;}
#contents06 .inner-Box3 ul li:nth-child(2n) { margin-right: 0px; }
#contents06 .inner-Box3 ul li figure {  }
#contents06 .inner-Box3 ul li a {  }
#contents06 .inner-Box3 ul li a:hover {  }

#blog{width: 1200px;margin: 0 auto 60px;}
#blog h2{text-align: center;font-size: 48px;letter-spacing: 0px;font-weight: 400;margin-bottom: 15px;}

#blog .tab-Box {display: none;padding: 49px 0 0;position: relative;}
#blog .tab-Box.active { display: block; }
#blog .tab-list{border-bottom: 1px #1A1A1A solid;padding: 0 30px;font-size: 15px;letter-spacing: 0.75px;}
#blog .tab-list li {display: inline-block;cursor: pointer;padding: 33px 20px;background: #f3f3f3;margin-right: -1px;width: 377px;text-align: center;margin-bottom: -1px;}
#blog .tab-list li.active {background: #fff;border: #1A1A1A 1px solid;border-bottom: 1px solid #fff;}

#blog .system-list{margin-bottom: 50px;border-top: #E6E6E6 1px solid;}
#blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: -1px;border-bottom: 1px solid #E6E6E6;padding: 30px;position: relative;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li .system-pic{float: left;width: 200px;height: 149px;}
#blog .system-list li .system-pic img{width: 100%;height: 150px;}
#blog .system-list li .textbx{width: 900px;float: left;margin-left: 32px;padding-top: 10px;}
#blog .system-list li .system-ttl-01{ font-size: 16px; letter-spacing: 0.8px; }
#blog .system-list li .arr{position: absolute;bottom: 36px;right: 26px;}
#blog .system-day{margin-bottom: 10px;font-size: 13px;line-height: 1.4;color: #3F7340;}

#blog .tab-Box h3{font-size: 22px;letter-spacing: 1.1px;font-weight: 400;margin-left: 23px;margin-bottom: 13px;}
#blog .tab-Box h3 span{display: inline-block;font-size: 30px;letter-spacing: 0;margin-right: 20px;}
#blog .tab-Box .blogmore{position: absolute;top: 69px;right: 63px;font-size: 14px;letter-spacing: 1.4px;}
#blog .tab-Box .blogmore .arr{position: absolute;top: -6px;right: -37px;}

#topics{width: 1200px;margin: 0 auto 131px;border: 1px solid #E6E6E6;background: #F2F2F2;border-radius: 140px;height: 100px;}
#topics .inner-Box  {position: relative;padding: 40px 117px 0 198px;}
#topics .inner-Box h2 {font-size: 14px;font-weight: 400;background: #3F7340;color: #fff;width: 110px;height: 40px;border-radius: 30px;position: absolute;top: 30px;left: 50px;text-align: center;padding-top: 10px;}
#topics .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 20px;padding: 0 0 20px;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-list .system-date{font-size: 15px;letter-spacing: 0.75px;line-height: 1.4;position: absolute;top: 40px;left: 200px;font-weight: 500;}
#topics .system-list .system-ttl-01{font-size: 15px;line-height: 1.6;margin-left: 109px;}
#topics .system-list .arr{position: absolute;top: 33px;right: 59px;}

#seotext{width: 1000px;margin: -32px auto 0 auto;padding-bottom: 84px;}
#seotext p{font-size: 13px;color: #919090;letter-spacing: 0.65px;line-height: 1.77;}

}

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

  #information h2{left: 60px;line-height: 1;}
  #information p.subttl{left: 64px;}
  #information .morebtn{left: 60px;}
  
  #voice h2{left: 57px;}
  #voice h2 img{width: 320px;}
  #voice h3{left: 51px;}
  #voice p.subttl{left: 60px;}
  #voice .morebtn{left: 60px;}
  
}

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

  header{ position: relative; z-index: 4;}
  #contentsmain {position: relative;margin: -15.6vw 0 22.3vw;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box h2 {
    display: none;
}
  #contentsmain .inner-Box h2 span{  }
  #contentsmain .inner-Box h2 img {  }
  #contentsmain .inner-Box figure.img { position: relative; top: 0; left: 0; }
  #contentsmain .inner-Box figure.img img{ width: 100%; height: auto; }
  
  #contents01 {margin: 0 auto 16.53vw;position: relative;}
  #contents01 .inner-Box {position: relative;}
  #contents01 .inner-Box h2 {position: relative;margin: 0 19.2vw 10vw;}
  #contents01 .inner-Box h2 span{  }
  #contents01 .inner-Box h2 img {  }
  #contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 19vw 11.3vw;}
  #contents01 .inner-Box figure.img img{  }
  
  
  #information{margin-bottom: 20.3vw;}
  #information h2{font-size: 10.39vw;position: relative;top;line-height: 1;text-align: center;margin-bottom: 2.7vw;}
  #information p.subttl{font-size: 3.62vw;position: relative;letter-spacing: 0.18vw;text-align: center;}
  #information .morebtn{position: relative;}
  
  #information .inner-Box{position: relative;}
  #information .system-list{margin-bottom: 4.03vw;}
  #information .system-list li{position: relative;line-height: 1.4;margin: 0 2.42vw;position: relative;margin-bottom: 5.33vw;padding-top: 11.67vw;width: 72.46vw;}
  #information .system-list li a:hover{ text-decoration: none; }
  #information .system-list .system-pic {width: 100%;aspect-ratio: 1 / 0.7;overflow: hidden;text-align: center;margin-bottom: 2vw;position: relative;}
  #information .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #information .system-list li .system-date{font-size: 2.66vw;margin-bottom: 0.8vw;line-height: 1.4;position: relative;padding: 0 0 0 8.2vw;}
  #information .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #3F7340;}
  #information .system-list li .system-date .start_text{ }
  #information .system-list li .system-information { border-bottom: 0.27vw solid #eee; padding-bottom: 2.67vw; margin-bottom: 5.33vw;}
  #information .system-list li .system-txt{ font-size:  4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
  #information .system-list li .system-coment{ font-size: 4.27vw; margin-bottom: 1.33vw; line-height: 1.4; }
  #information .system-list li .system-ttl-01{font-size: 3.38vw;font-weight: 400;letter-spacing: 0.21vw;line-height: 1.63;margin-bottom: 2.83vw;padding: 0 0 1.93vw;border-bottom: #CCC dotted 0.27vw;}
  #information .system-list li .text-box{padding: 0.0vw 0.0vw 5.33vw;}
  #information .system-list li .more{font-size: 4.27vw;text-align: center;border: 0.27vw solid #959595;border-radius: 5.33vw;height: 10.67vw;margin: 8.0vw auto 0 auto;padding: 1.6vw 0 0;}
  
  #information .inicon{text-align: center;display: block;background: none;display: inline-block;font-size: 2.66vw;color: #fff;position: absolute;top: 4.4vw;left: 2.27vw;z-index: 3;width: 12vw;height: 11.93vw;border-radius: 50%;padding-top: 4.23vw;background: #C3891B;border-radius: 0.0vw 0.0vw 6.67vw 6.67vw;}
  #information .inicon.icon02{ background: #1A1A1A;}
  
  #information .slick-dots {position: absolute;bottom: 2.1vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #information .slick-dots li {position: relative;display: inline-block;width: 1.45vw!important;height: 1.45vw!important;margin: 0 1.91vw!important;padding: 0;cursor: pointer;}
  #information .slick-dots li button {width: 1.45vw!important;font-size: 0;line-height: 0;display: block;height: 1.45vw!important;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #information .slick-dots li button:hover, #information .slick-dots li button:focus { outline: none; }
  #information .slick-dots li button:hover:before, #information .slick-dots li button:focus:before { opacity: 1; }
  #information .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #information .slick-dots li.slick-active button { background: #000; }
  
  
  
  #contents03 {position: relative;background: url(../images/common/common-back.jpg)repeat;background-size: 100% auto;}
  #contents03 .inner-Box {position: relative;padding: 15.73vw 0vw 21.3vw;}
  #contents03 .inner-Box h2 {text-align: center;margin: 0 7.8vw 9.23vw;}
  #contents03 .inner-Box h2 span{  }
  #contents03 .inner-Box h2 img {  }
  #contents03 .inner-Box span.img {display: block;line-height: 1;position: relative;margin: 0 4vw 8vw;}
  #contents03 .inner-Box span.img img {  }
  #contents03 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6.9vw;position: relative;text-align: center;}
  #contents03 .inner-Box p.btn {text-align: center;margin: 0 4vw;}
  #contents03 .inner-Box p.btn img {width: 100%;}
  
  #modelhouse .system-list{margin: 0 4.2vw 13.17vw;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;}
  #modelhouse .system-list li{line-height: 1.4;width: 100%;background: #fff;position: relative;margin-bottom: 5.33vw;box-shadow: 0.0vw 8.0vw 8.0vw #0000001F;padding-bottom: 4.27vw;margin-bottom: 8vw;}
  #modelhouse .system-list li:nth-child(2),#modelhouse .system-list li:nth-child(5){}
  #modelhouse .system-list li:nth-child(3n){ margin-right: 0}
	#modelhouse .system-list li:last-child{margin-bottom: 0;}
  #modelhouse .system-list li a:hover{ text-decoration: none; }
  #modelhouse .text1{ font-size: 3.73vw; width: 100%; border: 0.27vw solid #DEDEDE; background: #F8F7F5; height: 10.67vw; text-align: center; padding: 2.4vw; margin-bottom: 2.67vw; font-weight: 400; }
  #modelhouse .text2{letter-spacing: 0.27vw;font-size: 4.11vw;margin-bottom: 0.07vw;font-weight: 400;text-align: center;line-height: 1.65;padding: 5.97vw 0 4.53vw;}
  
  #modelhouse .system-pic {width: 100%;aspect-ratio: 340 / 150;overflow: hidden;text-align: center;margin-bottom: 4.9vw;position: relative;}
  #modelhouse .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #modelhouse a:hover .system-pic img{transform: scale(1);}
  #modelhouse .system-ttl-01{font-size: 4.8vw;margin-bottom: 2.67vw;line-height: 1.56;font-weight: 500;letter-spacing: 0.0vw;}
  #modelhouse .more{border-bottom: #1A1A1A 0.27vw solid;margin: 0 15.6vw;padding: 0 0 2.93vw 1.87vw;font-size: 3.14vw;letter-spacing: 0.2vw;position: relative;}
  #modelhouse .more .arr{position: absolute;top: 0.8vw;right: 4.67vw;width: 4.9vw;}
  
  #contents04 {margin: 0 auto 12.47vw;position: relative;padding: 7vw 0 0;}
  #contents04 h2 {text-align: center;padding-left: 16.03vw;margin-bottom: 10.1vw;padding-right: 5.5vw;}
  #contents04 h2 span{  }
  #contents04 h2 img {  }
  #contents04 .inner-Box {position: relative;}
  #contents04 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;color: #fff;}
  #contents04 .inner-Box ul li {width: 100%;position: relative;padding: 34.2vw 0 7vw 4.6vw;}
  #contents04 .inner-Box ul li:nth-child(1) {margin-right: 0.0vw;background: url(../images/index/sp-contents04-back01.png)no-repeat top center;background-size: 100% auto;}
  #contents04 .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; background: url(../images/index/sp-contents04-back02.png)no-repeat center center;  background-size: 100% auto;}
  #contents04 .inner-Box h3 {position: absolute;top: 0.13vw;right: 0.23vw;width: 18.4vw;}
  #contents04 .inner-Box h3 span{  }
  #contents04 .inner-Box h3 img {  }
  #contents04 .inner-Box h4.f-min {font-size: 4.83vw;line-height: 1.48;font-weight: 400;letter-spacing: 0.24vw;margin-bottom: 2.83vw;position: relative;}
  #contents04 .inner-Box p.ltext {font-size: 3.14vw;line-height: 1.77;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 4.9vw;position: relative;width: 67.63vw;}
  #contents04 .inner-Box p.morebtn{margin: 0;width: 68vw;}
  
  
	#lineup{width: 92%;margin: 0 auto 12vw;}
	
	
  #gallery{margin: 0 auto 18.2vw;}
  #gallery .inner-Box  {position: relative;}
  #gallery .inner-Box h2 {font-size: 10.39vw;font-weight: 400;text-align: center;}
  #gallery .inner-Box .subtt {font-size: 3.62vw;letter-spacing: 0.18vw;font-weight: 400;margin-bottom: 4.27vw;text-align: center;}
  #gallery .inner-Box p.morebtn{margin: 0;position: relative;right: 0;}
  #gallery .system-list{margin-bottom: -0.67vw;}
  #gallery .system-list li{line-height: 1.4;width: 72.46vw;margin: 0 2.42vw;background: #fff;position: relative;margin-bottom: 12.27vw;}
  #gallery .system-list li a:hover{ text-decoration: none; }
  #gallery .text1{ font-size: 3.73vw; width: 100%; border: 0.27vw solid #DEDEDE; background: #F8F7F5; height: 10.67vw; text-align: center; padding: 2.4vw; margin-bottom: 2.67vw; font-weight: 400; }
  #gallery .text2{color: #3F7340;font-size: 2.66vw;letter-spacing: 0.17vw;margin-bottom: 0.87vw;font-weight: 400;}
  
  #gallery .system-pic {width: 100%;aspect-ratio: 340 / 247;overflow: hidden;text-align: center;margin-bottom: 2.8vw;position: relative;}
  #gallery .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #gallery .system-date{ font-size: 0.75em; margin-bottom: 2.67vw; line-height: 1.4; }
  #gallery .system-date::before{ content: "■"; }
  #gallery .system-coment{ font-size: 0.75em; margin-bottom: 1.33vw; line-height: 1.4; }
  #gallery .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.67vw;line-height: 1.56;font-weight: 500;letter-spacing: 0.21vw;}
  
  #gallery .slick-dots {position: absolute;bottom: 5.6vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #gallery .slick-dots li {position: relative;display: inline-block;width: 1.45vw!important;height: 1.45vw!important;margin: 0 1.91vw!important;padding: 0;cursor: pointer;}
  #gallery .slick-dots li button {width: 1.45vw!important;font-size: 0;line-height: 0;display: block;height: 1.45vw!important;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #gallery .slick-dots li button:hover, #information .slick-dots li button:focus { outline: none; }
  #gallery .slick-dots li button:hover:before, #information .slick-dots li button:focus:before { opacity: 1; }
  #gallery .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #gallery .slick-dots li.slick-active button { background: #000; }



  #contents05 {margin: 0 auto 9.3vw;position: relative;}
  #contents05 .inner-Box {margin: 0 auto 17.07vw;position: relative;background: #F2F2F2;padding: 12.23vw 7.67vw 4.53vw;}
  #contents05 .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;}
  #contents05 .inner-Box ul li {margin-bottom: 7.3vw;}
  #contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents05 .inner-Box ul li figure {  }
  #contents05 .inner-Box ul li a {  }
  #contents05 .inner-Box ul li a:hover {  }
  #contents05 .inner-Box2 {margin: 0 6.6vw;position: relative;}
  #contents05 .inner-Box2 ul.list2 {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents05 .inner-Box2 ul li {text-align: center;}
  #contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents05 .inner-Box2 ul li figure {margin-bottom: 1.83vw;}
  #contents05 .inner-Box2 ul li a {  }
  #contents05 .inner-Box2 ul li a:hover {  }
  #contents05 .inner-Box2 p.ltext {font-size: 3.14vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 9vw;position: relative;text-align: center;}
  
  #voice{margin-bottom: 16.27vw;}
  #voice h2{position: relative;top;line-height: 1;margin: 0 25.6vw 3.8vw 29.7vw;}
  #voice h3{font-size: 4.11vw;letter-spacing: 0.27vw;position: relative;top;line-height: 1.85;text-align: center;margin-bottom: 2vw;}
  #voice p.subttl{font-size: 3.14vw;letter-spacing: 0.16vw;line-height: 1.62;position: relative;text-align: center;margin-bottom: 7.7vw;}
  #voice .morebtn{position: relative;}
  
  #voice .prev-arrow{position: absolute;top: 0vw;right: 61.33vw;}
  #voice .next-arrow{position: absolute;top: 0vw;right: 42.67vw;transform: scale(-1, 1);}
  
  #voice .system-list{margin-bottom: -0.67vw;}
  #voice .slick-slide{min-height: 84.54vw;border: 1px solid #E6E6E6;}
  #voice .system-list li{line-height: 1.4;width: 72.46vw;margin: 0 2.42vw;background: #fff;position: relative;margin-bottom: 12.27vw;padding: 5vw;}
  #voice .system-list li a:hover{ text-decoration: none; }
  #voice .system-list li .system-text{font-size: 2.66vw;letter-spacing: 0.19vw;font-weight: 400;line-height: 1.71;color: #9B7350;margin-bottom: 0.57vw;}
  #voice .system-list li .system-text span{ display: inline-block; padding-left: 2.67vw; }
  #voice .system-list li .system-ttl-01{font-size: 3.62vw;}
  #voice .system-list li .arrr{border-bottom: 0.27vw dotted #333;display: block;position: absolute;bottom: 8.67vw;padding-bottom: 3.47vw;padding-right: 2.13vw;width: 87%;}
  #voice .system-list li .arrr img{margin: 0 0 0 auto;width: 5vw;position: relative;0vw:p;bottom: 0;}
  #voice .system-pic {width: 100%;aspect-ratio: 25 / 16.7;overflow: hidden;text-align: center;margin-bottom: 2vw;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 .inner-Box{position: relative;}
  
  #voice .slick-dots {position: absolute;bottom: 5.6vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
  #voice .slick-dots li {position: relative;display: inline-block;width: 1.45vw!important;height: 1.45vw!important;margin: 0 1.91vw!important;padding: 0;cursor: pointer;}
  #voice .slick-dots li button {width: 1.45vw!important;font-size: 0;line-height: 0;display: block;height: 1.45vw!important;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;}
  #voice .slick-dots li button:hover, #information .slick-dots li button:focus { outline: none; }
  #voice .slick-dots li button:hover:before, #information .slick-dots li button:focus:before { opacity: 1; }
  #voice .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #voice .slick-dots li.slick-active button { background: #000; }

  
  #estate{margin: 0 auto 20vw;}
  #estate .inner-Box  {position: relative;}
  #estate .inner-Box h2 {font-size: 10.39vw;font-weight: 400;text-align: center;}
  #estate .inner-Box .subtt {font-size: 3.62vw;letter-spacing: 0.18vw;font-weight: 600;margin-bottom: 11.47vw;text-align: center;}
  #estate .inner-Box p.morebtn{margin: 0;position: relative;}
  #estate .icon{height: 21.33vw;border-radius: 10.67vw;text-align: center;padding-top: 7.73vw;display: block;background: #003547;color: #fff;position: absolute;top: 0vw;left: 0vw;z-index: 4;}
  #estate .system-list{margin-bottom: -0.67vw;}
  #estate .system-list li{line-height: 1.4;width: 72.46vw;margin: 0 2.42vw;background: #fff;position: relative;margin-bottom: 12.27vw;}
  #estate .system-list li a:hover{ text-decoration: none; }
  
  #estate .system-list li .system-pic {width: 100%;aspect-ratio: 36 / 26;overflow: hidden;text-align: center;margin-bottom: 2.7vw;position: relative;}
  #estate .system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  
  #estate .system-list .text-box{}
  #estate .system-list .system-ttl-01{font-size: 3.62vw;font-weight: 400;letter-spacing: 0.24vw;line-height: 1.39;margin-bottom: 2.67vw;}
  #estate .system-list li table{width: 100%;font-size: 2.90vw;}
  #estate .system-list li table th{border: 0.27vw solid #E6E6E6;background: #F2F2F2;text-align: left;color: #919090;padding: 2.67vw 1.6vw;}
  #estate .system-list li table td{border: 0.27vw solid #E6E6E6;padding: 2.67vw;}
  #estate .system-list li table td span{ color: #F36E17; }
  
  #contents06 {margin: 0 auto 13.93vw;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top center;padding-bottom: 12vw;background-size: 100% auto;}
  #contents06 h2 {text-align: center;margin: 0 9.9vw 13.33vw 8.9vw;}
  #contents06 h2 span{  }
  #contents06 h2 img {  }
  #contents06 .inner-Box1 {position: relative;padding: 13.07vw 0vw 22.7vw;color: #fff;}
  #contents06 .inner-Box1 h3.f-min {font-size: 4.59vw;line-height: 1.85;font-weight: 400;letter-spacing: 0.23vw;margin-bottom: 5.67vw;position: relative;text-align: center;}
  #contents06 .inner-Box1 h3.f-min span {font-size: 3.62vw;}
  #contents06 .inner-Box1 figure.photo {position: relative;margin: 0 3.1vw 2.6vw 8.9vw;}
  #contents06 .inner-Box1 figure.photo img{  }
  #contents06 .inner-Box1 .morebtn{ margin: 0;}
  
  #contents06 .inner-Box1 p.text {font-size: 3.14vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.0vw;margin: 0 9vw 7.97vw;position: relative;}
  #contents06 .inner-Box2{margin: 0 auto 12.07vw;position: relative;background-size: 100% auto;padding-bottom: 12.0vw;}
  #contents06 .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 6.5vw;}
  #contents06 .inner-Box2 ul li {}
  #contents06 .inner-Box2 ul li:nth-child(1) {position: relative;margin-left: -4.8vw;margin-bottom: 5vw;}
  #contents06 .inner-Box2 ul li:nth-child(2n) {margin-right: 0.0vw;margin-right: -4vw;}
  #contents06 .inner-Box2 ul li figure {  }
  #contents06 .inner-Box2 ul li a {  }
  #contents06 .inner-Box2 ul li a:hover {  }
  #contents06 .inner-Box3 {margin: 0 9vw;position: relative;}
  #contents06 .inner-Box3 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents06 .inner-Box3 ul li {margin-bottom: 5.13vw;}
  #contents06 .inner-Box3 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents06 .inner-Box3 ul li figure {  }
  #contents06 .inner-Box3 ul li a {  }
  #contents06 .inner-Box3 ul li a:hover {  }
  
  #blog{margin: 0 auto 10vw;}
  #blog h2{text-align: center;font-size: 10.39vw;letter-spacing: 0.0vw;font-weight: 400;margin: 0 2.9vw 4.0vw;border-bottom: 1px solid #000;padding-bottom: 2.3vw;}
  
  #blog .tab-Box {padding: 5.07vw 0 0;position: relative;margin-bottom: 14vw;border-bottom: 2px solid;margin: 0 3vw 4vw;padding-bottom: 9.8vw;}
  #blog .tab-Box.active { display: block; }
  #blog .tab-list{border-bottom: 0.27vw #1A1A1A solid;padding: 0 8.0vw;font-size: 4.0vw;letter-spacing: 0.2vw;display: none;}
  #blog .tab-list li {display: inline-block;cursor: pointer;padding: 8.8vw 5.33vw;background: #f3f3f3;margin-right: 0vw;text-align: center;margin-bottom: 0vw;}
  #blog .tab-list li.active {background: #fff;border: #1A1A1A 0.27vw solid;border-bottom: 0.27vw solid #fff;}
  
  #blog .system-list{margin-bottom: 13.33vw;border-top: #E6E6E6 0.27vw solid;margin: 0 0vw 2.2vw;}
  #blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 0vw;border-bottom: 0.27vw solid #E6E6E6;padding: 3.9vw 2.7vw;position: relative;}
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list li .system-pic{height: 21.73vw;width: 29.1vw;float: left;}
  #blog .system-list li .system-pic img{width: 100%;height: 21.73vw;}
  #blog .system-list li .textbx{margin-left: 3.53vw;padding-top: -0.33vw;float: left;width: 44vw;}
  #blog .system-list li .system-ttl-01{font-size: 3.14vw;letter-spacing: 0.21vw;}
  #blog .system-list li .arr{position: absolute;bottom: 9.6vw;right: 6.93vw;display: none;}
  #blog .system-day{margin-bottom: 2.67vw;font-size: 2.66vw;line-height: 1.4;color: #3F7340;}
  
  #blog .tab-Box h3{font-size: 3.62vw;letter-spacing: 0.29vw;font-weight: 400;margin-left: 5.43vw;margin-bottom: 2.47vw;}
  #blog .tab-Box h3 span{display: inline-block;font-size: 4.83vw;letter-spacing: 0;margin-right: 3.03vw;}
  #blog .tab-Box .blogmore{position: relative;font-size: 3.33vw;letter-spacing: 0.37vw;text-align: right;margin: 0 10.9vw 0 0;}
  #blog .tab-Box .blogmore .arr{position: absolute;top: -1.4vw;right: -8.8vw;display: block;width: 4.9vw;}
  
  #topics{margin: 0 2.9vw 17.93vw;border: 0.27vw solid #E6E6E6;background: #F2F2F2;border-radius: 4.33vw;height: 33.67vw;}
  #topics .inner-Box  {position: relative;padding: 6.9vw;}
  #topics .inner-Box h2 {font-size: 3.73vw;font-weight: 400;background: #3F7340;color: #fff;height: 5.67vw;border-radius: 8.0vw;position: absolute;top: 7vw;left: 7.13vw;text-align: center;width: 22.2vw;padding-top: 0.17vw;}
  #topics .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 5.33vw;padding: 0 0 5.33vw;}
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-list .system-date{font-size: 2.66vw;letter-spacing: 0.2vw;line-height: 1.4;position: absolute;top: 8.17vw;left: 32.33vw;font-weight: 500;}
  #topics .system-list .system-ttl-01{font-size: 2.90vw;line-height: 1.6;padding-top: 8.2vw;}
  #topics .system-list .arr{position: absolute;top: 8.8vw;right: 15.73vw;display: none;}
  
  #seotext{margin: 0vw auto 0 auto;padding-bottom: 22.4vw;}
  #seotext p{font-size: 2.66vw;color: #919090;letter-spacing: 0.17vw;line-height: 1.77;margin: 7.4vw 4vw -27vw;padding: 4.9vw 1.4vw 0;border-top: #333 dotted 2px;}
  



}