@charset "UTF-8";
@media screen and (min-width: 768px),
print {
    main {
        width: 1100px;
        margin: 0 auto 30px auto;
        position: relative;
        left: -80px;
    }

    /* 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;
    }

    .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;
    }

    .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 .last {}

    .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;
    }

    /* event -------------------------------------*/
    #event {
        width: 100%;
        margin: 0 auto;
    }

    #event .inner-Box {
        width: 1050px;
        margin: 0 auto;
        position: relative;
    }

    #event .ttl {
        text-align: left;
        font-size: 20px;
        letter-spacing: 4px;
        margin-bottom: 30px;
    }

    #event .btn {
        position: absolute;
        right: 10px;
        top: 50px
    }

    #event .system-list {
        width: 1050px;
        margin: 0 auto 50px;
        padding: 40px 0;
        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 {
        width: 280px;
        margin-right: 80px;
        background: #fff;
        padding-top: 2%;
        position: relative;
        margin-bottom: 20px;
        border-bottom: dotted 1px #111111;
    }

    #event .system-list li:nth-child(3n) {
        margin-right: 0;
    }

    #event .system-list li a:hover {
        text-decoration: none;
    }

    #event .system-list li:hover .system-ttl-01 {
        text-decoration: underline;
    }

    #event .system-pic {
        width: 100%;
        height: 200px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 20px;
    }

    #event .system-pic img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: 200px;
    }

    #event .system-date {
        font-size: 1rem;
        margin-bottom: 10px;
        background: url(../images/index/event-icon.png) no-repeat bottom 15px right 5px;
    }

    #event .system-date1 {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    #event .date {
        font-size: 14px;
        margin-bottom: 0px;
        color: #fff;
        background: #333333;
        display: block;
        text-align: center;
        padding: 8px 10px;
    }

    #event .date1 {
        font-size: 12px;
        margin-bottom: 10px;
        color: #666666
    }

    #event .date2 {
        font-size: 14px;
        margin-bottom: 0px;
        color: #fff;
        background: #333333;
        text-align: center;
        padding: 8px 10px;
        display: inline-block;
    }

    #event .system-ttl-01 {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.6;
        color: #666666
    }

    #event .system-ttl-02 {
        font-size: 14px;
        line-height: 1.8;
    }

    #event .system-icon {
        font-size: 0.75em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background: #000;
    }

    #event .system-icon02 {
        position: absolute;
        top: 25px;
        left: -20px;
    }

    #event .system-icon03 {
        position: absolute;
        top: 0px;
        left: 0;
    }

    #event .system-category {
        font-size: 0.688em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #event .serchcategory {
        width: 1100px;
        margin: 0 auto 30px;
    }

    #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;
    }

    #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;
        font-size: 0.8rem;
        margin-bottom: 15px;
        margin-top: -15px;
    }

    #event .system-icon02 span.icon02-01 {}

    #event .system-icon02 span.icon02-02 {}

    #event .system-icon02 span.icon02-03 {}

    #event .event-photoset-details {
        width: 1100px;
        margin: 80px auto 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
    }

    #event .event-photoset-details .event-photoset-detail-item {
        width: 335px;
        margin: 0 47px 30px 0;
    }

    #event .event-photoset-details .event-photoset-detail-item:nth-child(3n) {
        margin: 0 0 30px 0;
    }

    #event .event-photoset-details .event-photoset-detail-item .photo {
        margin: 0 0 19px 0;
    }

    #event .event-photoset-details .event-photoset-detail-item .photo img {
        width: 335px;
        height: 235px;
    }

    #event .event-photoset-details .event-photoset-detail-item .event-detail-text {
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: 1px;
    }

    #event .system-contents {
        width: 1100px;
        margin: 0 auto;
        background: #fff;
        padding: 40px 00px;
        margin-bottom: 30px;
    }

    #event .system-contents-inner {
        background: #fff;
        padding: 20px 20px 40px;
        position: relative;
    }

    #event .system-contents .system-date {
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #event .system-contents .system-date::before {
        content: none;
    }

    #event .system-contents .titleArea {
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px #ccc solid;
        position: relative;
    }

    #event .system-contents .system-category {
        margin-bottom: 20px;
        font-size: 0.75em;
        background-color: #000;
        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;
        width: 960px;
    }

    #event .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
        position: relative;
    }

    #event .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        height: auto;
    }

    #event .system-gallery {
        background: #eeefef;
        padding: 30px 20px;
    }

    #event .system-gallery h3 {
        text-transform: uppercase;
    }

    #event #gm_wrap {}

    #event #gm_wrap #googlemaps {
        padding: 0% 0% 40% 0% !important;
    }

    /* case_newly -------------------------------------*/
    #case_newly .system-list {
        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: 32%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 20px;
        padding: 20px 10px 30px;
    }

    #case_newly .system-list li:nth-child(3n) {
        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: 220px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 15px;
    }

    #case_newly .system-pic img {
        width: 100%;
        height: 220px;
    }

    #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;
        font-weight: bold;
    }

    #case_newly .system-list .youtube-icon {
        text-align: right;
    }

    #case_newly .system-category-set {
        margin-bottom: 8px;
        /* margin-top: -30px; */
        /* margin-left: -10px; */
    }

    #case_newly .system-category {
        width: 115px;
        margin-bottom: 1px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 3px 5px;
        background-color: #333333 !important;
        display: inline-block;
        position: relative;
        z-index: 1
    }

    #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 .icon-premium {
        display: inline-block;
        font-size: 0.6em;
        background: #BF9A18;
        padding: 2px 8px;
        color: #fff;
        margin: 0 0 10px;
    }

    #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;
    }

    #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 .system-icon02 span {
        display: block;
        position: absolute;
        top: 220px;
        left: 0;
    }

    #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 {
        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: 14px;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 20%;
        float: left;
        margin-right: 2px;
        font-weight: bold;
    }

    #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: 20px;
    }

    #case_newly .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    #case_newly .system-contents .youtube-frame {}

    #case_newly .system-contents .youtube-frame iframe {
        width: 100%;
        height: 574px;
    }

    #case_newly .system-gallery {
        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_newly .inc-list {
        width: 100%;
        margin: 0 auto;
    }

    #case_newly .inc-list .system-list02 {
        margin-bottom: 10%;
        overflow: hidden;
        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 .inc-list .system-list02 li {
        width: 14.5%;
        margin-right: 2.5%;
        margin-bottom: 5%;
        float: left;
    }

    #case_newly .inc-list .system-list02 li:nth-child(6n) {
        margin-right: 0;
    }

    #case_newly .inc-list .system-list02 .pic {
        width: 100%;
        height: 130px;
        max-height: 130px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 5%;
    }

    #case_newly .inc-list .system-list02 .pic img {
        max-width: 100%;
        height: 100%;
    }

    #case_newly .fit img {
        object-fit: cover;
        font-family: "object-fit: cover;";
    }

    #case_newly .inc-list .system-list02 .abs-ttl {
        font-size: 0.8rem;
        line-height: 1.5;
        color: #666;
        font-weight: bold;
    }

    /* pick -------------------------------------*/
    #pick .system-list {
        margin-bottom: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #pick .system-list .flex-ce {
        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;
    }

    #pick .system-list > li {
        line-height: 1.4;
        width: 100%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #a0a0a0;
    }

    #pick .system-list > li .box-l {
        width: 513px;
    }

    #pick .system-list > li .box-r {
        width: 522px;
        position: relative;
    }

    #pick .system-list > li .box-r .photo-list {
        margin-bottom: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #pick .system-list > li .box-r .photo-list li {
        width: 30%;
        margin-right: 5%;
        padding: 0;
    }

    #pick .system-list > li .box-r .photo-list li:nth-child(3n) {
        margin-right: 0px;
    }

    #pick .system-list > li .fit img:hover {
        opacity: 1;
    }

    #pick .system-list .btn {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #pick .system-pic {
        width: 95%;
        height: 300px;
        overflow: hidden;
        text-align: center;
    }

    #pick .system-pic img {
        width: 95%;
        height: 300px;
    }

    #pick .system-date {
        font-size: 1em;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #a0a0a0;
    }

    #pick .system-ttl-01 {
        font-size: 1.125em;
        margin-bottom: 50px;
        line-height: 1.4;
        letter-spacing: 0.05em;
    }

    #pick .system-pic02 {
        max-width: 150%;
        height: 130px;
        overflow: hidden;
        text-align: center;
    }

    #pick .system-pic02 img {
        width: 100%;
        height: 130px;
    }

    #pick .system-contents {
        margin-bottom: 30px;
    }

    #pick .system-contents-inner {
        background: #fff;
        padding: 40px 20px 20px;
        border: 1px solid #221815;
        padding: 55px 36px;
    }

    #pick .system-contents .system-ttl {
        font-size: 1.375em;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
    }

    #pick .system-contents .system-date {
        font-size: 1em;
        margin-bottom: 15px;
        display: block;
        margin-bottom: 50px;
    }

    #pick .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;
    }

    #pick .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 50px;
    }

    #pick .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    #pick .system-gallery h3 {
        text-transform: uppercase;
    }

    #pick .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;
    }

    #pick .gallery-list li {
        width: 23.5%;
        position: relative;
        margin: 0 2% 25px 0;
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #pick .gallery-list li:nth-of-type(4n) {
        margin-right: 0;
    }

    #pick .gallery-list li a:hover {
        text-decoration: none;
    }

    #pick .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 160px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
        position: relative;
    }

    #pick .gallery-list li .system-Frame::after {
        content: url(../images/common/icon_plus.jpg);
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 30px;
        height: 30px;
    }

    #pick .gallery-list li .system-Frame img {
        width: 100%;
        height: 160px;
    }

    #pick-list .inner {
        width: 1100px;
        margin: 0 auto;
    }

    #pick-dl .inner {
        width: 1100px;
        margin: 0 auto;
    }

    #pick .recommend-ttl {
        text-align: center;
        margin-bottom: 30px;
        padding-top: 50px;
        color: #000;
        font-weight: bold;
        font-size: 24px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    }

    #pick .inc-list {
        width: 1100px;
        margin: 0 auto;
    }

    #pick .inc-list .system-list02 {
        margin-bottom: 60px;
        overflow: hidden;
    }

    #pick .inc-list .system-list02 li {
        width: 164px;
        margin-right: 23px;
        margin-bottom: 20px;
        float: left;
    }

    #pick .inc-list .system-list02 li:nth-child(6n) {
        margin-right: 0px;
    }

    #pick .inc-list .system-list02 .pic {
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 5px;
    }

    #pick .inc-list .system-list02 .pic img {
        max-width: 100%;
        height: 120px;
    }

    #pick .fit img {
        object-fit: cover;
        font-family: "object-fit: cover;";
    }

    #pick .inc-list .system-list02 .abs-ttl {
        font-size: 13px;
        line-height: 1.5;
        color: #666;
    }

    #pick .bottom-bnr {
        width: 900px;
        margin: 0 auto;
    }

    #pick .bottom-bnr ul {
        overflow: hidden;
    }

    #pick .bottom-bnr ul li {
        float: left;
    }

    #pick .bottom-bnr ul li:nth-child(2) {
        float: right;
    }

    /* voice -------------------------------------*/
    #voice .system-list {
        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 .voice-btn {
        text-align: left;
        font-size: 16px;
        letter-spacing: 5px;
    }

    #voice .system-pic {
        width: 100%;
        height: 240px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 15px;
    }

    #voice .system-pic img {
        width: 100%;
        height: 260px;
    }

    #voice .system-date {
        font-size: 0.75em;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    #voice .system-name {
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    #voice .system-coment {
        font-size: 0.75em;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    #voice .system-ttl-01 {
        font-size: 1em;
        margin-bottom: 10px;
        line-height: 1.4;
        font-weight: bold;
    }

    #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 .icon01 {
        background: #000;
    }

    #voice .icon02 {
        background: #111;
    }

    #voice .icon03 {
        background: #222;
    }

    #voice .icon04 {
        background: #333;
    }

    #voice .icon05 {
        background: #444;
    }

    #voice .icon06 {
        background: #555;
    }

    #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: 2rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #voice .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
    }

    #voice .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        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 {
        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 0px;
    }

    #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;
    }

    /* modelhouse -------------------------------------*/
    #modelhouse .system-list {
        width: 1100px;
        margin: 0 auto;
        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;
    }

    #modelhouse .system-list li {
        line-height: 1.4;
        width: 42%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 20px;
        padding: 20px 10px 30px;
    }

    #modelhouse .system-list li:nth-child(2n) {
        margin-right: 0
    }

    #modelhouse .system-list li a:hover {
        text-decoration: none;
    }

    #modelhouse .system-list .btn {
        text-align: center;
        background: #fff;
        color: #494949;
        font-size: 1rem;
        border: 2px solid #494949;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1%;
    }

    #modelhouse .system-list .btn:after {
        content: "▶";
        position: relative;
        top: 3px;
        right: -10px;
    }

    #modelhouse .system-pic {
        width: 100%;
        height: 380px;
        overflow: hidden;
        text-align: center;
    }

    #modelhouse .system-pic img {
        width: 100%;
        height: 380px;
    }

    #modelhouse .system-name {
        font-size: 14px;
        padding-top: 20px;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
    }

    #modelhouse .system-ttl-01 {
        font-size: 1rem;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse .system-txt {
        font-size: 1rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse .system-contents {
        width: 1100px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #modelhouse .system-contents-inner {
        background: #fff;
        padding: 40px 20px;
    }

    #modelhouse .system-contents .system-date {
        font-size: 18px;
        padding-top: 20px;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
    }

    #modelhouse .system-contents .system-ttl {
        font-size: 2rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
    }

    #modelhouse .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    #modelhouse .system-gallery {}

    #modelhouse .system-gallery h3 {
        text-transform: uppercase;
    }

    #modelhouse .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;
    }

    #modelhouse .gallery-list li {
        width: 18.4%;
        position: relative;
        margin: 0 2% 25px 0;
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #modelhouse .gallery-list li:nth-of-type(5n) {
        margin-right: 0;
    }

    #modelhouse .gallery-list li a:hover {
        text-decoration: none;
    }

    #modelhouse .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
    }

    #modelhouse .gallery-list li .system-Frame::after {
        content: url(../images/common/icon_plus.jpg);
        display: block;
        position: absolute;
        top: 90px;
        right: 0;
    }

    #modelhouse .gallery-list li .system-Frame img {
        width: 100%;
        height: 120px;
    }

    #modelhouse #gm_wrap #googlemaps {
        height: 375px;
        width: 800px;
        margin: 60px auto;
        border: 1px solid #666;
        position: relative;
        overflow: hidden;
    }

    #modelhouse .form-Box {
        width: 1100px;
        margin: 0 auto;
        position: relative;
        left: -80px;
    }

    /* real_estate -------------------------------------*/
    #real_estate .system-list {
        width: 1100px;
        margin: 0 auto;
        padding: ;
        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: #fff;
        color: #494949;
        font-size: 1rem;
        border: 2px solid #494949;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1%;
    }

    #real_estate .system-list .btn::after {
        content: ' >';
    }

    #real_estate .system-pic {
        width: 100%;
        height: 220px;
        overflow: hidden;
        text-align: center;
    }

    #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: 16px;
        font-weight: bold;
        margin: 0 auto 15px;
        line-height: 1.4;
    }

    #real_estate .system-category-set {
        margin-bottom: 15px;
    }

    #real_estate .system-category {
        margin-bottom: 1px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        background-color: #ccc;
    }

    #real_estate .serchcategory {
        margin-bottom: 100px;
        width: 1100px;
        margin: 0 auto;
    }

    #real_estate .serchcategory .icon {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 18px;
        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;
    }

    #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 .system-icon02 span {
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
    }

    #real_estate .system-icon02 span.icon02-01 {}

    #real_estate .system-contents {
        width: 1100px;
        margin: 0 auto 30px;
        padding: 0 20px;
        border: 3px solid #494949;
    }

    #real_estate .system-contents-inner {
        background: #fff;
        padding: 60px 20px;
        position: relative;
    }

    #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 {
        font-size: 1em;
        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: 20px;
    }

    #real_estate .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        height: auto;
    }

    #real_estate .system-gallery {
        padding: 30px 20px;
    }

    #real_estate .system-gallery h3 {
        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 h4 {
        font-weight: bold;
        font-size: 18px;
    }

    #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;
    }

    /* blog -------------------------------------*/
    #blog .contentswrapper {
        width: 1100px;
        margin: 0 auto;
    }

    #blog .mainContents .system-list2 {
        width: 100%;
        padding: 41px 0;
    }

    #blog .mainContents .system-list-inner2 {
        background: #fff;
        padding: 40px;
        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;
    }

    #blog .mainContents .system-list2 li {
        overflow: hidden;
        line-height: 1.4;
        margin-bottom: 40px;
        border-bottom: 1px dotted #b2b2b2;
        padding: 0 0 0;
        width: 30%;
        margin-right: 5%;
    }

    #blog .mainContents .system-list2 li:nth-child(3n) {
        margin-right: 0%;
    }

    #blog .mainContents .system-list2 li a:hover {
        text-decoration: none;
    }

    #blog .mainContents .system-list2 .system-pic {
        width: 100%;
        height: 230px;
        margin-bottom: 10px;
        text-align: center;
    }

    #blog .mainContents .system-list2 .system-pic img {
        max-width: 100%;
        height: 230px;
    }

    #blog .mainContents .system-list2 .system-date {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
        color: #494949;
    }

    #blog .mainContents .system-list2 .system-ttl-01 {
        width: 100%;
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 10px;
        color: #494949;
    }

    #blog .mainContents .system-list2 .system-category-set {
        width: 100%;
        float: right;
        margin-bottom: 15px;
    }

    #blog .mainContents .system-list2 .system-category {
        width: 100%;
        margin-right: 1px;
        margin-bottom: 5px;
        font-size: 0.8em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        float: left;
        background: #333333;
    }

    #blog .mainContents .system-list2 .system-contributor {
        width: 78%;
        float: right;
        color: #bbb;
        font-size: 0.75em;
        text-align: right;
    }

    /**/
    #blog .mainContents .system-contents {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
        margin-bottom: 30px;
    }

    #blog .mainContents .system-contents-inner {
        background: #fff;
        padding: 40px 25px;
    }

    #blog .mainContents .system-contents .system-pic {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #blog .mainContents .system-contents .system-category {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        margin-right: 1px;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 4px;
        float: left;
        background: #333333
    }

    #blog .mainContents .system-contents .system-date {
        font-size: 1em;
        margin-bottom: 10px;
        display: block;
        color: #494949;
    }

    #blog .mainContents .system-contents .system-ttl {
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
        color: #494949;
    }

    #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;
    }

    /* column -------------------------------------*/
    #column .contentswrapper {
        width: 1100px;
        margin: 0 auto;
    }

    #column .mainContents .system-list2 {
        width: 100%;
        padding: 41px 0;
    }

    #column .mainContents .system-list-inner2 {
        background: #fff;
        padding: 40px;
        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;
    }

    #column .mainContents .system-list2 li {
        overflow: hidden;
        line-height: 1.4;
        margin-bottom: 40px;
        border-bottom: 1px dotted #b2b2b2;
        padding: 0 0 0;
        width: 30%;
        margin-right: 5%;
    }

    #column .mainContents .system-list2 li:nth-child(3n) {
        margin-right: 0%;
    }

    #column .mainContents .system-list2 li a:hover {
        text-decoration: none;
    }

    #column .mainContents .system-list2 .system-pic {
        width: 100%;
        height: 230px;
        margin-bottom: 10px;
        text-align: center;
    }

    #column .mainContents .system-list2 .system-pic img {
        max-width: 100%;
        height: 230px;
    }

    #column .mainContents .system-list2 .system-date {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
        color: #494949;
    }

    #column .mainContents .system-list2 .system-ttl-01 {
        width: 100%;
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 10px;
        color: #494949;
    }

    #column .mainContents .system-list2 .system-category-set {
        width: 100%;
        float: right;
        margin-bottom: 15px;
    }

    #column .mainContents .system-list2 .system-category {
        width: 100%;
        margin-right: 1px;
        margin-bottom: 5px;
        font-size: 0.8em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        float: left;
        background: #333333;
    }

    #column .mainContents .system-list2 .system-contributor {
        width: 78%;
        float: right;
        color: #bbb;
        font-size: 0.75em;
        text-align: right;
    }

    /**/
    #column .mainContents .system-contents {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
        margin-bottom: 30px;
    }

    #column .mainContents .system-contents-inner {
        background: #fff;
        padding: 40px 25px;
    }

    #column .mainContents .system-contents .system-pic {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #column .mainContents .system-contents .system-category {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        margin-right: 1px;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 4px;
        float: left;
        background: #333333
    }

    #column .mainContents .system-contents .system-date {
        font-size: 1em;
        margin-bottom: 10px;
        display: block;
        color: #494949;
    }

    #column .mainContents .system-contents .system-ttl {
        font-size: 1.6em;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
        color: #494949;
    }

    #column .mainContents .system-contents .footInfo {
        margin-top: 50px;
        padding-top: 20px;
        border-top: 1px dotted #ccc;
    }

    #column .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 {}

    aside.sidebar .list-block ul {
        height: 200px;
        overflow-x: hidden;
    }

    aside.sidebar .list-block ul.height {
        height: 370px;
    }

    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 {
        width: 1100px;
        margin: 0 auto;
        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-pic {
        width: 20%;
        height: auto;
        float: left;
    }

    #topics .system-list .system-pic img {
        max-width: 100%;
        height: auto;
    }

    #topics .system-list .system-date {
        width: 78%;
        margin-bottom: 10px;
        float: right;
        font-size: 16px;
        line-height: 1.4;
        color: #494949;
    }

    #topics .system-list .system-ttl-01 {
        width: 78%;
        float: right;
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 10px;
        color: #494949;
    }

    #topics .system-list .system-contributor {
        width: 78%;
        float: right;
        color: #bbb;
        font-size: 0.75em;
        text-align: right;
    }

    #topics .system-contents {
        width: 1100px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #topics .system-contents-inner {
        background: #fff;
        padding: 40px 20px;
    }

    #topics .system-contents .system-date {
        font-size: 18px;
        padding-top: 20px;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
    }

    #topics .system-contents .system-ttl {
        font-size: 2rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #topics .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
    }

    #topics .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    /* staff -------------------------------------*/
    #staff .system-list {
        padding: 40px 0px 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: 32%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 20px;
        padding: 12px 0;
    }

    #staff .system-list li:nth-child(3n) {
        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: 300px;
        margin-bottom: 15px;
        overflow: hidden;
        text-align: center;
    }

    #staff .system-pic img {
        width: 100%;
        height: 300px;
    }

    #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-contents {
        margin-bottom: 30px;
    }

    #staff .system-contents-inner {
        background: #fff;
        padding: 40px 80px;
    }

    #staff .system-contents .system-info {
        width: 46%;
        float: left;
    }

    #staff .system-contents .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: #000;
        padding: 10px 15px;
        display: inline-block;
    }

    #staff .system-contents .system-name {
        font-size: 2em;
        line-height: 1.4;
        text-align: left;
    }

    #staff .system-contents .system-kana {
        font-size: 0.813em;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    #staff .system-contents .system-comment {
        font-size: 1em;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    #staff .system-contents .staff-youtube {
        margin: 80px 0 80px 0;
    }

    #staff .system-contents .staff-youtube iframe {
        width: 100%;
        height: 530px;
    }

    #staff .system-contents .comment-bx {}

    #staff .system-contents .comment-bx table {}

    #staff .system-contents .comment-bx tbody {}

    #staff .system-contents .comment-bx tr {}

    #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: 20px;
    }

    #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 {}

    #staff .system-contents1 .comment-bx table {}

    #staff .system-contents1 .comment-bx tbody {}

    #staff .system-contents1 .comment-bx tr {}

    #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-contents2 {
        background: #eeefef;
        padding: 40px;
        margin-bottom: 30px;
    }

    #staff .system-contents2-inner {
        background: #fff;
        padding: 80px;
    }

    #staff .system-contents2 .system-info {
        width: 46%;
        float: left;
    }

    #staff .system-contents2 .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-contents2 .system-name {
        font-size: 2.45em;
        line-height: 1.4;
        text-align: left;
    }

    #staff .system-contents2 .system-kana {
        font-size: 0.813em;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    #staff .system-contents2 .system-comment {
        font-size: 1em;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    #staff .system-contents2 .system-r_name {
        position: absolute;
        right: 0;
        bottom: -70px;
        font-size: 40px;
        font-weight: bold;
        color: #959595
    }

    #staff .system-contents2 .comment-bx {}

    #staff .system-contents2 .comment-bx table {}

    #staff .system-contents2 .comment-bx tbody {}

    #staff .system-contents2 .comment-bx tr {}

    #staff .system-contents2 .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-contents2 .comment-bx td {
        font-size: 1em;
        width: 40%;
        border: 1px solid #ccc;
        padding: 5px 15px;
        vertical-align: middle;
    }

    #staff .system-contents2 .system-i-pic {
        width: 50%;
        float: right;
        text-align: center;
        margin-bottom: 60px;
        position: relative;
    }

    #staff .system-contents2 .system-i-pic img {
        max-width: 100%;
        max-height: 400px;
        width: auto;
        height: auto;
    }

    #staff .system-contents2 .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;
    }

    .priv-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .priv-text {
        padding: 20px;
        overflow-y: scroll;
        height: 250px;
        border: #ccc solid 1px;
        margin-bottom: 30px;
        background: #eff0f2;
    }

    .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: #D66700;
    }

    .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: 2px solid #fff;
        text-align: left;
        width: 30%;
        background-color: #E5E5E5;
        padding: 20px;
        vertical-align: top;
    }

    .form-Box td {
        border: 2px solid #fff;
        text-align: left;
        width: 70%;
        background-color: #F8F8F8;
        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: 800px;
        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;
    }

    /* modelhouse_new -------------------------------------*/
    #modelhouse_new .system-list {
        width: 1100px;
        margin: 0 auto;
        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;
    }

    #modelhouse_new .system-list li {
        line-height: 1.4;
        width: 85%;
        margin: 50px auto 100px;
        background: #fff;
        position: relative;
    }

    #modelhouse_new .system-list li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .system-list .btn {
        text-align: center;
        background: #fff;
        color: #494949;
        font-size: 1rem;
        border: 2px solid #494949;
        width: 50%;
        padding: 1%;
        margin: 0 auto;
    }

    #modelhouse_new .system-list .btn:after {
        content: "▶";
        position: relative;
        top: 3px;
        right: -10px;
    }

    #modelhouse_new .pic-bx {
        min-height: 400px;
        margin: 0 auto 50px;
    }

    #modelhouse_new .system-pic1 {
        width: 50%;
        height: 400px;
        margin-right: 2%;
        overflow: hidden;
        text-align: center;
        float: left;
    }

    #modelhouse_new .system-pic1 img {
        width: 100%;
        height: 400px;
    }

    #modelhouse_new .system-pic2 {
        width: 48%;
        height: 400px;
        overflow: hidden;
        text-align: center;
        float: right;
    }

    #modelhouse_new .system-pic2 img {
        width: 100%;
        height: 400px;
    }

    #modelhouse_new .system-name {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.4;
        color: #494949;
    }

    #modelhouse_new .system-ttl-01 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse_new .system-ttl-02 {
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse_new .system-txt {
        font-size: 1rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse_new .system-contents {
        width: 1100px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #modelhouse_new .system-contents-inner {
        background: #fff;
        padding: 40px 20px;
    }

    #modelhouse_new .system-contents .system-date {
        font-size: 18px;
        margin-bottom: 50px;
        line-height: 1.4;
        color: #494949;
    }

    #modelhouse_new .system-contents .system-ttl {
        font-size: 2rem;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse_new .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
    }

    #modelhouse_new .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    #modelhouse_new .system-gallery {}

    #modelhouse_new .system-gallery h3 {
        text-transform: uppercase;
    }

    #modelhouse_new .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;
    }

    #modelhouse_new .gallery-list li {
        width: 18.4%;
        position: relative;
        margin: 0 2% 25px 0;
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #modelhouse_new .gallery-list li:nth-of-type(5n) {
        margin-right: 0;
    }

    #modelhouse_new .gallery-list li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
    }

    #modelhouse_new .gallery-list li .system-Frame img {
        width: 100%;
        height: 120px;
    }

    #modelhouse_new .gallery-list1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #modelhouse_new .gallery-list1 li {
        width: 49%;
        position: relative;
        margin: 0 2% 2% 0;
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #modelhouse_new .gallery-list1 li:nth-of-type(2n) {
        margin-right: 0;
    }

    #modelhouse_new .gallery-list1 li:nth-of-type(n+3) {
        margin-bottom: 0;
    }

    #modelhouse_new .gallery-list1 li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .gallery-list1 li .system-Frame {
        display: block;
        width: 100%;
        height: 195px;
        overflow: hidden;
        text-align: center;
    }

    #modelhouse_new .gallery-list1 li .system-Frame img {
        width: 100%;
        height: 195px;
    }

    #modelhouse_new #gm_wrap #googlemaps {
        height: 375px;
        width: 800px;
        margin: 60px auto;
        border: 1px solid #666;
        position: relative;
        overflow: hidden;
    }

    #modelhouse_new .form-Box {
        width: 1100px;
        margin: 0 auto;
        position: relative;
    }

    #modelhouse_new .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;
    }

    #modelhouse_new .system-gallery02 li {
        width: 32%;
        margin-right: 2%;
        margin-left: 0;
        margin-bottom: 5%;
        position: relative;
    }

    #modelhouse_new .system-gallery02 li:nth-child(1)::before {
        content: "POINT1";
        width: 60px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: 0;
        color: #000000;
        font-size: 16px;
    }

    #modelhouse_new .system-gallery02 li:nth-child(2)::before {
        content: "POINT2";
        width: 60px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: 0;
        color: #000000;
        font-size: 16px;
    }

    #modelhouse_new .system-gallery02 li:nth-child(3)::before {
        content: "POINT3";
        width: 60px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: 0;
        color: #000000;
        font-size: 16px;
    }

    #modelhouse_new .system-gallery02 li:nth-child(3n) {
        margin-right: 0px;
    }

    #modelhouse_new .system-gallery02 li:nth-child(n+4) {
        display: none;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-pic-box {
        width: 55%;
        margin-bottom: 22px;
        float: left;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-pic-box img {
        width: 100%;
        height: 200px;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-txt2 {
        color: #000000;
        font-size: 16px;
        letter-spacing: normal;
        width: 40%;
        float: right;
    }

    #modelhouse_new .inc-list {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        left: -80px;
    }

    #modelhouse_new .inc-list .system-list02 {
        margin-bottom: 10%;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #modelhouse_new .inc-list .system-list02 li {
        width: 300px;
        margin-right: 50px;
        margin-bottom: 5%;
        float: left;
    }

    #modelhouse_new .inc-list .system-list02 li:nth-child(3n) {
        margin-right: 0;
    }

    #modelhouse_new .inc-list .system-list02 .pic {
        width: 100%;
        height: 250px;
        max-height: 250px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 5%;
    }

    #modelhouse_new .inc-list .system-list02 .pic img {
        max-width: 100%;
        height: 100%;
    }

    #modelhouse_new .fit img {
        object-fit: cover;
        font-family: "object-fit: cover;";
    }

    #modelhouse_new .inc-list .system-list02 .abs-ttl {
        font-size: 0.8rem;
        line-height: 1.5;
        color: #666;
        font-weight: bold;
    }
}

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

    /* system-common */
    .page-list {
        font-size: 1.2rem;
        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: 12px;
        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-navi {
        font-size: 1.4rem;
    }

    .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 .last {}

    .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: 1.4rem;
        padding: 7px 30px;
        text-align: center;
        display: inline-block;
        background: #000;
    }

    .pagen .list a:hover {
        background: #666;
        text-decoration: none;
    }

    .btnArea {
        text-align: center;
        margin: 10% auto;
        padding: 0;
    }

    .btnArea a {
        font-weight: bold;
        margin: 0 auto;
        color: #fff;
        padding: 20px 50px;
        font-size: 1.2rem;
        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: 1.2rem;
        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: 1.2rem;
        font-weight: bold;
        margin-bottom: 5%;
        padding-bottom: 5%;
        border-bottom: 1px #ccc solid;
    }

    .borderwrap p {
        font-size: 0.875em;
    }

    /* event -------------------------------------*/
    #event .system-list {
        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: 100%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 3vw;
        padding: 5% 5% 0;
    }

    #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: 1.2rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 4% 3%;
    }

    #event .system-list .btn::after {
        content: ' >';
    }

    #event .system-pic {
        width: 45%;
        float: left;
        height: 32vw;
        margin-right: 5%;
        overflow: hidden;
        text-align: center;
        margin-bottom: 3vw;
    }

    #event .system-pic img {
        max-width: 100%;
        max-height: auto;
        width: auto;
        height: auto;
    }

    #event .system-date {
        font-size: 3vw;
        line-height: 1.2;
        background: url(../images/index/event-icon.png) no-repeat bottom 1vw right 0;
    }

    #event .system-date1 {
        font-size: 3vw;
        line-height: 1.2;
    }

    #event .date {
        font-size: 2.2vw;
        margin-bottom: 0;
        color: #fff;
        background: #333333;
        display: block;
        text-align: center;
        padding: 1vw 2vw
    }

    #event .date1 {
        font-size: 3vw;
        margin-bottom: 3vw;
        color: #666666
    }

    #event .date2 {
        font-size: 3vw;
        margin-bottom: 0;
        color: #fff;
        background: #333333;
        display: inline-block;
        text-align: center;
        padding: 1vw 2vw
    }

    #event .sys-bx {
        width: 50%;
        float: left;
    }

    #event .system-ttl-01 {
        font-size: 3.6vw;
        margin-bottom: 3vw;
        line-height: 1.6;
        color: #666666
    }

    #event .system-icon {
        font-size: 0.75em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background: #000;
    }

    #event .system-icon02 {
        width: 20vw;
        position: absolute;
        top: 3vw;
        left: 2vw;
    }

    #event .system-coment {
        font-size: 1.2rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #event .system-ttl-01 {
        font-size: 3.6vw;
        line-height: 1.6;
        padding-bottom: 5%;
        margin-bottom: 5%;
    }

    #event .system-category {
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #event .serchcategory {
        margin: 0 3% 10%;
    }

    #event .serchcategory .icon {
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 3%;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 2% 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;
    }

    #event .system-contents .system-icon02 span {
        display: block;
    }

    #event .system-icon03 {
        width: 35%;
        position: absolute;
        left: 0;
        top: 0
    }

    #event .system-icon03 img {
        width: 100%
    }

    #event .event-photoset-details {
        width: 100%;
        margin: 12vw auto 10vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #event .event-photoset-details .event-photoset-detail-item {
        width: 48%;
        margin: 0 4% 7.25vw 0;
    }

    #event .event-photoset-details .event-photoset-detail-item:nth-child(2n) {
        margin: 0 0 7.25vw 0;
    }

    #event .event-photoset-details .event-photoset-detail-item .photo {
        margin: 0 0 2vw;
    }

    #event .event-photoset-details .event-photoset-detail-item .photo img {
        width: 100%;
        height: 33vw !important;
    }

    #event .event-photoset-details .event-photoset-detail-item .event-detail-text {
        font-size: 3.3vw;
        line-height: 1.7;
        letter-spacing: 0.25vw;
    }

    #event .system-icon02 span.icon02-01 {}

    #event .system-icon02 span.icon02-02 {}

    #event .system-icon02 span.icon02-03 {}

    #event .system-contents {
        padding: 4% 2%;
        margin-bottom: 30px;
    }

    #event .system-contents .system-txt {
        margin-bottom: 3%;
        font-size: 4vw
    }

    #event .system-contents-inner {
        padding: 5% 3%;
    }

    #event .system-contents .system-date {
        font-size: 1.2rem;
        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;
        position: relative;
    }

    #event .system-contents .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 4% 2%;
        width: 100%;
    }

    #event .system-contents .system-category-set {
        margin-bottom: 5%;
    }

    #event .system-contents .system-ttl {
        font-size: 1.6rem;
        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: 20px;
        position: relative;
    }

    #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: 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: 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: 1.2rem;
    }

    /* case_newly -------------------------------------*/
    #case_newly .system-list {
        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%;
    }

    #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: 1.2rem;
        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: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8%;
    }

    #case_newly .system-pic img {
        width: 100%;
        height: 31vw !important;
    }

    #case_newly .system-date {
        font-size: 1.2rem;
        margin-bottom: 5%;
    }

    #case_newly .system-date::before {
        content: "■";
    }

    #case_newly .system-ttl-01 {
        font-size: 1.4rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #case_newly .system-list .youtube-icon {
        width: 20vw;
        margin: 0 0 0 auto;
    }

    #case_newly .system-category-set {
        margin-bottom: 3%;
        margin-top: -8%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
    }

    #case_newly .system-category-set .system-category:nth-child(2n) {
        margin: 0 0 0 0;
    }

    #case_newly .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        width: 48%;
        text-align: center;
        margin: 0 4% 0 0;
        padding: 1vw 0vw;
        background-color: #333333 !important;
    }

    #case_newly .serchcategory {
        margin: 0 3% 10%;
    }

    #case_newly .serchcategory .icon {
        display: inline-block;
        margin-right: 0.1%;
        margin-bottom: 3%;
        font-size: 0.7rem;
        color: #fff;
        text-align: center;
        padding: 4% 2.5%;
    }

    #case_newly .icon-premium {
        display: inline-block;
        font-size: 0.6rem;
        background: #BF9A18;
        padding: 2px 8px;
        color: #fff;
        margin: 0 0 8px;
        font-weight: bold;
    }

    #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 .system-icon02 span {
        display: block;
        position: absolute;
        top: 27vw;
        left: 0;
    }

    #case_newly .system-icon02 span.icon02-01 {
        width: 30%
    }

    #case_newly .system-icon02 span.icon02-01 img {
        width: 100%
    }

    #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 {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #case_newly .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #case_newly .system-contents .system-date {
        font-size: 1.2rem;
        margin-bottom: 5%;
        display: block;
        line-height: 1.4;
    }

    #case_newly .system-contents .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 2% 3%;
        width: 48%;
    }

    #case_newly .system-contents .system-category-set {
        margin-bottom: 5%;
        margin-top: 0;
    }

    #case_newly .system-contents .system-ttl {
        font-size: 1.6rem;
        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-contents .youtube-frame {}

    #case_newly .system-contents .youtube-frame iframe {
        width: 100%;
        height: 51vw;
    }

    #case_newly .system-gallery {
        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: 1.2rem;
        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_newly .system-list02 {
        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-list02 li {
        position: relative;
        line-height: 1.4;
        width: 49%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 3%;
        padding: 2%;
    }

    #case_newly .system-list02 li .pic {
        margin-bottom: 3%
    }

    #case_newly .system-list02 li img {
        width: 100%;
        height: 100px;
    }

    #case_newly .system-list02 li:nth-child(2n) {
        margin-right: 0
    }

    #case_newly .system-list02 li a:hover {
        text-decoration: none;
    }

    #case_newly .system-list02 .btn {
        text-align: center;
        background: #333;
        color: #fff;
        font-size: 1.2rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3%;
    }

    #case_newly .system-list02 .btn::after {
        content: ' >';
    }

    #case_newly .system-list02 .abs-ttl {
        font-size: 3.6vw;
        line-height: 1.5;
        color: #666;
        font-weight: bold;
    }

    /* pick -------------------------------------*/
    #pick .system-list {
        margin-bottom: 5vw;
        width: 100%;
    }

    #pick .system-list .flex-ce {}

    #pick .system-list > li {
        line-height: 1.4;
        width: 95%;
        margin: 0 auto 10vw;
        padding-bottom: 5vw;
        background: #fff;
        position: relative;
        border-bottom: 1px solid #a0a0a0;
    }

    #pick .system-list > li .box-l {
        width: 100%;
        margin-bottom: 3vw
    }

    #pick .system-list > li .box-r {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    #pick .system-list > li .box-r .photo-list {
        margin-bottom: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #pick .system-list > li .box-r .photo-list li {
        width: 30%;
        margin-right: 5%;
        padding: 0;
    }

    #pick .system-list > li .box-r .photo-list li:nth-child(3n) {
        margin-right: 0px;
    }

    #pick .system-list > li .fit img:hover {
        opacity: 1;
    }

    #pick .system-list .btn {
        text-align: right;
    }

    #pick .system-pic {
        width: 100%;
        height: 50vw;
        overflow: hidden;
        text-align: center;
    }

    #pick .system-pic img {
        width: 100%;
        height: 50vw;
    }

    #pick .system-date {
        font-size: 1em;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #a0a0a0;
    }

    #pick .system-ttl-01 {
        font-size: 1em;
        margin-bottom: 3vw;
        line-height: 1.4;
        letter-spacing: 0.05em;
    }

    #pick .system-pic02 {
        max-width: 150%;
        height: 20vw;
        overflow: hidden;
        text-align: center;
    }

    #pick .system-pic02 img {
        width: 100%;
        height: 20vw;
    }

    #pick .system-contents {
        margin-bottom: 30px;
    }

    #pick .system-contents-inner {
        background: #fff;
        padding: 5vw;
        border: 1px solid #221815;
    }

    #pick .system-contents .system-ttl {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
    }

    #pick .system-contents .system-date {
        font-size: 1em;
        display: block;
        margin-bottom: 3vw;
    }

    #pick .system-contents .system-category {
        margin-bottom: 2vw;
        font-size: 0.75em;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 20%;
        float: left;
        margin-right: 2px;
    }

    #pick .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 3vw;
    }

    #pick .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 50vw;
        width: auto;
        max-height: auto;
    }

    #pick .system-gallery h3 {
        text-transform: uppercase;
    }

    #pick .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;
    }

    #pick .gallery-list li {
        width: 23.5%;
        position: relative;
        margin: 0 2% 25px 0;
        font-size: 0.75em;
        line-height: 1.4;
        text-align: left;
    }

    #pick .gallery-list li:nth-of-type(4n) {
        margin-right: 0;
    }

    #pick .gallery-list li a:hover {
        text-decoration: none;
    }

    #pick .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 20vw;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
        position: relative;
    }

    #pick .gallery-list li .system-Frame::after {
        content: url(../images/common/icon_plus.jpg);
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 30px;
        height: 30px;
    }

    #pick .gallery-list li .system-Frame img {
        width: 100%;
        height: 20vw;
    }

    #pick-list .inner {
        width: 95%;
        margin: 0 auto;
    }

    #pick-dl .inner {
        width: 95%;
        margin: 0 auto;
    }

    #pick .recommend-ttl {
        text-align: center;
        margin-bottom: 5vw;
        padding-top: 5vw;
        color: #000;
        font-weight: bold;
        font-size: 5vw;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    }

    #pick .inc-list {
        width: 90vw;
        margin: 0 auto;
    }

    #pick .inc-list .system-list02 {
        margin-bottom: 5vw;
        overflow: hidden;
    }

    #pick .inc-list .system-list02 li {
        width: 43vw;
        margin-right: 4vw;
        margin-bottom: 5vw;
        float: left;
    }

    #pick .inc-list .system-list02 li:nth-child(2n) {
        margin-right: 0;
    }

    #pick .inc-list .system-list02 .pic {
        width: 100%;
        height: 30vw;
        overflow: hidden;
        text-align: center;
        margin-bottom: 5px;
    }

    #pick .inc-list .system-list02 .pic img {
        max-width: 100%;
        height: 30vw;
    }

    #pick .fit img {
        object-fit: cover;
        font-family: "object-fit: cover;";
    }

    #pick .inc-list .system-list02 .abs-ttl {
        font-size: 3.6vw;
        line-height: 1.5;
        color: #666;
    }

    #pick .bottom-bnr {
        width: 900px;
        margin: 0 auto;
    }

    #pick .bottom-bnr ul {
        overflow: hidden;
    }

    #pick .bottom-bnr ul li {
        float: left;
    }

    #pick .bottom-bnr ul li:nth-child(2) {
        float: right;
    }

    /* voice -------------------------------------*/
    #voice .system-list {
        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%;
    }

    #voice .system-list li:nth-child(2n) {
        margin-right: 0
    }

    #voice .system-list li a:hover {
        text-decoration: none;
    }

    #voice .system-list .voice-btn {
        text-align: left;
        font-size: 4vw;
        letter-spacing: 1vw
    }

    #voice .system-list02 {
        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%;
    }

    #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: 1.2rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3%;
    }

    #voice .system-list02 .btn::after {
        content: ' >';
    }

    #voice .system-pic {
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8%;
    }

    #voice .system-pic img {
        width: 100%;
        height: 31vw !important;
    }

    #voice .system-date {
        font-size: 1.2rem;
        margin-bottom: 5%;
    }

    #voice .system-name {
        font-size: 1.2rem;
        margin-bottom: 5%;
    }

    #voice .system-ttl-01 {
        font-size: 1.4rem;
        margin-bottom: 5%;
        line-height: 1.6;
        font-weight: bold;
    }

    #voice .system-category-set {
        margin-bottom: 8%;
        margin-top: -8%;
    }

    #voice .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #voice .serchcategory {
        margin: 0 3% 10%;
    }

    #voice .serchcategory .icon {
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 3%;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 4.5% 3%;
    }

    #voice .icon01 {
        background: #000;
    }

    #voice .icon02 {
        background: #111;
    }

    #voice .icon03 {
        background: #222;
    }

    #voice .icon04 {
        background: #333;
    }

    #voice .icon05 {
        background: #444;
    }

    #voice .icon06 {
        background: #555;
    }

    #voice .system-coment {
        margin-bottom: 5%;
    }

    #voice .system-contents {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #voice .system-contents-inner {
        padding: 5% 3%;
    }

    #voice .system-contents .system-date {
        font-size: 1.2rem;
        margin-bottom: 5%;
        display: block;
        line-height: 1.4;
    }

    #voice .system-contents .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        padding: 4% 3% 0;
        width: 100%;
    }

    #voice .system-contents .system-category-set {
        margin-bottom: 5%;
        margin-top: 0;
    }

    #voice .system-contents .system-ttl {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 5%;
        padding-bottom: 3%;
        border-bottom: 1px #ccc solid;
        line-height: 1.6;
    }

    #voice .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 3%;
    }

    #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: 1.2rem;
        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;
    }

    /* modelhouse -------------------------------------*/
    #modelhouse .system-list {
        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;
    }

    #modelhouse .system-list li {
        position: relative;
        line-height: 1.4;
        width: 49%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 5%;
        padding: 2% 2% 2rem;
    }

    #modelhouse .system-list li:nth-child(2n) {
        margin-right: 0
    }

    #modelhouse .system-list li a:hover {
        text-decoration: none;
    }

    #modelhouse .system-list .btn {
        text-align: center;
        background: #333;
        color: #fff;
        font-size: 1.2rem;
        position: absolute;
        bottom: -1%;
        left: 0;
        width: 100%;
        padding: 3%;
    }

    #modelhouse .system-list .btn::after {
        content: ' >';
    }

    #modelhouse .system-pic {
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 5%
    }

    #modelhouse .system-pic img {
        width: 100%;
        height: 120px;
    }

    #modelhouse .system-date {
        font-size: 1.2em;
        margin-bottom: 5%;
    }

    #modelhouse .system-name {
        font-size: 0.8em;
        margin-bottom: 5%;
    }

    #modelhouse .system-ttl-01 {
        font-size: 1.2rem;
        margin-bottom: 3%;
    }

    #modelhouse .system-txt {
        font-size: 1.4rem;
        margin-bottom: 10%;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse .system-category-set {
        margin-bottom: 8%;
    }

    #modelhouse .system-category {
        margin-bottom: 1px;
        font-size: 0.7rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #modelhouse .serchcategory {
        margin: 0 3% 10%;
    }

    #modelhouse .serchcategory .icon {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 0.7rem;
        color: #fff;
        text-align: center;
        padding: 20px 12px;
    }

    #modelhouse .system-coment {
        margin-bottom: 5%;
    }

    #modelhouse .system-contents {
        padding: 2%;
        margin-bottom: 5%;
    }

    #modelhouse .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #modelhouse .system-contents .system-date {
        font-size: 1.2rem;
        margin-bottom: 3%;
        display: block;
        line-height: 1.4;
    }

    #modelhouse .system-contents .system-category {
        margin-bottom: 1px;
        font-size: 1.1rem;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 100%;
    }

    #modelhouse .system-contents .system-category-set {
        margin-bottom: 5%;
    }

    #modelhouse .system-contents .system-ttl {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 3%;
        padding-bottom: 3%;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
    }

    #modelhouse .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 8%;
    }

    #modelhouse .system-contents .system-i-pic img {
        max-width: 100%;
    }

    #modelhouse .system-gallery {
        padding: 5% 3%;
    }

    #modelhouse .system-gallery h3 {
        text-transform: uppercase;
    }

    #modelhouse .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;
    }

    #modelhouse .gallery-list li {
        width: 33%;
        position: relative;
        margin: 0 0.5% 8% 0;
        font-size: 0.7rem;
        line-height: 1.4;
    }

    #modelhouse .gallery-list li:nth-of-type(3n) {
        margin-right: 0;
    }

    #modelhouse .gallery-list li a:hover {
        text-decoration: none;
    }

    #modelhouse .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 90px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
    }

    #modelhouse .gallery-list li .system-Frame::after {
        content: none;
    }

    #modelhouse .gallery-list li .system-Frame img {
        width: 100%;
        height: 90px;
    }

    #modelhouse .system-contents #googlemaps {
        height: 300px;
        border: 1px solid #dcdddd;
    }

    /* real_estate -------------------------------------*/
    #real_estate .system-list {
        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% 2rem;
    }

    #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: #fff;
        color: #494949;
        font-size: 1rem;
        border: 2px solid #494949;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1%;
    }

    #real_estate .system-list .btn::after {
        content: ' >';
    }

    #real_estate .system-pic {
        width: 100%;
        height: 120px;
        overflow: hidden;
        text-align: center;
    }

    #real_estate .system-pic img {
        max-width: 100%;
        max-height: 120px;
        width: auto;
        height: auto;
    }

    #real_estate .system-date {
        font-size: 0.7rem;
        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: 1.4rem;
        margin-bottom: 0%;
        line-height: 1.4;
    }

    #real_estate .system-coment {
        font-size: 0.8rem;
        margin-bottom: 5%;
        line-height: 1.4;
        word-break: break-all;
    }

    #real_estate .system-coment span {
        font-size: 1.1rem;
        font-weight: bold;
    }

    #real_estate .system-ttl-01 {
        font-size: 1.2rem;
        line-height: 1.4;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    #real_estate .system-category-set {
        margin-bottom: 8%;
    }

    #real_estate .system-category {
        margin-bottom: 1px;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #real_estate .serchcategory {
        margin: 0 3% 10%;
    }

    #real_estate .serchcategory .icon {
        display: inline-block;
        margin-bottom: 3vw;
        font-size: 1.2rem;
        text-align: center;
        padding: 3vw;
    }

    #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 .system-icon02 span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    #real_estate .system-icon02 span.icon02-01 {
        width: 30%
    }

    #real_estate .system-icon02 span.icon02-01 img {
        width: 100%
    }

    #real_estate .system-contents {
        padding: 4% 2%;
        margin-bottom: 10%;
        position: relative;
    }

    #real_estate .system-contents-inner {
        background: #fff;
        padding: 10% 3%;
    }

    #real_estate .system-contents .system-date {
        font-size: 0.7rem;
        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: 1.4rem;
        text-align: center;
        padding: 3vw;
        width: 100%;
    }

    #real_estate .system-contents .system-category-set {
        margin-bottom: 5%;
    }

    #real_estate .system-contents .system-ttl {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 3%;
        line-height: 1.4;
    }

    #real_estate .system-contents .system-price {
        font-size: 1rem;
        line-height: 1.4;
        word-break: break-all;
    }

    #real_estate .system-contents .system-price span {
        font-size: 1.75rem;
        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 {
        padding: 5% 3%;
        margin-bottom: 7%;
    }

    #real_estate .system-gallery h3 {
        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: 33%;
        position: relative;
        margin: 0 0.5% 8% 0;
        font-size: 0.7rem;
        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: 8px;
    }

    #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: 0 auto 10%;
        font-size: 1rem;
        line-height: 1.6;
        width: 100%;
    }

    #real_estate table.system-details tr {
        width: 100%;
        display: inline-block;
    }

    #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;
        font-size: 1.2rem;
    }

    #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;
        font-size: 1.2rem;
    }

    #real_estate table.system-details td img {
        max-width: 100%;
        height: auto;
    }

    #real_estate .system-contents #googlemaps {
        height: 300px;
        border: 1px solid #dcdddd;
    }

    /* blog -------------------------------------*/
    /*patern1*/
    #blog .mainContents .system-list {
        margin-top: 20%;
        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: 0.8rem;
        line-height: 1.4;
        margin-bottom: 2%
    }

    #blog .mainContents .system-list .system-ttl-01 {
        font-size: 1rem;
        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: 1px;
        margin-right: 1px;
        font-size: 0.6rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 3px;
        background: #ccc;
    }

    /*patern2*/
    #blog .mainContents .system-list2 {
        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: 22%;
        float: left;
        margin-right: 4%
    }

    #blog .mainContents .system-list2 .system-pic img {
        max-width: 100%;
        height: auto;
    }

    #blog .mainContents .system-list2 .system-date {
        width: 73%;
        float: right;
        font-size: 1.2rem;
        line-height: 1.4;
        margin-bottom: 2%
    }

    #blog .mainContents .system-list2 .system-ttl-01 {
        width: 73%;
        float: right;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 2%;
    }

    #blog .mainContents .system-list2 .system-category-set {
        width: 73%;
        float: right;
        margin-bottom: 3%;
        overflow: hidden;
    }

    #blog .mainContents .system-list2 .system-category {
        float: left;
        width: 49%;
        margin-bottom: 1px;
        margin-right: 1px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 1vw;
        background: #333333;
    }

    #blog .mainContents .system-list2 .system-contributor {
        width: 73%;
        float: right;
        color: #bbb;
        font-size: 0.7rem;
        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 {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #blog .mainContents .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #blog .mainContents .system-contents .system-date {
        font-size: 1.4rem;
        margin-bottom: 1%;
        display: block;
    }

    #blog .mainContents .system-contents .system-category-set {
        width: 100%;
        margin-bottom: 5%;
        overflow: hidden;
    }

    #blog .mainContents .system-contents .system-category {
        float: left;
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 100%;
        margin-bottom: 4vw;
        margin-right: 1px;
        background: #333333;
    }

    #blog .mainContents .system-contents .system-ttl {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 5%;
        padding-bottom: 3%;
        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: 0.8rem;
        margin-bottom: 5%;
        text-align: right;
    }

    /* column -------------------------------------*/
    /*patern1*/
    #column .mainContents .system-list {
        margin-top: 20%;
        background: #eeefef;
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #column .mainContents .system-list-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #column .mainContents .system-list li {
        overflow: hidden;
        line-height: 1.4;
        margin-bottom: 5%;
        border-bottom: 1px dotted #b2b2b2;
        padding: 0 0 5%;
    }

    #column .mainContents .system-list li a:hover {
        text-decoration: none;
    }

    #column .mainContents .system-list .system-date {
        font-size: 0.8rem;
        line-height: 1.4;
        margin-bottom: 2%
    }

    #column .mainContents .system-list .system-ttl-01 {
        font-size: 1rem;
        line-height: 1.6;
    }

    #column .mainContents .system-list .system-category-set {
        margin-bottom: 2%;
        overflow: hidden;
    }

    #column .mainContents .system-list .system-category {
        float: left;
        width: 49%;
        margin-bottom: 1px;
        margin-right: 1px;
        font-size: 0.6rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 3px;
        background: #ccc;
    }

    /*patern2*/
    #column .mainContents .system-list2 {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #column .mainContents .system-list-inner2 {
        background: #fff;
        padding: 5% 3%;
    }

    #column .mainContents .system-list2 li {
        overflow: hidden;
        line-height: 1.4;
        margin-bottom: 5%;
        border-bottom: 1px dotted #b2b2b2;
        padding: 0 0 5%;
    }

    #column .mainContents .system-list2 li a:hover {
        text-decoration: none;
    }

    #column .mainContents .system-list2 .system-pic {
        width: 22%;
        float: left;
        margin-right: 4%
    }

    #column .mainContents .system-list2 .system-pic img {
        max-width: 100%;
        height: auto;
    }

    #column .mainContents .system-list2 .system-date {
        width: 73%;
        float: right;
        font-size: 1.2rem;
        line-height: 1.4;
        margin-bottom: 2%
    }

    #column .mainContents .system-list2 .system-ttl-01 {
        width: 73%;
        float: right;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 2%;
    }

    #column .mainContents .system-list2 .system-category-set {
        width: 73%;
        float: right;
        margin-bottom: 3%;
        overflow: hidden;
    }

    #column .mainContents .system-list2 .system-category {
        float: left;
        width: 49%;
        margin-bottom: 1px;
        margin-right: 1px;
        font-size: 1.2rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 1vw;
        background: #333333;
    }

    #column .mainContents .system-list2 .system-contributor {
        width: 73%;
        float: right;
        color: #bbb;
        font-size: 0.7rem;
        text-align: right;
    }

    /**/
    #column .mainContents .blog-icon01 {
        background: #000 !important;
    }

    #column .mainContents .blog-icon02 {
        background: #111 !important;
    }

    #column .mainContents .blog-icon03 {
        background: #222 !important;
    }

    #column .mainContents .blog-icon04 {
        background: #333 !important;
    }

    #column .mainContents .blog-icon05 {
        background: #444 !important;
    }

    #column .mainContents .blog-icon06 {
        background: #555 !important;
    }

    #column .mainContents .system-contents {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #column .mainContents .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #column .mainContents .system-contents .system-date {
        font-size: 1.4rem;
        margin-bottom: 1%;
        display: block;
    }

    #column .mainContents .system-contents .system-category-set {
        width: 100%;
        margin-bottom: 5%;
        overflow: hidden;
    }

    #column .mainContents .system-contents .system-category {
        float: left;
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 100%;
        margin-bottom: 4vw;
        margin-right: 1px;
        background: #333333;
    }

    #column .mainContents .system-contents .system-ttl {
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 5%;
        padding-bottom: 3%;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
    }

    #column .mainContents .system-contents .footInfo {
        margin-top: 10%;
        padding-top: 5%;
        border-top: 1px dotted #ccc;
    }

    #column .mainContents .system-contents .system-contributor {
        font-size: 0.8rem;
        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: 1.2rem;
        display: block;
        margin-bottom: 3%;
        letter-spacing: 1px;
        color: #ccc;
    }

    aside.sidebar .aside-blog-ttl span.jp {
        font-size: 1.6rem;
        font-weight: bold;
    }

    aside.sidebar .list-block {}

    aside.sidebar .list-block ul {
        height: 50vw;
        overflow-x: hidden;
    }

    aside.sidebar .list-block ul.height {
        height: 90vw;
    }

    aside.sidebar a {
        line-height: 1.6;
        font-size: 1.2rem;
        border-bottom: 1px dotted #ddd;
        padding-bottom: 5%;
        margin-bottom: 5% !important;
    }

    /* topics -------------------------------------*/
    #topics .system-list {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 5vw;
    }

    #topics .system-list-inner {
        background: #fff;
        padding: 3vw;
    }

    #topics .system-list li {
        overflow: hidden;
        line-height: 1.4;
        margin-bottom: 3vw;
        border-bottom: 1px dotted #b2b2b2;
        padding: 0 0 3vw;
    }

    #topics .system-list li a:hover {
        text-decoration: none;
    }

    #topics .system-list .system-pic {
        width: 40%;
        height: auto;
        float: left;
    }

    #topics .system-list .system-pic img {
        max-width: 100%;
        height: auto;
    }

    #topics .system-list .system-date {
        width: 58%;
        margin-bottom: 10px;
        float: right;
        font-size: 3.6vw;
        line-height: 1.4;
        color: #494949;
    }

    #topics .system-list .system-ttl-01 {
        width: 58%;
        float: right;
        font-size: 1.2rem;
        line-height: 1.6;
        margin-bottom: 3vw;
        color: #494949;
    }

    #topics .system-list .system-contributor {
        width: 58%;
        float: right;
        color: #bbb;
        font-size: 0.75em;
        text-align: right;
    }

    #topics .system-contents {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 3vw;
    }

    #topics .system-contents-inner {
        background: #fff;
        padding: 5vw;
    }

    #topics .system-contents .system-date {
        font-size: 4vw;
        padding-top: 20px;
        margin-bottom: 10px;
        line-height: 1.4;
        color: #494949;
    }

    #topics .system-contents .system-ttl {
        font-size: 2rem;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #topics .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 20px;
    }

    #topics .system-contents .system-i-pic img {
        max-width: 100%;
        max-height: 900px;
        width: auto;
        max-height: auto;
    }

    /* staff -------------------------------------*/
    #staff .system-list {
        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%;
    }

    #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: 1.2rem;
        position: absolute;
        bottom: 3%;
        left: 3%;
        width: 95%;
        padding: 4% 3%;
    }

    #staff .system-list .btn::after {
        content: ' >';
    }

    #staff .system-pic {
        width: 100%;
        height: 35vw;
        overflow: hidden;
        text-align: center;
        margin-bottom: 6%;
    }

    #staff .system-pic img {
        width: 100%;
        height: 35vw;
    }

    #staff .system-job {
        font-size: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
        text-align: center;
    }

    #staff .system-name {
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 5%;
        line-height: 1.6;
        text-align: center;
    }

    #staff .system-kana {
        font-size: 1.2rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #staff .system-contents .staff-youtube {
        margin: 7vw 0 7vw 0;
    }

    #staff .system-contents .staff-youtube iframe {
        width: 100%;
        height: 50vw;
    }

    #staff .system-contents {
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #staff .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #staff .system-contents .system-ttl {
        font-size: 1.6rem;
        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.6vw;
        margin-bottom: 2vw;
        display: inline-block;
        color: #fff;
        background-color: #000;
        padding: 1vw 2vw;
    }

    #staff .system-contents .system-name {
        font-size: 2rem;
        margin-bottom: 5%;
        padding-bottom: 5%;
    }

    #staff .system-contents .system-kana {
        font-size: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
    }

    #staff .system-contents .system-comment {
        font-size: 1.4rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #staff .system-contents .comment-bx {
        margin-bottom: 0%;
    }

    #staff .system-contents .comment-bx table {}

    #staff .system-contents .comment-bx tbody {}

    #staff .system-contents .comment-bx tr {}

    #staff .system-contents .comment-bx th {
        width: 30%;
        font-size: 1.2rem;
        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: 1.2rem;
        border: 1px solid #ccc;
        padding: 3%;
        vertical-align: middle;
    }

    #staff .system-contents .system-i-pic {
        width: 100%;
        text-align: center;
        margin: 0 auto 5%;
        -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: 1.4rem;
        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: 1.6rem;
        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: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
    }

    #staff .system-contents1 .system-name {
        font-size: 1.6rem;
        margin-bottom: 5%;
        line-height: 1.6;
        padding-bottom: 3%;
        border-bottom: 1px solid #ccc;
    }

    #staff .system-contents1 .system-kana {
        font-size: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
    }

    #staff .system-contents1 .system-comment {
        font-size: 1.4rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #staff .system-contents1 .comment-bx {}

    #staff .system-contents1 .comment-bx table {}

    #staff .system-contents1 .comment-bx tbody {}

    #staff .system-contents1 .comment-bx tr {}

    #staff .system-contents1 .comment-bx th {
        width: 30%;
        font-size: 1.2rem;
        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: 1.2rem;
        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: 1.4rem;
        color: #959595;
        font-weight: bold;
        background: #f1f1f1;
    }

    #staff .system-contents2 {
        background: #eeefef;
        padding: 4% 2%;
        margin-bottom: 10%;
    }

    #staff .system-contents2-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #staff .system-contents2 .system-ttl {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 8%;
        padding-bottom: 8%;
        border-bottom: 1px #ccc solid;
        line-height: 1.4;
    }

    #staff .system-contents2 .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-contents2 .system-info {
        width: 100%;
    }

    #staff .system-contents2 .system-job {
        font-size: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
    }

    #staff .system-contents2 .system-name {
        font-size: 1.6rem;
        margin-bottom: 5%;
        line-height: 1.6;
        padding-bottom: 3%;
        border-bottom: 1px solid #ccc;
    }

    #staff .system-contents2 .system-kana {
        font-size: 1.2rem;
        margin-bottom: 3%;
        line-height: 1.6;
    }

    #staff .system-contents2 .system-comment {
        font-size: 1.4rem;
        margin-bottom: 5%;
        line-height: 1.6;
    }

    #staff .system-contents2 .system-r_name {
        text-align: center;
        font-size: 6vw;
        font-weight: bold;
        color: #959595;
    }

    #staff .system-contents2 .comment-bx {}

    #staff .system-contents2 .comment-bx table {}

    #staff .system-contents2 .comment-bx tbody {}

    #staff .system-contents2 .comment-bx tr {}

    #staff .system-contents2 .comment-bx th {
        width: 30%;
        font-size: 1.2rem;
        letter-spacing: 1px;
        border: 1px solid #ccc;
        padding: 3%;
        background: #949494;
        color: #fff;
        vertical-align: middle;
        text-align: left;
    }

    #staff .system-contents2 .comment-bx td {
        width: 55%;
        font-size: 1.2rem;
        border: 1px solid #ccc;
        padding: 3%;
        vertical-align: middle;
    }

    #staff .system-contents2 .system-i-pic {
        width: 100%;
        text-align: center;
        margin: 0 auto 3%;
        -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-contents2 .system-i-pic img {
        max-width: 100%;
        max-height: 60vw;
        width: auto;
        height: auto;
        margin-bottom: 3%;
    }

    #staff .system-contents2 .wys-ttl {
        width: 100%;
        margin: 3% auto;
        padding: 3%;
        font-size: 1.4rem;
        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: 1.2rem;
        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;
    }

    /* 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: 1.2rem;
        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: 1.4rem;
        line-height: 1.6;
    }

    .form-Box tr {
        margin-bottom: 0 !important
    }

    .form-Box th {
        border: 2px solid #fff;
        text-align: left;
        width: 100%;
        background-color: #E5E5E5;
        padding: 3%;
        vertical-align: top;
    }

    .form-Box td {
        border: 2px solid #fff;
        border-bottom: 0;
        text-align: left;
        width: 100%;
        background-color: #F8F8F8;
        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%; */
        width: 50%;
    }

    .form-Box textarea {
        font-size: 16px;
        line-height: 1.6;
        min-height: 120px;
    }

    .form-Box select {
        font-size: 1.4rem;
        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;
    }

    .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: 1.3rem;
        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: 1.8rem;
        color: #9a8c52;
        font-weight: bold;
    }

    /* modelhouse_new -------------------------------------*/
    #modelhouse_new .system-list {
        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;
    }

    #modelhouse_new .system-list li {
        position: relative;
        line-height: 1.4;
        width: 95%;
        margin: 0 auto 15%;
        background: #fff;
        position: relative;
    }

    #modelhouse_new .system-list li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .system-list .btn {
        text-align: center;
        font-size: 3.6vw;
        width: 100%;
        padding: 3%;
        border: 1px solid #000;
    }

    #modelhouse_new .system-list .btn::after {
        content: ' >';
    }

    #modelhouse_new .pic-bx {
        min-height: 45vw;
        margin: 0 auto 5%;
    }

    #modelhouse_new .system-pic1 {
        width: 50%;
        height: 45vw;
        margin-right: 2%;
        overflow: hidden;
        text-align: center;
        float: left;
    }

    #modelhouse_new .system-pic1 img {
        width: 100%;
        height: 45vw;
    }

    #modelhouse_new .system-pic2 {
        width: 48%;
        height: 45vw;
        overflow: hidden;
        text-align: center;
        float: right;
    }

    #modelhouse_new .system-pic2 img {
        width: 100%;
        height: 45vw;
    }

    #modelhouse_new .system-date {
        font-size: 1.2em;
        margin-bottom: 5%;
    }

    #modelhouse_new .system-name {
        font-size: 0.8em;
        margin-bottom: 5%;
    }

    #modelhouse_new .system-ttl-01 {
        font-size: 4.6vw;
        margin-bottom: 3%;
        font-weight: bold;
    }

    #modelhouse_new .system-ttl-02 {
        font-size: 3.6vw;
        margin-bottom: 15%;
        font-weight: bold;
    }

    #modelhouse_new .system-txt {
        font-size: 1.4rem;
        margin-bottom: 10%;
        line-height: 1.4;
        color: #494949;
        font-weight: bold;
    }

    #modelhouse_new .system-category-set {
        margin-bottom: 8%;
    }

    #modelhouse_new .system-category {
        margin-bottom: 1px;
        font-size: 0.7rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 8px;
        background-color: #ccc;
    }

    #modelhouse_new .serchcategory {
        margin: 0 3% 10%;
    }

    #modelhouse_new .serchcategory .icon {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 0.7rem;
        color: #fff;
        text-align: center;
        padding: 20px 12px;
    }

    #modelhouse_new .system-coment {
        margin-bottom: 5%;
    }

    #modelhouse_new .system-contents {
        padding: 2%;
        margin-bottom: 5%;
    }

    #modelhouse_new .system-contents-inner {
        background: #fff;
        padding: 5% 3%;
    }

    #modelhouse_new .system-contents .system-date {
        font-size: 1.2rem;
        margin-bottom: 3%;
        display: block;
        line-height: 1.4;
    }

    #modelhouse_new .system-contents .system-category {
        margin-bottom: 1px;
        font-size: 1.1rem;
        color: #fff;
        text-align: center;
        padding: 8px;
        width: 100%;
    }

    #modelhouse_new .system-contents .system-category-set {
        margin-bottom: 5%;
    }

    #modelhouse_new .system-contents .system-ttl {
        font-size: 4.6vw;
        font-weight: bold;
        margin-bottom: 1vw;
        line-height: 1.4;
    }

    #modelhouse_new .system-contents .system-i-pic {
        text-align: center;
        margin-bottom: 8%;
    }

    #modelhouse_new .system-contents .system-i-pic img {
        max-width: 100%;
    }

    #modelhouse_new .system-gallery {}

    #modelhouse_new .system-gallery h3 {
        text-transform: uppercase;
    }

    #modelhouse_new .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;
    }

    #modelhouse_new .gallery-list li {
        width: 33%;
        position: relative;
        margin: 0 0.5% 8% 0;
        font-size: 0.7rem;
        line-height: 1.4;
    }

    #modelhouse_new .gallery-list li:nth-of-type(3n) {
        margin-right: 0;
    }

    #modelhouse_new .gallery-list li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .gallery-list li .system-Frame {
        display: block;
        width: 100%;
        height: 90px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 8px;
    }

    #modelhouse_new .gallery-list li .system-Frame::after {
        content: none;
    }

    #modelhouse_new .gallery-list li .system-Frame img {
        width: 100%;
        height: 90px;
    }

    #modelhouse_new .gallery-list1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #modelhouse_new .gallery-list1 li {
        width: 49%;
        position: relative;
        margin: 0 2% 2% 0;
        font-size: 0.7rem;
        line-height: 1.4;
    }

    #modelhouse_new .gallery-list1 li:nth-of-type(2n) {
        margin-right: 0;
    }

    #modelhouse_new .gallery-list1 li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .gallery-list1 li .system-Frame {
        display: block;
        width: 100%;
        height: 22vw;
        overflow: hidden;
        text-align: center;
    }

    #modelhouse_new .gallery-list1 li .system-Frame::after {
        content: none;
    }

    #modelhouse_new .gallery-list1 li .system-Frame img {
        width: 100%;
        height: 22vw;
    }

    #modelhouse_new .system-contents #googlemaps {
        height: 300px;
        border: 1px solid #dcdddd;
    }

    #modelhouse_new .system-gallery02 {
        margin-bottom: -3%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #modelhouse_new .system-gallery02 li {
        width: 100%;
        margin-bottom: 10%;
        position: relative;
    }

    #modelhouse_new .system-gallery02 li:nth-child(1)::before {
        content: "POINT1";
        width: 20vw;
        height: 20vw;
        position: absolute;
        top: -6vw;
        left: 0;
        color: #000000;
        font-size: 3.6vw;
    }

    #modelhouse_new .system-gallery02 li:nth-child(2)::before {
        content: "POINT2";
        width: 20vw;
        height: 20vw;
        position: absolute;
        top: -6vw;
        left: 0;
        color: #000000;
        font-size: 3.6vw;
    }

    #modelhouse_new .system-gallery02 li:nth-child(3)::before {
        content: "POINT3";
        width: 20vw;
        height: 20vw;
        position: absolute;
        top: -6vw;
        left: 0;
        color: #000000;
        font-size: 3.6vw;
    }

    #modelhouse_new .system-gallery02 li:nth-child(3n) {
        margin-right: 0px;
    }

    #modelhouse_new .system-gallery02 li:nth-child(n+4) {
        display: none;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-pic-box {
        width: 55%;
        float: left;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-pic-box img {
        width: 100%;
        height: 35vw;
    }

    #modelhouse_new .system-gallery02 .system-gallery02-txt2 {
        color: #000000;
        font-size: 3.6vw;
        letter-spacing: normal;
        width: 40%;
        float: right;
    }

    #modelhouse_new .system-list02 {
        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;
    }

    #modelhouse_new .system-list02 li {
        position: relative;
        line-height: 1.4;
        width: 49%;
        margin-right: 2%;
        background: #fff;
        position: relative;
        margin-bottom: 3%;
        padding: 2%;
    }

    #modelhouse_new .system-list02 li .pic {
        margin-bottom: 3%
    }

    #modelhouse_new .system-list02 li img {
        width: 100%;
        height: 100px;
    }

    #modelhouse_new .system-list02 li:nth-child(2n) {
        margin-right: 0
    }

    #modelhouse_new .system-list02 li a:hover {
        text-decoration: none;
    }

    #modelhouse_new .system-list02 .btn {
        text-align: center;
        background: #333;
        color: #fff;
        font-size: 1.2rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3%;
    }

    #modelhouse_new .system-list02 .btn::after {
        content: ' >';
    }

    #modelhouse_new .system-list02 .abs-ttl {
        font-size: 3.6vw;
        line-height: 1.5;
        color: #666;
        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;
    }
}

@media screen and (max-width: 380px) {
    #pick .system-pic {
        height: 230px;
    }

    #pick .system-pic img {
        height: 230px;
    }
}

@media screen and (max-width: 321px) {
    #pick .system-pic {
        height: 200px;
    }

    #pick .system-pic img {
        height: 200px;
    }