@charset "UTF-8";
@media screen and (min-width: 768px), print {
  main {
    width: 1100px;
    margin: 0 auto 30px auto;
  }
  /* 3枚表示のbxslider
  -------------------------------------*/
  /* system-common */
  .page-list {
    font-size: 0.875em;
    margin: 50px 0 100px;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .page-list li {
    background: #eeefef;
    display: inline-block;
    border: #dcdddd 1px solid;
  }
  .page-list li.active {
    background: #231815;
    color: #fff;
  }
  .page-list li.active a {
    color: #fff;
  }
  .page-list a {
    padding: 12px;
    display: inline-block;
  }
  .page-list li {
    background: #efeeeb;
    border-radius: 5px;
  }
  .page-list li.active {
    background: #a2876d;
  }
  .pagen {
    width: 100%;
    margin: 0 auto 30px auto;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .pagen .list a {
    background: #a1876e !important;
    border-radius: 5px;
  }
  .page-navi {
    font-size: 0.875em;
  }
  .page-navi li {
    display: inline-block;
  }
  .page-navi li.active {
    background: #ccc;
  }
  .page-navi a {
    padding: 8px;
    display: inline-block;
  }
  .page-navi .fast {
    margin-right: 0px;
  }
  .page-navi .fast::after {
    content: "|";
    display: inline-block;
    margin: 0 5px;
  }
  .pagen .list {
    float: right;
  }
  .pagen .list a {
    margin: 0 auto;
    color: #fff;
    padding: 7px 30px;
    font-size: 0.875em;
    text-align: center;
    display: inline-block;
    background: #000;
  }
  .pagen .list a:hover {
    background: #666;
    text-decoration: none;
  }
  .btnArea {
    text-align: center;
    margin: 50px 0 20px;
    padding: 0;
  }
  .btnArea a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 20px 50px;
    font-size: 0.875em;
    text-align: center;
    display: block;
    background: #000;
    letter-spacing: 1px;
    width: 60%;
  }
  .btnArea a:hover {
    background: #666;
    text-decoration: none;
  }
  .btnArea-s {
    text-align: center;
  }
  .btnArea-s a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 10px 50px;
    font-size: 0.875em;
    text-align: center;
    display: inline-block;
    background: #000;
    letter-spacing: 1px;
  }
  .btnArea-s a:hover {
    background: #666;
    text-decoration: none;
  }
  .btnArea-s::after {
    content: "";
    display: block;
    margin-bottom: 100px;
  }
  .borderwrap {
    margin-bottom: 40px;
  }
  .borderwrap h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  .borderwrap p {
    font-size: 0.875em;
    line-height: 1.8;
  }
  /* cost -------------------------------------*/
  #cost .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;
  }
  #cost .system-list li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #cost .system-list li:nth-child(3n) {
    margin-right: 0;
  }
  #cost .system-list li a:hover {
    text-decoration: none;
  }
  #cost .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #cost .system-list .btn::after {
    content: " >";
  }
  #cost .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #cost .system-pic img {
    width: 100%;
    height: 180px;
  }
  #cost .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #cost .system-date::before {
    content: "■";
  }
  #cost .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #cost .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  /*
  #cost .system-category-set { margin-bottom: 15px; margin-top: -15px;}
  #cost .system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
  #cost .serchcategory{ margin-bottom: 100px;}
  #cost .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #cost .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
  #cost .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
  #cost .serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; background: #f0f0f0}
  #cost .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
  #cost .icon01{ background: #f0f0f0; }
  #cost .icon02{ background: #f0f0f0; }
  #cost .icon03{ background: #f0f0f0; }
  #cost .icon04{ background: #f0f0f0; }
  #cost .icon05{ background: #f0f0f0; }
  #cost .icon06{ background: #f0f0f0; }
  */
  #cost .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #cost .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #cost .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #cost .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #cost .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #cost .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #cost .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #cost .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #cost .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #cost .system-gallery h2 {
    text-transform: uppercase;
  }
  #cost .gallery-list {
    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;
  }
  #cost .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #cost .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #cost .gallery-list li a:hover {
    text-decoration: none;
  }
  #cost .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #cost .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #cost .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #cost .sub-title {
    width: 300px;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #cost .serchcategory1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 17px;
    margin-top: 50px;
  }
  #cost .serchcategory1 a {
    display: block;
    padding-left: 20px;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #cost .serchcategory1 a:hover {
    color: #a2876d;
  }
  #cost .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #cost .system-list {
    padding: 0;
    background: transparent;
    margin-top: 50px;
  }
  #cost .system-list li {
    padding: 0 0 50px;
    width: 31.3%;
    border: solid 2px #a2876d;
    border-radius: 3px;
    margin-right: 3%;
  }
  #cost .system-list li:hover {
    opacity: 0.8;
  }
  #cost .system-list li .system-pic {
    height: 300px;
    margin-bottom: 15px;
  }
  #cost .system-list li .system-pic a {
    display: block;
  }
  #cost .system-list li .system-pic a img {
    height: 300px;
  }
  #cost .system-list li .system-pic a img:hover {
    opacity: 1;
  }
  #cost .system-list li a {
    display: block;
  }
  #cost .system-list li a .system-category-set {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(239, 238, 235, 0.9);
    color: #000000;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 8px 0;
  }
  #cost .system-list li a .system-date {
    margin-bottom: 5px;
    padding: 0 10px;
  }
  #cost .system-list li a .system-date::before {
    color: #a2876d;
  }
  #cost .system-list li a .system-ttl-01 {
    margin-bottom: 10px;
    padding: 0 10px;
  }
  #cost .system-list li a .system-p-cost {
    font-family: "Work Sans", sans-serif;
    text-align: right;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1;
    margin-bottom: 5px;
    position: absolute;
    background: #f5f5f5;
    right: 10px;
    top: 285px;
    padding: 5px 15px;
    border-radius: 3px;
  }
  #cost .system-list li .btn {
    background: #a2876d;
  }
  #cost .system-list li .btn:after {
    position: absolute;
    top: 10px;
    right: 15px;
  }
  #cost .system-contents {
    padding: 60px 10px;
    position: relative;
    background: #a2876e;
    border-radius: 3px;
  }
  #cost .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: 0;
    left: 6px;
    width: 100%;
    text-align: center;
  }
  #cost .system-contents .system-contents-inner .system-category-set .system-category {
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    color: #fff;
    width: 100%;
  }
  #cost .system-contents .system-contents-inner .system-p-cost {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  #cost .system-contents .system-contents-inner .system-p-cost p {
    font-size: 2em;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-family: "Work Sans", sans-serif;
  }
  #cost .system-contents .system-contents-inner .system-p-cost p span {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    line-height: 1;
    margin-right: 17px;
    font-size: 0.5em;
  }
  #cost .system-contents .system-contents-inner .system-date::before {
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 23px;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 20px;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 5px 12px;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 10px;
  }
  #cost .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 40px;
  }
  /* works -------------------------------------*/
  /*
  #works .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; }
  #works .system-list li{ line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
  #works .system-list li:nth-child(4n){ margin-right: 0}
  #works .system-list li a:hover{ text-decoration: none; }
  #works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #works .system-list .btn::after { content: ' >';}

  #works .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #works .system-pic img{ width: 100%; height: 180px; }
  #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: 1em; margin-bottom: 20px; line-height: 1.4; }
  #works .system-category-set { margin-bottom: 15px; margin-top: -15px;}
  #works .system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
  #works .serchcategory{ margin-bottom: 100px;}
  #works .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; 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 .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
  #works .serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; background: #f0f0f0}
  #works .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
  #works .icon01{ background: #f0f0f0; }
  #works .icon02{ background: #f0f0f0; }
  #works .icon03{ background: #f0f0f0; }
  #works .icon04{ background: #f0f0f0; }
  #works .icon05{ background: #f0f0f0; }
  #works .icon06{ background: #f0f0f0; }
  */
  #works .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #works .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #works .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #works .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #works .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #works .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #works .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #works .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #works .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #works .system-gallery h2 {
    text-transform: uppercase;
  }
  #works .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #works .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #works .gallery-list li a:hover {
    text-decoration: none;
  }
  #works .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #works .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #works .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #works .sub-title {
    width: 300px;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #works .serchcategory1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 17px;
    margin-top: 50px;
  }
  #works .serchcategory1 a {
    display: block;
    padding-left: 20px;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #works .serchcategory1 a:hover {
    color: #a2876d;
  }
  #works .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #works .works-post-list {
    margin-top: 50px;
  }
  #works .works-post-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    border-left: solid 1px #E4E2DB;
  }
  #works .works-post-list .system-list li {
    width: 33.33333%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #works .works-post-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #works .works-post-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #works .works-post-list .system-list li a {
    display: block;
    background: #fff;
    padding: 20px;
    transition: all 0.3;
    text-align: center;
    border: solid 20px #fff;
    transition: all 0.5s;
    position: relative;
  }
  #works .works-post-list .system-list li a:hover {
    text-decoration: none;
    border: solid 20px #EFEEEA;
  }
  #works .works-post-list .system-list li a:hover img {
    transform: scale(1.1);
  }
  #works .works-post-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: -5px;
    letter-spacing: 0.8px;
  }
  #works .works-post-list .system-list li a figure {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
  }
  #works .works-post-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #works .works-post-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #works .works-post-list .system-list li a .works-text {
    font-size: 15px;
    max-width: 740px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 17px;
  }
  #works .works-post-list .system-list li a .works-text span {
    color: #999999;
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
  }
  #works .system-contents {
    background: #EFEEEA;
    padding: 30px 30px;
  }
  #works .system-contents .system-contents-inner {
    padding: 60px 30px;
    position: relative;
  }
  #works .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: -47px;
    right: 25px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  #works .system-contents .system-contents-inner .system-category-set .system-category {
    color: #CBCAC4;
    font-size: 37px;
    font-family: "Work Sans", sans-serif;
  }
  #works .system-contents .system-contents-inner .system-date {
    border-left: solid 5px #a2876e;
    padding-left: 10px;
  }
  #works .system-contents .system-contents-inner .system-ttl {
    border-bottom: 1px #a2876e solid;
    font-size: 28px;
    padding-bottom: 15px;
  }
  #works .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 23px;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #works .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 20px;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 5px 12px;
  }
  #works .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #works .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 10px;
  }
  #works .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 40px;
  }
  #works .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #works .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    border-left: solid 1px #E4E2DB;
  }
  #works .inc-list .system-list li {
    width: 33.33333%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #works .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #works .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #works .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 20px;
    transition: all 0.3;
    text-align: center;
    border: solid 20px #fff;
    transition: all 0.5s;
    position: relative;
  }
  #works .inc-list .system-list li a:hover {
    text-decoration: none;
    border: solid 20px #EFEEEA;
  }
  #works .inc-list .system-list li a:hover img {
    transform: scale(1.1);
  }
  #works .inc-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: -5px;
    letter-spacing: 0.8px;
  }
  #works .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
  }
  #works .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #works .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #works .inc-list .system-list li a .works-text {
    font-size: 15px;
    max-width: 740px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 17px;
  }
  #works .inc-list .system-list li a .works-text span {
    color: #999999;
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
  }
  /* interview -------------------------------------*/
  /*
  #interview .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; }

  #interview .system-list li{ line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px;}
  #interview .system-list li:nth-child(3n){ margin-right: 0}
  #interview .system-list li a:hover{ text-decoration: none; }

  #interview .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%;}
  #interview .system-list .btn::after { content: ' >';}
  #interview .system-pic{ width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #interview .system-pic img{ width: 100%; height: 240px; }
  #interview .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #interview .system-date::before{ content: "■"; }
  #interview .system-name{ font-size: 0.813em; margin-bottom: 10px; line-height: 1.4; }
  #interview .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #interview .system-ttl-01{ font-size: 1em; margin-bottom: 20px; line-height: 1.4; }

  #interview .system-category-set { margin-bottom: 15px; margin-top: -15px;}
  #interview .system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
  #interview .serchcategory{ margin-bottom: 100px;}
  #interview .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
  #interview .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
  #interview .serchcategory1{ margin-bottom: 100px; width: 750px; margin: 0 auto; position: relative; top: -50px}
  #interview .serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; background: #f0f0f0}
  #interview .serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}
  #interview .icon01{ background: #f0f0f0; }
  #interview .icon02{ background: #f0f0f0; }
  #interview .icon03{ background: #f0f0f0; }
  #interview .icon04{ background: #f0f0f0; }
  #interview .icon05{ background: #f0f0f0; }
  #interview .icon06{ background: #f0f0f0; }
  */
  #interview .system-contents {
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #interview .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #interview .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #interview .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #interview .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #interview .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #interview .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #interview .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #interview .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #interview .system-gallery h2 {
    text-transform: uppercase;
  }
  #interview .gallery-list {
    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;
  }
  #interview .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #interview .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #interview .gallery-list li a:hover {
    text-decoration: none;
  }
  #interview .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #interview .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #interview .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #interview .system-list02 {
    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;
  }
  #interview .system-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #interview .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #interview .system-list02 li a:hover {
    text-decoration: none;
  }
  #interview .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #interview .system-list02 .btn::after {
    content: " >";
  }
  #interview .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #interview .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #interview .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #interview .system-list02 .system-date::before {
    content: "■";
  }
  #interview .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #interview .system-list02 .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #interview .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #interview .sub-title {
    width: 300px;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #interview .serchcategory1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 17px;
    margin-top: 50px;
  }
  #interview .serchcategory1 a {
    display: block;
    padding-left: 20px;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #interview .serchcategory1 a:hover {
    color: #a2876d;
  }
  #interview .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #interview .interview-post-list {
    margin-top: 50px;
  }
  #interview .interview-post-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    border-left: solid 1px #a2876d;
  }
  #interview .interview-post-list .system-list li {
    width: 33.33333%;
    border: solid 1px #a2876d;
    border-left: none;
    transition: all 0.3s;
  }
  #interview .interview-post-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #interview .interview-post-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #a2876d;
  }
  #interview .interview-post-list .system-list li a {
    display: block;
    background: #fff;
    padding: 20px;
    transition: all 0.3;
    text-align: center;
    border: solid 20px #fff;
    transition: all 0.5s;
    position: relative;
    height: 100%;
  }
  #interview .interview-post-list .system-list li a:hover {
    text-decoration: none;
    border: solid 20px #e7dacf;
  }
  #interview .interview-post-list .system-list li a:hover img {
    transform: scale(1.1);
  }
  #interview .interview-post-list .system-list li a .interview-cate {
    font-family: "Work Sans", sans-serif;
    color: #a2876e;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: -5px;
    letter-spacing: 0.8px;
  }
  #interview .interview-post-list .system-list li a figure {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
  }
  #interview .interview-post-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #interview .interview-post-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #interview .interview-post-list .system-list li a .interview-text {
    font-size: 15px;
    max-width: 740px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 0;
  }
  #interview .interview-post-list .system-list li a .interview-text span {
    color: #999999;
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
  }
  #interview .system-contents {
    background: #e7dacf;
    padding: 30px 30px;
  }
  #interview .system-contents .system-contents-inner {
    padding: 60px 30px;
    position: relative;
  }
  #interview .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: -47px;
    right: 25px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
  #interview .system-contents .system-contents-inner .system-category-set .system-category {
    color: #a2876e;
    font-size: 37px;
    font-family: "Work Sans", sans-serif;
  }
  #interview .system-contents .system-contents-inner .system-date {
    border-left: solid 5px #a2876e;
    padding-left: 10px;
  }
  #interview .system-contents .system-contents-inner .system-ttl {
    border-bottom: 1px #a2876e solid;
    font-size: 28px;
    padding-bottom: 15px;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 23px;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 20px;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 5px 12px;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #interview .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 10px;
  }
  #interview .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 40px;
  }
  #interview .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #interview .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    border-left: solid 1px #E4E2DB;
  }
  #interview .inc-list .system-list li {
    width: 33.33333%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #interview .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #interview .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #interview .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 20px;
    transition: all 0.3;
    text-align: center;
    border: solid 20px #fff;
    transition: all 0.5s;
    position: relative;
  }
  #interview .inc-list .system-list li a:hover {
    text-decoration: none;
    border: solid 20px #e7dacf;
  }
  #interview .inc-list .system-list li a:hover img {
    transform: scale(1.1);
  }
  #interview .inc-list .system-list li a .interview-cate {
    font-family: "Work Sans", sans-serif;
    color: #a2876e;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: -5px;
    letter-spacing: 0.8px;
  }
  #interview .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
  }
  #interview .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #interview .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #interview .inc-list .system-list li a .interview-text {
    font-size: 15px;
    max-width: 740px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 17px;
  }
  #interview .inc-list .system-list li a .interview-text span {
    color: #999999;
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
  }
  /* column -------------------------------------*/
  /*
  #column .system-list{ background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; }
  #column .system-list-inner{ background: #fff; padding: 40px 20px;}
  #column .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
  #column .system-list li a:hover{ text-decoration: none; }
  #column .system-list .system-date{ width: 20%; float: left; font-size: 0.938em; line-height: 1.4; }
  #column .system-date::before{ content: "■"; }
  #column .system-list .system-ttl-01{ width: 78%; float: right; font-size: 0.938em; line-height: 1.6; }
  #column .system-list .system-category-set { width: 78%; float: right; margin-bottom: 15px;}
  #column .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;}
  #column .icon01{ background: #000 !important; }
  #column .icon02{ background: #111 !important; }
  #column .icon03{ background: #222 !important; }
  #column .icon04{ background: #333 !important; }
  #column .icon05{ background: #444 !important; }
  #column .icon06{ background: #555 !important; }
  */
  #column .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #column .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #column .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #column .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 20px;
  }
  #column .system-contents .system-category {
    font-size: 0.75em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
    background: #ccc;
  }
  #column .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #column .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 27px;
  }
  #column .system-list li {
    width: 100%;
    border-bottom: solid 1px #E4E2DB;
  }
  #column .system-list li a {
    display: flex;
    align-items: center;
    padding: 32px 0 17px;
  }
  #column .system-list li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #column .system-list li a figure {
    width: 150px;
    height: 150px;
  }
  #column .system-list li a figure img {
    width: 150px;
    height: 150px;
    object-fit: cover;
  }
  #column .system-list li a p {
    width: 84%;
    margin-left: 25px;
  }
  #column .system-list li a p span {
    display: block;
    color: #999999;
    font-size: 13px;
    line-height: 1;
    margin-top: 6px;
    margin-bottom: 10px;
    letter-spacing: 0.8px;
  }
  #column .system-contents {
    background: #EFEEEA;
    padding: 2px;
  }
  #column .system-contents .system-contents-inner {
    padding: 60px;
    position: relative;
  }
  #column .system-contents .system-contents-inner .flex-Box {
    display: flex;
    gap: 50px;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px #a2876e solid;
    margin-bottom: 50px;
  }
  #column .system-contents .system-contents-inner .flex-Box figure {
    width: 30%;
  }
  #column .system-contents .system-contents-inner .flex-Box figure img {
    width: 100%;
  }
  #column .system-contents .system-contents-inner .flex-Box > div {
    width: 70%;
  }
  #column .system-contents .system-contents-inner .system-date {
    color: #999999;
  }
  #column .system-contents .system-contents-inner .system-ttl {
    border-bottom: none;
    font-size: 28px;
    padding-bottom: 15px;
  }
  #column .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 23px;
    background: #a1876e;
    box-shadow: 0px 0px 0px 5px #a1876e;
    border: dashed 1px #ffffff;
    padding: 0.2em 0.5em;
    color: #ffffff;
  }
  #column .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 20px;
    border-top: 1px solid #a2876e;
    border-bottom: 3px solid #a2876e;
    color: #a2876e;
    padding: 5px 12px;
    background: #e9dfd6;
  }
  #column .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
    border-bottom: solid 1px #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #column .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 10px;
  }
  #column .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 40px;
  }
  #column .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #column .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    border-left: solid 1px #E4E2DB;
  }
  #column .inc-list .system-list li {
    width: 33.33333%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #column .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #column .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #column .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 20px;
    transition: all 0.3;
    text-align: center;
    border: solid 20px #fff;
    transition: all 0.5s;
    position: relative;
  }
  #column .inc-list .system-list li a:hover {
    text-decoration: none;
    border: solid 20px #EFEEEA;
  }
  #column .inc-list .system-list li a:hover img {
    transform: scale(1.1);
  }
  #column .inc-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 12px;
    top: 20px;
    right: -5px;
    letter-spacing: 0.8px;
  }
  #column .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
  }
  #column .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #column .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #column .inc-list .system-list li a .works-text {
    font-size: 15px;
    max-width: 740px;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 17px;
  }
  #column .inc-list .system-list li a .works-text span {
    color: #999999;
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
  }
  /* staff -------------------------------------*/
  #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-job {
    font-size: 0.813em;
    margin-bottom: 5px;
    line-height: 1.4;
    text-align: center;
  }
  #staff .system-name {
    font-size: 1.13em;
    margin-bottom: 30px;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
  }
  #staff .system-kana {
    font-size: 0.75em;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  #staff .system-list02 {
    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;
  }
  #staff .system-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #staff .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #staff .system-list02 li a:hover {
    text-decoration: none;
  }
  #staff .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #staff .system-list02 .btn::after {
    content: " >";
  }
  #staff .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #staff .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #staff .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #staff .system-list02 .system-date::before {
    content: "■";
  }
  #staff .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #staff .system-list02 .system-ttl-01 {
    font-size: 1.13em;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
  }
  #staff .system-contents {
    background: #eeefef;
    padding: 40px;
    margin-bottom: 30px;
  }
  #staff .system-contents-inner {
    background: #fff;
    padding: 80px;
  }
  #staff .system-contents .system-info {
    width: 46%;
    float: left;
  }
  #staff .system-contents .system-job {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    text-align: left;
    background: #949494;
    padding: 10px 15px;
    display: inline-block;
  }
  #staff .system-contents .system-name {
    font-size: 32px;
    line-height: 1.4;
    text-align: left;
  }
  #staff .system-contents .system-kana {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  #staff .system-contents .system-comment {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.6;
  }
  #staff .system-contents .comment-bx th {
    font-size: 0.93em;
    letter-spacing: 1px;
    width: 25%;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #949494;
    color: #fff;
    vertical-align: middle;
  }
  #staff .system-contents .comment-bx td {
    font-size: 1em;
    width: 40%;
    border: 1px solid #ccc;
    padding: 5px 15px;
    vertical-align: middle;
  }
  #staff .system-contents .system-i-pic {
    width: 50%;
    float: right;
    text-align: center;
    margin-bottom: 50px;
  }
  #staff .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 550px;
    width: auto;
    height: auto;
  }
  #staff .system-contents .wys-ttl {
    width: 100%;
    margin: 30px auto;
    padding: 15px 30px;
    font-size: 1.4em;
    color: #959595;
    font-weight: bold;
    background: #f1f1f1;
  }
  #staff .system-contents1 {
    background: #eeefef;
    padding: 40px;
    margin-bottom: 30px;
  }
  #staff .system-contents1-inner {
    background: #fff;
    padding: 80px;
  }
  #staff .system-contents1 .system-info {
    width: 60%;
    margin-right: 30px;
    float: left;
  }
  #staff .system-contents1 .system-job {
    font-size: 1em;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    text-align: left;
    background: #949494;
    padding: 10px 15px;
    display: inline-block;
  }
  #staff .system-contents1 .system-name {
    font-size: 2.45em;
    line-height: 1.4;
    text-align: left;
  }
  #staff .system-contents1 .system-kana {
    font-size: 0.813em;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  #staff .system-contents1 .system-comment {
    font-size: 1em;
    margin-bottom: 25px;
    line-height: 1.6;
  }
  #staff .system-contents1 .comment-bx th {
    font-size: 0.93em;
    letter-spacing: 1px;
    width: 10%;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #949494;
    color: #fff;
    vertical-align: middle;
  }
  #staff .system-contents1 .comment-bx td {
    font-size: 1em;
    width: 40%;
    border: 1px solid #ccc;
    padding: 5px 15px;
    vertical-align: middle;
  }
  #staff .system-contents1 .system-i-pic {
    width: 35%;
    float: right;
    text-align: center;
    margin-bottom: 20px;
  }
  #staff .system-contents1 .system-i-pic img {
    max-width: 100%;
    max-height: 300px;
    width: auto;
    height: auto;
  }
  #staff .system-contents1 .wys-ttl {
    width: 100%;
    margin: 30px auto;
    padding: 15px 30px;
    font-size: 1.4em;
    color: #959595;
    font-weight: bold;
    background: #f1f1f1;
  }
  #staff .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #staff .system-gallery h2 {
    text-transform: uppercase;
  }
  #staff .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #staff .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #staff .gallery-list li a:hover {
    text-decoration: none;
  }
  #staff .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #staff .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #staff .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #staff .system-list {
    margin-top: 40px;
    padding: 0;
    background: transparent;
  }
  #staff .system-list li {
    padding: 15px;
  }
  #staff .system-list li .system-pic {
    margin-bottom: 0;
  }
  #staff .system-list li .system-pic a {
    display: block;
  }
  #staff .system-list li > a {
    background: #efeeeb;
    display: block;
  }
  #staff .system-list li > a .system-job {
    background: #a1876e;
    color: #fff;
    line-height: 1;
    padding: 10px 0;
  }
  #staff .system-list li > a .system-name {
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  #staff .system-list li > a .system-name span {
    display: block;
    font-size: 0.5em;
    color: #a1876e;
    font-weight: normal;
    margin-top: 2px;
  }
  #staff .system-contents1 {
    padding: 0;
  }
  #staff .system-contents1 .system-info .system-job {
    padding: 5px 10px;
    background: #a1876e;
  }
  #staff .system-contents1 .system-info .system-name span {
    display: block;
    font-size: 0.4em;
    color: #a1876e;
  }
  #staff .system-contents1 .system-info .system-comment {
    background: #efeeeb;
    padding: 30px;
    border-radius: 3px;
  }
  #staff .system-contents1 .wysiwyg h1 {
    font-size: 25px;
    position: relative;
    padding: 1rem 0.5rem;
    background-color: transparent;
    border-bottom: solid;
    border-bottom: none;
  }
  #staff .system-contents1 .wysiwyg h1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: "";
    background-image: linear-gradient(to right, #a2876e 0%, #efeeeb 100%);
  }
  #staff .system-contents1 .wysiwyg h2 {
    font-size: 20px;
    border-bottom: double 5px #a2876e;
    border-top: none;
    color: #a2876e;
    padding: 5px 12px;
  }
  #staff .system-contents1 .wysiwyg h3 {
    border-left: none;
    background: #a2876e;
    color: #efeeec;
    border-radius: 5px;
  }
  #staff .system-contents1 .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #staff .system-contents1 .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #staff .system-contents1 .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #staff .system-contents1 .system-gallery {
    background: #efeeeb;
    border-radius: 10px;
  }
  #staff .system-contents1 .system-gallery h2 {
    margin-bottom: 40px;
  }
  /* event -------------------------------------*/
  #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 50px;
  }
  #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: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #event .system-date::before {
    content: "■";
  }
  #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: 1em;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  #event .system-category {
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #event .serchcategory {
    margin-bottom: 100px;
  }
  #event .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #event .system-category1 {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ccc;
    position: relative;
  }
  #event .serchcategory1 {
    margin-bottom: 100px;
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: -50px;
  }
  #event .serchcategory1 .icon {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    position: relative;
    background: #f0f0f0;
  }
  #event .serchcategory1 .icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -13px;
    top: 35px;
    z-index: 1;
  }
  #event .icon01 {
    background: #f0f0f0;
  }
  #event .icon02 {
    background: #f0f0f0;
  }
  #event .icon03 {
    background: #f0f0f0;
  }
  #event .icon04 {
    background: #f0f0f0;
  }
  #event .icon05 {
    background: #f0f0f0;
  }
  #event .icon06 {
    background: #f0f0f0;
  }
  #event .system-icon02 span {
    display: block;
    padding: 8px;
    background: #ccc;
    font-size: 0.8rem;
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #event .system-icon02 span.icon02-01 {
    background: #999;
  }
  #event .system-icon02 span.icon02-02 {
    background: #ccc;
  }
  #event .system-icon02 span.icon02-03 {
    background: #eee;
  }
  #event .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #event .system-contents-inner {
    background: #fff;
    padding: 20px 20px 40px;
  }
  #event .system-contents .system-date {
    font-size: 0.75em;
    line-height: 1.4;
    text-align: right;
  }
  #event .system-contents .system-date::before {
    content: none;
  }
  #event .system-contents .titleArea {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
  }
  #event .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #event .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #event .system-contents .system-icon02 {
    width: 20%;
  }
  #event .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #event .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    height: auto;
  }
  #event .system-contents #googlemaps {
    height: 500px;
    border: 1px solid #dcdddd;
  }
  #event .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #event .system-gallery h2 {
    text-transform: uppercase;
  }
  #event .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
  }
  #event .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #event .gallery-list li a:hover {
    text-decoration: none;
  }
  #event .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #event .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #event .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #event .system-list02 {
    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-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #event .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #event .system-list02 li a:hover {
    text-decoration: none;
  }
  #event .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #event .system-list02 .btn::after {
    content: " >";
  }
  #event .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #event .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #event .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #event .system-list02 .system-date::before {
    content: "■";
  }
  #event .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #event .system-list02 .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  /* case_newly -------------------------------------*/
  #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: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #case_newly .system-category-set {
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #case_newly .system-category {
    margin-bottom: 1px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #case_newly .serchcategory {
    margin-bottom: 100px;
  }
  #case_newly .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #case_newly .system-category1 {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ccc;
    position: relative;
  }
  #case_newly .serchcategory1 {
    margin-bottom: 100px;
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: -50px;
  }
  #case_newly .serchcategory1 .icon {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    position: relative;
    background: #f0f0f0;
  }
  #case_newly .serchcategory1 .icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -13px;
    top: 35px;
    z-index: 1;
  }
  #case_newly .icon01 {
    background: #f0f0f0;
  }
  #case_newly .icon02 {
    background: #f0f0f0;
  }
  #case_newly .icon03 {
    background: #f0f0f0;
  }
  #case_newly .icon04 {
    background: #f0f0f0;
  }
  #case_newly .icon05 {
    background: #f0f0f0;
  }
  #case_newly .icon06 {
    background: #f0f0f0;
  }
  #case_newly .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #case_newly .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #case_newly .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #case_newly .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #case_newly .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #case_newly .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #case_newly .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #case_newly .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #case_newly .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #case_newly .system-gallery h2 {
    text-transform: uppercase;
  }
  #case_newly .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #case_newly .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #case_newly .gallery-list li a:hover {
    text-decoration: none;
  }
  #case_newly .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #case_newly .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #case_newly .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  /* case_reform -------------------------------------*/
  #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 30px;
  }
  #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: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #case_reform .system-date::before {
    content: "■";
  }
  #case_reform .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #case_reform .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #case_reform .system-category-set {
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #case_reform .system-category {
    margin-bottom: 1px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #case_reform .serchcategory {
    margin-bottom: 100px;
  }
  #case_reform .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #case_reform .system-category1 {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ccc;
    position: relative;
  }
  #case_reform .serchcategory1 {
    margin-bottom: 100px;
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: -50px;
  }
  #case_reform .serchcategory1 .icon {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    position: relative;
    background: #f0f0f0;
  }
  #case_reform .serchcategory1 .icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -13px;
    top: 35px;
    z-index: 1;
  }
  #case_reform .icon01 {
    background: #f0f0f0;
  }
  #case_reform .icon02 {
    background: #f0f0f0;
  }
  #case_reform .icon03 {
    background: #f0f0f0;
  }
  #case_reform .icon04 {
    background: #f0f0f0;
  }
  #case_reform .icon05 {
    background: #f0f0f0;
  }
  #case_reform .icon06 {
    background: #f0f0f0;
  }
  #case_reform .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #case_reform .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #case_reform .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #case_reform .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #case_reform .system-contents .system-category-set {
    margin-top: 0;
    margin-bottom: 0;
  }
  #case_reform .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #case_reform .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px #ccc solid;
  }
  #case_reform .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #case_reform .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #case_reform .system-gallery h2 {
    text-transform: uppercase;
  }
  #case_reform .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #case_reform .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #case_reform .gallery-list li a:hover {
    text-decoration: none;
  }
  #case_reform .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #case_reform .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #case_reform .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #case_reform .bxslider img {
    height: auto !important;
  }
  /* voice -------------------------------------*/
  #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: 0.813em;
    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: 20px;
    line-height: 1.4;
  }
  #voice .system-category-set {
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #voice .system-category {
    margin-bottom: 1px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #voice .serchcategory {
    margin-bottom: 100px;
  }
  #voice .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #voice .system-category1 {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ccc;
    position: relative;
  }
  #voice .serchcategory1 {
    margin-bottom: 100px;
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: -50px;
  }
  #voice .serchcategory1 .icon {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    position: relative;
    background: #f0f0f0;
  }
  #voice .serchcategory1 .icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -13px;
    top: 35px;
    z-index: 1;
  }
  #voice .icon01 {
    background: #f0f0f0;
  }
  #voice .icon02 {
    background: #f0f0f0;
  }
  #voice .icon03 {
    background: #f0f0f0;
  }
  #voice .icon04 {
    background: #f0f0f0;
  }
  #voice .icon05 {
    background: #f0f0f0;
  }
  #voice .icon06 {
    background: #f0f0f0;
  }
  #voice .system-contents {
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #voice .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #voice .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #voice .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #voice .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #voice .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #voice .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #voice .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #voice .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #voice .system-gallery h2 {
    text-transform: uppercase;
  }
  #voice .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #voice .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #voice .gallery-list li a:hover {
    text-decoration: none;
  }
  #voice .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #voice .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #voice .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #voice .system-list02 {
    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-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #voice .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #voice .system-list02 li a:hover {
    text-decoration: none;
  }
  #voice .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #voice .system-list02 .btn::after {
    content: " >";
  }
  #voice .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #voice .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #voice .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #voice .system-list02 .system-date::before {
    content: "■";
  }
  #voice .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #voice .system-list02 .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  /* real_estate -------------------------------------*/
  #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: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #real_estate .system-date::before {
    content: "■";
  }
  #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: 0.813em;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  #real_estate .system-category-set {
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #real_estate .system-category {
    margin-bottom: 1px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #real_estate .serchcategory {
    margin-bottom: 100px;
  }
  #real_estate .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #real_estate .system-category1 {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    background-color: #ccc;
    position: relative;
  }
  #real_estate .serchcategory1 {
    margin-bottom: 100px;
    width: 750px;
    margin: 0 auto;
    position: relative;
    top: -50px;
  }
  #real_estate .serchcategory1 .icon {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    position: relative;
    background: #f0f0f0;
  }
  #real_estate .serchcategory1 .icon:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -13px;
    top: 35px;
    z-index: 1;
  }
  #real_estate .icon01 {
    background: #f0f0f0;
  }
  #real_estate .icon02 {
    background: #f0f0f0;
  }
  #real_estate .icon03 {
    background: #f0f0f0;
  }
  #real_estate .icon04 {
    background: #f0f0f0;
  }
  #real_estate .icon05 {
    background: #f0f0f0;
  }
  #real_estate .icon06 {
    background: #f0f0f0;
  }
  #real_estate .system-icon02 span {
    display: block;
    padding: 8px;
    background: #ccc;
    font-size: 0.8rem;
    margin-bottom: 5%;
  }
  #real_estate .system-icon02 span.icon02-01 {
    background: #999;
  }
  #real_estate .system-icon02 span.icon02-02 {
    background: #ccc;
  }
  #real_estate .system-icon02 span.icon02-03 {
    background: #eee;
  }
  #real_estate .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #real_estate .system-contents .system-category-set {
    margin-top: 0;
    margin-bottom: 0;
  }
  #real_estate .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #real_estate .system-contents .system-date {
    font-size: 0.75em;
    line-height: 1.4;
    text-align: right;
  }
  #real_estate .system-contents .system-date::before {
    content: none;
  }
  #real_estate .system-contents .titleArea {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
  }
  #real_estate .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #real_estate .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #real_estate .system-contents .system-txt {
    font-size: 0.813em;
    margin-bottom: 25px;
    line-height: 1.4;
  }
  #real_estate .system-contents .system-price {
    font-size: 1em;
    line-height: 1.4;
  }
  #real_estate .system-contents .system-price span {
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.4;
  }
  #real_estate .system-contents .system-icon02 {
    width: 20%;
  }
  #real_estate .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #real_estate .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    height: auto;
  }
  #real_estate .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #real_estate .system-gallery h2 {
    text-transform: uppercase;
  }
  #real_estate .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
  }
  #real_estate .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #real_estate .gallery-list li a:hover {
    text-decoration: none;
  }
  #real_estate .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #real_estate .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #real_estate .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #real_estate table.system-details {
    border: 1px solid #dcdddd;
    margin-bottom: 50px;
    font-size: 0.875em;
    line-height: 1.6;
    width: 100%;
  }
  #real_estate table.system-details th {
    border: 1px solid #dcdddd;
    text-align: left;
    background-color: #eeefef;
    padding: 20px;
    vertical-align: top;
  }
  #real_estate table.system-details td {
    border: 1px solid #dcdddd;
    text-align: left;
    padding: 20px;
    vertical-align: top;
  }
  #real_estate table.system-details td img {
    max-width: 100%;
    height: auto;
  }
  #real_estate .system-contents #googlemaps {
    height: 500px;
    border: 1px solid #dcdddd;
  }
  #real_estate .estate-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.6;
  }
  #real_estate .estate-list li {
    flex-basis: 50%;
    display: flex;
    border: #ccc 1px solid;
    margin-bottom: -1px;
  }
  #real_estate .estate-list li .estate-list-ttl {
    flex-basis: 33%;
    padding: 5%;
    background: #f8f8f8;
  }
  #real_estate .estate-list li p {
    flex-basis: 67%;
    padding: 5%;
    background: #fff;
  }
  #real_estate .estate-list li:nth-of-type(2n) {
    margin-left: -1px;
  }
  #real_estate .system-list02 {
    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-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #real_estate .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #real_estate .system-list02 li a:hover {
    text-decoration: none;
  }
  #real_estate .system-list02 .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-list02 .btn::after {
    content: " >";
  }
  #real_estate .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #real_estate .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #real_estate .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #real_estate .system-list02 .system-date::before {
    content: "■";
  }
  #real_estate .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #real_estate .system-list02 .system-ttl-01 {
    font-size: 0.813em;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents .system-list {
    background: #eeefef;
    padding: 41px 21px;
    margin-bottom: 50px;
  }
  #blog .mainContents .system-list-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #blog .mainContents .system-list li {
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 20px;
    border-bottom: 1px dotted #b2b2b2;
    padding: 0 0 20px;
  }
  #blog .mainContents .system-list li a:hover {
    text-decoration: none;
  }
  #blog .mainContents .system-list .system-date {
    width: 20%;
    float: left;
    font-size: 0.938em;
    line-height: 1.4;
  }
  #blog .mainContents .system-list .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-list .system-ttl-01 {
    width: 78%;
    float: right;
    font-size: 0.938em;
    line-height: 1.6;
  }
  #blog .mainContents .system-list .system-category-set {
    width: 78%;
    float: right;
    margin-bottom: 15px;
  }
  #blog .mainContents .system-list .system-category {
    width: 20%;
    margin-right: 1px;
    font-size: 0.625em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 4px;
    float: left;
    background: #ccc;
  }
  /*patern2*/
  #blog .mainContents .system-list2 {
    background: #eeefef;
    padding: 41px 21px;
    margin-bottom: 50px;
  }
  #blog .mainContents .system-list-inner2 {
    background: #fff;
    padding: 40px 20px;
  }
  #blog .mainContents .system-list2 li {
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 20px;
    border-bottom: 1px dotted #b2b2b2;
    padding: 0 0 20px;
  }
  #blog .mainContents .system-list2 li a:hover {
    text-decoration: none;
  }
  #blog .mainContents .system-list2 .system-pic {
    width: 20%;
    float: left;
  }
  #blog .mainContents .system-list2 .system-pic img {
    max-width: 100%;
    height: auto;
  }
  #blog .mainContents .system-list2 .system-date {
    width: 78%;
    margin-bottom: 10px;
    float: right;
    font-size: 0.938em;
    line-height: 1.4;
  }
  #blog .mainContents .system-list2 .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-list2 .system-ttl-01 {
    width: 78%;
    float: right;
    font-size: 0.938em;
    line-height: 1.6;
    margin-bottom: 10px;
  }
  #blog .mainContents .system-list2 .system-category-set {
    width: 78%;
    float: right;
    margin-bottom: 15px;
  }
  #blog .mainContents .system-list2 .system-category {
    width: 20%;
    margin-right: 1px;
    font-size: 0.625em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 4px;
    float: left;
    background: #ccc;
  }
  #blog .mainContents .system-list2 .system-contributor {
    width: 78%;
    float: right;
    color: #bbb;
    font-size: 0.75em;
    text-align: right;
  }
  /**/
  #blog .mainContents .blog-icon01 {
    background: #000 !important;
  }
  #blog .mainContents .blog-icon02 {
    background: #111 !important;
  }
  #blog .mainContents .blog-icon03 {
    background: #222 !important;
  }
  #blog .mainContents .blog-icon04 {
    background: #333 !important;
  }
  #blog .mainContents .blog-icon05 {
    background: #444 !important;
  }
  #blog .mainContents .blog-icon06 {
    background: #555 !important;
  }
  #blog .mainContents .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #blog .mainContents .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #blog .mainContents .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #blog .mainContents .system-contents .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 20px;
  }
  #blog .mainContents .system-contents .system-category {
    font-size: 0.75em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: right;
    margin-right: 2px;
    background: #ccc;
  }
  #blog .mainContents .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #blog .mainContents .system-contents .footInfo {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
  }
  #blog .mainContents .system-contents .system-contributor {
    font-size: 0.875em;
    margin-bottom: 15px;
    text-align: right;
  }
  /*blogサイドバー*/
  aside.sidebar .aside-blog-ttl {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
  }
  aside.sidebar .aside-blog-ttl span.en {
    font-size: 0.75em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #ccc;
  }
  aside.sidebar .aside-blog-ttl span.jp {
    font-size: 0.938em;
    font-weight: bold;
  }
  aside.sidebar .list-block {
    margin: 20px 0 40px;
  }
  aside.sidebar a {
    line-height: 1.4;
    font-size: 0.875rem;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
  }
  /* topics -------------------------------------*/
  #topics .system-list {
    background: #eeefef;
    padding: 41px 21px 21px;
    margin-bottom: 50px;
  }
  #topics .system-list-inner {
    background: #fff;
    padding: 40px 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: 0.938em;
    line-height: 1.4;
  }
  #topics .system-date::before {
    content: "■";
  }
  #topics .system-list .system-ttl-01 {
    width: 78%;
    float: right;
    font-size: 0.938em;
    line-height: 1.6;
  }
  #topics .system-list .system-category-set {
    width: 78%;
    float: right;
    margin-bottom: 15px;
  }
  #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 .icon01 {
    background: #000 !important;
  }
  #topics .icon02 {
    background: #111 !important;
  }
  #topics .icon03 {
    background: #222 !important;
  }
  #topics .icon04 {
    background: #333 !important;
  }
  #topics .icon05 {
    background: #444 !important;
  }
  #topics .icon06 {
    background: #555 !important;
  }
  #topics .system-contents {
    background: #eeefef;
    padding: 40px 20px;
    margin-bottom: 30px;
  }
  #topics .system-contents-inner {
    background: #fff;
    padding: 40px 20px;
  }
  #topics .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
  }
  #topics .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 20px;
  }
  #topics .system-contents .system-category {
    font-size: 0.75em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
    background: #ccc;
  }
  #topics .system-contents .system-ttl {
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  /* sale -------------------------------------*/
  #sale .system-list {
    background: #eeefef;
    padding: 41px 21px 21px;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #sale .system-list li {
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 48px;
  }
  #sale .system-list li:nth-child(2n) {
    margin-right: 0;
  }
  #sale .system-list li a:hover {
    text-decoration: none;
  }
  #sale .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2%;
  }
  #sale .system-list .btn::after {
    content: " >";
  }
  #sale .system-pic {
    width: 100%;
    height: 350px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #sale .system-pic img {
    width: 100%;
    height: 350px;
  }
  #sale .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #sale .system-date::before {
    content: "■";
  }
  #sale .system-name {
    font-size: 0.813em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #sale .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #sale .system-ttl-01 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: 700;
  }
  #sale .system-category-set {
    margin-bottom: 15px;
    margin-top: -15px;
  }
  #sale .system-category {
    margin-bottom: 1px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 8px;
    background-color: #ccc;
  }
  #sale .serchcategory {
    margin-bottom: 100px;
  }
  #sale .serchcategory .icon {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
  }
  #sale .icon01 {
    background: #000;
  }
  #sale .icon02 {
    background: #111;
  }
  #sale .icon03 {
    background: #222;
  }
  #sale .icon04 {
    background: #333;
  }
  #sale .icon05 {
    background: #444;
  }
  #sale .icon06 {
    background: #555;
  }
  #sale .system-contents {
    margin-bottom: 30px;
  }
  #sale .system-contents .system-date {
    font-size: 1em;
    margin-bottom: 15px;
    display: block;
    color: #2f9f20;
  }
  #sale .system-contents .system-category-set {
    margin-top: 0px;
    margin-bottom: 0;
  }
  #sale .system-contents .system-category {
    margin-bottom: 20px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 20%;
    float: left;
    margin-right: 2px;
  }
  #sale .system-contents .system-ttl {
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  #sale .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 50px;
  }
  #sale .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    max-height: auto;
  }
  #sale .system-gallery {
    background: #eeefef;
    padding: 30px 20px;
  }
  #sale .system-gallery h3 {
    text-transform: uppercase;
  }
  #sale .gallery-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;
  }
  #sale .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
    text-align: left;
  }
  #sale .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #sale .gallery-list li a:hover {
    text-decoration: none;
  }
  #sale .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px;
  }
  #sale .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #sale .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #sale .system-list02 {
    background: #eeefef;
    padding: 41px 21px 21px;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #sale .system-list02 li {
    line-height: 1.4;
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
  }
  #sale .system-list02 li:nth-child(4n) {
    margin-right: 0;
  }
  #sale .system-list02 li a:hover {
    text-decoration: none;
  }
  #sale .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #sale .system-list02 .btn::after {
    content: " >";
  }
  #sale .system-list02 .system-pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  #sale .system-list02 .system-pic img {
    width: 100%;
    height: 180px;
  }
  #sale .system-list02 .system-date {
    font-size: 0.75em;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #sale .system-list02 .system-date::before {
    content: "■";
  }
  #sale .system-list02 .system-coment {
    font-size: 0.75em;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  #sale .system-list02 .system-ttl-01 {
    font-size: 1em;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #sale main .box-r {
    width: 440px;
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  #sale main .sy-koumoku-list {
    margin-top: 88px;
    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;
  }
  #sale main .sy-koumoku-list li {
    width: 1100px;
    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;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 1.5;
  }
  #sale main .sy-koumoku-list li:nth-child(1) {
    border-top: 1px solid #a8a8a8;
  }
  #sale main .sy-koumoku-list li .ttl-l {
    width: 300px;
    border-bottom: 1px solid #ffffff;
    background-color: #72a8cc;
    padding: 29px 35px 29px;
    text-align: center;
    color: #ffffff;
  }
  #sale main .sy-koumoku-list li .li-txt-box {
    width: 799px;
    border-bottom: 1px solid #a8a8a8;
    border-right: 1px solid #a8a8a8;
    background-color: #ffffff;
    padding: 29px 35px 29px;
  }
  #sale main .sy-koumoku-list {
    margin-bottom: 100px;
  }
  #sale main #box-01 {
    margin-bottom: 100px;
  }
  #sale main #box-01 .ttl-box {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 5.25px;
    line-height: 35px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 32px;
    margin-bottom: 40px;
    position: relative;
  }
  #sale main #box-01 .ttl-box .deco-point {
    position: absolute;
    top: -30px;
    left: 250px;
  }
  #sale main #box-01 .system-gallery02 {
    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;
  }
  #sale main #box-01 .system-gallery02 li {
    width: 370px;
    margin-right: 45px;
    margin-bottom: 45px;
    position: relative;
  }
  #sale main #box-01 .system-gallery02 li:nth-child(3n) {
    margin-right: 0px;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-pic-box {
    width: 370px;
    margin-bottom: 22px;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-pic-box img {
    width: 100%;
    height: 250px;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-txt2 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 35px;
  }
  #sale main #box-01 .num {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: normal;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #sale main #box-02 .c-ttl {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 5.25px;
    line-height: 35px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 32px;
    margin-bottom: 40px;
    position: relative;
  }
  #sale main #box-02 .btn-rr {
    text-align: right;
    margin-top: 24px;
  }
  #sale main .from-sub-title {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 5.25px;
    line-height: 35px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 32px;
    margin-bottom: 40px;
    position: relative;
  }
  .priv-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .priv-text {
    padding: 20px;
    overflow-y: scroll;
    height: 250px;
    border: #e4e2db solid 1px;
    margin-bottom: 30px;
    background: #EFEEEB;
  }
  .priv-text .priv-ttl {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .priv-text p {
    margin-bottom: 20px;
    font-size: 13px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #ccc solid 1px;
  }
  .priv {
    text-align: center;
    margin-bottom: 30px;
  }
  .priv-text .tt {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
  }
  /* form -------------------------------------*/
  /*
    .form-Box{ margin-bottom: 30px; line-height: 1.6;}
    .form-Box .form-Box-inner{ background: #fff; padding: 20px 0px 40px;}
    .form-Box .form-list { font-size: 0.875em; margin-bottom: 30px;}
    .form-Box .error { margin-bottom: 1em;}
    .form-Box .attention-color { color: #f00;}
    .form-Box .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3px; }
    .form-Box table { border: 1px solid #dcdddd; margin-bottom: 50px; font-size: 0.875em; line-height: 1.6;}
    .form-Box th { border: 1px solid #dcdddd; text-align: left; width: 30%; background-color: #eeefef; padding: 20px; vertical-align: top;}
    .form-Box td { border: 1px solid #dcdddd; text-align: left; width: 70%; padding: 20px; vertical-align: top; }
    .form-Box td img { max-width: 100%; height: auto;}
    .form-Box .from-btn-01 { text-align: center; }
    .form-Box .from-btn-02 { margin-top: 24px; width: 900px; margin-left: auto; margin-right: auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
    .form-Box .button { border: 0; padding: 0; margin: 0}
    .form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8;}
    .form-Box input[type="text"],
    .form-Box input[type="email"],
    .form-Box input[type="tel"],
    .form-Box input[type="date"],
    .form-Box select,
    .form-Box textarea { font-size: 0.875rem; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
    .form-Box textarea {width: 100%; min-height: 120px;}

    .form-Box .error.under_error{margin-bottom:1em;text-align:center;}
  .form-Box .error.under_error .mmb{margin-bottom:20px;}
  .form-Box .error.under_error .error_wap{width:600px;margin:0 auto;text-align-last:left;font-size:15px;}
  .form-Box .error.under_error .error_wap .form_error_wrap{margin-bottom:3px;}
  .form-Box .error.under_error .error_wap .form_error_wrap::before{content:"・";}
  .under_error_btn a{display:block;width:320px;margin:0 auto;margin-top:40px;padding:16px;text-align:center;color:#f00;border:1px solid #f00;}
  .form-Box .error.under_error .error_wap .form_error_wrap.valid_tel.under_error_tel{}
  .form-Box .error.under_error .error_wap .form_error_wrap.valid_tel.under_error_tel.pfwform-system-show{display:block !important; }
  */
  #contact main {
    width: 100%;
    margin: 0;
  }
  #contact main #contact_form {
    background-color: #e4e2db;
    padding-block: 115px 236px;
  }
  #contact main #contact_form .form-Box .form-Box-inner {
    padding: 0;
  }
  #contact main #contact_form .form-Box .form-Box-inner form {
    background-color: #fff;
    padding: 56px 128px 140px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr {
    padding-block: 26px;
    align-items: center;
    border-bottom: solid 1px #707070;
    display: flex;
    padding-right: 130px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr th {
    gap: 14px;
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 15px;
    letter-spacing: 0.75px;
    width: 236px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.8px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input {
    text-align: left;
    align-items: center;
    display: flex;
    width: 100%;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input.--2col {
    gap: 13px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input input {
    background-color: #fff;
    border: solid 1px #707070;
    font-size: 15px;
    height: 38px;
    padding: 7px 15px 9px;
    width: 100%;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input input::placeholder {
    color: #BEBEBE;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .priv-text {
    margin-top: 40px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .btnArea button {
    max-width: 390px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .btnArea .from-btn-02 {
    display: flex;
    justify-content: space-between;
  }
  #contact main #contact_form .form-Box .form-Box-inner .form-list {
    background: #fff;
    text-align: center;
    padding: 50px 0 0;
  }
  .contact-complete .sub-title {
    border-bottom: solid 2px #a2876d;
    color: #a2876d;
  }
  .contact-complete .borderwrap h3 {
    border-bottom: 1px #efeeeb solid;
  }
  .contact-complete .btnArea-s a {
    background: #a2876d;
    border-radius: 3px;
  }
  .contact-complete .btnArea-s a:hover {
    opacity: 0.8;
  }
  .contact-error .sub-title {
    border-bottom: solid 2px #a2876d;
    color: #a2876d;
  }
  .contact-error .borderwrap h3 {
    border-bottom: 1px #efeeeb solid;
  }
  .contact-error .btnArea-s a {
    background: #a2876d;
    border-radius: 3px;
  }
  .contact-error .btnArea-s a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  /* system-common */
  .page-list {
    font-size: 3.2vw;
    margin: 10% 0 20%;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .page-list li {
    background: #eeefef;
    display: inline-block;
    border: #dcdddd 1px solid;
  }
  .page-list li.active {
    background: #231815;
    color: #fff;
  }
  .page-list li.active a {
    color: #fff;
  }
  .page-list a {
    padding: 4vw;
    display: inline-block;
  }
  .pagen {
    width: 98%;
    margin: 0 auto 10% auto;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .pagen:nth-of-type(1) {
    margin-bottom: 5%;
  }
  .page-list li {
    background: #efeeeb;
    border-radius: 5px;
  }
  .page-list li.active {
    background: #a2876d;
  }
  .page-navi {
    font-size: 3.8vw;
  }
  .page-navi li {
    display: inline-block;
  }
  .page-navi li.active {
    background: #ccc;
  }
  .page-navi a {
    padding: 8px;
    display: inline-block;
  }
  .page-navi .fast {
    margin-right: 0px;
  }
  .page-navi .fast::after {
    content: "|";
    display: inline-block;
    margin: 0 5px;
  }
  .pagen .list {
    float: right;
  }
  .pagen .list a {
    margin: 0 auto;
    color: #fff;
    font-size: 3.8vw;
    padding: 7px 30px;
    text-align: center;
    display: inline-block;
    background: #000;
  }
  .pagen .list a:hover {
    background: #666;
    text-decoration: none;
  }
  .pagen .list a {
    background: #a1876e !important;
    border-radius: 5px;
  }
  .btnArea {
    text-align: center;
    margin: 10% auto;
    padding: 0;
  }
  .btnArea a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 20px 50px;
    font-size: 3.2vw;
    text-align: center;
    display: block;
    background: #000;
    letter-spacing: 1px;
  }
  .btnArea-s {
    text-align: center;
  }
  .btnArea-s a {
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    padding: 3% 10%;
    font-size: 3.2vw;
    text-align: center;
    display: inline-block;
    background: #000;
    letter-spacing: 1px;
  }
  .btnArea-s::after {
    content: "";
    display: block;
    margin-bottom: 10%;
  }
  .borderwrap {
    width: 94%;
    margin: 0 auto 10%;
    line-height: 1.6;
  }
  .borderwrap h3 {
    font-size: 3.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
  }
  .borderwrap p {
    font-size: 0.875em;
  }
  /* cost -------------------------------------*/
  #cost .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;
  }
  #cost .system-list li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 2%;
  }
  #cost .system-list li:nth-child(2n) {
    margin-right: 0;
  }
  #cost .system-list li a:hover {
    text-decoration: none;
  }
  #cost .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
  }
  #cost .system-list .btn::after {
    content: " >";
  }
  #cost .system-pic {
    width: 100%;
    height: 30vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8%;
  }
  #cost .system-pic img {
    width: 100%;
    height: 30vw;
  }
  #cost .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
  }
  #cost .system-date::before {
    content: "■";
  }
  #cost .system-ttl-01 {
    font-size: 3.6vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  /*
  #cost .system-category-set { margin-bottom: 8%;margin-top: -8%;}
  #cost .system-category{ margin-bottom: 1px; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc;}
  #cost .serchcategory{ margin: 0 3% 10%;}
  #cost .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5% 3%; }
  #cost .system-category1{margin-bottom: 10%; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative;}
  #cost .serchcategory1{ width: 90%; margin: 0 auto 10%; position: relative; top: 5vw}
  #cost .serchcategory1 .icon {width: 45%; display: inline-block; margin-bottom: 3vw; margin-right: 3vw; font-size: 3.6vw; font-weight: bold; text-align: center; padding: 2vw 0; position: relative;}
  #cost .serchcategory1 .icon:after{ content: ""; width: 20vw; height: 20vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -1vw; top: 5vw; z-index: 1}
  #cost .icon01{ background: #f0f0f0; }
  #cost .icon02{ background: #f0f0f0; }
  #cost .icon03{ background: #f0f0f0; }
  #cost .icon04{ background: #f0f0f0; }
  #cost .icon05{ background: #f0f0f0; }
  #cost .icon06{ background: #f0f0f0; }
  */
  #cost .system-coment {
    margin-bottom: 5%;
  }
  #cost .system-contents .system-category-set {
    margin-top: 0;
  }
  #cost .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #cost .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #cost .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #cost .system-contents .system-category {
    margin-bottom: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #cost .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #cost .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #cost .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
  }
  #cost .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #cost .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #cost .system-gallery h2 {
    text-transform: uppercase;
  }
  #cost .gallery-list {
    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;
  }
  #cost .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #cost .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #cost .gallery-list li a:hover {
    text-decoration: none;
  }
  #cost .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #cost .gallery-list li .system-Frame::after {
    content: none;
  }
  #cost .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #cost .sub-title {
    width: 72.4637681159vw;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #cost .serchcategory1 {
    display: flex;
    justify-content: center;
    gap: 4.8309178744vw;
    font-size: 4.1062801932vw;
    margin-top: 12.077294686vw;
  }
  #cost .serchcategory1 a {
    display: block;
    padding-left: 4.8309178744vw;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #cost .serchcategory1 a:hover {
    color: #a2876d;
  }
  #cost .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #cost .system-list {
    padding: 0;
    background: transparent;
    flex-direction: column;
    width: 90%;
    margin: 12.077294686vw auto;
  }
  #cost .system-list li {
    padding: 0 0 12.077294686vw;
    width: 100%;
    border: solid 2px #a2876d;
    border-radius: 3px;
    margin-right: 3%;
  }
  #cost .system-list li:hover {
    opacity: 0.8;
  }
  #cost .system-list li .system-pic {
    height: 72.4637681159vw;
    margin-bottom: 3.6231884058vw;
  }
  #cost .system-list li .system-pic a {
    display: block;
  }
  #cost .system-list li .system-pic a img {
    height: 72.4637681159vw;
  }
  #cost .system-list li .system-pic a img:hover {
    opacity: 1;
  }
  #cost .system-list li a {
    display: block;
  }
  #cost .system-list li a .system-category-set {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(239, 238, 235, 0.9);
    color: #000000;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 1.9323671498vw 0;
  }
  #cost .system-list li a .system-date {
    margin-bottom: 1.2077294686vw;
    padding: 0 2.4154589372vw;
  }
  #cost .system-list li a .system-date::before {
    color: #a2876d;
  }
  #cost .system-list li a .system-ttl-01 {
    margin-bottom: 2.4154589372vw;
    padding: 0 2.4154589372vw;
  }
  #cost .system-list li a .system-p-cost {
    font-family: "Work Sans", sans-serif;
    text-align: right;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1;
    margin-bottom: 1.2077294686vw;
    position: absolute;
    background: #f5f5f5;
    right: 2.4154589372vw;
    top: 68.8405797101vw;
    padding: 1.2077294686vw 3.6231884058vw;
    border-radius: 3px;
  }
  #cost .system-list li .btn {
    background: #a2876d;
  }
  #cost .system-list li .btn:after {
    position: absolute;
    top: 2.4154589372vw;
    right: 3.6231884058vw;
  }
  #cost .system-contents {
    padding: 14.4927536232vw 2.4154589372vw;
    position: relative;
    background: #a2876e;
    border-radius: 3px;
  }
  #cost .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: 0;
    left: 1.4492753623vw;
    width: 100%;
    text-align: center;
  }
  #cost .system-contents .system-contents-inner .system-category-set .system-category {
    font-size: 4.8309178744vw;
    font-weight: bold;
    line-height: 2;
    color: #fff;
    width: 100%;
  }
  #cost .system-contents .system-contents-inner .system-p-cost {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    gap: 3.6231884058vw;
  }
  #cost .system-contents .system-contents-inner .system-p-cost p {
    font-size: 2em;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-family: "Work Sans", sans-serif;
    flex-direction: column;
    align-items: center;
  }
  #cost .system-contents .system-contents-inner .system-p-cost p span {
    background: #000;
    color: #fff;
    padding: 2.4154589372vw 4.8309178744vw;
    border-radius: 3px;
    line-height: 1;
    margin-right: 17px;
    font-size: 0.5em;
  }
  #cost .system-contents .system-contents-inner .system-date::before {
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 5.5555555556vw;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 4.8309178744vw;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 1.2077294686vw 2.8985507246vw;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #cost .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #cost .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 2.4154589372vw;
  }
  #cost .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 9.6618357488vw;
  }
  /* works -------------------------------------*/
  /*
  #works .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; }
  #works .system-list li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 2%;}
  #works .system-list li:nth-child(2n){ margin-right: 0}
  #works .system-list li a:hover{ text-decoration: none; }
  #works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
  #works .system-list .btn::after { content: ' >';}
  #works .system-pic{ width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
  #works .system-pic img{ width: 100%; height: 30vw; }
  #works .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
  #works .system-date::before{ content: "■"; }
  #works .system-ttl-01{ font-size: 3.6vw; margin-bottom: 5%; line-height: 1.6; }
  #works .system-category-set { margin-bottom: 8%;margin-top: -8%;}
  #works .system-category{ margin-bottom: 1px; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc;}
  #works .serchcategory{ margin: 0 3% 10%;}
  #works .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5% 3%; }
  #works .system-category1{margin-bottom: 10%; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative;}
  #works .serchcategory1{ width: 90%; margin: 0 auto 10%; position: relative; top: 5vw}
  #works .serchcategory1 .icon {width: 45%; display: inline-block; margin-bottom: 3vw; margin-right: 3vw; font-size: 3.6vw; font-weight: bold; text-align: center; padding: 2vw 0; position: relative;}
  #works .serchcategory1 .icon:after{ content: ""; width: 20vw; height: 20vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -1vw; top: 5vw; z-index: 1}
  #works .icon01{ background: #f0f0f0; }
  #works .icon02{ background: #f0f0f0; }
  #works .icon03{ background: #f0f0f0; }
  #works .icon04{ background: #f0f0f0; }
  #works .icon05{ background: #f0f0f0; }
  #works .icon06{ background: #f0f0f0; }
  */
  #works .system-coment {
    margin-bottom: 5%;
  }
  #works .system-contents .system-category-set {
    margin-top: 0;
  }
  #works .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #works .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #works .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #works .system-contents .system-category {
    margin-bottom: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #works .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #works .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #works .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
  }
  #works .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #works .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #works .system-gallery h2 {
    text-transform: uppercase;
  }
  #works .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #works .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #works .gallery-list li a:hover {
    text-decoration: none;
  }
  #works .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #works .gallery-list li .system-Frame::after {
    content: none;
  }
  #works .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #works .sub-title {
    width: 72.4637681159vw;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #works .serchcategory1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.6231884058vw;
    font-size: 4.1062801932vw;
    margin-top: 12.077294686vw;
  }
  #works .serchcategory1 a {
    display: block;
    padding-left: 4.8309178744vw;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #works .serchcategory1 a:hover {
    color: #a2876d;
  }
  #works .serchcategory1 a:nth-child(5) {
    border-left: none !important;
  }
  #works .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #works .works-post-list {
    margin-top: 12.077294686vw;
  }
  #works .works-post-list .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: solid 1px #E4E2DB;
    margin-bottom: 12.077294686vw;
  }
  #works .works-post-list .system-list li {
    width: 100%;
    border-bottom: solid 1px #E4E2DB;
    transition: all 0.3s;
  }
  #works .works-post-list .system-list li:nth-child(n+2) {
    border-left: solid 1px #E4E2DB;
  }
  #works .works-post-list .system-list li a {
    display: block;
    background: #fff;
    padding: 7.2463768116vw;
    transition: all 0.3;
    text-align: center;
    transition: all 0.5s;
    position: relative;
  }
  #works .works-post-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 2.4154589372vw;
    top: 7.2463768116vw;
    right: 2.4154589372vw;
    letter-spacing: 0.8px;
  }
  #works .works-post-list .system-list li a figure {
    width: 100%;
    margin-bottom: 4.1062801932vw;
    overflow: hidden;
  }
  #works .works-post-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #works .works-post-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #works .works-post-list .system-list li a .works-text {
    font-size: 3.6231884058vw;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 4.1062801932vw;
  }
  #works .works-post-list .system-list li a .works-text span {
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    display: block;
    margin-bottom: 3.6231884058vw;
  }
  #works .system-contents {
    background: #EFEEEA;
    padding: 3.6231884058vw 3.6231884058vw;
  }
  #works .system-contents .system-contents-inner {
    padding: 7.2463768116vw 4.8309178744vw;
    position: relative;
  }
  #works .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: -6.5217391304vw;
    right: 4.8309178744vw;
  }
  #works .system-contents .system-contents-inner .system-category-set .system-category {
    color: #CBCAC4;
    font-size: 6.7632850242vw;
    font-family: "Work Sans", sans-serif;
  }
  #works .system-contents .system-contents-inner .system-date {
    border-left: solid 5px #a2876e;
    padding-left: 2.4154589372vw;
  }
  #works .system-contents .system-contents-inner .system-ttl {
    border-bottom: 1px #a2876e solid;
    font-size: 5.3140096618vw;
    line-height: 1.3;
    padding-bottom: 3.6231884058vw;
  }
  #works .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 5.5555555556vw;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #works .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 4.8309178744vw;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 1.2077294686vw 2.8985507246vw;
  }
  #works .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #works .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #works .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 2.4154589372vw;
  }
  #works .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 9.6618357488vw;
  }
  #works .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #works .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 19.3236714976vw;
    border-left: solid 1px #E4E2DB;
  }
  #works .inc-list .system-list li {
    width: 100%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #works .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #works .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #works .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 4.8309178744vw;
    transition: all 0.3;
    text-align: center;
    transition: all 0.5s;
    position: relative;
  }
  #works .inc-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 2.8985507246vw;
    top: 4.8309178744vw;
    right: -1.2077294686vw;
    letter-spacing: 0.8px;
  }
  #works .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 4.1062801932vw;
    overflow: hidden;
  }
  #works .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #works .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #works .inc-list .system-list li a .works-text {
    font-size: 3.6231884058vw;
    max-width: 178.7439613527vw;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 4.1062801932vw;
  }
  #works .inc-list .system-list li a .works-text span {
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    display: block;
    margin-bottom: 3.6231884058vw;
  }
  /* interview -------------------------------------*/
  /*
  #interview .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; }
  #interview .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%;}
  #interview .system-list li:nth-child(2n){ margin-right: 0}
  #interview .system-list li a:hover{ text-decoration: none; }
  #interview .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
  #interview .system-list .btn::after { content: ' >';}

  #interview .system-list02{ 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; }
  #interview .system-list02 li{ position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5%; padding: 2% 2% 10%;}
  #interview .system-list02 li:nth-child(2n){ margin-right: 0}
  #interview .system-list02 li a:hover{ text-decoration: none; }
  #interview .system-list02 .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #interview .system-list02 .btn::after { content: ' >';}

  #interview .system-pic{ width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
  #interview .system-pic img{ width: 100%; height: 30vw; }
  #interview .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
  #interview .system-date::before{ content: "■"; }
  #interview .system-name{ font-size: 3.2vw; margin-bottom: 5%; }
  #interview .system-ttl-01{ font-size: 3.6vw; margin-bottom: 5%; line-height: 1.6; }
  #interview .system-category-set { margin-bottom: 8%;margin-top: -8%;}
  #interview .system-category{ margin-bottom: 1px; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc;}
  #interview .serchcategory{ margin: 0 3% 10%;}
  #interview .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 3.2vw;color: #fff;text-align: center;padding: 4.5% 3%; }
  #interview .system-category1{margin-bottom: 10%; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative;}
  #interview .serchcategory1{ width: 90%; margin: 0 auto 10%; position: relative; top: 5vw}
  #interview .serchcategory1 .icon {width: 45%; display: inline-block; margin-bottom: 3vw; margin-right: 3vw; font-size: 3.6vw; font-weight: bold; text-align: center; padding: 2vw 0; position: relative;}
  #interview .serchcategory1 .icon:after{ content: ""; width: 20vw; height: 20vw; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -1vw; top: 5vw; z-index: 1}
  #interview .icon01{ background: #f0f0f0; }
  #interview .icon02{ background: #f0f0f0; }
  #interview .icon03{ background: #f0f0f0; }
  #interview .icon04{ background: #f0f0f0; }
  #interview .icon05{ background: #f0f0f0; }
  #interview .icon06{ background: #f0f0f0; }
  */
  #interview .system-coment {
    margin-bottom: 5%;
  }
  #interview .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #interview .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #interview .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #interview .system-contents .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #interview .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #interview .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #interview .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
  }
  #interview .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #interview .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #interview .system-gallery h2 {
    text-transform: uppercase;
  }
  #interview .gallery-list {
    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;
  }
  #interview .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #interview .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #interview .gallery-list li a:hover {
    text-decoration: none;
  }
  #interview .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #interview .gallery-list li .system-Frame::after {
    content: none;
  }
  #interview .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #interview .sub-title {
    width: 72.4637681159vw;
    margin: 0 auto;
    border-bottom: solid 1px #000000;
  }
  #interview .serchcategory1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.6231884058vw;
    font-size: 4.1062801932vw;
    margin-top: 12.077294686vw;
  }
  #interview .serchcategory1 a {
    display: block;
    padding-left: 4.8309178744vw;
    position: relative;
    font-family: "Work Sans", sans-serif;
  }
  #interview .serchcategory1 a:hover {
    color: #a2876d;
  }
  #interview .serchcategory1 a:nth-child(5) {
    border-left: none !important;
  }
  #interview .serchcategory1 a + a {
    border-left: solid 1px #cdcdcd;
  }
  #interview .interview-post-list {
    margin-top: 12.077294686vw;
  }
  #interview .interview-post-list .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: solid 1px #E4E2DB;
    margin-bottom: 12.077294686vw;
  }
  #interview .interview-post-list .system-list li {
    width: 100%;
    border-bottom: solid 1px #E4E2DB;
    transition: all 0.3s;
  }
  #interview .interview-post-list .system-list li:nth-child(n+2) {
    border-left: solid 1px #E4E2DB;
  }
  #interview .interview-post-list .system-list li a {
    display: block;
    background: #fff;
    padding: 7.2463768116vw;
    transition: all 0.3;
    text-align: center;
    transition: all 0.5s;
    position: relative;
  }
  #interview .interview-post-list .system-list li a .interview-cate {
    font-family: "Work Sans", sans-serif;
    color: #e7dacf;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 2.4154589372vw;
    top: 7.2463768116vw;
    right: 2.4154589372vw;
    letter-spacing: 0.8px;
  }
  #interview .interview-post-list .system-list li a figure {
    width: 100%;
    margin-bottom: 4.1062801932vw;
    overflow: hidden;
  }
  #interview .interview-post-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #interview .interview-post-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #interview .interview-post-list .system-list li a .interview-text {
    font-size: 3.6231884058vw;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 4.1062801932vw;
  }
  #interview .interview-post-list .system-list li a .interview-text span {
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    display: block;
    margin-bottom: 3.6231884058vw;
  }
  #interview .system-contents {
    background: #e7dacf;
    padding: 3.6231884058vw 3.6231884058vw;
  }
  #interview .system-contents .system-contents-inner {
    padding: 7.2463768116vw 4.8309178744vw;
    position: relative;
  }
  #interview .system-contents .system-contents-inner .system-category-set {
    position: absolute;
    top: -6.5217391304vw;
    right: 4.8309178744vw;
  }
  #interview .system-contents .system-contents-inner .system-category-set .system-category {
    color: #a2876e;
    font-size: 6.7632850242vw;
    font-family: "Work Sans", sans-serif;
  }
  #interview .system-contents .system-contents-inner .system-date {
    border-left: solid 5px #a2876e;
    padding-left: 2.4154589372vw;
  }
  #interview .system-contents .system-contents-inner .system-ttl {
    border-bottom: 1px #a2876e solid;
    font-size: 5.3140096618vw;
    line-height: 1.3;
    padding-bottom: 3.6231884058vw;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 5.5555555556vw;
    background-color: #a2876e;
    color: #fff;
    border-radius: 0 10px 10px 0px;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 4.8309178744vw;
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-top: 5px solid #a2876e;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
    padding: 1.2077294686vw 2.8985507246vw;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #interview .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #interview .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 2.4154589372vw;
  }
  #interview .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 9.6618357488vw;
  }
  #interview .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #interview .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 19.3236714976vw;
    border-left: solid 1px #E4E2DB;
  }
  #interview .inc-list .system-list li {
    width: 100%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #interview .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #interview .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #interview .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 4.8309178744vw;
    transition: all 0.3;
    text-align: center;
    transition: all 0.5s;
    position: relative;
  }
  #interview .inc-list .system-list li a .interview-cate {
    font-family: "Work Sans", sans-serif;
    color: #a2876e;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 2.8985507246vw;
    top: 4.8309178744vw;
    right: 0;
    letter-spacing: 0.8px;
  }
  #interview .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 4.1062801932vw;
    overflow: hidden;
  }
  #interview .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #interview .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #interview .inc-list .system-list li a .interview-text {
    font-size: 3.6231884058vw;
    max-width: 178.7439613527vw;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 4.1062801932vw;
  }
  #interview .inc-list .system-list li a .interview-text span {
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    display: block;
    margin-bottom: 3.6231884058vw;
  }
  /* column -------------------------------------*/
  /*
  #column .system-list{ background: #eeefef; padding: 4% 2%; margin-bottom: 10%; }
  #column .system-list-inner{ background: #fff; padding: 5% 3%;}
  #column .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
  #column .system-list li a:hover{ text-decoration: none; }
  #column .system-list .system-date{ font-size: 3.2vw; line-height: 1.4; margin-bottom: 2%}
  #column .system-date::before{ content: "■"; }
  #column .system-list .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }
  #column .system-list .system-category-set { margin-bottom: 2%;}
  #column .system-list .system-category{ width: 49%; margin-bottom: 0.1vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 1vw; background: #111;}
  #column .icon01{ background: #000 !important; }
  #column .icon02{ background: #111 !important; }
  #column .icon03{ background: #222 !important; }
  #column .icon04{ background: #333 !important; }
  #column .icon05{ background: #444 !important; }
  #column .icon06{ background: #555 !important; }
  */
  #column .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #column .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #column .system-contents .system-date {
    font-size: 3.8vw;
    margin-bottom: 5%;
    display: block;
  }
  #column .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 5%;
  }
  #column .system-contents .system-category {
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 2vw;
    width: 50%;
    margin-bottom: 1px;
    background: #111;
  }
  #column .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #column .system-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 9.6618357488vw;
    width: 90%;
    margin: 0 auto;
  }
  #column .system-list li {
    width: 100%;
    border-bottom: solid 1px #E4E2DB;
  }
  #column .system-list li a {
    display: flex;
    align-items: center;
    padding: 7.729468599vw 0 4.1062801932vw;
  }
  #column .system-list li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #column .system-list li a figure {
    width: 24.154589372vw;
    height: 24.154589372vw;
  }
  #column .system-list li a figure img {
    width: 24.154589372vw;
    height: 24.154589372vw;
    object-fit: cover;
  }
  #column .system-list li a p {
    width: 59.6618357488vw;
    margin-left: 6.038647343vw;
  }
  #column .system-list li a p span {
    display: block;
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    margin-top: 1.4492753623vw;
    margin-bottom: 2.4154589372vw;
    letter-spacing: 0.8px;
  }
  #column .system-contents {
    background: #EFEEEA;
    padding: 0.4830917874vw;
    width: 97%;
    margin: 0 auto 10%;
  }
  #column .system-contents .system-contents-inner {
    padding: 4.8309178744vw;
    position: relative;
  }
  #column .system-contents .system-contents-inner .flex-Box {
    display: flex;
    flex-direction: column;
    gap: 2.4154589372vw;
    align-items: center;
    padding-bottom: 2.4154589372vw;
    border-bottom: 1px #a2876e solid;
    margin-bottom: 4.8309178744vw;
  }
  #column .system-contents .system-contents-inner .flex-Box figure {
    width: 70%;
  }
  #column .system-contents .system-contents-inner .flex-Box figure img {
    width: 100%;
  }
  #column .system-contents .system-contents-inner .flex-Box > div {
    width: 100%;
  }
  #column .system-contents .system-contents-inner .system-date {
    color: #999999;
    margin-bottom: 0;
    margin-top: 3.6231884058vw;
  }
  #column .system-contents .system-contents-inner .system-ttl {
    border-bottom: none;
    font-size: 5.5555555556vw;
    padding: 0;
    margin: 0;
  }
  #column .system-contents .system-contents-inner .wysiwyg h1 {
    font-size: 5.5555555556vw;
    background: #a1876e;
    box-shadow: 0px 0px 0px 5px #a1876e;
    border: dashed 1px #ffffff;
    padding: 2.4154589372vw;
    color: #ffffff;
  }
  #column .system-contents .system-contents-inner .wysiwyg h2 {
    font-size: 4.8309178744vw;
    border-top: 1px solid #a2876e;
    border-bottom: 3px solid #a2876e;
    color: #a2876e;
    padding: 1.2077294686vw 2.8985507246vw;
    background: #e9dfd6;
  }
  #column .system-contents .system-contents-inner .wysiwyg h3 {
    border-left: 6px solid #a2876e;
    border-bottom: solid 1px #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #column .system-contents .system-contents-inner .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #column .system-contents .system-contents-inner .system-gallery {
    background: #efeeeb;
    border-radius: 2.4154589372vw;
  }
  #column .system-contents .system-contents-inner .system-gallery h2 {
    margin-bottom: 9.6618357488vw;
  }
  #column .pagen .list a {
    background: #a2876d;
    border-radius: 5px;
  }
  #column .inc-list .system-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 19.3236714976vw;
    border-left: solid 1px #E4E2DB;
  }
  #column .inc-list .system-list li {
    width: 33.33333%;
    border: solid 1px #E4E2DB;
    border-left: none;
    transition: all 0.3s;
  }
  #column .inc-list .system-list li:nth-child(n+4) {
    border-top: none;
  }
  #column .inc-list .system-list li:nth-of-type(3n) {
    border-right: solid 1px #E4E2DB;
  }
  #column .inc-list .system-list li a {
    display: block;
    background: #fff;
    padding: 4.8309178744vw;
    transition: all 0.3;
    text-align: center;
    transition: all 0.5s;
    position: relative;
  }
  #column .inc-list .system-list li a .works-cate {
    font-family: "Work Sans", sans-serif;
    color: #CBCAC4;
    writing-mode: vertical-rl;
    position: absolute;
    font-size: 2.8985507246vw;
    top: 4.8309178744vw;
    right: -1.2077294686vw;
    letter-spacing: 0.8px;
  }
  #column .inc-list .system-list li a figure {
    width: 100%;
    margin-bottom: 4.1062801932vw;
    overflow: hidden;
  }
  #column .inc-list .system-list li a figure img {
    width: 100%;
    aspect-ratio: 37/26;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  #column .inc-list .system-list li a figure img:hover {
    opacity: 1;
  }
  #column .inc-list .system-list li a .works-text {
    font-size: 3.6231884058vw;
    max-width: 178.7439613527vw;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    letter-spacing: 0.8px;
    padding-bottom: 4.1062801932vw;
  }
  #column .inc-list .system-list li a .works-text span {
    color: #999999;
    font-size: 3.1400966184vw;
    line-height: 1;
    display: block;
    margin-bottom: 3.6231884058vw;
  }
  /* 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% 2%;
  }
  #staff .system-list li:nth-child(2n) {
    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: 3.2vw;
    position: absolute;
    bottom: 3%;
    left: 3%;
    width: 95%;
    padding: 4% 3%;
  }
  #staff .system-list .btn::after {
    content: " >";
  }
  #staff .system-pic {
    width: 100%;
    height: 130px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 6%;
  }
  #staff .system-pic img {
    width: 100%;
    height: 130px;
  }
  #staff .system-job {
    font-size: 3.4vw;
    margin-bottom: 3%;
    line-height: 1.6;
    text-align: center;
  }
  #staff .system-name {
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.6;
    text-align: center;
  }
  #staff .system-kana {
    font-size: 3.4vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #staff .system-list02 {
    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-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 2%;
  }
  #staff .system-list02 li:nth-child(2n) {
    margin-right: 0;
  }
  #staff .system-list02 li a:hover {
    text-decoration: none;
  }
  #staff .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #staff .system-list02 .btn::after {
    content: " >";
  }
  #staff .system-list02 .system-ttl-01 {
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.6;
    text-align: center;
  }
  #staff .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #staff .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #staff .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #staff .system-contents .system-info-box {
    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-contents .system-info {
    width: 100%;
  }
  #staff .system-contents .system-job {
    font-size: 3.4vw;
    margin-bottom: 1%;
    line-height: 1.6;
  }
  #staff .system-contents .system-name {
    font-size: 4.2vw;
    margin-bottom: 5%;
    line-height: 1.6;
    padding-bottom: 3%;
    border-bottom: 1px solid #ccc;
  }
  #staff .system-contents .system-kana {
    font-size: 3.2vw;
    margin-bottom: 3%;
    line-height: 1.6;
  }
  #staff .system-contents .system-comment {
    font-size: 3.8vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #staff .system-contents .comment-bx {
    margin-bottom: 3%;
  }
  #staff .system-contents .comment-bx th {
    width: 30%;
    font-size: 3.2vw;
    letter-spacing: 1px;
    border: 1px solid #ccc;
    padding: 3%;
    background: #949494;
    color: #fff;
    vertical-align: middle;
    text-align: left;
  }
  #staff .system-contents .comment-bx td {
    width: 55%;
    font-size: 3.2vw;
    border: 1px solid #ccc;
    padding: 3%;
    vertical-align: middle;
  }
  #staff .system-contents .system-i-pic {
    width: 100%;
    text-align: center;
    margin: 0 auto 8%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
  }
  #staff .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 60vw;
    width: auto;
    height: auto;
  }
  #staff .system-contents .wys-ttl {
    width: 100%;
    margin: 3% auto;
    padding: 3%;
    font-size: 3.8vw;
    color: #959595;
    font-weight: bold;
    background: #f1f1f1;
  }
  #staff .system-contents1 {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #staff .system-contents1-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #staff .system-contents1 .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #staff .system-contents1 .system-info-box {
    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-contents1 .system-info {
    width: 100%;
  }
  #staff .system-contents1 .system-job {
    font-size: 3.4vw;
    margin-bottom: 1%;
    line-height: 1.6;
  }
  #staff .system-contents1 .system-name {
    font-size: 4.2vw;
    margin-bottom: 5%;
    line-height: 1.6;
    padding-bottom: 3%;
    border-bottom: 1px solid #ccc;
  }
  #staff .system-contents1 .system-kana {
    font-size: 3.2vw;
    margin-bottom: 3%;
    line-height: 1.6;
  }
  #staff .system-contents1 .system-comment {
    font-size: 3.8vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #staff .system-contents1 .comment-bx th {
    width: 30%;
    font-size: 3.2vw;
    letter-spacing: 1px;
    border: 1px solid #ccc;
    padding: 3%;
    background: #949494;
    color: #fff;
    vertical-align: middle;
    text-align: left;
  }
  #staff .system-contents1 .comment-bx td {
    width: 55%;
    font-size: 3.2vw;
    border: 1px solid #ccc;
    padding: 3%;
    vertical-align: middle;
  }
  #staff .system-contents1 .system-i-pic {
    width: 100%;
    text-align: center;
    margin: 0 auto 8%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
  }
  #staff .system-contents1 .system-i-pic img {
    max-width: 100%;
    max-height: 60vw;
    width: auto;
    height: auto;
  }
  #staff .system-contents1 .wys-ttl {
    width: 100%;
    margin: 3% auto;
    padding: 3%;
    font-size: 3.8vw;
    color: #959595;
    font-weight: bold;
    background: #f1f1f1;
  }
  #staff .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #staff .system-gallery h2 {
    text-transform: uppercase;
  }
  #staff .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #staff .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #staff .gallery-list li a:hover {
    text-decoration: none;
  }
  #staff .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #staff .gallery-list li .system-Frame::after {
    content: none;
  }
  #staff .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #staff .system-list {
    margin-top: 9.6618357488vw;
    padding: 0;
    background: transparent;
  }
  #staff .system-list li {
    padding: 1.2077294686vw;
  }
  #staff .system-list li .system-pic {
    margin-bottom: 0;
    height: 48.309178744vw;
  }
  #staff .system-list li .system-pic a {
    display: block;
  }
  #staff .system-list li .system-pic a img {
    height: 48.309178744vw;
  }
  #staff .system-list li > a {
    background: #efeeeb;
    display: block;
  }
  #staff .system-list li > a .system-job {
    background: #a1876e;
    color: #fff;
    line-height: 1;
    padding: 2.4154589372vw 0;
  }
  #staff .system-list li > a .system-name {
    margin-bottom: 0px;
    padding-bottom: 2.4154589372vw;
  }
  #staff .system-list li > a .system-name span {
    display: block;
    font-size: 0.5em;
    color: #a1876e;
    font-weight: normal;
    margin-top: 0.4830917874vw;
  }
  #staff .system-contents1 {
    padding: 0;
  }
  #staff .system-contents1 .system-info .system-job {
    padding: 1.2077294686vw 2.4154589372vw;
    background: #a1876e;
    color: #fff;
  }
  #staff .system-contents1 .system-info .system-name {
    font-size: 6.038647343vw;
  }
  #staff .system-contents1 .system-info .system-name span {
    display: block;
    font-size: 0.4em;
    color: #a1876e;
  }
  #staff .system-contents1 .system-info .system-comment {
    background: #efeeeb;
    padding: 4.8309178744vw;
    border-radius: 3px;
  }
  #staff .system-contents1 .wysiwyg h1 {
    font-size: 6.038647343vw;
    position: relative;
    padding: 1rem 0.5rem;
    background-color: transparent;
    border-bottom: solid;
    border-bottom: none;
  }
  #staff .system-contents1 .wysiwyg h1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2077294686vw;
    content: "";
    background-image: linear-gradient(to right, #a2876e 0%, #efeeeb 100%);
  }
  #staff .system-contents1 .wysiwyg h2 {
    font-size: 4.8309178744vw;
    border-bottom: double 5px #a2876e;
    border-top: none;
    color: #a2876e;
    padding: 1.2077294686vw 2.8985507246vw;
  }
  #staff .system-contents1 .wysiwyg h3 {
    border-left: none;
    background: #a2876e;
    color: #efeeec;
    border-radius: 5px;
  }
  #staff .system-contents1 .wysiwyg h4 {
    border-image: linear-gradient(to right, #a2876e, #efeeec) 1;
    border-bottom: 1px solid #a2876e;
    color: #a2876e;
  }
  #staff .system-contents1 .wysiwyg h5 {
    border-bottom: 1px dashed #a2876e;
  }
  #staff .system-contents1 .wysiwyg h6 {
    background-color: #efeeeb;
    border: 1px dotted #a2876e;
    color: #a2876e;
  }
  #staff .system-contents1 .system-gallery {
    background: #efeeeb;
    border-radius: 2.4154589372vw;
  }
  #staff .system-contents1 .system-gallery h2 {
    margin-bottom: 9.6618357488vw;
  }
  /* 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: 5vw;
    padding: 2% 2% 10%;
  }
  #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.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
  }
  #event .system-list .btn::after {
    content: " >";
  }
  #event .system-pic {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 8%;
  }
  #event .system-pic img {
    max-width: 100%;
    max-height: 30vw;
    width: auto;
    height: auto;
  }
  #event .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #event .system-date::before {
    content: "■";
  }
  #event .system-information {
    border-bottom: 1px solid #eee;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }
  #event .system-txt {
    font-size: 3.6vw;
    margin-bottom: 3%;
    line-height: 1.6;
  }
  #event .system-list02 {
    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-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 2%;
  }
  #event .system-list02 li:nth-child(2n) {
    margin-right: 0;
  }
  #event .system-list02 li a:hover {
    text-decoration: none;
  }
  #event .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #event .system-list02 .btn::after {
    content: " >";
  }
  #event .system-coment {
    font-size: 3.2vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #event .system-ttl-01 {
    font-size: 3.8vw;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 1px solid #eee;
    padding-bottom: 6%;
    margin-bottom: 7%;
  }
  #event .system-category {
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
  }
  #event .serchcategory {
    margin: 0 3% 10%;
  }
  #event .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #event .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
  }
  #event .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw;
  }
  #event .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
  }
  #event .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1;
  }
  #event .icon01 {
    background: #f0f0f0;
  }
  #event .icon02 {
    background: #f0f0f0;
  }
  #event .icon03 {
    background: #f0f0f0;
  }
  #event .icon04 {
    background: #f0f0f0;
  }
  #event .icon05 {
    background: #f0f0f0;
  }
  #event .icon06 {
    background: #f0f0f0;
  }
  #event .system-icon02 span {
    display: block;
    padding: 4%;
    background: #ccc;
    font-size: 3.2vw;
    margin-bottom: 5%;
    margin-top: -5%;
  }
  #event .system-contents .system-icon02 span {
    display: block;
    padding: 4%;
    background: #ccc;
    font-size: 3.8vw;
    margin-bottom: 5%;
    font-weight: 700;
  }
  #event .system-icon02 span.icon02-01 {
    background: #999;
  }
  #event .system-icon02 span.icon02-02 {
    background: #ccc;
  }
  #event .system-icon02 span.icon02-03 {
    background: #eee;
  }
  #event .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 3vw;
  }
  #event .system-contents .system-txt {
    margin-bottom: 3%;
  }
  #event .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #event .system-contents .system-date {
    font-size: 3.2vw;
    line-height: 1.4;
    text-align: right;
  }
  #event .system-contents .system-date::before {
    content: none;
  }
  #event .system-contents .titleArea {
    margin-bottom: 9%;
    padding-bottom: 3%;
    border-bottom: 1px #ccc solid;
  }
  #event .system-contents .system-category {
    margin-bottom: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 2vw;
    width: 100%;
  }
  #event .system-contents .system-category-set {
    margin-bottom: 5%;
  }
  #event .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #event .system-contents .system-icon02 {
    width: 100%;
  }
  #event .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 3vw;
  }
  #event .system-contents .system-i-pic img {
    max-width: 100%;
    height: auto;
  }
  #event .system-contents #googlemaps {
    height: 300px;
    border: 1px solid #dcdddd;
  }
  #event .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #event .system-gallery h2 {
    text-transform: uppercase;
  }
  #event .gallery-list {
    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 .gallery-list li {
    width: 18.4%;
    position: relative;
    margin: 0 2% 25px 0;
    font-size: 0.75em;
    line-height: 1.4;
  }
  #event .gallery-list li:nth-of-type(5n) {
    margin-right: 0;
  }
  #event .gallery-list li a:hover {
    text-decoration: none;
  }
  #event .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #event .gallery-list li .system-Frame::after {
    content: url(../images/common/icon_plus.jpg);
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
  }
  #event .gallery-list li .system-Frame img {
    width: 100%;
    height: 120px;
  }
  #event .sp-system-txt-in {
    display: inline-block;
    font-size: 3.2vw;
  }
  /* case_newly -------------------------------------*/
  #case_newly .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_newly .system-list li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 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.2vw;
    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: 8%;
  }
  #case_newly .system-pic img {
    width: 100%;
    height: 30vw;
  }
  #case_newly .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
  }
  #case_newly .system-date::before {
    content: "■";
  }
  #case_newly .system-ttl-01 {
    font-size: 3.6vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #case_newly .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
  }
  #case_newly .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
  }
  #case_newly .serchcategory {
    margin: 0 3% 10%;
  }
  #case_newly .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #case_newly .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
  }
  #case_newly .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw;
  }
  #case_newly .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
  }
  #case_newly .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1;
  }
  #case_newly .icon01 {
    background: #f0f0f0;
  }
  #case_newly .icon02 {
    background: #f0f0f0;
  }
  #case_newly .icon03 {
    background: #f0f0f0;
  }
  #case_newly .icon04 {
    background: #f0f0f0;
  }
  #case_newly .icon05 {
    background: #f0f0f0;
  }
  #case_newly .icon06 {
    background: #f0f0f0;
  }
  #case_newly .system-coment {
    margin-bottom: 5%;
  }
  #case_newly .system-contents .system-category-set {
    margin-top: 0;
  }
  #case_newly .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #case_newly .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #case_newly .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #case_newly .system-contents .system-category {
    margin-bottom: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #case_newly .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #case_newly .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #case_newly .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
  }
  #case_newly .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #case_newly .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #case_newly .system-gallery h2 {
    text-transform: uppercase;
  }
  #case_newly .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #case_newly .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #case_newly .gallery-list li a:hover {
    text-decoration: none;
  }
  #case_newly .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #case_newly .gallery-list li .system-Frame::after {
    content: none;
  }
  #case_newly .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  /* 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% 10%;
  }
  #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.2vw;
    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.2vw;
    margin-bottom: 5%;
  }
  #case_reform .system-date::before {
    content: "■";
  }
  #case_reform .system-ttl-01 {
    font-size: 3.8vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #case_reform .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
  }
  #case_reform .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
  }
  #case_reform .serchcategory {
    margin: 0 3% 10%;
  }
  #case_reform .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #case_reform .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
  }
  #case_reform .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw;
  }
  #case_reform .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
  }
  #case_reform .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1;
  }
  #case_reform .icon01 {
    background: #f0f0f0;
  }
  #case_reform .icon02 {
    background: #f0f0f0;
  }
  #case_reform .icon03 {
    background: #f0f0f0;
  }
  #case_reform .icon04 {
    background: #f0f0f0;
  }
  #case_reform .icon05 {
    background: #f0f0f0;
  }
  #case_reform .icon06 {
    background: #f0f0f0;
  }
  #case_reform .system-coment {
    margin-bottom: 5%;
  }
  #case_reform .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #case_reform .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #case_reform .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #case_reform .system-contents .system-category {
    margin-bottom: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #case_reform .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #case_reform .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #case_reform .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
  }
  #case_reform .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #case_reform .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #case_reform .system-gallery h2 {
    text-transform: uppercase;
  }
  #case_reform .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #case_reform .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #case_reform .gallery-list li a:hover {
    text-decoration: none;
  }
  #case_reform .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #case_reform .gallery-list li .system-Frame::after {
    content: none;
  }
  #case_reform .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #case_reform .BAslide .Before {
    float: none;
    width: 100%;
    border-bottom: 1px #ccc solid;
    padding-bottom: 3%;
  }
  #case_reform .BAslide .After {
    float: none;
    width: 100%;
    border-bottom: 1px #ccc solid;
    padding-bottom: 3%;
  }
  #case_reform .arrow {
    border: 20px solid transparent;
    border-left-color: #ccc;
    border-right-width: 0;
    width: 0;
    display: block;
    margin: 3% auto;
    position: static !important;
    transform: rotate(90deg);
  }
  #case_reform .BAslide .bxslider img {
    margin: 0 auto;
    max-height: 200px;
    width: auto;
    height: auto;
  }
  #case_reform .BAslide #bx-pager a,
  #case_reform .BAslide #bx-pager02 a {
    text-align: center;
    padding: 3px;
    display: inline-block;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    min-width: 50px;
  }
  #case_reform .BAslide #bx-pager img,
  #case_reform .BAslide #bx-pager02 img {
    max-height: 40px;
    vertical-align: bottom;
  }
  /* 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: 2% 2% 10%;
  }
  #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.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
  }
  #voice .system-list .btn::after {
    content: " >";
  }
  #voice .system-list02 {
    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-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 10%;
  }
  #voice .system-list02 li:nth-child(2n) {
    margin-right: 0;
  }
  #voice .system-list02 li a:hover {
    text-decoration: none;
  }
  #voice .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #voice .system-list02 .btn::after {
    content: " >";
  }
  #voice .system-pic {
    width: 100%;
    height: 30vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8%;
  }
  #voice .system-pic img {
    width: 100%;
    height: 30vw;
  }
  #voice .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
  }
  #voice .system-date::before {
    content: "■";
  }
  #voice .system-name {
    font-size: 3.2vw;
    margin-bottom: 5%;
  }
  #voice .system-ttl-01 {
    font-size: 3.6vw;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #voice .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
  }
  #voice .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
  }
  #voice .serchcategory {
    margin: 0 3% 10%;
  }
  #voice .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #voice .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
  }
  #voice .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw;
  }
  #voice .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
  }
  #voice .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1;
  }
  #voice .icon01 {
    background: #f0f0f0;
  }
  #voice .icon02 {
    background: #f0f0f0;
  }
  #voice .icon03 {
    background: #f0f0f0;
  }
  #voice .icon04 {
    background: #f0f0f0;
  }
  #voice .icon05 {
    background: #f0f0f0;
  }
  #voice .icon06 {
    background: #f0f0f0;
  }
  #voice .system-coment {
    margin-bottom: 5%;
  }
  #voice .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #voice .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #voice .system-contents .system-date {
    font-size: 3.2vw;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
  }
  #voice .system-contents .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #voice .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #voice .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #ccc solid;
    line-height: 1.6;
  }
  #voice .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 8%;
  }
  #voice .system-contents .system-i-pic img {
    max-width: 100%;
  }
  #voice .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #voice .system-gallery h2 {
    text-transform: uppercase;
  }
  #voice .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #voice .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #voice .gallery-list li a:hover {
    text-decoration: none;
  }
  #voice .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #voice .gallery-list li .system-Frame::after {
    content: none;
  }
  #voice .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  /* 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: 20px;
    padding: 2% 2% 10%;
  }
  #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.2vw;
    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: 120px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8%;
  }
  #real_estate .system-pic img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
  }
  #real_estate .system-date {
    font-size: 3.2vw;
    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.8vw;
    margin-bottom: 5%;
    line-height: 1.4;
  }
  #real_estate .system-coment {
    font-size: 3.2vw;
    margin-bottom: 5%;
    line-height: 1.4;
    word-break: break-all;
  }
  #real_estate .system-coment span {
    font-size: 4.8vw;
    font-weight: bold;
    display: inline-block;
    margin-top: 2%;
  }
  #real_estate .system-ttl-01 {
    font-size: 3.2vw;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
  #real_estate .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
  }
  #real_estate .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2vw;
    background-color: #ccc;
  }
  #real_estate .serchcategory {
    margin: 0 3% 10%;
  }
  #real_estate .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #real_estate .system-category1 {
    margin-bottom: 10%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1vw 3vw;
    background-color: #ccc;
    position: relative;
  }
  #real_estate .serchcategory1 {
    width: 90%;
    margin: 0 auto 10%;
    position: relative;
    top: 5vw;
  }
  #real_estate .serchcategory1 .icon {
    width: 45%;
    display: inline-block;
    margin-bottom: 3vw;
    margin-right: 3vw;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center;
    padding: 2vw 0;
    position: relative;
  }
  #real_estate .serchcategory1 .icon:after {
    content: "";
    width: 20vw;
    height: 20vw;
    background: url(../images/common/category-icon.png) no-repeat right top;
    position: absolute;
    right: -1vw;
    top: 5vw;
    z-index: 1;
  }
  #real_estate .icon01 {
    background: #f0f0f0;
  }
  #real_estate .icon02 {
    background: #f0f0f0;
  }
  #real_estate .icon03 {
    background: #f0f0f0;
  }
  #real_estate .icon04 {
    background: #f0f0f0;
  }
  #real_estate .icon05 {
    background: #f0f0f0;
  }
  #real_estate .icon06 {
    background: #f0f0f0;
  }
  #real_estate .system-icon02 span {
    display: block;
    padding: 3%;
    background: #ccc;
    font-size: 3.4vw;
    margin-bottom: 5%;
  }
  #real_estate .system-icon02 span.icon02-01 {
    background: #999;
  }
  #real_estate .system-icon02 span.icon02-02 {
    background: #ccc;
  }
  #real_estate .system-icon02 span.icon02-03 {
    background: #eee;
  }
  #real_estate .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 30px;
  }
  #real_estate .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #real_estate .system-contents .system-date {
    font-size: 3.2vw;
    line-height: 1.4;
    text-align: right;
  }
  #real_estate .system-contents .system-date::before {
    content: none;
  }
  #real_estate .system-contents .titleArea {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px #ccc solid;
  }
  #real_estate .system-contents .system-category {
    margin-bottom: 1px;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #real_estate .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #real_estate .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.6;
  }
  #real_estate .system-contents .system-price {
    font-size: 3.2vw;
    line-height: 1.4;
    word-break: break-all;
  }
  #real_estate .system-contents .system-price span {
    font-size: 6vw;
    font-weight: bold;
    line-height: 1.4;
  }
  #real_estate .system-contents .system-icon02 {
    width: 100%;
  }
  #real_estate .system-contents .system-i-pic {
    text-align: center;
    margin-bottom: 20px;
  }
  #real_estate .system-contents .system-i-pic img {
    max-width: 100%;
    height: auto;
  }
  #real_estate .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #real_estate .system-gallery h2 {
    text-transform: uppercase;
  }
  #real_estate .gallery-list {
    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 .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  #real_estate .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #real_estate .gallery-list li a:hover {
    text-decoration: none;
  }
  #real_estate .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #real_estate .gallery-list li .system-Frame::after {
    content: none;
  }
  #real_estate .gallery-list li .system-Frame img {
    width: 100%;
    height: 90px;
  }
  #real_estate table.system-details {
    border-bottom: 1px solid #dcdddd;
    margin-bottom: 10%;
    font-size: 3.2vw;
    line-height: 1.6;
  }
  #real_estate table.system-details th {
    display: block;
    border: 1px solid #dcdddd;
    text-align: left;
    width: 100%;
    background-color: #eeefef;
    padding: 3%;
    vertical-align: top;
  }
  #real_estate table.system-details td {
    display: block;
    border: 1px solid #dcdddd;
    border-bottom: 0;
    text-align: left;
    width: 100%;
    padding: 3%;
    vertical-align: top;
  }
  #real_estate table.system-details td img {
    max-width: 100%;
    height: auto;
  }
  #real_estate .system-contents #googlemaps {
    height: 300px;
    border: 1px solid #dcdddd;
  }
  #real_estate .estate-list {
    font-size: 3.2vw;
    line-height: 1.6;
  }
  #real_estate .estate-list li {
    width: 100%;
    border: #ccc 1px solid;
    margin-bottom: -1px;
    border-bottom: none;
  }
  #real_estate .estate-list li:last-child {
    border-bottom: 1px solid #ccc;
  }
  #real_estate .estate-list li .estate-list-ttl {
    border-bottom: #ccc dotted 1px;
    width: 100%;
    padding: 3%;
    background: #f8f8f8;
  }
  #real_estate .estate-list li p {
    width: 100%;
    padding: 3%;
    background: #fff;
  }
  #real_estate .system-list02 {
    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-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 10%;
  }
  #real_estate .system-list02 li:nth-child(2n) {
    margin-right: 0;
  }
  #real_estate .system-list02 li a:hover {
    text-decoration: none;
  }
  #real_estate .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 3.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #real_estate .system-list02 .btn::after {
    content: " >";
  }
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents .system-list {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #blog .mainContents .system-list-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #blog .mainContents .system-list li {
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 5%;
    border-bottom: 1px dotted #b2b2b2;
    padding: 0 0 5%;
  }
  #blog .mainContents .system-list li a:hover {
    text-decoration: none;
  }
  #blog .mainContents .system-list .system-date {
    font-size: 3.2vw;
    line-height: 1.4;
    margin-bottom: 2%;
  }
  #blog .mainContents .system-list .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-list .system-ttl-01 {
    font-size: 3.6vw;
    line-height: 1.6;
  }
  #blog .mainContents .system-list .system-category-set {
    margin-bottom: 2%;
    overflow: hidden;
  }
  #blog .mainContents .system-list .system-category {
    float: left;
    width: 49%;
    margin-bottom: 0.1vw;
    margin-right: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 1vw;
    background: #111;
    line-height: 1.5;
  }
  /*patern2*/
  #blog .mainContents .system-list2 {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #blog .mainContents .system-list-inner2 {
    background: #fff;
    padding: 5% 3%;
  }
  #blog .mainContents .system-list2 li {
    overflow: hidden;
    line-height: 1.4;
    margin-bottom: 5%;
    border-bottom: 1px dotted #b2b2b2;
    padding: 0 0 5%;
  }
  #blog .mainContents .system-list2 li a:hover {
    text-decoration: none;
  }
  #blog .mainContents .system-list2 .system-pic {
    width: 20%;
    float: left;
  }
  #blog .mainContents .system-list2 .system-pic img {
    max-width: 100%;
    height: auto;
  }
  #blog .mainContents .system-list2 .system-date {
    width: 78%;
    float: right;
    font-size: 3.2vw;
    line-height: 1.4;
    margin-bottom: 2%;
  }
  #blog .mainContents .system-list2 .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-list2 .system-ttl-01 {
    width: 78%;
    float: right;
    font-size: 3.6vw;
    line-height: 1.6;
    margin-bottom: 2%;
  }
  #blog .mainContents .system-list2 .system-category-set {
    width: 78%;
    float: right;
    margin-bottom: 3%;
    overflow: hidden;
  }
  #blog .mainContents .system-list2 .system-category {
    float: left;
    width: 49%;
    margin-bottom: 0.1vw;
    margin-right: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 1vw;
    background: #111;
    line-height: 1.5;
  }
  #blog .mainContents .system-list2 .system-contributor {
    width: 78%;
    float: right;
    color: #bbb;
    font-size: 3.2vw;
    text-align: right;
  }
  /**/
  #blog .mainContents .blog-icon01 {
    background: #000 !important;
  }
  #blog .mainContents .blog-icon02 {
    background: #111 !important;
  }
  #blog .mainContents .blog-icon03 {
    background: #222 !important;
  }
  #blog .mainContents .blog-icon04 {
    background: #333 !important;
  }
  #blog .mainContents .blog-icon05 {
    background: #444 !important;
  }
  #blog .mainContents .blog-icon06 {
    background: #555 !important;
  }
  #blog .mainContents .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #blog .mainContents .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #blog .mainContents .system-contents .system-date {
    font-size: 3.8vw;
    margin-bottom: 5%;
    display: block;
  }
  #blog .mainContents .system-contents .system-date::before {
    content: "■";
  }
  #blog .mainContents .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 5%;
    overflow: hidden;
  }
  #blog .mainContents .system-contents .system-category {
    float: left;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 3% 2%;
    width: 49%;
    margin-bottom: 0.1vw;
    margin-right: 0.1vw;
    background: #111;
  }
  #blog .mainContents .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  #blog .mainContents .system-contents .footInfo {
    margin-top: 10%;
    padding-top: 5%;
    border-top: 1px dotted #ccc;
  }
  #blog .mainContents .system-contents .system-contributor {
    font-size: 3.2vw;
    margin-bottom: 5%;
    text-align: right;
  }
  /*blogサイドバー*/
  aside.sidebar {
    width: 80% !important;
    margin: 0 auto;
  }
  aside.sidebar .aside-blog-ttl {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5%;
    margin-bottom: 5%;
    text-align: center;
  }
  aside.sidebar .aside-blog-ttl span.en {
    font-size: 3.2vw;
    display: block;
    margin-bottom: 3%;
    letter-spacing: 0.2vw;
    color: #ccc;
  }
  aside.sidebar .aside-blog-ttl span.jp {
    font-size: 4.2vw;
    font-weight: bold;
  }
  aside.sidebar .list-block {
    margin: 10% 0 15%;
  }
  aside.sidebar a {
    line-height: 1.6;
    font-size: 3.2vw;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5%;
    margin-bottom: 5% !important;
  }
  /* 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: 3.2vw;
    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: 0.1vw;
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 1vw;
    background: #111;
  }
  #topics .icon01 {
    background: #000 !important;
  }
  #topics .icon02 {
    background: #111 !important;
  }
  #topics .icon03 {
    background: #222 !important;
  }
  #topics .icon04 {
    background: #333 !important;
  }
  #topics .icon05 {
    background: #444 !important;
  }
  #topics .icon06 {
    background: #555 !important;
  }
  #topics .system-contents {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
  }
  #topics .system-contents-inner {
    background: #fff;
    padding: 5% 3%;
  }
  #topics .system-contents .system-date {
    font-size: 3.8vw;
    margin-bottom: 5%;
    display: block;
  }
  #topics .system-contents .system-category-set {
    width: 100%;
    margin-bottom: 5%;
  }
  #topics .system-contents .system-category {
    font-size: 3.2vw;
    color: #fff;
    text-align: center;
    padding: 2vw;
    width: 50%;
    margin-bottom: 1px;
    background: #111;
  }
  #topics .system-contents .system-ttl {
    font-size: 4.2vw;
    font-weight: bold;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px #ccc solid;
    line-height: 1.4;
  }
  /* sale -------------------------------------*/
  #sale h2.main-title {
    margin-bottom: 4%;
  }
  #sale .system-list {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
    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;
  }
  #sale .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%;
  }
  #sale .system-list li:nth-child(2n) {
    margin-right: 0;
  }
  #sale .system-list li a:hover {
    text-decoration: none;
  }
  #sale .system-list .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4% 3%;
  }
  #sale .system-list .btn::after {
    content: " >";
  }
  #sale .system-list02 {
    background: #eeefef;
    padding: 4% 2%;
    margin-bottom: 10%;
    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;
  }
  #sale .system-list02 li {
    position: relative;
    line-height: 1.4;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    position: relative;
    margin-bottom: 5%;
    padding: 2% 2% 14%;
  }
  #sale .system-list02 li:nth-child(2n) {
    margin-right: 0;
  }
  #sale .system-list02 li a:hover {
    text-decoration: none;
  }
  #sale .system-list02 .btn {
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3%;
  }
  #sale .system-list02 .btn::after {
    content: " >";
  }
  #sale .system-pic {
    width: 100%;
    height: 28.986vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8%;
  }
  #sale .system-pic img {
    width: 100%;
    height: 28.986vw;
  }
  #sale .system-date {
    font-size: 1.2rem;
    margin-bottom: 5%;
  }
  #sale .system-date::before {
    content: "■";
  }
  #sale .system-name {
    font-size: 1.2rem;
    margin-bottom: 5%;
  }
  #sale .system-ttl-01 {
    font-size: 1.4rem;
    margin-bottom: 5%;
    line-height: 1.6;
    font-weight: 700;
  }
  #sale .system-category-set {
    margin-bottom: 8%;
    margin-top: -8%;
  }
  #sale .system-category {
    margin-bottom: 0.242vw;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1.932vw;
    background-color: #ccc;
  }
  #sale .serchcategory {
    margin: 0 3% 10%;
  }
  #sale .serchcategory .icon {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 3%;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    padding: 4.5% 3%;
  }
  #sale .icon01 {
    background: #000;
  }
  #sale .icon02 {
    background: #111;
  }
  #sale .icon03 {
    background: #222;
  }
  #sale .icon04 {
    background: #333;
  }
  #sale .icon05 {
    background: #444;
  }
  #sale .icon06 {
    background: #555;
  }
  #sale .system-coment {
    margin-bottom: 5%;
  }
  #sale .system-contents {
    background: #fff;
    padding: 1% 2% 4%;
    margin-bottom: 10%;
  }
  #sale .system-contents-inner {
    background: #fff;
    padding: 0% 3% 5%;
  }
  #sale .system-contents .system-date {
    font-size: 1.2rem;
    margin-bottom: 5%;
    display: block;
    line-height: 1.4;
    color: #2f9f20;
  }
  #sale .system-contents .system-category {
    margin-bottom: 0.242vw;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    padding: 4% 3%;
    width: 100%;
  }
  #sale .system-contents .system-category-set {
    margin-bottom: 5%;
    margin-top: 0;
  }
  #sale .system-contents .system-ttl {
    font-size: 4.831vw;
    font-weight: bold;
    margin-bottom: 2%;
    line-height: 1.6;
  }
  #sale .system-contents .system-i-pic {
    width: 100%;
    text-align: center;
    margin: 0 auto 5vw;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
  }
  #sale .system-contents .system-i-pic img {
    max-width: 100%;
    max-height: 60vw;
    width: auto;
    height: auto;
  }
  #sale .system-gallery {
    background: #eeefef;
    padding: 5% 3%;
  }
  #sale .system-gallery h3 {
    text-transform: uppercase;
  }
  #sale .gallery-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;
  }
  #sale .gallery-list li {
    width: 32%;
    position: relative;
    margin: 0 2% 6% 0;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  #sale .gallery-list li:nth-of-type(3n) {
    margin-right: 0;
  }
  #sale .gallery-list li a:hover {
    text-decoration: none;
  }
  #sale .gallery-list li .system-Frame {
    display: block;
    width: 100%;
    height: 21.739vw;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5%;
  }
  #sale .gallery-list li .system-Frame::after {
    content: none;
  }
  #sale .gallery-list li .system-Frame img {
    width: 100%;
    height: 21.739vw;
  }
  #sale main .sy-flex-01 {
    margin-bottom: 2.899vw;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #sale main .box-l {
    width: 100%;
  }
  #sale main .box-r {
    width: 100%;
    color: #000000;
    font-size: 5.797vw;
    font-weight: 700;
    letter-spacing: 0.725vw;
    line-height: 8.454vw;
  }
  #sale main .sy-koumoku-list {
    margin-top: 5.797vw;
    margin-bottom: 13.527vw;
    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;
  }
  #sale main .sy-koumoku-list li {
    width: 100%;
    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;
    color: #000000;
    font-size: 3.865vw;
    font-weight: 500;
    letter-spacing: 0.483vw;
    line-height: 1.5;
  }
  #sale main .sy-koumoku-list li .ttl-l {
    width: 100%;
    background-color: #72a8cc;
    padding: 1.932vw 3.865vw 1.932vw;
    text-align: center;
    color: #ffffff;
  }
  #sale main .sy-koumoku-list li .li-txt-box {
    width: 100%;
    background-color: #ffffff;
    padding: 3.865vw 3.865vw 3.865vw;
  }
  #sale main .sy-koumoku-list {
    margin-bottom: 11.594vw;
  }
  #sale main #box-01 {
    margin-bottom: 10vw;
  }
  #sale main #box-01 .ttl-box {
    color: #000000;
    font-size: 4.348vw;
    font-weight: 700;
    letter-spacing: 0.785vw;
    line-height: 8.454vw;
    text-align: center;
    background-image: url(../images/sale/line-01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 160vw;
    padding-bottom: 3.382vw;
    margin-bottom: 5.797vw;
    position: relative;
  }
  #sale main #box-01 .ttl-box .deco-point {
    position: absolute;
    top: -5.797vw;
    left: 4.348vw;
    width: 19vw;
  }
  #sale main #box-01 .system-gallery02 {
    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;
  }
  #sale main #box-01 .system-gallery02 li {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
  }
  #sale main #box-01 .system-gallery02 li:nth-child(2n) {
    margin-right: 0px;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-pic-box {
    width: 100%;
    margin-bottom: 1.932vw;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-pic-box img {
    width: 100%;
    height: 28.986vw;
  }
  #sale main #box-01 .system-gallery02 .system-gallery02-txt2 {
    color: #000000;
    font-size: 3.382vw;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.6;
  }
  #sale main #box-01 .num {
    width: 11.594vw;
    height: 10.145vw;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
    font-size: 5.314vw;
    font-weight: 700;
    letter-spacing: normal;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #sale main #box-02 .c-ttl {
    color: #000000;
    font-size: 4.348vw;
    font-weight: 700;
    letter-spacing: 0.785vw;
    line-height: 8.454vw;
    text-align: center;
    background-image: url(../images/sale/line-01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 160vw;
    padding-bottom: 3.382vw;
    position: relative;
  }
  #sale main #box-02 .btn-rr {
    text-align: right;
    margin-top: 5.797vw;
  }
  #sale main .sale-bnr-01 {
    width: 100%;
    margin: 0 auto;
    margin-top: 11.594vw;
    margin-bottom: -1.932vw;
  }
  #sale main .from-sub-title {
    color: #000000;
    font-size: 4.348vw;
    font-weight: 700;
    letter-spacing: 0.785vw;
    line-height: 8.454vw;
    text-align: center;
    background-image: url(../images/sale/line-01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 160vw;
    padding-bottom: 3.382vw;
    margin-bottom: 5.797vw;
    position: relative;
  }
  #sale main #gm_wrap {
    margin-top: 7.729vw;
  }
  /* form -------------------------------------*/
  /*
  .form-Box{ padding: 4% 2%; margin-bottom: 30px; line-height: 1.6;}
  .form-Box .form-Box-inner{ background: #fff; padding: 5% 3%;}
  .form-Box .form-list { font-size: 3.2vw; margin-bottom: 10%;}
  .form-Box .error { margin-bottom: 1rem;}
  .form-Box .attention-color { color: #f00;}
  .form-Box .form-list li { padding-left: 1rem; text-indent: -1rem; margin-bottom: 3px; }
  .form-Box table { border-bottom: 1px solid #dcdddd; margin-bottom: 10%; font-size: 3.4vw; line-height: 1.6;}
  .form-Box tr { margin-bottom: 0 !important}
  .form-Box th { border: 1px solid #dcdddd; text-align: left; width: 100%; background-color: #eeefef; padding: 3%; vertical-align: top;}
  .form-Box td { border: 1px solid #dcdddd; border-bottom: 0; text-align: left; width: 100%; padding: 7% 3%; vertical-align: top;}
  .form-Box .from-btn-01 { text-align: center; }
  .form-Box .from-btn-02 { margin-top: 10%;}
  .form-Box .button { border: 0; padding: 0; margin: 0; background: none;}
  .form-Box .from-btn-02 p { margin-bottom: 3%;}
  .form-Box input[type="text"],
  .form-Box input[type="email"],
  .form-Box input[type="tel"],
  .form-Box input[type="date"],
  .form-Box select,
  .form-Box textarea {width: 99%; margin-bottom: 2%; font-size: 16px; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
  .form-Box input.input-txt1 {width: 30%; }
  .form-Box textarea {font-size: 16px; line-height: 1.6; min-height: 120px;}
  .form-Box select{font-size: 3.8vw; padding: 3% 2% 4%; width: 60%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
  .form-Box .error.under_error{margin-bottom:1em;text-align:center;}

  .form-Box .error.under_error .mmb{margin-bottom:4.831vw;font-size:3.382vw;}
  .form-Box .error.under_error .error_wap{width:100%;margin:0 auto;text-align-last:left;font-size:3.382vw;}
  .form-Box .error.under_error .error_wap .form_error_wrap{margin-bottom:0.725vw;padding-left:1.5rem;text-indent:-1.5rem;}
  .form-Box .error.under_error .error_wap .form_error_wrap::before{content:"・";}
  .form-Box .error.under_error .error_wap .form_error_wrap.valid_tel.under_error_tel{display:block !important;}
  */
  #contact main {
    width: 100%;
    margin: 0;
  }
  #contact main #contact_form {
    background-color: #e4e2db;
    padding-block: 20vw 5vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner {
    padding: 0;
  }
  #contact main #contact_form .form-Box .form-Box-inner form {
    background-color: #fff;
    padding: 0.5vw 4.831vw 5.077vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr {
    padding-block: 6.28vw;
    border-bottom: solid 1px #707070;
    display: block;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr th {
    gap: 3.382vw;
    align-items: center;
    display: flex;
    font-size: 3.623vw;
    letter-spacing: 0.181vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td {
    width: 100%;
    font-size: 3.865vw;
    letter-spacing: 0.8px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input {
    align-items: center;
    display: flex;
    margin-top: 4.831vw;
    width: 100%;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input.--2col {
    gap: 13px;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input input {
    background-color: #fff;
    border: solid 1px #707070;
    font-size: 3.623vw;
    height: 6.039vw;
    padding: 1.691vw 3.623vw 2.174vw;
    width: 100%;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input input::placeholder {
    color: #BEBEBE;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr td .contact-sec2__form-item-input textarea {
    margin-bottom: 6.28vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr .contact-sec2__form-item-textarea {
    display: block;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr .td-radio {
    gap: 1.208vw 2.415vw;
    display: flex;
    flex-direction: column;
    margin-top: 2.5vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner form table tbody tr .td-radio label + label {
    margin: 0;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .priv-text {
    margin-top: 9.662vw;
    background: #EFEEEB;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .btnArea button {
    max-width: 94.203vw;
  }
  #contact main #contact_form .form-Box .form-Box-inner form .btnArea .from-btn-02 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
  }
  #contact main #contact_form .form-Box .form-Box-inner .form-list {
    background: #fff;
    text-align: center;
    padding: 12.077vw 0 0;
  }
  .contact-complete .sub-title {
    border-bottom: solid 2px #a2876d;
    color: #a2876d;
  }
  .contact-complete .borderwrap h3 {
    border-bottom: 1px #efeeeb solid;
  }
  .contact-complete .btnArea-s a {
    background: #a2876d;
    border-radius: 3px;
  }
  .contact-complete .btnArea-s a:hover {
    opacity: 0.8;
  }
  .contact-error .sub-title {
    border-bottom: solid 2px #a2876d;
    color: #a2876d;
  }
  .contact-error .borderwrap h3 {
    border-bottom: 1px #efeeeb solid;
  }
  .contact-error .btnArea-s a {
    background: #a2876d;
    border-radius: 3px;
  }
  .contact-error .btnArea-s a:hover {
    opacity: 0.8;
  }
  .under_error_btn a {
    display: block;
    width: 77.295vw;
    margin: 0 auto;
    margin-top: 5.797vw;
    padding: 3.623vw;
    text-align: center;
    color: #f00;
    border: 1px solid #f00;
    font-size: 3.623vw;
  }
  .priv-title {
    text-align: center;
    margin-bottom: 4%;
  }
  .priv-text {
    padding: 3%;
    overflow-y: scroll;
    height: 250px;
    border: #ccc solid 1px;
    margin-bottom: 5%;
    background: #eff0f2;
  }
  .priv-text .priv-ttl {
    margin-bottom: 2%;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .priv-text p {
    margin-bottom: 4%;
    font-size: 3.2vw;
    margin-bottom: 4%;
    padding-bottom: 4%;
    border-bottom: #ccc solid 1px;
  }
  .priv {
    text-align: center;
    margin-bottom: 5%;
  }
  .priv-text .tt {
    margin-bottom: 3%;
    font-size: 4.8vw;
    font-weight: bold;
  }
}
@media screen and (max-width: 380px) {
  #case_newly .system-pic {
    height: 120px;
  }
  #case_newly .system-pic img {
    height: 120px;
  }
}
@media screen and (max-width: 321px) {
  #case_newly .system-pic {
    height: 100px;
  }
  #case_newly .system-pic img {
    height: 100px;
  }
}