@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}
.seo_bread_list {color: #fff; position: relative; z-index: 1;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -81px auto 0; background: url(../images/used-house/main-bg.png) no-repeat top center; padding: 98px 0 137px;;}
#main-bx .bx .inner{width: 1000px; margin: 0 auto; position: relative;}
#main-bx .bx .inner::before{content: ""; width: 152px; height: 188px; margin: 0 auto; background: url(../images/used-house/main-icon.png) no-repeat top center; position: absolute; right: 18px; bottom: -137px;}
#main-bx .bx .inner .ttl1{font-size: 55px; letter-spacing: 2.2px; line-height: 1.45; font-weight: bold; color: #7D5F18; text-align: center; background: #fff; padding: 10px 0 10px; width: 672px; margin: 0 auto 50px;}
#main-bx .bx .inner .ttl1 span{font-size: 56px; letter-spacing: -5px;}
#main-bx .bx .inner .ttl2{font-size: 41px; letter-spacing: 1.8px; line-height: 1.5; font-weight: bold; color: #fff; text-align: center; margin-bottom: 35px;}
#main-bx .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.35; font-weight: 500; color: #fff; text-align: center; }


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/used-house/con1-bg.png) no-repeat top 98px center; padding: 195px 0 200px;}
#con1 .bx .inner{width: 1280px; margin: 0 auto -415px; }
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 35px;}
#con1 .bx .inner .in-inner{width: 680px; margin-left: auto; margin-right: 130px; margin-bottom: 220px;}
#con1 .bx .inner .in-inner .list{}
#con1 .bx .inner .in-inner .list li{font-size: 21px;letter-spacing: 2.2px;line-height: 1.62;font-weight: 700;background: url(../images/used-house/con1-li-icon.png) no-repeat top 23px left 32px #fff;width: 680px;margin-bottom: 20px;padding: 22px 0px 24px 90px;}
#con1 .bx .inner .in-inner .list li span{color: #C41729;}

#con1 .bx .inner .in-bx1{width: 1280px; margin: 0 auto; background: url(../images/used-house/con1-in-bx.png) no-repeat top center; padding: 12px 0 70px; position: relative; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 1100px; margin: 0 auto; }
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{text-align: center; margin-bottom: 50px; padding-right: 38px; margin-right: -30px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-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; justify-content: center;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li{width: 260px; margin-right: 20px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li:last-child{margin-right: 0;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li .in-img1{margin-bottom: 18px;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li .in-txt1{font-size: 15px; letter-spacing: 0.8px; line-height: 1.7; font-weight: 400;}


#con2 {}
#con2 .all-bx{background: #EAECEE; padding: 45px 0 100px;}

#con2 .bx{width: 100%; margin: 0 auto; padding: 293px 0 60px;;}
#con2 .bx .inner{width: 1100px; margin: 0 auto;}
#con2 .bx .inner .ttl{font-size: 71px; letter-spacing: 4px; line-height: 1.35; font-weight: 900; text-align: center; color: #7D5F18; margin-bottom: -5px;}
#con2 .bx .inner .ttl1{font-size: 38px; letter-spacing: 2px; line-height: 1.35; font-weight: bold; text-align: center; color: #1A1A1A; margin-bottom: 65px;}

#con2 .bx1{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 83.5%, transparent 83.5%); padding: 123px 0 63px;}
#con2 .bx1 .inner1{}
#con2 .bx1 .inner1 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx1 .inner1 .in-bx .in-inner{width: 467px; margin-left: auto; margin-right: 90px;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.3; font-weight: bold; color: #7D5F18; margin-bottom: 30px;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: -25px;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; width: 467px;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-txt1 span{margin-bottom: 36px; display: inline-block;}

#con2 .bx2{width: 100%; margin: 0 auto 70px; background: linear-gradient(to left, #ffffff 83.5%, transparent 83.5%); padding: 123px 0 130px;}
#con2 .bx2 .inner1{}
#con2 .bx2 .inner1 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx2 .inner1 .in-bx .in-inner{width: 567px; margin-right: auto; margin-left: 90px;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.3; font-weight: bold; color: #7D5F18; margin-bottom: 28px; }
#con2 .bx2 .inner1 .in-bx .in-inner .in-img1{position: absolute; right: 0; top: -55px;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; width: 450px;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-txt1 span{margin-bottom: 36px; display: inline-block;}

#con2 .bx3{width: 100%; margin: 0 auto 80px; background: linear-gradient(to right, #ffffff 83.5%, transparent 83.5%); padding: 123px 0 168px;}
#con2 .bx3 .inner1{}
#con2 .bx3 .inner1 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx3 .inner1 .in-bx .in-inner{width: 467px; margin-left: auto; margin-right: 90px;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.3; font-weight: bold; color: #7D5F18; margin-bottom: 25px;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-img1{position: absolute; left: 0; top: -45px;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; width: 467px;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-txt1 span{margin-bottom: 36px; display: inline-block;}

#con2 .bx4{width: 100%; margin: 0 auto 80px; background: linear-gradient(to left, #ffffff 83.5%, transparent 83.5%); padding: 123px 0 165px;}
#con2 .bx4 .inner1{}
#con2 .bx4 .inner1 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx4 .inner1 .in-bx .in-inner{width: 567px; margin-right: auto; margin-left: 90px;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.3; font-weight: bold; color: #7D5F18; margin-bottom: 28px; }
#con2 .bx4 .inner1 .in-bx .in-inner .in-img1{position: absolute; right: 0; top: -55px;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; width: 450px;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-txt1 span{margin-bottom: 36px; display: inline-block;}


.con2-last-bigimg {width: 100%; margin: 0 auto;}

.loop {
width: 100%;
height: 168px; /*画像の高さ等*/
background: url(../images/used-house/con2-big-img.png) repeat-x;
background-position: center;
animation: bgloop 30s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -1529px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



/* works */

#works {}
#works .bx{width: 1280px; margin: 0 auto 205px; padding: 123px 0 100px;}
#works .bx .ttl1{font-size: 48px; letter-spacing: 2.4px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 5px;}
#works .bx .txt1{font-size: 21px; letter-spacing: 1px; line-height: 1.6; font-weight: bold; text-align: center; color: #7D5F18; margin-bottom: 77px;}

#works .works-cate-select { display: none; }
#works .works-cate-list { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
#works .works-cate-list li.is-current a { background-color: #393939; color: #fff; }
#works .works-cate-list li a { min-width: 128px; text-align: center; border: 1px solid #000; padding: 3px 16px; margin-bottom: 8px; margin-right: 8px; display: block; font-size: 13px; }
#works .works-cate-list li a:hover { background-color: #000; color: #fff; text-decoration: none; }
#works .cate-name-ttl { font-size: 18px; margin-bottom: 12px; }
#works .cate-name-ttl .ss { color: #ff7500; margin-right: 8px; }
#works .system-default-list .system-default-item { background-color: #ffffff; position: relative; }
#works .system-default-list .system-cate { font-size: 14px; font-weight: 700; line-height: 1.71; z-index: 20; margin-bottom: 8px; }
#works .system-default-list .system-cate >span { border: 1px solid #1a1a1a; display: inline-block; padding: 5px 10px 5px; min-width: 163px; text-align: center; margin-right: 5px; margin-bottom: 5px; font-size: 12px; }
#works .system-default-list .system-cate >span:nth-child(2n) { margin-right: 0px; }
#works .system-default-list .system-pic { margin-bottom: 8px; }
#works .system-default-list .system-pic img { aspect-ratio: 19 / 15; max-width: 100%; }
#works .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 0px; }
#works .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
#works .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #A67C52; }
#works .system-default-list .sy-flex .sy-box-r { display: inline-block; }
#works .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #A67C52; }
#works .system-default-list .system-ttl { font-weight: bold; font-size: 20px; letter-spacing: 0.05em; line-height: 35px; text-align: left; color: #1a1a1a; }
#works .system-detail-inner .system-cate { font-size: 14px; font-weight: 700; line-height: 1.71; color: #1a1a1a; z-index: 20; margin-bottom: 6px; }
#works .system-detail-inner .system-cate >span { display: inline-block; padding: 5px 24px 5px; min-width: 165px; text-align: center; margin-right: 5px; margin-bottom: 5px; border: 1px solid #1a1a1a; font-size: 12px; }
#works .system-detail-inner .wysiwyg { margin-top: 48px; }
#works .system-detail-inner .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 32px; margin-top: -12px; }
#works .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
#works .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #A67C52; }
#works .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #A67C52; }
.system-default-list {
display: grid;
grid-template-columns: repeat(auto-fill, 280px);
justify-content: center!important;
row-gap: 32px;
column-gap: 32px;
max-width: 1200px;
margin: 0 auto 120px!important;
padding: 0;
}
#works .bx .btn{text-align: center;}

/* works end */



#con3 {}
#con3 .bx{width: 100%; height: 724px; margin: 0 auto 210px; background: #7D5F18; padding: 50px 0 90px;}
#con3 .bx .inner{width: 1200px; margin: 0 auto; padding: 93px 0 0; position: relative; top: -305px;}
#con3 .bx .inner .img{text-align: center; margin-bottom: -65px;}
#con3 .bx .inner .in-bx{width: 898px; margin: 0 auto; padding: 54px 0 40px; background: #fff; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx .ttl{font-size: 47px; letter-spacing: 2.6px; line-height: 1.25; font-weight: bold; text-align: center; margin-bottom: 23px; padding-left: 30px;}
#con3 .bx .inner .in-bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.5; font-weight: 500; text-align: center; margin-bottom: 10px;}
#con3 .bx .inner .in-bx .logo{text-align: center;}

.inc-bnr-list {justify-content: center;}
.inc-bnr-list li {margin-right: 50px!important;}
.inc-bnr-list li:last-child {margin-right: 0!important;}

}











@media screen and (max-width: 767px) {
main { font-weight: 500!important;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -8vw auto 0; background: url(../images/used-house/sp-main-bg.png) no-repeat top center; padding: 16vw 0 32vw; background-size: 100%;}
#main-bx .bx .inner{width: 90%; margin: 0 auto; position: relative;}
#main-bx .bx .inner::before{content: ""; width: 30vw; height: 43vw; margin: 0 auto; background: url(../images/used-house/sp-main-icon.png) no-repeat top center; position: absolute; right: 0vw; bottom: -41.1vw; background-size: 27vw;}
#main-bx .bx .inner .ttl1{font-size: 7.8vw; letter-spacing: 0.4vw; line-height: 1.5; font-weight: bold; color: #7D5F18; text-align: center; background: #fff; padding: 2.5vw 0 2vw; width: 100%; margin: 0 auto 11vw;}
#main-bx .bx .inner .ttl1 span{font-size: 8vw; letter-spacing: -1vw;}
#main-bx .bx .inner .ttl2{font-size: 5.2vw; letter-spacing: 0.4vw; line-height: 1.9; font-weight: bold; color: #fff; text-align: center; margin-bottom: 9vw; padding-left: 1vw;}
#main-bx .bx .inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.1; font-weight: 500; color: #fff; }


#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/used-house/sp-con1-bg.png) no-repeat top 5vw center; padding: 17vw 0 15vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto -15vw; }
#con1 .bx .inner .ttl1{width: 93%; margin: 0 auto 6vw;}
#con1 .bx .inner .in-inner{width: 92%; margin: 0 auto 20vw;}
#con1 .bx .inner .in-inner .list{}
#con1 .bx .inner .in-inner .list li{font-size: 4.2vw;letter-spacing: 0.4vw;line-height: 1.48;font-weight: 600;background: url(../images/used-house/sp-con1-li-icon.png) no-repeat top 5vw left 5vw #fff;width: 100%;margin-bottom: 2vw;padding: 4vw 0px 4vw 12vw;background-size: 5vw;}
#con1 .bx .inner .in-inner .list li span{color: #C41729;}

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto; background: url(../images/used-house/sp-con1-in-bx.png) no-repeat top center; padding: 0 0 20vw; position: relative; z-index: 1; background-size: 100%;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto; }
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{width: 100%; margin: 0 auto 6vw; padding-left: 4vw; padding-right: 3vw; position: relative; top: -2vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-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; justify-content: center;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li{width: 45vw; margin-right: 3vw; margin-bottom: 9vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li:nth-child(2n){margin-right: 0;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li:nth-child(n+3){margin-bottom: 0;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li .in-img1{width: 100%; margin: 0 auto 3.5vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .in-list li .in-txt1{font-size: 3.6vw; letter-spacing: 0; line-height: 1.75; font-weight: 400;}



#con2 {}
#con2 .all-bx{background: #EAECEE; padding: 5vw 0 11vw;}

#con2 .bx{width: 100%; margin: 0 auto; padding: 4vw 0 8vw;;}
#con2 .bx .inner{width: 90%; margin: 0 auto;}
#con2 .bx .inner .ttl{font-size: 14.5vw; letter-spacing: 0.5vw; line-height: 1.55; font-weight: 900; color: #7D5F18; text-align: center; margin-bottom: -2vw;}
#con2 .bx .inner .ttl1{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.45; font-weight: bold; text-align: center; margin-bottom: 4vw;}

#con2 .bx1{width: 90%; margin: 0 auto 5vw; background: #fff; padding: 6vw 0 1vw;}
#con2 .bx1 .inner1{}
#con2 .bx1 .inner1 .in-bx{width: 92%; margin: 0 auto; position: relative;}
#con2 .bx1 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-ttl1{font-size: 5.5vw; letter-spacing: 0.1vw; line-height: 1.55; font-weight: bold; color: #7D5F18; text-align: center; margin-bottom: 6vw;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con2 .bx1 .inner1 .in-bx .in-inner .in-txt1 span{}

#con2 .bx2{width: 90%; margin: 0 auto 5vw; background: #fff; padding: 6vw 0 3vw;}
#con2 .bx2 .inner1{}
#con2 .bx2 .inner1 .in-bx{width: 92%; margin: 0 auto; position: relative;}
#con2 .bx2 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-ttl1{font-size: 5.4vw; letter-spacing: 0.1vw; line-height: 1.55; font-weight: bold; color: #7D5F18; text-align: center; margin-bottom: 6vw;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2.15; font-weight: 500; margin-bottom: 3vw;}
#con2 .bx2 .inner1 .in-bx .in-inner .in-txt1 span{}

#con2 .bx3{width: 90%; margin: 0 auto 5vw; background: #fff; padding: 6vw 0 3vw;}
#con2 .bx3 .inner1{}
#con2 .bx3 .inner1 .in-bx{width: 92%; margin: 0 auto; position: relative;}
#con2 .bx3 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-ttl1{font-size: 5.4vw; letter-spacing: 0.1vw; line-height: 1.55; font-weight: bold; color: #7D5F18; text-align: center; margin-bottom: 6vw;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2.15; font-weight: 500; margin-bottom: 3vw;}
#con2 .bx3 .inner1 .in-bx .in-inner .in-txt1 span{}

#con2 .bx4{width: 90%; margin: 0 auto 9vw; background: #fff; padding: 6vw 0 2vw;}
#con2 .bx4 .inner1{}
#con2 .bx4 .inner1 .in-bx{width: 92%; margin: 0 auto; position: relative;}
#con2 .bx4 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-ttl1{font-size: 5.4vw; letter-spacing: 0.1vw; line-height: 1.55; font-weight: bold; color: #7D5F18; text-align: center; margin-bottom: 5vw;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con2 .bx4 .inner1 .in-bx .in-inner .in-txt1 span{}

.con2-last-bigimg {width: 100%; margin: 0 auto;}

.loop {
width: 200vw;
height: 22vw;
background: url(../images/used-house/sp-con2-big-img.png) repeat-x;
background-position: center;
background-size: 100%;
animation: bgloop 30s linear infinite;}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -200vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}



/* works */

#works {}
#works .bx{width: 100%; margin: 0 auto 37vw; padding: 15vw 0 10vw;}
#works .bx .ttl1{font-size: 3.8vw; letter-spacing: 0.4vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 3vw;}
#works .bx .ttl1 span{font-size: 6.9vw; }
#works .bx .txt1{font-size: 3.9vw; letter-spacing: 0.2vw; line-height: 1.4; font-weight: bold; text-align: center; color: #7D5F18; margin-bottom: 14vw;}

#works .system-default-list {width: 100%!important;margin: 0 auto 8vw!important;display: flex;flex-wrap: wrap;justify-content: center}
#works .system-default-list .system-default-item {width: 46vw !important;margin-right: 2.5vw !important;margin-bottom: 5vw !important;background-color: #ffffff;position: relative;}
#works .system-default-list .system-default-item:nth-child(2n) {margin-right: 0vw !important;}
#works .system-default-list .system-default-item:nth-child(n+5) {display: none!important;}

#works .works-cate-list { display: flex; flex-wrap: wrap; margin-bottom: 5.797vw; }
#works .works-cate-list li.is-current a { background-color: #393939; color: #fff; }
#works .works-cate-list li.interior.is-current a { background-color: #dbb11f; border: 1px solid #dbb11f; color: #fff; }
#works .works-cate-list li a { min-width: 100%; text-align: center; border: 1px solid #000; padding: 0.725vw 3.865vw; margin-bottom: 1.932vw; margin-right: 1.932vw; display: block; font-size: 3.14vw; }
#works .works-cate-list li a:hover { background-color: #000; color: #fff; text-decoration: none; }
#works .cate-name-ttl { font-size: 4.348vw; margin-bottom: 2.899vw; }
#works .cate-name-ttl .ss { color: #ff7500; margin-right: 1.932vw; }
#works .system-default-list { width: 390px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#works .system-default-list .system-default-item { width: 190px; margin-right: 10px; margin-bottom: 32px; background-color: #ffffff; position: relative; }
#works .system-default-list .system-default-item:nth-child(2n) { margin-right: 0px; }
#works .system-default-list .system-cate { top: 3.382vw; left: 3.382vw; font-size: 3.382vw; font-weight: 700; line-height: 1.34; letter-spacing: 0.242vw; z-index: 20; margin-bottom: 4px; }
#works .system-default-list .system-cate >span { display: inline-block; padding: 6px 3.382vw 8px; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.5vw; font-size: 12px; border: 1px solid #1a1a1a; width: 100%; }
#works .system-default-list .system-pic { margin-bottom: 2.174vw; }
#works .system-default-list .system-pic img { aspect-ratio: 19 / 15; max-width: 100%; height: auto; }
#works .system-default-list .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 3vw; }
#works .system-default-list .sy-flex .sy-box-l { display: block; margin-bottom: 0.966vw; }
#works .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #A67C52; }
#works .system-default-list .sy-flex .sy-box-r { display: block; }
#works .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #A67C52; }
#works .system-default-list .system-ttl { font-weight: bold; font-size: 16px; letter-spacing: 0.05em; line-height: 25px; text-align: left; color: #1a1a1a; }
#works .system-detail-inner .system-cate { font-size: 3.382vw; font-weight: 700; line-height: 1.71; z-index: 20; margin-bottom: 1.208vw; }
#works .system-detail-inner .system-cate >span { display: inline-block; padding: 1.208vw 8.454vw 1.208vw; min-width: 180px; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; border: 1px solid #1a1a1a; font-size: 12px; }
#works .system-detail-inner .system-cate >span:nth-child(2n) { margin-right: 0px; }
#works .system-detail-inner .wysiwyg { margin-top: 11.594vw; }
#works .system-detail-inner .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 5.797vw; margin-top: -2.899vw; }
#works .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 1.691vw; margin-bottom: 1.691vw; }
#works .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #A67C52; }
#works .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #A67C52; }
#works .works-cate-list { display: none; }
#works .works-cate-select { width: 82.126vw; margin: 0 auto; display: block; margin-bottom: 6.763vw; }
#works .works-cate-select select { width: 82.126vw; margin: 0 auto; padding: 2.899vw 1.932vw; font-size: 3.382vw; }
#works .cate-name-ttl { width: 82.126vw; margin: 0 auto; font-size: 3.865vw; margin-bottom: 1.932vw; }
#works .cate-name-ttl .ss { color: #ff7500; margin-right: 1.932vw; }
#works .BAslide .Before { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
#works .BAslide .After { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
#works .arrow { position: static !important; display: block; width: 0; margin: 3% auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); border: 20px solid transparent; border-right-width: 0; border-left-color: #ccc; }
#works .BAslide .bxslider img { width: auto; height: auto; max-height: 30vw; margin: 0 auto; }
#works .BAslide #bx-pager a, #works .BAslide #bx-pager02 a { display: inline-block; min-width: 8vw; margin-bottom: 1vw; padding: 0.5vw; text-align: center; border: 1px solid #ccc; }
#works .BAslide #bx-pager img, #works .BAslide #bx-pager02 img { max-height: 6vw; vertical-align: bottom; }
#works .BAslide .slider-before-nav > div, .BAslide .slider-after-nav > div { width: 13.527vw; height: 13.527vw; }
#works .BAslide .slider-before-nav, .BAslide .slider-after-nav { margin-left: 0.725vw; }


#works .bx .btn{width: 50vw; padding-left: 4vw;}

/* works end */



#con3 {}
#con3 .bx{width: 100%; height: 152vw; margin: 0 auto 29vw; background: #7D5F18; padding: 5vw 0 10vw;}
#con3 .bx .inner{width: 100%; margin: 0 auto; padding: 10vw 0 0; position: relative; top: -39vw;}
#con3 .bx .inner .img{width: 90%; margin: 0 auto 4vw;}
#con3 .bx .inner .in-bx{width: 100%; margin: 0 auto; padding: 12vw 0 8vw; background: #fff; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx .ttl{font-size: 6.6vw; letter-spacing: 0.5vw; line-height: 1.9; font-weight: bold; text-align: center; margin-bottom: 2vw; padding-left: 6vw;}
#con3 .bx .inner .in-bx .txt{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 2; font-weight: 500; margin-bottom: 6vw; padding: 0 10vw;}
#con3 .bx .inner .in-bx .logo{width: 15vw; margin: 0 auto; padding-right: 1vw;}

.inc-bnr-list li {margin-bottom: 18vw!important;}

}





@media screen and (min-width:768px) and ( max-width:1450px) {
#con2 .bx1{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 90px 0 148px;}
#con2 .bx2{width: 100%; margin: 0 auto 70px; background: linear-gradient(to left, #ffffff 98%, transparent 98%); padding: 90px 0 148px;}
#con2 .bx3{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 90px 0 218px;}
#con2 .bx4{width: 100%; margin: 0 auto 70px; background: linear-gradient(to left, #ffffff 98%, transparent 98%); padding: 90px 0 218px;}

}