@charset "UTF-8";

#event .system-list li .system-pic{width: 100%;aspect-ratio: 44 / 25;overflow: hidden;text-align: center;position: relative;}
#event .system-list li .system-pic img{ width: 100%; height: 100%; object-fit: cover; display: block; }

#works .system-pic { width: 100%; aspect-ratio: 36 / 24; overflow: hidden; text-align: center; position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

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

#estate .system-pic{aspect-ratio: 14 / 10;/* overflow: hidden; */text-align: center;position: relative;}
#estate .system-pic img{ width: 100%; height: 100%; object-fit: cover; display: block; }

#blog .system-pic{aspect-ratio: 14 / 10;overflow: hidden;text-align: center;position: relative;}
#blog .system-pic img{ width: 100%; height: 100%; object-fit: cover; display: block; }

#estate .system-box .cate.cate01{ background: #9B9571;}
#estate .system-box .cate.cate02{ background: #9A8923;}
#estate .system-box .cate.cate03{ background: #5E572B;}



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

header{position: absolute;z-index: 3;background: none;}
header ul{ left: 688px; top: 40px!important; }
header .sns-list li a{ }
header #g-nav{left: 295px;width: 430px;text-align: left;top: 20px;}
header #g-nav li.list a{ text-align: left; }
#g-nav li.list{margin-bottom: 18px;width: 170px;}
header #g-nav li:nth-child(2n) a{padding-left: 0px;position: relative;left: -37px;}

#contentsmain {margin: 0 auto 110px;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top -229px center,url('../images/index/contentsmain-back02.png')no-repeat top center;background-size: 100% auto, auto;}
#contentsmain .inner-Box1 {margin: 0 auto 120px;position: relative;}
#contentsmain .inner-Box1 h2 {padding: 13.4vw 0 11vw 4.2vw;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {  }
#contentsmain .inBox {margin: 0 0 0 80px;position: relative;width: 1200px;height: 90px;background: #fff;padding: 25px 0 0 384px;}
#contentsmain .inBox::before{content: url(../images/index/contentsmain-icon01.png);position: absolute;bottom: -80px;left: 80px;z-index: -1;}
#contentsmain .inBox figure.photo {position: absolute;left: 40px;bottom: 0;}
#contentsmain .inBox figure.photo img{  }
#contentsmain .inBox h3.f-en {font-size: 24px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 0px;position: absolute;color: #B98560;left: 181px;top: 28px;}
#contentsmain .inBox p.text {font-size: 20px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;color: #3A3934;}
#contentsmain .inBox p.text span {  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1180px;}
#contentsmain .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;}
#contentsmain .inner-Box2 ul li {  }
#contentsmain .inner-Box2 ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -60px;}
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }


#event {max-width: 1440px;padding: 0 20px;margin: 0 auto;}
#event h2{text-align: center;position: relative;left: 92px;}
#event .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;}
#event .system-list li{position: relative;line-height: 1.4;width: 31.5%;margin-right: 2.7%;position: relative;margin-bottom: -12px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list li .system-pic{margin-bottom: 15px;}
#event .system-list li .system-date{font-size: 14px;margin-bottom: 10px;line-height: 1.4;position: relative;padding: 0 0 0 60px;}
#event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #9B9571;}
#event .system-list li .system-date .start_text{ }
#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: 18px;font-weight: 400;letter-spacing: 0.8px;line-height: 1.63;padding-bottom: 13px;margin-bottom: 16px;border-bottom: #9B9571 1px solid;}
#event .system-list li .text-box{padding: 0px 0px 20px;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top -52px center;padding-top: 927px;padding-bottom: 224px;}
#contents02 h2 {position: absolute;top: 484px;left: 50%;margin-left: -770px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1320px;}
#contents02 .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: 80px;}
#contents02 .inner-Box ul li { width: 620px; height: 660px; position: relative; background: url(../images/index/contents02-back02.png)no-repeat top center;}
#contents02 .inner-Box ul li:nth-child(2) {margin-right: 0px;position: relative;top: 140px;right: -80px;}
#contents02 .inner-Box figure.photo {position: relative;top: 3px;left: -20px;margin: 0 auto;text-align: center;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box h3.f-maru {font-size: 32px;line-height: 1.38;font-weight: 700;letter-spacing: 1.6px;margin: 0 40px 14px;position: relative;text-align: center;border-bottom: #9B9571 dotted 2px;padding-bottom: 17px;}
#contents02 .inner-Box p.ltext {font-size: 14px;line-height: 2.14;font-weight: 400;letter-spacing: 0.7px;margin: 0 40px 30px;position: relative;color: #3A3934;}
#contents02 span.icon {display: block;line-height: 1;position: absolute;bottom: -250px;left: 50%;margin-left: -800px;z-index: 3;}
#contents02 span.icon img {  }

#contents02 .morebtn{position: relative;z-index: 4;}
#contents02 .morebtn a{margin: 0 0 0 110px;width: 400px;}

#contents03 { margin: 0 auto; position: relative; }
#contents03 h2 {text-align: center;position: relative;top: -81px;padding-right: 90px;margin-bottom: -356px;z-index: 3;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box {margin: 0 auto;position: relative;background: #EAE3C6;padding: 274px 0 80px 0;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1800px;margin: 0 auto 60px;padding: 0 40px;}
#contents03 .inner-Box ul li {width: 23.3%;margin-right: 2.2%;}
#contents03 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents03 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents03 .inner-Box ul li a {  }
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: -40px;left: 50%;margin-left: 395px;z-index: 3;}
#contents03 .inner-Box span.icon img {  }
#contents03 .inner-Box2 {margin: 0 auto;position: relative;background: #FAF6F2;padding: 120px 0 120px;}
#contents03 .inner-Box2 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: 0 auto;width: 1200px;}
#contents03 .inner-Box2 ul li {margin-right: 40px;}
#contents03 .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contents03 .inner-Box2 ul li figure {  }
#contents03 .inner-Box2 ul li a {  }
#contents03 .inner-Box2 ul li a:hover {  }
#contents03 .morebtn a{width: 400px;}

.backk{ background: #FAF6F2;}

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;padding: 147px 0 120px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1240px;}
#contents04 .inner-Box h2 {padding: 0 0 0 4px;margin-bottom: -36px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box ul.lineup-slide {}
#contents04 .inner-Box ul li {position: relative;text-align: center;}
#contents04 .inner-Box ul li a {  }
#contents04 .inner-Box ul li a:hover {  }
#contents04 .inner-Box figure.photo {position: absolute;top: 100px;left: 0;z-index: 3;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inBox {margin: 0 0 100px auto;position: relative;width: 640px;height: 400px;background: #F3F4EE;padding: 60px 0 0;}
#contents04 .inBox h3 { display: block; text-align: center; height: 188px; }
#contents04 .inBox h3 span{  }
#contents04 .inBox h3 img {margin: 0 auto;}
#contents04 .inBox p.ltext {font-size: 14px;line-height: 2.14;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}
#contents04 .inBox::before {content: "詳しく見る >";position: absolute;bottom: 19px;right: 19px;font-size: 12px;text-decoration: underline;}
#contents04 .inBox figure.photo { position: absolute; top: 0; left: 0; }
#contents04 .inBox figure.photo img{  }
#contents04 .lineup-nav{position: absolute;bottom: 27px;right: 0;width: 450px;padding: 0 0 0 117px;font-weight: 500;}
#contents04 .lineup-nav .prev-arrow{position: absolute;top: -12px;left: 0;}
#contents04 .lineup-nav .next-arrow{position: absolute;top: -11px;right: 150px;transform: scale(-1, 1);}
#contents04 .lineup-nav .current{display: inline-block;margin-right: 13px;font-size: 20px;}
#contents04 .lineup-nav .total{display: inline-block;padding-left: 11px;font-size: 20px;}
#contents04 .lineup-nav .lineup-counter{ font-size: 12px; }

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;height: 920px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 1220px;padding: 140px 0 0 0;}
#contents05 .inner-Box h2 {margin-bottom: 56px;}
#contents05 .inner-Box h2 span{  }
#contents05 .inner-Box h2 img {  }
#contents05 .inner-Box p.subtext {font-size: 14px;line-height: 2.13;font-weight: 400;letter-spacing: 0.7px;margin: 0 0 130px 10px;position: relative;width: 260px;}
#contents05 .inner-Box ul.shinchiku-slide {width: 480px;height: 720px;position: absolute;top: 100px;left: 370px;}
#contents05 .inner-Box figure.img {  }
#contents05 .inner-Box figure.img img{  }
#contents05 .inner-Box ul.thumb-nav {position: absolute;top: 140px;left: 890px;}
#contents05 .inner-Box ul.thumb-nav li {position: relative;height: 80px;color: #fff;padding: 25px 0 0 90px;margin-bottom: 20px;}
#contents05 .inner-Box ul.thumb-nav span {display: block;line-height: 1;height: 80px;width: 80px;background: #FFFFFF;border-radius: 50%;position: absolute;top: 0;left: 0;/* transition: all 0.3s ease-in-out; */}
#contents05 .inner-Box ul.thumb-nav span img{/* transition: all 0.3s ease-in-out; */}
#contents05 .inner-Box ul.thumb-nav li.is-active span{ background: #B79333; }
#contents05 .inner-Box ul.thumb-nav li.is-active span img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contents05 .inner-Box span img {  }
#contents05 .inner-Box p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents05 .inner-Box h3 {position: absolute;top: 60px;right: -140px;}
#contents05 .inner-Box h3 span{  }
#contents05 .inner-Box h3 img {  }
#contents05 .inner-Box figure.photo {position: absolute;to;bottom: -101px;left: 270px;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .slick-dots{top: -4px;left: 5px;}
#contents05 .slick-dots li.slick-active button{background: #fff;padding: 0;}
#contents05 .slick-dots li button{width: 60px;height: 2px;background: #B8B8B8;border-radius: 0;padding: 0;}
#contents05 .slick-dots li{width: 60px;height: 2px;margin: 0 1px;}
#contents05 .morebtn a{width: 260px;margin: 0 0 0 11px;text-align: left;padding: 20px 0 0 30px;}

#works {margin: 0 auto 155px;position: relative;padding: 133px 40px 0;max-width: 1640px;}
#works .inner-Box { margin: 0 auto; position: relative; }
#works .inner-Box h2 {margin-bottom: 64px;}
#works .inner-Box h2 span{  }
#works .inner-Box h2 img {  }
#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: 22.9%;margin-right: 2.7%;position: relative;margin-bottom: 33px;}
#works .system-list li:nth-child(4n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-pic {margin-bottom: 22px;}

#works .system-text{font-size: 14px;margin-bottom: 10px;line-height: 1.4;color: #9B9571;}
#works .system-date::before{}
#works .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{font-size: 16px;margin-bottom: 10px;font-weight: 400;line-height: 1.4;letter-spacing: 0.8px;}
#works .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#works .serchcategory{ margin-bottom: 100px;}
#works .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#works .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#works .morebtn{position: absolute;top: 26px;right: 0;}
#works .morebtn a{ width: 400px; }
#works .cate.position{ position:absolute; top:0; left:0; }
#works .cate{margin-bottom: 10px;}
#works .cate span{display: inline-block;background: #9B9571;padding: 6px 20px;line-height: 1;color: #fff;margin: 0 10px 5px 0;}

#voice {margin: 0 auto;position: relative; background: url(../images/index/contents07-back01.png)no-repeat top center;}
#voice .inner-Box {margin: 0 auto;position: relative;padding-bottom: 220px;}
#voice .inner-Box h2 {margin-bottom: 54px;text-align: center;padding: 93px 0 0;}
#voice .inner-Box .icon{position: absolute;top: -40px;left: 50%;margin-left: -452px;}
#voice .inner-Box h2 span{  }
#voice .inner-Box h2 img {  }
#voice .system-list{margin-bottom: 6px;}
#voice .system-list li{line-height: 1.4;margin: 0 30px;position: relative;margin-bottom: 40px;width: 460px;}
#voice .system-list li a{display: block;padding: 30px 0px 0;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;}
#voice .system-list li .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .system-list li .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-list li .system-date::before{ }
#voice .system-list li .system-name{position: relative;top: -20px;margin-bottom: 0px;line-height: 1.4;color: #fff;background: #76CC77;display: inline-block;padding: 10px 40px;margin-left: 20px;}

#voice .system-list li .num-inner{margin: 0 30px;background: #fff;position: relative;z-index: 3;}
#voice .system-list li .num-inner::before{content: url(../images/common/voicearr.svg);position: absolute;bottom: -21px;left: 10px;}
#voice .system-ttl-01{font-size: 16px;margin-bottom: -20px;line-height: 1.4;font-weight: 400;letter-spacing: 1.6px;padding: 0 20px 20px;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#voice .morebtn{}
#voice .morebtn a{ width: 400px; }

#contentsend{padding: 136px 0 292px;margin-bottom: -200px;}
#contentsend h4{bottom: 331px;}

#contents08 {margin: 0 auto;position: relative;background: url('../images/index/contents08-back01.png')no-repeat top center;padding: 120px 0 100px;}
#contents08 .inner-Box1 {margin: 0 auto 38px;position: relative;width: 1100px;}
#contents08 .inner-Box1 figure.logo {position: relative;top: 0;left: 0;margin-bottom: 31px;text-align: center;}
#contents08 .inner-Box1 figure.logo img{  }
#contents08 .inner-Box1 p.text {font-size: 14px;line-height: 2.14;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #8D8C89;}
#contents08 .inner-Box2 {margin: 0 auto 92px;position: relative;width: 1160px;}
#contents08 .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-bottom: 60px;}
#contents08 .inner-Box2 ul li {  }
#contents08 .inner-Box2 ul li:nth-child(2) { right: -41px; position: relative; }
#contents08 .inner-Box2 ul li figure {  }
#contents08 .inner-Box2 ul li a {  }
#contents08 .inner-Box2 ul li a:hover {  }
#contents08 .inner-Box2 p.btn {  }
#contents08 .inner-Box2 p.btn img {  }
#contents08 .inner-Box3 {margin: 0 auto;position: relative;width: 1200px;}
#contents08 .estate-Box {position: relative;float: left;width: 542px;}
#contents08 .estate-Box h2 {position: relative;left: 5px;margin-bottom: 49px;}
#contents08 .estate-Box h2 span{  }
#contents08 .estate-Box h2 img {  }
#contents08 p.linkbtn {font-size: 15px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: absolute;top: 0;right: 0;}
#contents08 p.linkbtn a {display: block;width: 140px;border-bottom: #939085 1px solid;padding: 0 0 17px 10px;position: relative;line-height: 1.4;}
#contents08 p.linkbtn a:hover {  }
#contents08 p.linkbtn a .arr {position: absolute;top: 0;right: 10px;}
#contents08 .blog-Box {position: relative;float: left;width: 542px;right: -119px;}
#contents08 .blog-Box h2 {margin-bottom: 50px;margin-left: 4px;}
#contents08 .blog-Box h2 span{  }
#contents08 .blog-Box h2 img {  }

#blog .system-list{margin-bottom: 50px;overflow-y: scroll;height: 460px;}
#blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 41px;border-bottom: 1px dotted #b2b2b2;padding: 0 0 7px;}
#blog .system-list li a:hover{ text-decoration: none; }

#blog .system-list .system-pic {width: 26%;aspect-ratio: 14 / 10;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: 70%;float: left;margin-left: 3.6%;}
#blog .system-list .system-day{margin-bottom: 16px;font-size: 14px;line-height: 1.4;color: #959595;}
#blog .system-list .system-day::before{  }
#blog .system-list .system-ttl-01{font-size: 14px;line-height: 1.71;margin-bottom: 10px;font-weight: 400;letter-spacing: 0.7px;}
#blog .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/*　　*/
#estate .system-list{overflow-y: scroll;height: 460px;}
#estate .system-box{margin-bottom: 20px;}
#estate .system-box .system-pic{width: 140px;float: left;margin-right: 20px;}
#estate .system-box .system-pic img{ width: 100%; height: auto;}
#estate .system-box .textbox{width: 312px;float: left;position: relative;}
#estate .system-box .textbox::before{content: "詳しく見る >";position: absolute;bottom: 31px;right: 0;font-size: 12px;}
#estate .system-box .textbox.bbb::before{content: "";position: absolute;bottom: 40px;right: 0;}
#estate .system-box .cate{display: block;text-align: center;padding: 3px;color: #fff;font-size: 14px;}

#estate .system-box .system-ttl-01{font-size: 14px;font-weight: 400;min-height: 77px;}
#estate .system-box .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#estate .system-box .system-pri{font-weight: 400;font-size: 14px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;}
#estate .system-box .system-pri span{color: #E5792C;font-size: 24px;font-weight: 400;}
#estate .system-box .system-category span{background: #79B5D4;color: #fff;padding: 5px 20px;font-weight: bold;}
#estate .system-box .system-date{margin-bottom: 9px;}
#estate .system-box .system-date .date-ttl{display: inline-block;width: 130px;text-align: center;border: 1px solid #ccc;margin-right: 20px;}



}
@media screen and (min-width:768px) and ( max-width:1500px) {
#contents05 .inner-Box h3 {right: 40px;}
}


@media screen and (min-width:768px) and ( max-width:1420px) {
#contents02 h2 {margin-left: -600px;}
}

@media screen and (min-width:768px) and ( max-width:1300px) {
#contentsmain { margin: 0 auto; position: relative; background: url('../images/index/contentsmain-back01.png')no-repeat top right,url('../images/index/contentsmain-back02.png')no-repeat top center; background-size: 80% auto, auto;}
#contentsmain .inBox {margin: 0 0 0 40px;}
#contents02 .inner-Box ul li {right: -20px;}
#contents02 .inner-Box ul li:nth-child(2) {right: -20px;}

}
@media screen and (max-width: 767px) {
  .sp-header{ background: none;}
  header{position: absolute;z-index: 15;background: none;}
  header ul{ left: 0vw; top: 9.66vw!important; }
  header .sns-list li a{ }
  header #g-nav{left: 71.26vw;text-align: left;top: 4.83vw;}
  header #g-nav li.list a{ text-align: left; }
  #g-nav li.list{margin-bottom: 4.35vw;}
  header #g-nav li:nth-child(2n) a{padding-left: 0.0vw;position: relative;left: 0vw;}
  
  #contentsmain {margin: 0 auto 18.87vw;position: relative;background: url('../images/index/sp-contentsmain-back01.png')no-repeat top 0vw center;background-size: 100% auto, auto;}
  #contentsmain .inner-Box1 {margin: 0 auto 14.69vw;position: relative;}
  #contentsmain .inner-Box1 h2 {padding: 25vw 13.7vw 79vw 5.3vw;}
  #contentsmain .inner-Box1 h2 span{  }
  #contentsmain .inner-Box1 h2 img {  }
  #contentsmain .inBox {position: relative;background: #fff;margin: 0 4.11vw;padding: 6.9vw 5vw;}
  #contentsmain .inBox::before{content: url(../images/index/contentsmain-icon01.png);position: absolute;bottom: 0vw;left: 19.32vw;z-index: -1; background-size: 100% auto;}
  #contentsmain .inBox figure.photo {position: absolute;left: 1.16vw;top: -19.5vw;width: 12.1vw;}
  #contentsmain .inBox figure.photo img{  }
  #contentsmain .inBox h3.f-en {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.2vw;position: relative;color: #B98560;}
  #contentsmain .inBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;color: #3A3934;text-decoration: underline;}
  #contentsmain .inBox p.text span {  }
  #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;}
  #contentsmain .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;}
  #contentsmain .inner-Box2 ul li {margin-bottom: 7.2vw;}
  #contentsmain .inner-Box2 ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;right: 0vw;}
  #contentsmain .inner-Box2 ul li figure {  }
  #contentsmain .inner-Box2 ul li a {  }
  #contentsmain .inner-Box2 ul li a:hover {  }
  
  
  #event {margin: 0 5.2vw 7vw;}
  #event h2{text-align: center;position: relative;margin: 0 1.2vw 0 7.9vw;}
  #event .system-list{margin-bottom: -4.62vw;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: 100%;position: relative;margin-bottom: 3.9vw;}
  #event .system-list li:nth-child(3n){ margin-right: 0}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list li .system-pic{margin-bottom: 3.62vw;}
  #event .system-list li .system-date{font-size: 3.38vw;margin-bottom: 1.02vw;line-height: 1.4;position: relative;padding: 0 0 0 19.09vw;}
  #event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #9B9571;}
  #event .system-list li .system-date .start_text{ }
  #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: 4.35vw;font-weight: 400;letter-spacing: 0.19vw;line-height: 1.63;padding-bottom: 2.54vw;margin-bottom: 3.86vw;border-bottom: #9B9571 0.24vw solid;}
  #event .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
  #event .morebtn{position: relative;z-index: 4;margin: 0 10vw;}
  #event .morebtn a{margin: 0 7.37vw 0 7.37vw;text-align: left;padding: 4.4vw 0 0 5.2vw;font-size: 3.86vw;letter-spacing: 0.19vw;}

  #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top 0vw center;padding-top: 51.5vw;padding-bottom: 31.61vw;background-size: 100% auto;}
  #contents02 h2 {position: relative;margin: 0 42.2vw 46.2vw 2.8vw;}
  #contents02 h2 span{  }
  #contents02 h2 img {  }
  #contents02 .inner-Box {margin: 0 4vw;position: relative;}
  #contents02 .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: -0.08vw;}
  #contents02 .inner-Box ul li {position: relative;background: url(../images/index/sp-contents02-back02.png)no-repeat top center;background-size: 100% auto;margin-bottom: 9.4vw;}
  #contents02 .inner-Box ul li:nth-child(2) {background: url(../images/index/sp-contents02-back03.png)no-repeat top center; background-size: 100% auto;}
  #contents02 .inner-Box figure.photo {position: relative;top: 0.72vw;left: 0vw;margin: 0 5vw 1.2vw 2.7vw;text-align: center;}
  #contents02 .inner-Box figure.photo img{  }
  #contents02 .inner-Box h3.f-maru {font-size: 5.31vw;line-height: 1.38;font-weight: 700;letter-spacing: 0.39vw;margin: 0 5.66vw 3.38vw;position: relative;text-align: center;border-bottom: #9B9571 dotted 0.48vw;padding-bottom: 3.11vw;}
  #contents02 .inner-Box p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin: 0 4.86vw 9.25vw;position: relative;color: #3A3934;}
  #contents02 span.icon {display: block;line-height: 1;position: absolute;bottom: 0vw;left: 0;z-index: 3;width: 40vw;}
  #contents02 span.icon img {  }
  
  #contents02 .morebtn{position: relative;z-index: 4;margin: 0 -1vw;}
  #contents02 .morebtn a{margin: 0 7.37vw 0 7.37vw;text-align: left;padding: 4.4vw 0 0 12.2vw;font-size: 3.86vw;letter-spacing: 0.19vw;}
  #contents02 .morebtn a .arr{right: 6.9vw;top: 4.3vw;}
  
  #contents03 {position: relative;}
  #contents03 h2 {text-align: center;position: relative;top: -20.4vw;padding-right: 5.14vw;margin-left: 5.3vw;margin-bottom: -50.5vw;z-index: 3;}
  #contents03 h2 span{  }
  #contents03 h2 img {  }
  #contents03 .inner-Box {position: relative;background: #EAE3C6;padding: 38.18vw 0 14.52vw 0;}
  #contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto 2.69vw;padding: 0 8.96vw;}
  #contents03 .inner-Box ul li {width: 100%;margin-bottom: 7.3vw;}
  #contents03 .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
  #contents03 .inner-Box ul li figure img{ width: 100%; height: auto; }
  #contents03 .inner-Box ul li a {  }
  #contents03 .inner-Box ul li a:hover {  }
  #contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;bottom: -10.8vw;right: 5.1vw;z-index: 3;width: 21.4vw;}
  #contents03 .inner-Box span.icon img {  }
  #contents03 .inner-Box2 {position: relative;background: #FAF6F2;padding: 19.39vw 0 9.29vw;}
  #contents03 .inner-Box2 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: 0 5.2vw;}
  #contents03 .inner-Box2 ul li {margin-bottom: 9.66vw;}
  #contents03 .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
  #contents03 .inner-Box2 ul li figure {  }
  #contents03 .inner-Box2 ul li a {  }
  #contents03 .inner-Box2 ul li a:hover {  }
  #contents03 .morebtn a{}
  
  .backk{background: #FAF6F2;padding-bottom: 19.6vw;}
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top center;padding: 13.41vw 0 6.99vw;background-size: 100% auto;margin-bottom: -17.1vw;z-index: 3;}
  #contents04 .inner-Box {margin: 0 9vw;position: relative;}
  #contents04 .inner-Box h2 {margin: 0 32vw 7.9vw 0.4vw;}
  #contents04 .inner-Box h2 span{  }
  #contents04 .inner-Box h2 img {  }
  #contents04 .inner-Box ul.lineup-slide {}
  #contents04 .inner-Box ul li {position: relative;text-align: center;}
  #contents04 .inner-Box ul li a {  }
  #contents04 .inner-Box ul li a:hover {  }
  #contents04 .inner-Box figure.photo {position: relative;left: 0;z-index: 3;}
  #contents04 .inner-Box figure.photo img{  }
  #contents04 .inBox {margin: 0 0 24.15vw auto;position: relative;height: 81.12vw;background: #F3F4EE;padding: 4.39vw 0 0;}
  #contents04 .inBox h3 {display: block;text-align: center;margin: 0 17.7vw 5vw;}
  #contents04 .inBox h3 span{  }
  #contents04 .inBox h3 img {}
  #contents04 .inBox p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;text-align: left;margin: 0 5vw;}
  #contents04 .inBox::before {content: "詳しく見る >";position: absolute;bottom: 4.19vw;right: 3.29vw;font-size: 3.1vw;text-decoration: underline;}
  #contents04 .inBox figure.photo { position: relative; top: 0; left: 0; }
  #contents04 .inBox figure.photo img{  }
  #contents04 .lineup-nav{position: absolute;bottom: 7.12vw;right: 0;padding: 0 0 0 33.26vw;font-weight: 500;width: 82vw;}
  #contents04 .lineup-nav .prev-arrow{position: absolute;top: -3.4vw;left: 4.3vw;width: 14.6vw;}
  #contents04 .lineup-nav .next-arrow{position: absolute;top: -3.4vw;right: 4.53vw;transform: scale(-1, 1);width: 14.5vw;}
  #contents04 .lineup-nav .current{display: inline-block;margin-right: 3.14vw;font-size: 4.83vw;}
  #contents04 .lineup-nav .total{display: inline-block;padding-left: 2.66vw;font-size: 4.83vw;}
  #contents04 .lineup-nav .lineup-counter{ font-size: 2.9vw; }
  
  #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center;background-size: 100% auto;}
  #contents05 .inner-Box {position: relative;padding: 32.72vw 0 14.3vw 0;}
  #contents05 .inner-Box h2 {margin: 0 21.9vw 4.23vw;}
  #contents05 .inner-Box h2 span{  }
  #contents05 .inner-Box h2 img {  }
  #contents05 .inner-Box p.subtext {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin: 0 0 9.1vw;position: relative;text-align: center;}
  #contents05 .inner-Box ul.shinchiku-slide {position: relative;margin: 0 9vw 6vw;}
  #contents05 .inner-Box figure.img {  }
  #contents05 .inner-Box figure.img img{  }
  #contents05 .inner-Box ul.thumb-nav {position: relative;margin: 0 5.3vw -10.5vw;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;z-index: 3;}
  #contents05 .inner-Box ul.thumb-nav li {position: relative;width: 43.48vw;height: 9.66vw;color: #3A3934;padding: 1.24vw 0 0 13.14vw;margin-bottom: 2.33vw;background: #FFFFFF;border-radius: 20vw;margin-right: 2.3vw;}
  #contents05 .inner-Box ul.thumb-nav li:nth-child(2n) {margin-right: 0.0vw;position: relative;right: 0vw;}

  #contents05 .inner-Box ul.thumb-nav span {display: block;line-height: 1;border-radius: 50%;position: absolute;top: -0.2vw;left: 2vw;transition: all 0.3s ease-in-out;width: 10.1vw;}
  #contents05 .inner-Box ul.thumb-nav span img{ transition: all 0.3s ease-in-out;}
  #contents05 .inner-Box ul.thumb-nav li.is-active { background: #B79333; color: #fff; }
  #contents05 .inner-Box ul.thumb-nav li.is-active span img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #contents05 .inner-Box span img {  }
  #contents05 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
  #contents05 .inner-Box h3 {position: relative;margin: 0 10vw 10.8vw 56vw;}
  #contents05 .inner-Box h3 span{  }
  #contents05 .inner-Box h3 img {  }
  #contents05 .inner-Box figure.photo {position: absolute;to;bottom: 14.4vw;left: 6.5vw;z-index: 3;width: 18.6vw;}
  #contents05 .inner-Box figure.photo img{  }
  #contents05 .slick-dots{top: -1.8vw;left: 0.51vw;}
  #contents05 .slick-dots li.slick-active button{background: #fff;padding: 0;}
  #contents05 .slick-dots li button{height: 0.48vw;background: #B8B8B8;border-radius: 0;padding: 0;width: 10.4vw;}
  #contents05 .slick-dots li{height: 0.48vw;margin: 0 0.5vw;width: 9.8vw;}
  #contents05 .morebtn a{margin: 0 0 0 2.66vw;text-align: left;padding: 4.83vw 0 0 18.95vw;}
  
  #works {margin: 0 auto 19.24vw;position: relative;padding: 21.43vw 2.66vw 0;}
  #works .inner-Box {position: relative;}
  #works .inner-Box h2 {margin: 0 21vw 10.16vw;}
  #works .inner-Box h2 span{  }
  #works .inner-Box h2 img {  }
  #works .system-list{margin-bottom: 12.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;}
  #works .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;position: relative;margin-bottom: 10.57vw;}
  #works .system-list li:nth-child(2n){ margin-right: 0}
  #works .system-list li a:hover{ text-decoration: none; }
  #works .system-pic {margin-bottom: 2.71vw;}
  
  #works .system-text{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;color: #9B9571;}
  #works .system-date::before{}
  #works .system-coment{ font-size: 3.38vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #works .system-ttl-01{font-size: 3.86vw;margin-bottom: 2.42vw;font-weight: 400;line-height: 1.4;letter-spacing: 0.19vw;}
  #works .system-category-set { margin-bottom: 3.62vw; margin-top: 0vw;}
  #works .serchcategory{ margin-bottom: 24.15vw;}
  #works .serchcategory .icon { display: inline-block; margin-bottom: 3.62vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; }
  #works .system-category1{margin-bottom: 0.24vw; font-size: 3.86vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw; background-color: #ccc; position: relative;}
  #works .morebtn{position: relative;right: 0;}
  #works .morebtn a{  }
  #works .cate.position{ position:absolute; top:0; left:0; font-size:3.4vw; }
  #works .cate{margin-bottom: 2.42vw;}
  #works .cate span{display: inline-block;background: #9B9571;padding: 1.45vw 4.83vw;line-height: 1;color: #fff;margin: 0 2.42vw 1.21vw 0;}

  #voice {position: relative;background: #F1ECDB;padding: 2.4vw 0 2.2vw 0;}
  #voice .inner-Box {margin: 0 2.6vw;position: relative;border: 1px solid #fff;padding-bottom: 11.9vw;}
  #voice .inner-Box h2 {text-align: center;padding: 14vw 0 0;margin: 0 24.7vw 3.2vw 25vw;}
  #voice .inner-Box .icon{position: absolute;top: -10.7vw;left: 4.2vw;width: 31vw;}

  #voice .system-list{margin-bottom: 12.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;margin: 10.46vw 2.6vw 3.7vw;}
#voice .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;position: relative;margin-bottom: 5.83vw;background: #fff;}
#voice .system-list li:nth-child(2n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .system-text{font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;}
#voice .system-list li .system-text span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#voice .system-list li .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
#voice .system-list li .system-date::before{ }
#voice .system-list li .system-name{position: relative;top: -6vw;line-height: 1.4;color: #fff;background: #76CC77;font-size: 3.14vw;display: inline-block;padding: 1.42vw 2.66vw;}

#voice .system-list li .num-inner{background: #fff;position: relative;z-index: 3;}
#voice .system-list li .num-inner::before{}
#voice .system-pic{margin-bottom: 3.6vw;}
#voice .system-list li .system-ttl-01{ position: relative; top: -3.7vw; margin: 0 2.4vw; }

  #voice .morebtn{margin: 0 5.3vw;}
  #voice .morebtn a{  }
  
  #contentsend{padding: 16.35vw 0 26.53vw;margin-bottom: -16.7vw;}
  #contentsend h4{bottom: -0.05vw;}
  
  #contents08 {position: relative;background: url('../images/index/sp-contents08-back01.png')no-repeat top center;padding: 14.39vw 0 14.15vw;background-size: 100% auto;margin-bottom: 0vw;}
  #contents08 .inner-Box1 {margin: 0 auto 9.18vw;position: relative;}
  #contents08 .inner-Box1 figure.logo {position: relative;top: 0;left: 0;margin: 0 24.5vw 5.29vw;text-align: center;}
  #contents08 .inner-Box1 figure.logo img{  }
  #contents08 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.17vw;margin: 0 4.1vw 7.25vw;position: relative;color: #8D8C89;}
  #contents08 .inner-Box2 {margin: 0 8.7vw 16.72vw;position: relative;}
  #contents08 .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-bottom: 7.19vw;}
  #contents08 .inner-Box2 ul li {margin-bottom: 7.2vw;}
  #contents08 .inner-Box2 ul li:nth-child(2) { right: 0vw; position: relative; }
  #contents08 .inner-Box2 ul li figure {  }
  #contents08 .inner-Box2 ul li a {  }
  #contents08 .inner-Box2 ul li a:hover {  }
  #contents08 .inner-Box2 p.btn {margin: 0 -3.3vw;}
  #contents08 .inner-Box2 p.btn img {  }
  #contents08 .inner-Box3 {margin: 0 4vw 2vw;position: relative;}
  #contents08 .estate-Box {position: relative;margin-bottom: 11.7vw;}
  #contents08 .estate-Box h2 {position: relative;left: 1.21vw;margin: 0 63.1vw 7.8vw 0.2vw;}
  #contents08 .estate-Box h2 span{  }
  #contents08 .estate-Box h2 img {  }
  #contents08 p.linkbtn {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;position: absolute;top: 3.9vw;right: 1.8vw;width: 33vw;}
  #contents08 p.linkbtn a {display: block;border-bottom: #939085 0.24vw solid;padding: 0 0 4.11vw 2.42vw;position: relative;line-height: 1.4;}
  #contents08 p.linkbtn a:hover {  }
  #contents08 p.linkbtn a .arr {position: absolute;top: 0;right: 2.42vw;}
  #contents08 .blog-Box {position: relative;right: 0vw;}
  #contents08 .blog-Box h2 {margin-bottom: 8.38vw;margin-left: 1.77vw;margin-right: 62.3vw;}
  #contents08 .blog-Box h2 span{  }
  #contents08 .blog-Box h2 img {  }
  
  #blog{}
  #blog .system-list{margin: 0 1.2vw 10%;height: 89vw;overflow-y: scroll;}
  #blog .system-list li{overflow: hidden;line-height: 1.4;margin-bottom: 7.1vw;border-bottom: 1px dotted #b2b2b2;padding: 0 0 2.2vw;}
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list .system-pic {width: 29.9%;aspect-ratio: 14 / 10;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 .system-day{font-size: 3.14vw;line-height: 1.4;margin-bottom: 3.3vw;color: #959595;}
  #blog .system-list .system-day::before{  }
  #blog .system-list .system-ttl-01{font-size: 3.14vw;line-height: 1.6;margin-bottom: 2%;}
  #blog .system-list .system-contributor { width: 78%; float: right; color: #bbb; font-size: 3.4vw; text-align: right; }
  #blog .system-list .textbx{width: 65%;float: left;margin-left: 4.2%;}
  
  #estate .system-list{height: 93vw;overflow-y: scroll;}

  /*　　*/
  #estate .system-box{margin: 0 1.4vw 4vw;}
  #estate .system-box .system-pic{margin-right: 4.25vw;width: 26.57vw;float: left;}
  #estate .system-box .system-pic img{ width: 100%; height: auto;}
  #estate .system-box .textbox{position: relative;width: 58vw;float: left;}
  #estate .system-box .textbox::before{content: "詳しく見る >";position: absolute;bottom: 6.76vw;right: 0;font-size: 2.90vw;}
  #estate .system-box .textbox.bbb::before{content: "";position: absolute;bottom: 9.66vw;right: 0;}
  #estate .system-box .cate{display: block;text-align: center;padding: 0.9vw 1.45vw;color: #fff;font-size: 3.38vw;}
  
  #estate .system-box .system-ttl-01{font-size: 3.14vw;font-weight: 400;min-height: 15.8vw;}
  #estate .system-box .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  #estate .system-box .system-pri{font-weight: 400;font-size: 3.38vw;border-bottom: 0.24vw solid #ccc;margin-bottom: 4.83vw;padding-right: 19vw;padding-bottom: 2vw;}
  #estate .system-box .system-pri span{color: #E5792C;font-size: 5.80vw;line-height: 1;}
  #estate .system-box .system-category span{background: #79B5D4;color: #fff;padding: 1.21vw 4.83vw;font-weight: bold;}
  #estate .system-box .system-date{margin-bottom: 2.17vw;}
  #estate .system-box .system-date .date-ttl{display: inline-block;text-align: center;border: 0.24vw solid #ccc;margin-right: 4.83vw;}
    

.pagebtn{margin: 0 11vw;}




}