@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
-------------------------------------*/
.slider-3mai-Box { overflow: hidden; position: relative; width: 100%; }
.slider-3mai-Box .slider-3mai { position: relative; left: 50%; width: 3020px; margin-left: -1510px; }
.slider-3mai-Box .slider-3mai li { width: 1000px !important; }
.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9999; }
.slider-3mai-Box .bx-wrapper .bx-prev { left: 950px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
.slider-3mai-Box .bx-wrapper .bx-next { right: 950px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }
.side-fix { display: none;}

.btn{ display: block; width: 400px; margin: 0 auto;  }
.btn a{width: 400px;background: #000;color: #fff;text-align: center;padding: 30px 0px;display: block;}
h2{ text-align: center; font-size: 28px; margin-bottom: 40px; }

.seo-txt{ width: 1200px; margin: 0 auto 90px; }

/* event -------------------------------------*/
#event .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#event .system-list{ background: #eeefef; padding: 41px 21px 21px; 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{line-height: 1.4;width: 32%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;padding: 20px 10px 20px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#event .system-list .btn::after { content: ' >';}
#event .system-pic{ width: 100%; height: 220px; overflow: hidden; text-align: center; margin-bottom: 15px;}
#event .system-pic img{ max-width: 100%; max-height: 220px; width: auto; height: auto; }
#event .system-date{font-size: 14px;margin-bottom: 10px;line-height: 1.4;}
#event .system-date::before{}
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-txt{ font-size:  0.813em; margin-bottom: 5px; line-height: 1.4; }
#event .system-coment{ font-size: 0.813em; margin-bottom: 5px; line-height: 1.4; }
#event .system-ttl-01{font-size: 20px;font-weight: bold;line-height: 1.4;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
#event .system-ttl-02{font-size: 16px;line-height: 1.4;margin-bottom: 10px;}
#event .icon{position: absolute;right: -20px;top: -20px; border-radius: 50%;padding: 30px 20px;text-align: center;}
#event .icon01{background: #ff0;}
#event .icon02{background: #f0f;}
#event .icon03{background: #0ff;}
#event .system-category{ margin-bottom: 10px; }
#event .system-category span {margin-bottom: 5px;padding: 4px 20px;display: inline-block;color: #fff;text-align: center;font-size: 14px;margin-right: 10px;}
#event .cate01{ background: #000!important; }
#event .cate02{ background: #111!important; }
#event .cate03{ background: #222!important; }
#event .cate04{ background: #333!important; }
#event .cate05{ background: #444!important; }
#event .cate06{ background: #555!important; }

/* case-newly -------------------------------------*/
#case-newly .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#case-newly .system-list{ background: #eeefef; padding: 41px 21px 21px; 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; }
#case-newly .system-list li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#case-newly .system-list li:nth-child(4n){ margin-right: 0}
#case-newly .system-list li a:hover{ text-decoration: none; }
#case-newly .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case-newly .system-list .btn::after { content: ' >';}
#case-newly .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#case-newly .system-pic img{ width: 100%; height: 180px; }
#case-newly .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#case-newly .system-date::before{ content: "■"; }
#case-newly .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case-newly .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
#case-newly .system-category span {margin-bottom: 5px;padding: 4px;display: block;color: #fff;text-align: center;font-size: 14px;}
#case-newly .icon01{ background: #000; }
#case-newly .icon02{ background: #111; }
#case-newly .icon03{ background: #222; }
#case-newly .icon04{ background: #333; }
#case-newly .icon05{ background: #444; }
#case-newly .icon06{ background: #555; }

/* case-reform -------------------------------------*/
#case-reform .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#case-reform .system-list{ background: #eeefef; padding: 41px 21px 21px; 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; }
#case-reform .system-list li{line-height: 1.4;width: 23.5%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;padding: 20px 10px 20px;}
#case-reform .system-list li:nth-child(4n){ margin-right: 0}
#case-reform .system-list li a:hover{ text-decoration: none; }
#case-reform .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case-reform .system-list .btn::after { content: ' >';}
#case-reform .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px;}
#case-reform .system-pic img{ width: 100%; height: 180px; }
#case-reform .system-date{font-size: 14px;margin-bottom: 10px;line-height: 1.4;}
#case-reform .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case-reform .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}

#case-reform .system-category span {margin-bottom: 5px;padding: 4px;display: block;color: #fff;text-align: center;font-size: 14px;}
#case-reform .cate01{ background: #000; }
#case-reform .cate02{ background: #111; }
#case-reform .cate03{ background: #222; }
#case-reform .cate04{ background: #333; }
#case-reform .cate05{ background: #444; }
#case-reform .cate06{ background: #555; }

/* voice -------------------------------------*/
#voice .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#voice { background: #eeefef; padding: 40px 20px; margin-bottom: 30px; }
#voice .system-list{ background: #eeefef; padding: 41px 21px 21px; 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; }
#voice .system-list li{ line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#voice .system-list li:nth-child(3n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
#voice .system-list .btn::after { content: ' >';}
#voice .system-pic{ width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#voice .system-pic img{ width: 100%; height: 240px; }
#voice .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{font-size: 18px;margin-bottom: 10px;line-height: 1.4;}
#voice .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{font-size: 1em;margin-bottom: 10px;line-height: 1.4;}

/* topics -------------------------------------*/
#topics .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#topics .system-list{background: #eeefef;padding: 20px;margin-bottom: 50px;}
#topics .system-list-inner{background: #fff;padding: 20px;}
#topics .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-list .system-date{width: 20%;float: left;font-size: 16px;line-height: 1.4;}
#topics .system-date::before{ content: "■"; }
#topics .system-list .text-box{ width: 78%; float: left; font-size: 14px; line-height: 1.6; }
#topics .system-list .system-ttl-01{font-size: 16px;line-height: 1.6;}
#topics .system-list .system-category-set {color: #fff;margin-bottom: 10px;}
#topics .system-list .system-category{ width: 20%; margin-right: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 5px; float: left; background: #ccc;}
#topics .system-category-set p{background: #000 !important;display: inline-block;padding: 4px 15px;margin-right: 10px;}

/* blog -------------------------------------*/
#blog .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#blog {  }
#blog .system-list2{background: #eeefef;padding: 40px 20px 20px;margin-bottom: 50px;}
#blog .system-list-inner2{ background: #fff; padding: 40px 20px;}
#blog .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
#blog .system-list2 li a:hover{ text-decoration: none; }
#blog .system-list2 .system-pic{ width: 20%; float: left; }
#blog .system-list2 .system-pic img{ max-width: 100%; height: auto; }
#blog .system-list2 .textbx{width: 78%;float: left;margin-left: 2%;}
#blog .system-list2 .system-date{ margin-bottom: 10px;font-size: 14px; line-height: 1.4; }
#blog .system-list2 .system-date::before{ content: "■"; }
#blog .system-list2 .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#blog .system-list2 .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
#blog .system-category span {margin-bottom: 5px;padding: 4px;display: inline-block;color: #fff;text-align: center;font-size: 14px;margin-right: 10px;}
#blog .cate01{ background: #000; }
#blog .cate02{ background: #111; }
#blog .cate03{ background: #222; }
#blog .cate04{ background: #333; }
#blog .cate05{ background: #444; }
#blog .cate06{ background: #555; }

/* real_estate -------------------------------------*/
#real_estate .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#real_estate .system-list{ background: #eeefef; padding: 41px 21px 21px; 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; }
#real_estate .system-list li{ line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
#real_estate .system-list li:nth-child(3n){ margin-right: 0}
#real_estate .system-list li a:hover{ text-decoration: none; }
#real_estate .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#real_estate .system-list .btn::after { content: ' >';}
#real_estate .system-pic{ width: 100%; height: 220px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#real_estate .system-pic img{ max-width: 100%; max-height: 220px; width: auto; height: auto; }
#real_estate .system-date{font-size: 14px;margin-bottom: 10px;line-height: 1.4;}
#real_estate .system-name{ font-size: 0.813em; margin-bottom: 10px; line-height: 1.4; }
#real_estate .system-coment{ font-size: 1em; margin-bottom: 15px; line-height: 1.4; }
#real_estate .system-coment span { font-size: 1.25em; font-weight: bold;}
#real_estate .system-ttl-01{font-size: 18px;margin-bottom: 15px;line-height: 1.4;}

#real_estate .icon{position: absolute;right: -20px;top: -20px;border-radius: 50%;padding: 30px 20px;text-align: center;z-index: 5;}
#real_estate .icon01{background: #ff0;}
#real_estate .icon02{background: #f0f;}
#real_estate .icon03{background: #0ff;}

/* staff -------------------------------------*/
#staff .inner-Box{ width: 1200px; margin: 0 auto 80px; }
#staff .system-list{ background: #eeefef; padding: 40px 40px 30px; 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; }
#staff .system-list li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 12px 12px 35px;}
#staff .system-list li:nth-child(4n){ margin-right: 0}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;}
#staff .system-list .btn::after { content: ' >';}
#staff .system-pic{ width: 100%; height: 220px; margin-bottom: 15px; overflow: hidden; text-align: center; }
#staff .system-pic img{ width: 100%; height: 220px; }
#staff .system-ttl{ font-size: 20px; font-weight: bold; }
#staff .system-name{ font-size: 18px; }
#staff .system-en{ font-size: 14px; }
#staff .system-job{ display: inline-block; color: #fff; background: #333; padding: 3px 20px; margin-bottom: 10px; }
#staff .staff-ttl{ background: #444; color: #fff; padding: 10px; margin-bottom: 20px; }
#staff .staff-box{ margin-bottom: 50px; }


}

@media screen and (max-width: 767px) {
#bx-sra {}
.side-fix { display: none!important;}

.btn{ display: block; margin: 0 14vw 15vw;  }
.btn a{background: #000;color: #fff;text-align: center;padding: 4vw 0px;display: block;}
h2{ text-align: center; font-size: 4vw; margin-bottom: 4vw; }

.seo-txt{  margin: 0 4vw 5vw; }


/* topics -------------------------------------*/
#topics .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
#topics .system-list-inner{ background: #fff; padding: 5% 3%;}
#topics .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-list .system-date{font-size: 3vw;line-height: 1.4;margin-bottom: 2%;}
#topics .system-date::before{ content: "■"; }
#topics .system-list .system-ttl-01{font-size: 3.6vw;line-height: 1.6;}
#topics .system-list .system-category-set { margin-bottom: 2%;}
#topics .system-list .system-category{ width: 49%; margin-bottom: 1px; font-size: 3vw; color: #fff; text-align: center; padding: 1vw; background: #111;}
#topics .system-category-set p{background: #000 !important;display: inline-block;padding: 0.4vw 4vw;margin-right: 1vw;color: #fff;}
#topics .icon01{ background: #000 !important }

/* case-newly -------------------------------------*/
#case-newly { margin: 4vw; }
#case-newly .system-list{background: #eeefef;padding: 4% 2% 0% 2%;margin-bottom: 10%;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;}
#case-newly .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 5%;padding: 2%;}
#case-newly .system-list li:nth-child(2n){ margin-right: 0}
#case-newly .system-list li a:hover{ text-decoration: none; }
#case-newly .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#case-newly .system-list .btn::after { content: ' >';}
#case-newly .system-pic{width: 100%;height: 30vw;overflow: hidden;text-align: center;margin-bottom: 3vw;}
#case-newly .system-pic img{width: 100%;height: 30vw;}
#case-newly .system-date{font-size: 3vw;margin-bottom: 4vw;}
#case-newly .system-date::before{ content: "■"; }
#case-newly .system-ttl-01{font-size: 3.4vw;margin-bottom: 3vw;line-height: 1.6;}
#case-newly .system-category span{display: block;margin-bottom: 1vw;font-size: 2.5vw;font-weight: bold;color: #fff;text-align: center;padding: 1vw;background-color: #ccc;}
#case-newly .icon01{ background: #000!important; }
#case-newly .icon02{ background: #111!important; }
#case-newly .icon03{ background: #222!important; }
#case-newly .icon04{ background: #333!important; }
#case-newly .icon05{ background: #444!important; }
#case-newly .icon06{ background: #555!important; }

/* voice -------------------------------------*/
#voice .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; 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; }
#voice .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 5%;padding: 2vw;}
#voice .system-list li:nth-child(2n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#voice .system-list .btn::after { content: ' >';}
#voice .system-pic{width: 100%;height: 30vw;overflow: hidden;text-align: center;margin-bottom: 2vw;}
#voice .system-pic img{ width: 100%; height: 30vw; }
#voice .system-date{ font-size: 3.4vw; margin-bottom: 5%; }
#voice .system-date::before{ content: "■"; }
#voice .system-name{font-size: 3vw;margin-bottom: 4vw;}
#voice .system-ttl-01{font-size: 3.4vw;margin-bottom: 3vw;line-height: 1.6;}
#voice .system-category-set { margin-bottom: 8%;margin-top: -8%;}
#voice .system-category{ margin-bottom:  0.2vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw; background-color: #ccc;}
#voice .serchcategory{ margin: 0 3% 10%;}
#voice .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.4vw;color: #fff;text-align: center;padding: 4.5% 3%; }
#voice .icon01{ background: #000; }
#voice .icon02{ background: #111; }
#voice .icon03{ background: #222; }
#voice .icon04{ background: #333; }
#voice .icon05{ background: #444; }
#voice .icon06{ background: #555; }

/* event -------------------------------------*/
#event .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; 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: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;padding: 2vw;}
#event .system-list li:nth-child(2n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#event .system-list .btn::after { content: ' >';}
#event .system-pic{width: 100%;height: 30vw;overflow: hidden;text-align: center;margin-bottom: 2vw;}
#event .system-pic img{max-width: 100%;max-height: 30vw;width: auto;height: auto;}
#event .system-date{ font-size: 3.4vw; margin-bottom: 5%; line-height: 1.6;}
#event .system-date::before{}
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 0%; margin-bottom: 8%;}
#event .system-txt{ font-size:  3.4vw; margin-bottom: 8%; line-height: 1.6; }
#event .system-coment{ font-size: 3.4vw; margin-bottom: 5%; line-height: 1.6; }
#event .system-ttl-01{font-size: 4vw;font-weight: bold;line-height: 1.6;border-bottom: 1px solid #eee;padding-bottom: 1vw;margin-bottom: 3vw;}
#event .system-category span{font-size: 3vw;font-weight: bold;color: #fff;text-align: center;padding: 2vw;background-color: #ccc;display: block;}
#event .cate01{ background: #000!important; }
#event .cate02{ background: #111!important; }
#event .cate03{ background: #222!important; }
#event .cate04{ background: #333!important; }
#event .cate05{ background: #444!important; }
#event .cate06{ background: #555!important; }
#event .icon{position: absolute;right: -3vw;top: -3vw;border-radius: 50%;padding: 5vw 3vw;text-align: center;font-size: 2.4vw;z-index: 10;}
#event .icon01{background: #ff0;}
#event .icon02{background: #f0f;}
#event .icon03{background: #0ff;}

/* case-reform -------------------------------------*/
#case-reform .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; 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; }
#case-reform .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 14%;}
#case-reform .system-list li:nth-child(2n){ margin-right: 0}
#case-reform .system-list li a:hover{ text-decoration: none; }
#case-reform .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#case-reform .system-list .btn::after { content: ' >';}
#case-reform .system-pic{ width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
#case-reform .system-pic img{ width: 100%; height: 30vw; }
#case-reform .system-date{ font-size: 3.4vw; margin-bottom: 5%; }
#case-reform .system-date::before{ content: "■"; }
#case-reform .system-ttl-01{ font-size: 3.4vw; margin-bottom: 5%; line-height: 1.6;}
#case-newly .system-category span{display: block;margin-bottom: 1vw;font-size: 2.5vw;font-weight: bold;color: #fff;text-align: center;padding: 1vw;background-color: #ccc;}
#case-newly .icon01{ background: #000!important; }
#case-newly .icon02{ background: #111!important; }
#case-newly .icon03{ background: #222!important; }
#case-newly .icon04{ background: #333!important; }
#case-newly .icon05{ background: #444!important; }
#case-newly .icon06{ background: #555!important; }

/* real_estate -------------------------------------*/
#real_estate .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; 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; }
#real_estate .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 3vw; padding: 2% 2% 14%;}
#real_estate .system-list li:nth-child(2n){ margin-right: 0}
#real_estate .system-list li a:hover{ text-decoration: none; }
#real_estate .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#real_estate .system-list .btn::after { content: ' >';}
#real_estate .system-pic{ width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
#real_estate .system-pic img{ max-width: 100%; max-height: 30vw; width: auto; height: auto; }
#real_estate .system-date{ font-size: 3.4vw; margin-bottom: 5%; line-height: 1.4;}
#real_estate .system-date::before{ content: "■"; }
#real_estate .system-information { border-bottom: 1px solid #eee; padding-bottom: 3%; margin-bottom: 3%;}
#real_estate .system-txt{ font-size:  3.4vw; margin-bottom: 5%; line-height: 1.4; }
#real_estate .system-coment{ font-size: 3.4vw; margin-bottom: 5%; line-height: 1.4; word-break : break-all; }
#real_estate .system-coment span{ font-size: 3.4vw; font-weight: bold;display: inline-block; margin-top: 2%;}
#real_estate .system-ttl-01{ font-size: 3.4vw; line-height: 1.4; border-bottom: 1px solid #eee; padding-bottom: 2vw; margin-bottom: 4vw; }
#real_estate .icon{position: absolute;right: -3vw;top: -3vw;border-radius: 50%;padding: 5vw 3vw;text-align: center;font-size: 2.4vw;z-index: 10;}
#real_estate .icon01{background: #ff0;}
#real_estate .icon02{background: #f0f;}
#real_estate .icon03{background: #0ff;}

/* blog -------------------------------------*/
#blog{ margin: 0 4vw; }
#blog .system-list2{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
#blog .system-list-inner2{ background: #fff; padding: 5% 3%; }
#blog .system-list2 li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#blog .system-list2 li a:hover{ text-decoration: none; }
#blog .system-list2 .system-pic{ width: 20%; float: left; }
#blog .system-list2 .system-pic img{ max-width: 100%; height: auto; }
#blog .system-list2 .system-date{ width: 78%; float: right; font-size: 3.4vw; line-height: 1.4; margin-bottom: 2%}
#blog .system-list2 .system-date::before{ content: "■"; }
#blog .system-list2 .system-ttl-01{ font-size: 3.4vw; line-height: 1.6; margin-bottom: 2%; }
#blog .system-list2 .system-contributor { width: 78%; float: right; color: #bbb; font-size: 3.4vw; text-align: right; }
#blog .system-list2 .textbx{width: 78%;float: left;margin-left: 2%;}
/**/
#blog .system-category span {margin-bottom: 0.8vw;padding: 0.6vw;display: inline-block;color: #fff;text-align: center;font-size: 3vw;margin-right: 2vw;}
#blog .cate01{ background: #000 !important; }
#blog .cate02{ background: #111 !important; }
#blog .cate03{ background: #222 !important; }
#blog .cate04{ background: #333 !important; }
#blog .cate05{ background: #444 !important; }
#blog .cate06{ background: #555 !important; }

/* staff -------------------------------------*/
#staff .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; 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; }
#staff .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 10%;}
#staff .system-list li:nth-child(2n){ margin-right: 0}
#staff .system-list li a:hover{ text-decoration: none; }
#staff .system-list li .system-ttl{font-size: 4vw;font-weight: bold;}
#staff .system-list li .system-name{ font-size: 3.5vw; }
#staff .system-list li .system-en{font-size: 3vw;margin-bottom: 3vw;}
#staff .system-list li .system-job{ display: inline-block; color: #fff; background: #333; padding: 0.4vw 3vw; margin-bottom: 2vw; }
#staff .system-pic{ width: 100%; height: 25vw; overflow: hidden; text-align: center; margin-bottom: 6%;}
#staff .system-pic img{ width: 100%; height: 25vw; }
#staff .system-ttl{ font-size: 4.5vw; font-weight: bold; }
#staff .system-name{ font-size: 3.5vw; }
#staff .system-en{ font-size: 3vw; }
#staff .system-job{ display: inline-block; color: #fff; background: #333; padding: 0.4vw 3vw; margin-bottom: 2vw; }
#staff .staff-ttl{ background: #444; color: #fff; padding: 2vw; margin-bottom: 4vw; }
#staff .staff-box{ margin-bottom: 6vw; }



}