@charset "UTF-8";

#popupbanner{opacity: 0;}


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

#popupbanner{position: fixed;right: 30px;bottom: 110px;width: 270px;z-index: 10;box-shadow: 0px 8px 16px #1A1A1A66;}
#popupbanner a{ }
#popupbanner a img{ width: 100%; height: auto;}
#popupbanner span{position: absolute;top: -15px;right: 13px;}

#contentsmain {margin: 0 auto 185px;position: relative;}
#contentsmain .inner-Box1 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box1 ul.mainslide {}
#contentsmain .inner-Box1 ul li {position: relative;width: 1160px!important;margin: 0 10px;}
#contentsmain .inner-Box1 figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box2 {margin: 0 auto 42px;position: relative;width: 1100px;padding: 18px 0 0 188px;}
#contentsmain .inner-Box2 h2.f-en {font-size: 30px;line-height: 1.75;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 0px;position: absolute;top: 12px;left: 0;}
#contentsmain .inner-Box2 p.text {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 16px;position: relative;border-bottom: #9B9B9B 1px solid;padding-bottom: 17px;}
#contentsmain .inner-Box2 p.text span {  }
#contentsmain .inner-Box2 p.morbtn {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;text-align: right;}
#contentsmain .inner-Box2 p.morbtn span {  }
#contentsmain .inner-Box2 p.morbtn a {  }
#contentsmain .inner-Box2 p.morbtn a:hover {  }
#contentsmain .inner-Box3 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box3 ul.bannerslide {}
#contentsmain .inner-Box3 ul li { margin: 0 15px; }
#contentsmain .inner-Box3 ul li figure {  }
#contentsmain .inner-Box3 ul li a {  }
#contentsmain .inner-Box3 ul li a:hover {  }

#contents01 {margin: 0 auto 112px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat bottom 198px center;}
#contents01 h2 {margin-left: 13.6vw;margin-bottom: 43px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto 92px;position: relative;margin-left: 13.6vw;}
#contents01 p.mmorebtn {position: absolute;top: 103px;left: 50%;margin-left: 420px;}
#contents01 p.mmorebtn a:hover {  }
#contents01 p.btn {text-align: center;}
#contents01 p.btn img {  }

#estate .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;}
#estate .system-list li{position: relative;line-height: 1.4;width: 420px;margin-right: 60px;position: relative;margin-bottom: 20px;padding-bottom: 40px;}
#estate .system-list li a:hover{ text-decoration: none; }
#estate .system-list .system-pic {width: 100%;aspect-ratio: 360 / 254;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#estate .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#estate .system-list li .textss{font-size: 14px;border: 1px solid #D4D4D4;border-radius: 5px;padding: 10px 11px;margin-bottom: 6px;background: #fff;}
#estate .system-list li .textss span{border-right: 1px solid #333;padding: 0 6px 0 0px;margin-right: 5px;}
#estate .system-list li .dlbtn{position: absolute;bottom: 0;left: 0;width: 100%;text-align: right;}
#estate .system-list li .dlbtn span{display: inline-block;font-size: 12px;}

#estate .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#estate .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#estate .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#estate .system-list li .system-ttl-01{font-size: 16px;font-weight: 500;letter-spacing: 0.8px;line-height: 1.75;margin-bottom: 20px; position: relative;}
#estate .system-list li .system-ttl-01 span.ttlte{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#estate .system-list li .system-ttl-01 span.newicon{background: #9EDBE9;display: inline-block;padding: 0 7px;position: absolute;top: 0;left: 0;font-size: 14px;font-weight: 500;}
#estate .system-list li .system-ttl-01.newt{padding-left: 62px;font-size: 18px;}
#estate .system-list li .texts-pri{ font-size: 20px; text-align: center; }
#estate .system-list li .texts-pri span{ color: #2793DC; font-size: 30px;}
#estate .system-list li .texts-area{text-align: center;font-size: 14px;border-bottom: 1px solid #333;padding-bottom: 10px;}

#estate .system-list li .esoptext{font-size: 14px;margin-bottom: 10px;}
#estate .system-list li .esoptext .lineu{background: #1A1A1A;color: #fff;display: inline-block;padding: 2px 9px;margin-right: 5px;}
#estate .system-list li .esoptext .jk{   }
#estate .system-list li .esoptext .jk::before{content: "";display: inline-block;background: #61BD97;width: 10px;height: 10px;border-radius: 50%;}


#estate .system-list li .text-box{padding: 0px 0px 20px;}
#estate .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;}

#event {margin: 0 auto 179px;position: relative;}
#event .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#event h2{text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 14px;}
#event h2 span{font-size: 40px;font-weight: 600;display: block;margin-bottom: -3px;}


#event .system-list{margin-bottom: 57px;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;}
#event .system-list li{position: relative;line-height: 1.4;width: 360px;margin-right: 60px;position: relative;margin-bottom: 20px;padding-top: 40px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .system-pic {width: 100%;aspect-ratio: 360 / 254;overflow: hidden;text-align: center;margin-bottom: 22px;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li table{ width: 100%; font-size: 12px; letter-spacing: 0; }
#event .system-list li table th{width: 80px;padding: 10px 14px;background: #EFEFEF;border: #D4D4D4 1px solid;border-right: none;text-align: left;vertical-align: top;}
#event .system-list li table td{  padding: 10px 14px; border: #D4D4D4 1px solid;  border-left: none; }

#event .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-ttl-01{font-size: 16px;font-weight: 500;letter-spacing: 0.8px;line-height: 1.75;margin-bottom: 13px;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .text-box{padding: 0px 0px 20px;}
#event .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;}
#event .eventicon{position: absolute;z-index: 3;width: 80px;height: 30px;border-radius: 5px;text-align: center;font-size: 14px;padding: 5px 0 0;left: 10px;top: 24px;}
#event .eventicon::after{content: "";position: absolute;left: 50%;bottom: -9px;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 10px 4px 0 4px;border-color: #d64541 transparent transparent transparent;}
#event .eventicon.icon02::after{ border-color: #1A1A1A transparent transparent transparent; }

#event p.mmorebtn {position: relative;width: 440px;margin: 0 auto;}
#event p.mmorebtn a {width: 440px;}
#event p.mmorebtn a::before{right: 38px;}


#modelhouse {margin: 0 auto 131px;position: relative;background: url(../images/index/contents03-back01.png)no-repeat top center;padding-bottom: 80px;}
#modelhouse .inner-Box {margin: 0 auto;position: relative;}
#modelhouse h2{text-align: center;position: relative;top: -59px;padding-right: 94px;margin-bottom: -19px;}
#modelhouse h2 span{font-size: 40px;font-weight: 600;display: block;margin-bottom: -3px;}

#modelhouse .system-list{margin-bottom: 20px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#modelhouse .system-list li{position: relative;line-height: 1.4;position: relative;margin-bottom: 20px;padding-bottom: 40px;width: 1240px;height: 480px;margin: 0 40px;background: #fff;padding: 60px 70px;}
#modelhouse .system-list li a:hover{ text-decoration: none; }
#modelhouse .system-list .system-pic {width: 540px;aspect-ratio: 54 / 36;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;float: left;}
#modelhouse .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#modelhouse .system-list li .textss{font-size: 14px;font-weight: 400;margin-bottom: 13px;}
#modelhouse .system-list li .dlbtn{position: absolute;bottom: 59px;width: 100%;text-align: right;right: 71px;}
#modelhouse .system-list li .dlbtn span{display: inline-block;border-bottom: 1px solid #333;font-size: 14px;padding: 0 16px 10px;}

#modelhouse .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#modelhouse .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#modelhouse .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#modelhouse .system-list li .system-ttl-01{font-size: 24px;font-weight: 500;letter-spacing: 1.2px;line-height: 1.58;margin-bottom: 28px;}
#modelhouse .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#modelhouse .system-list li .text-box{padding: 0px 0px 20px;width: 520px;float: left;margin-left: 40px;}
#modelhouse .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;}

#modelhouse .ttlimg{ text-align: center; margin-bottom: 20px; }

#modelhouse .ttlimg p{display: inline-block;font-size: 24px;letter-spacing: 1.2px;border-bottom: 2px solid;line-height: 1;}
#modelhouse .ttlimg p span{color: #2793DC;font-size: 50px;font-weight: 500;padding: 0 4px 0;}
#modelhouse .ttlimg p::before{content: "";display: inline-block;width: 1px;height: 20px;background: #000;transform: rotate(140deg);transform-origin: center;position: relative;left: -16px;}
#modelhouse .ttlimg p::after{content: "";display: inline-block;width: 1px;height: 20px;background: #000;transform: rotate(224deg);transform-origin: center;position: relative;left: 16px;}

#modelhouse .ttlphoto{position: absolute;bottom: 0;left: 50%;margin-left: 260px;}

#modelhouse p.mmorebtn {position: relative;width: 440px;margin: 0 auto;}
#modelhouse p.mmorebtn a {width: 440px;}
#modelhouse p.mmorebtn a::before{right: 38px;}

@keyframes bg-scroll{
    from{
      background-position: 0 593px;
    }
    to{
      background-position: -3200px 593px;
    }
  }

#contents04 {margin: 0 auto -174px;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;padding-top: 156px;z-index: 3;}
#contents04 .inner-Box{margin: 0 auto 240px;position: relative;background: url('../images/index/contents04-back02.png')repeat-x top 593px center;animation: bg-scroll 40s linear infinite;}
#contents04 .inner-Box h2 {margin-left: 7.3vw;margin-bottom: 165px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .text-Box {position: relative;left: 50%;width: 800px;height: 624px;background: #fff;box-shadow: 0px 0px 40px #00000029;margin-left: -79px;padding: 77px 80px;}
#contents04 .text-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 32px;position: relative;}
#contents04 p.btn {text-align: center;}
#contents04 p.btn img {  }

#contents04 p.mmorebtn {position: relative;width: 440px;margin-top: 55px;}
#contents04 p.mmorebtn a {width: 440px;}
#contents04 p.mmorebtn a::before{right: 38px;}


#works {margin: 0 auto -59px;position: relative;background: #F2F2F2;padding: 286px 0 160px;}
#works .inner-Box {margin: 0 auto -30px;position: relative;max-width: 1320px;}
#works h2{text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 59px;}
#works h2 span{font-size: 40px;font-weight: 600;display: block;margin-bottom: -3px;}

#works p.mmorebtn {position: relative;width: 440px;margin: 0 auto;}
#works p.mmorebtn a {width: 440px;}
#works p.mmorebtn a::before{right: 38px;}

#works .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;}
#works .system-list li{line-height: 1.4;width: 30.3%;margin-right: 4.5%;position: relative;margin-bottom: 60px;padding-bottom: 30px;}
#works .system-list li:nth-child(3n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#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 .system-pic {width: 100%;aspect-ratio: 40 / 28;overflow: hidden;text-align: center;margin-bottom: 22px;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{font-size: 16px;margin-bottom: 14px;line-height: 1.75;font-weight: 500;letter-spacing: 0.8px;}
#works .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#works .text2{font-size: 14px;margin-bottom: 17px;font-weight: 400;}
#works .text2 span{ display: inline-block; margin-right: 10px;}
#works .tag{font-size: 12px;letter-spacing: 0;line-height: 1.67;color: #9B9B9B;font-weight: 400;margin-bottom: 10px;}
#works .tag span::after{content: "/";margin: 0 5px;}
#works .tag span:last-child:after{ content: ""; }
#works .system-list li .dlb{text-align: right;border-top: #D4D4D4 1px solid;font-size: 12px;letter-spacing: 0.6px;padding-top: 7px;position: absolute;bottom: 0;left: 0;width: 100%;}


#voice {margin: 0 auto -379px;position: relative;background: url(../images/index/contents06-back01.png)no-repeat top left;padding: 159px 0 100px;max-width: 1920px;z-index: 3;}
#voice .inner-Box {margin: 0 auto;position: relative;margin-left: 460px;}
#voice h2{text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;position: absolute;top: 105px;left: 86px;color: #fff;}
#voice h2 span{font-size: 40px;font-weight: 600;display: block;margin-bottom: -3px;}

#voice p.mmorebtn {position: absolute;width: 440px;margin: 0 auto;top: 227px;left: 60px;}
#voice p.mmorebtn a {width: 280px;color: #fff;background: #61BD97;border: 1px solid #fff;position: relative;}
#voice p.mmorebtn a::before{right: 18px;}
#voice .system-list{margin-bottom: 50px;}

#voice .system-list li{line-height: 1.4;width: 400px;margin-right: 40px;position: relative;margin-bottom: 70px;border-top: #9B9B9B 1px solid;}
#voice .system-list li .voiceicon{font-size: 10px;font-weight: 500;letter-spacing: 0.5px;display: block;line-height: 1;position: relative;top: -9px;padding: 12px 6px 3px 6px;width: 80px;margin-left: 20px;}
#voice .system-list li .voiceicon.col1{ background: #F1BF95;}
#voice .system-list li .voiceicon.col2{ background: #9EDBE9;}
#voice .system-list li .voiceicon.col3{ background: #61BD97; color: #fff;}
#voice .system-list li .voiceicon.col4{ background: #E2343A; color: #fff;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .longicon{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
#voice .system-list li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;color: #A4A4A4;margin-bottom: 30px;margin-left: 20px;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#voice .system-pic {width: 100%;aspect-ratio: 40 / 24;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-list .system-ttl-01{font-size: 16px;font-weight: 500;padding: 32px 20px 0;}

#contentst07 {margin: 0 auto;position: relative;background: url('../images/index/contentst07-back01.png')no-repeat top center;padding: 415px 0 0;}
#contentst07 .inner-Box {margin: 0 auto;position: relative;max-width: 1640px;padding: 0 30px 89px;}
#contentst07 .inner-Box h2 {font-size: 20px;line-height: 1.75;font-weight: 700;letter-spacing: 1px;margin-bottom: -62px;position: relative;}
#contentst07 .inner-Box h2 span.f-en {font-size: 80px;line-height: 1;letter-spacing: 2.4px;margin-right: 20px;position: relative;top: 5px;}
#contentst07 .inner-Box p.subttl {font-size: 16px;line-height: 1.9;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 54px;position: relative;margin-left: 456px;}
#contentst07 .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;}
#contentst07 .inner-Box ul li {width: 31.7%;margin-right: 2.4%;text-align: center;}
#contentst07 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentst07 .inner-Box ul li figure {margin-bottom: 17px;}
#contentst07 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contentst07 .inner-Box ul li a {  }
#contentst07 .inner-Box ul li a:hover {  }
#contentst07 .inner-Box p.ltext {font-size: 14px;line-height: 1.86;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 23px;position: relative;}
#contentst07 .inner-Box p.more {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}
#contentst07 .inner-Box p.more span.f-en {border-bottom: 1px solid #333;display: inline-block;padding: 0 20px 5px;}
#contentst07 .inner-Box figure.img {position: absolute;bottom: -129px;right: 10px;}
#contentst07 .inner-Box figure.img img{  }

#column {margin: 0 auto 19px;position: relative;padding: 152px 0 160px;width: 1200px;}
#column .inner-Box {margin: 0 auto -30px;position: relative;max-width: 1320px;}
#column h2{text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 37px;text-align: left;}
#column h2 span{font-size: 40px;font-weight: 600;display: block;margin-bottom: -3px;}

#column p.mmorebtn {position: absolute;width: 280px;top: 176px;right: 0;margin-bottom: 0;}
#column p.mmorebtn a {width: 280px;}
#column p.mmorebtn a::before{right: 19px;}

#column .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;border-top: 1px solid #D4D4D4;}

#column .system-list li{line-height: 1.4;width: 50%;margin-right: 0%;position: relative;margin-bottom: 1px;border-bottom: 1px solid #D4D4D4;}
#column .system-list li:nth-child(2n){ margin-right: 0}
#column .system-list li a{display: block;padding: 39px 30px 24px 0px;}
#column .system-list li a:hover{ text-decoration: none; }
#column .system-list li .longicon{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
#column .system-list li .system-text{font-size: 12px;letter-spacing: 0px;font-weight: 400;line-height: 1.71;color: #A4A4A4;margin-bottom: 10px;position: absolute;bottom: 30px;width: 350px;}
#column .system-list li .system-text span{ display: inline-block;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#column .system-list li .honb{color: #D1D1D1;font-size: 13px;margin-bottom: 20px;}
#column .system-pic {width: 180px;aspect-ratio: 18 / 12;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;float: left;margin-right: 40px;}
#column .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#column .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#column .system-date::before{ }
#column .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#column .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; }
#column .system-list li .num-inner{width: 300px;float: left;}
#column .system-list li .system-ttl-01{font-size: 16px;line-height: 1.75;letter-spacing: 0.8px;font-weight: 700;margin-bottom: 5px;}
#column .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#contents08 {margin: 0 auto 140px;position: relative;max-width: 1557px;}
#contents08 .inner-Box { margin: 0 auto; position: relative; }
#contents08 .inner-Box h2 {margin-bottom: 58px;position: relative;z-index: 3;}
#contents08 .inner-Box h2 span{  }
#contents08 .inner-Box h2 img {  }
#contents08 .inner-Box ul.list { width: 780px; margin-bottom: -800px; position: relative; z-index: 3; }
#contents08 .inner-Box ul li {  }
#contents08 .inner-Box ul li:nth-child(1) { background: url(../images/index/contents08-hvbanner01.png)no-repeat top center; }
/*#contents08 .inner-Box ul li:nth-child(2) { background: url(../images/index/contents08-hvbanner02.png)no-repeat top center; }*/
#contents08 .inner-Box ul li:nth-child(2) { background: url(../images/index/contents08-hvbanner03.png)no-repeat top center; }
#contents08 .inner-Box ul li:nth-child(3) { background: url(../images/index/contents08-hvbanner04.png)no-repeat top center; }
#contents08 .inner-Box ul li figure {  }
#contents08 .inner-Box ul li a {  }
#contents08 .inner-Box ul li a:hover img{ opacity: 1; transition: all 0.3s ease-in-out;}
#contents08 .inner-Box ul li a:hover img{ opacity: 0; }
#contents08 .photo-Box { margin: 0 0 0 auto; position: relative;width: 820px; height: 880px; background: url(../images/index/contents08-photo01.png)no-repeat top left; }
#contents08 .photo-Box figure#abphoto01 { position: absolute; top: 0; left: 0; }
#contents08 .photo-Box figure#abphoto02 { position: absolute; top: 0; left: 0; }
#contents08 .photo-Box figure#abphoto03 { position: absolute; top: 0; left: 0; }
#contents08 .photo-Box figure#abphoto04 { position: absolute; top: 0; left: 0; }
#contents08 .photo-Box figure img{ opacity: 0; transition: opacity .4s ease;}

.seo-Box{color: #9B9B9B;width: 1200px;margin: 0 auto;font-size: 13px;font-weight: 400;padding: 41px 0 8px 0;line-height: 1.69;letter-spacing: 0.65px;}

}

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

}

@media screen and (max-width: 767px) {
#popupbanner{position: fixed;right: 4.05vw;bottom: 22.25vw;z-index: 10;width: 38.7vw;}
#popupbanner a{ }
#popupbanner a img{ width: 100%; height: auto;}
#popupbanner span{position: absolute;top: -3.4vw;right: 2.6vw;display: block;width: 4.6vw;}

#contentsmain {margin: 0 auto 14.79vw;position: relative;}
#contentsmain .inner-Box1 {position: relative;margin-bottom: 4.8vw;}
#contentsmain .inner-Box1 ul.mainslide {}
#contentsmain .inner-Box1 ul li {position: relative;}
#contentsmain .inner-Box1 figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box1 figure.photo img{  }
#contentsmain .inner-Box2 {margin: 0 4.3vw 8.14vw;position: relative;}
#contentsmain .inner-Box2 h2.f-en {font-size: 4.83vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 7.3vw;position: relative;top: 2.9vw;left: 0;}
#contentsmain .inner-Box2 p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 2.46vw;position: relative;border-bottom: #9B9B9B 0.24vw solid;padding-bottom: 4.11vw;}
#contentsmain .inner-Box2 p.text span {display: block;}
#contentsmain .inner-Box2 p.morbtn {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;text-align: right;}
#contentsmain .inner-Box2 p.morbtn span {  }
#contentsmain .inner-Box2 p.morbtn a {  }
#contentsmain .inner-Box2 p.morbtn a:hover {  }
#contentsmain .inner-Box3 {position: relative;}
#contentsmain .inner-Box3 ul.bannerslide {}
#contentsmain .inner-Box3 ul li {margin: 0 1.21vw;width: 72.95vw;}
#contentsmain .inner-Box3 ul li figure {  }
#contentsmain .inner-Box3 ul li a {  }
#contentsmain .inner-Box3 ul li a:hover {  }

#contents01 {margin: 0 auto 13.45vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top 39.83vw center;background-size: 100% auto;}
#contents01 h2 {
    margin: 0 8.4vw 7.1vw 4vw;
}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto 1.62vw;position: relative;}
#contents01 p.mmorebtn {position: relative;margin-bottom: 9.3vw;}
#contents01 p.mmorebtn a:hover {  }
#contents01 p.btn {text-align: center;margin: 0 4.2vw;}
#contents01 p.btn img {  }

#estate .system-list{margin-bottom: 2.08vw;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;}
#estate .system-list li{position: relative;line-height: 1.4;position: relative;margin: 0 2.42vw 4.83vw;padding-bottom: 2.66vw;width: 82.13vw;}
#estate .system-list li a:hover{ text-decoration: none; }
#estate .system-list .system-pic {width: 100%;aspect-ratio: 360 / 254;overflow: hidden;text-align: center;margin-bottom: 4.32vw;position: relative;}
#estate .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#estate .system-list li .textss{font-size: 3.38vw;border-radius: 1.21vw;padding: 3.42vw 4.86vw;margin-bottom: 1.45vw;background: #fff;}
#estate .system-list li .textss span{border-right: 0.24vw solid #333;padding: 0 1.45vw 0 0.0vw;margin-right: 1.21vw;}
#estate .system-list li .dlbtn{position: absolute;bottom: 0;left: 0;width: 100%;text-align: right;}
#estate .system-list li .dlbtn span{display: inline-block;font-size: 3.38vw;}

#estate .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
#estate .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#estate .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#estate .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;line-height: 1.75;margin-bottom: 3.13vw;position: relative;}
#estate .system-list li .system-ttl-01 span.ttlte{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#estate .system-list li .system-ttl-01 span.newicon{background: #9EDBE9;display: inline-block;padding: 0 1.69vw;position: absolute;top: 0;left: 0;font-size: 3.38vw;font-weight: 500;}
#estate .system-list li .system-ttl-01.newt{padding-left: 14.98vw;font-size: 3.86vw;}
#estate .system-list li .texts-pri{font-size: 4.83vw;text-align: center;margin: 4vw 0 1.4vw;}
#estate .system-list li .texts-pri span{ color: #2793DC; font-size: 7.25vw;}
#estate .system-list li .texts-area{text-align: center;font-size: 3.38vw;border-bottom: 0.24vw solid #333;padding-bottom: 3.52vw;}

#estate .system-list li .esoptext{font-size: 3.38vw;margin-bottom: 2.72vw;}
#estate .system-list li .esoptext .lineu{background: #1A1A1A;color: #fff;display: inline-block;padding: 0.48vw 2.17vw;margin-right: 1.21vw;}
#estate .system-list li .esoptext .jk{   }
#estate .system-list li .esoptext .jk::before{content: "";display: inline-block;background: #61BD97;width: 2.42vw;height: 2.42vw;border-radius: 50%;}


#estate .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
#estate .system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}

#event {margin: 0 auto 24.34vw;position: relative;}
#event .inner-Box {position: relative;}
#event h2{text-align: center;font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 4.68vw;}
#event h2 span{font-size: 7.26vw;font-weight: 600;display: block;margin-bottom: -1vw;}


#event .system-list{margin-bottom: -3.23vw;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;}
#event .system-list li{position: relative;line-height: 1.4;margin: 0 21vw 14.49vw;position: relative;width: 86.96vw;margin-bottom: 4.83vw;padding-top: 5vw;}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .system-pic {width: 100%;aspect-ratio: 360 / 254;overflow: hidden;text-align: center;margin-bottom: 5.31vw;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li table{ width: 100%; font-size: 2.9vw; letter-spacing: 0; }
#event .system-list li table th{padding: 2.42vw 3.38vw;background: #EFEFEF;border: #D4D4D4 0.24vw solid;border-right: none;text-align: left;vertical-align: top;}
#event .system-list li table td{  padding: 2.42vw 3.38vw; border: #D4D4D4 0.24vw solid;  border-left: none; }

#event .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
#event .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#event .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#event .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;line-height: 1.75;margin-bottom: 3.14vw;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#event .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
#event .system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}
#event .eventicon{position: absolute;z-index: 3;height: 7.25vw;border-radius: 1.21vw;text-align: center;font-size: 3.38vw;padding: 1.21vw 0 0;left: 2.42vw;top: 0vw;width: 19.1vw;}
#event .eventicon::after{content: "";position: absolute;left: 50%;bottom: -2vw;transform: translateX(-50%);width: 0;height: 0;border-style: solid;border-width: 2.42vw 0.97vw 0 0.97vw;border-color: #d64541 transparent transparent transparent;}
#event .eventicon.icon02::after{ border-color: #1A1A1A transparent transparent transparent; }

#event p.mmorebtn {position: relative;margin: 0 16vw;}
#event p.mmorebtn a {}
#event p.mmorebtn a::before{right: 4.88vw;}
#event .prev-arrow{display: block;width: 12.08vw;position: absolute;top: 57vw;left: 2vw;transform: scale(-1, 1);z-index: 3;}
#event .next-arrow{display: block;width: 12.08vw;position: absolute;right: 2vw;top: 57vw;}


#modelhouse {margin: 0 auto 14.64vw;position: relative;background: url(../images/index/sp-contents03-back01.png)no-repeat top center;padding-bottom: 19.32vw;background-size: 100% auto;}
#modelhouse .inner-Box {margin: 0 4vw;position: relative;}
#modelhouse h2{text-align: center;position: relative;top: -9.6vw;margin: 0vw 8vw 1vw;}
#modelhouse h2 span{font-size: 9.66vw;font-weight: 600;display: block;margin-bottom: 0vw;}

#modelhouse .system-list{margin-bottom: -3.23vw;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{position: relative;line-height: 1.4;margin: 0 21vw 14.49vw;position: relative;width: 91.96vw;margin-bottom: 4.83vw;padding-top: 5vw;background: #fff;padding: 5.09vw 4.91vw;}
#modelhouse .system-list li a:hover{ text-decoration: none; }
#modelhouse .system-list .system-pic {aspect-ratio: 54 / 36;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
#modelhouse .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#modelhouse .system-list li .textss{font-size: 3.38vw;font-weight: 400;margin-bottom: 3.14vw;}
#modelhouse .system-list li .dlbtn{position: absolute;bottom: 5.05vw;width: 100%;text-align: right;right: 5.15vw;}
#modelhouse .system-list li .dlbtn span{display: inline-block;border-bottom: 0.24vw solid #333;font-size: 3.38vw;letter-spacing: 0.17vw;padding: 0 4.06vw 2.42vw 6vw;}

#modelhouse .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
#modelhouse .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#modelhouse .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#modelhouse .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;line-height: 1.68;margin-bottom: 5.76vw;}
#modelhouse .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#modelhouse .system-list li .text-box{padding: 0.0vw 0.0vw 8.63vw;}
#modelhouse .system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}

#modelhouse .prev-arrow{display: block;width: 12.08vw;position: absolute;top: 51vw;left: -2vw;transform: scale(-1, 1);z-index: 3;}
#modelhouse .next-arrow{display: block;width: 12.08vw;position: absolute;right: -2vw;top: 51vw;}


#modelhouse .ttlimg p{display: inline-block;font-size: 5.80vw;letter-spacing: 0.29vw;border-bottom: 0.48vw solid;line-height: 1;}
#modelhouse .ttlimg p span{color: #2793DC;font-size: 12.08vw;font-weight: 500;padding: 0 0.97vw 0;}
#modelhouse .ttlimg p::before{content: "";display: inline-block;width: 0.24vw;height: 4.83vw;background: #000;transform: rotate(140deg);transform-origin: center;position: relative;left: -4vw;}
#modelhouse .ttlimg p::after{content: "";display: inline-block;width: 0.24vw;height: 4.83vw;background: #000;transform: rotate(224deg);transform-origin: center;position: relative;left: 3.86vw;}


#modelhouse .ttlimg{text-align: center;margin: 0 13vw 4.83vw;padding-top: 7.8vw;}
#modelhouse .ttlphoto{position: absolute;bottom: 5vw;right: 4vw;margin-left: 0;width: 17vw;}

#modelhouse p.mmorebtn {position: relative;margin: 0 9vw;}
#modelhouse p.mmorebtn a {}
#modelhouse p.mmorebtn a::before{right: 12.08vw;}

@keyframes bg-scroll{
    from{
      background-position: 0 45.2vw;
    }
    to{
      background-position: -100% 45.2vw;
    }
  }

#contents04 {margin: 0 auto -23vw;position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;padding-top: 64.68vw;z-index: 3;background-size: 100% auto;}
#contents04 .inner-Box{margin: 0 auto -2.53vw;position: relative;background: url('../images/index/contents04-back02.png')repeat-x top 45.2vw center;animation: bg-scroll 40s linear infinite;background-size: auto 34vw;}
#contents04 .inner-Box h2 {margin-left: 9.1vw;margin-bottom: 39.86vw;margin-right: 30vw;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .text-Box {position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 9.66vw #00000029;padding: 8.6vw 5.92vw;margin: 0 3vw;}
#contents04 .text-Box p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.73vw;position: relative;}
#contents04 p.btn {text-align: center;margin: 0 4vw;z-index: 3;position: relative;}
#contents04 p.btn img {  }

#contents04 p.mmorebtn {position: relative;margin: 8.29vw 7.2vw;}
#contents04 p.mmorebtn a {}
#contents04 p.mmorebtn a::before{right: 4.88vw;}


#works {margin: 0 auto 0vw;position: relative;background: #F2F2F2;padding: 41.08vw 0 19.35vw;}
#works .inner-Box {margin: 0 2.9vw 0vw;position: relative;}
#works h2{text-align: center;font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.15vw;}
#works h2 span{font-size: 7.25vw;font-weight: 600;display: block;margin-bottom: -0.8vw;}

#works p.mmorebtn {position: relative;margin: 0 16.1vw;}
#works p.mmorebtn a {}
#works p.mmorebtn a::before{right: 4.98vw;}

#works .system-list{margin-bottom: 2.68vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#works .system-list li{line-height: 1.4;width: 48.8%;margin-right: 2%;position: relative;margin-bottom: 7.29vw;padding-bottom: 7.25vw;}
#works .system-list li:nth-child(2n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#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 .system-pic {width: 100%;aspect-ratio: 40 / 28;overflow: hidden;text-align: center;margin-bottom: 3.51vw;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 2.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{font-size: 3.38vw;margin-bottom: 1.48vw;line-height: 1.85;font-weight: 500;letter-spacing: 0.19vw;}
#works .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#works .text2{font-size: 3.38vw;margin-bottom: 4.11vw;font-weight: 400;}
#works .text2 span{ display: inline-block; margin-right: 2.42vw;}
#works .tag{font-size: 2.9vw;letter-spacing: 0;line-height: 1.67;color: #9B9B9B;font-weight: 400;margin-bottom: 2.42vw;}
#works .tag span::after{content: "/";margin: 0 1.21vw;}
#works .tag span:last-child:after{ content: ""; }
#works .system-list li .dlb{text-align: right;border-top: #D4D4D4 0.24vw solid;font-size: 2.9vw;letter-spacing: 0.14vw;padding-top: 1.69vw;position: absolute;bottom: 0;left: 0;width: 100%;}


#voice {margin: 0 auto 0vw;position: relative;background: #fff;padding: 13.31vw 0 14.15vw;z-index: 3;box-shadow: 0px 4.83vw 9.66vw #1A1A1A1A;}
#voice .inner-Box {position: relative;margin-left: 0vw;}
#voice h2{text-align: center;font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;position: relative;margin-bottom: 7vw;}
#voice h2 span{font-size: 7.25vw;font-weight: 600;display: block;margin-bottom: -1vw;}

#voice p.mmorebtn {position: relative;margin: 0 16.2vw;}
#voice p.mmorebtn a {position: relative;}
#voice p.mmorebtn a::before{right: 4.35vw;}
#voice .system-list{margin-bottom: -16.32vw;}

#voice .system-list li{line-height: 1.4;margin-right: 9.66vw;width: 67.63vw;position: relative;margin-bottom: 16.91vw;border-top: #9B9B9B 0.24vw solid;}
#voice .system-list li .voiceicon{font-size: 2.42vw;font-weight: 500;letter-spacing: 0.12vw;display: block;line-height: 1;position: relative;top: 0vw;padding: 0.9vw 1.45vw 0.72vw 1.45vw;margin-left: 4.83vw;width: 19vw;height: 4vw;text-align: center;}
#voice .system-list li .voiceicon.col1{ background: #F1BF95;}
#voice .system-list li .voiceicon.col2{ background: #9EDBE9;}
#voice .system-list li .voiceicon.col3{ background: #61BD97; color: #fff;}
#voice .system-list li .voiceicon.col4{ background: #E2343A; color: #fff;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .longicon{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; 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.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
#voice .system-list li .system-text{font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;color: #A4A4A4;margin-bottom: 3.35vw;margin-left: 4.83vw;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 2.42vw; }
#voice .system-list li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 4.83vw;}
#voice .system-pic {width: 100%;aspect-ratio: 40 / 24;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
#voice .system-date::before{ }
#voice .system-name{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.45vw 3.86vw;}
#voice .system-list .system-ttl-01{font-size: 3.86vw;font-weight: 500;padding: 5.53vw 4.83vw 0;}

#contentst07 {position: relative;background: url('../images/index/sp-contentst07-back01.png')no-repeat top center;padding: 0vw 0 23.3vw;background-size: 100% auto;}
#contentst07 .inner-Box {position: relative;padding: 18.7vw 4.35vw 0.5vw;}
#contentst07 .inner-Box h2 {font-size: 3.86vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.24vw;margin-bottom: 19vw;position: relative;text-align: center;}
#contentst07 .inner-Box h2 span.f-en {font-size: 12.08vw;line-height: 1;letter-spacing: 0.58vw;position: absolute;top: 1.21vw;font-weight: 500;margin-left: -15.8vw;top: 9.2vw;}
#contentst07 .inner-Box p.subttl {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 8.74vw;position: relative;margin-left: 0vw;text-align: center;}
#contentst07 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: -5.2vw;}
#contentst07 .inner-Box ul li {width: 100%;text-align: center;margin-bottom: 2.7vw;}
#contentst07 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentst07 .inner-Box ul li figure {margin-bottom: 4.91vw;}
#contentst07 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contentst07 .inner-Box ul li a {  }
#contentst07 .inner-Box ul li a:hover {  }
#contentst07 .inner-Box p.ltext {font-size: 3.38vw;line-height: 1.86;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 5.56vw;position: relative;text-align: left;margin: 0 4.5vw 5.1vw;}
#contentst07 .inner-Box p.more {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
#contentst07 .inner-Box p.more span.f-en {border-bottom: 0.24vw solid #333;display: inline-block;padding: 0 4.83vw 1.21vw;}
#contentst07 .inner-Box figure.img {position: absolute;border: 0vw;width: 34.8vw;left: 4vw;}
#contentst07 .inner-Box figure.img img{  }

#column {margin: 0 auto 9.59vw;position: relative;padding: 18.41vw 0 11.45vw;}
#column .inner-Box {margin: 0 auto 0vw;position: relative;}
#column h2{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 6.94vw;text-align: center;}
#column h2 span{font-size: 7.25vw;font-weight: 600;display: block;margin-bottom: -1vw;}

#column p.mmorebtn {position: relative;margin-bottom: 0;}
#column p.mmorebtn a {}
#column p.mmorebtn a::before{right: 4.59vw;}

#column .system-list{margin: 0 3vw 7.88vw;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;border-top: 0.24vw solid #D4D4D4;}

#column .system-list li{line-height: 1.4;width: 100%;margin-right: 0%;position: relative;margin-bottom: 2vw;border-bottom: 0.24vw solid #D4D4D4;}
#column .system-list li:nth-child(2n){ margin-right: 0}
#column .system-list li a{display: block;padding: 4.25vw 2.25vw 3.25vw 5.8vw;}
#column .system-list li a:hover{ text-decoration: none; }
#column .system-list li .longicon{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; 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.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
#column .system-list li .system-text{font-size: 2.9vw;letter-spacing: 0.0vw;font-weight: 400;line-height: 1.71;color: #A4A4A4;margin-bottom: 2.42vw;clear: both;}
#column .system-list li .system-text span{ display: inline-block; padding-left: 2.42vw; }
#column .system-list li .honb{color: #D1D1D1;font-size: 3.14vw;margin-bottom: 4.83vw;}
#column .system-pic {aspect-ratio: 18 / 12;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;margin-right: 4.83vw;width: 30vw;float: left;}
#column .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#column .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
#column .system-date::before{ }
#column .system-name{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.45vw 3.86vw;}
#column .system-contents .longicon2{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; 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.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
#column .system-list li .num-inner{width: 50vw;float: left;}
#column .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.19vw;float: left;}


#contents08 {margin: 0 auto 18.82vw;position: relative;}
#contents08 .inner-Box {margin: 0 7vw;position: relative;}
#contents08 .inner-Box h2 {margin-bottom: 9.61vw;position: relative;z-index: 3;}
#contents08 .inner-Box h2 span{  }
#contents08 .inner-Box h2 img {  }
#contents08 .inner-Box ul.list {margin-bottom: 0vw;position: relative;z-index: 3;margin: 0 2vw;}
#contents08 .inner-Box ul li {margin-bottom: 2.6vw;}
#contents08 .photo-Box { display: none;}


.seo-Box{color: #9B9B9B;margin: 0 9vw;font-size: 3.14vw;font-weight: 400;padding: 1.4vw 0 1.93vw 0;line-height: 1.69;letter-spacing: 0.16vw;}


}